:root {
--primary-color:rgb(0,76,148);
--primary-color:rgb(225,110,136);
--primary-color:rgb(182,176,0);
--blue-color:rgb(11,168,228);
--newblue-color:rgb(0,69,196);
--second-color:rgb(112,113,177);
--second-color:rgb(0,69,196);
--blue-light-color:rgb(41,199,255);
--dark-bg-color:rgb(10,10,10);
--dark-bg-color:rgb(10,12,35);
}
.line-clamp-1,
.line-clamp-2,
.line-clamp-3,
.line-clamp-4,
.line-clamp-5,
.line-clamp-6 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.line-clamp-1 {
  -webkit-line-clamp: 1;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  -webkit-line-clamp: 3;
}

.line-clamp-4 {
  -webkit-line-clamp: 4;
}

.line-clamp-5 {
  -webkit-line-clamp: 5;
}

.line-clamp-6 {
  -webkit-line-clamp: 6;
}
header
{
z-index:1000 !important;
}
.header-logo
{
width:200px !important;
max-width:200px !important;
margin-top:-30px;
}
.main-menu ul.nav li
{
margin:0px !important;
}
.main-menu ul.nav li a, .main-menu ul.nav li span
{
font-size:16px !important;
font-family:Poppins !important;
margin:0px !important;	
padding:0px 15px !important;
}
.main-menu ul.nav li:hover, .main-menu ul.nav li a:hover, .main-menu ul.nav li span:hover, .main-menu ul li.menuarrow:hover:before
{
color:white !important; 
color:white !important; 
font-weight:bold;
}
.device-btn a
{
background:var(--second-color) !important; 
font-size:16px !important;
font-family:Poppins !important;
border:1px solid var(--second-color) !important;
}
.device-btn a:hover
{
border:1px solid white !important;	
color:white !important;
background:transparent !important;
}
.main-menu ul ul
{
background:var(--second-color) !important;
width:200px !important;
}
.main-menu ul ul:before {
border-color: var(--second-color) transparent;
}
.main-menu ul li.menu-item-has-children ul li a
{
padding:10px !important;
font-size:15px !important;
}
.main-menu ul li.menu-item-has-children ul li a:hover
{
background:var(--primary-color) !important;
color:white !important;	
}
.main-menu ul ul li a:before, .main-menu ul ul li span:before
{
background:var(--primary-color) !important;
}
.backtop {
background:var(--primary-color) !important;
}
.social-link li a:hover
{
color:var(--primary-color) !important; 
}
.close-nav-icon, .nav-logo, .mobile-icon-bars
{
display:none !important;
}
.banner-container {
background-position:center;
background-repeat: no-repeat;
-webkit-background-size:cover;
background-size: cover;
background:var(--primary-color) !important;
padding: 299px 0 264px 0;
}
.main-menu ul.nav li a.header-nav-button
{
border-radius:30px;
margin-left:20px !important;
font-size:15px !important;
padding-left:20px !important;
padding-right:20px !important;
line-height:38px !important;
border:1px solid white !important;
}
.main-menu ul.nav li a.header-nav-button
{
background:var(--primary-color) !important;
border:1px solid var(--primary-color) !important;	
color:white !important;
}
.main-menu ul.nav li a.header-nav-button:hover
{
background:var(--newblue-color) !important;
border:1px solid var(--newblue-color) !important;		
}
.page-banner
{
background:var(--primary-color) !important;
}
.page-banner-bg
{
width:100%;
padding-top:70px !important;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
position:relative;
}
.social-row span
{
background:var(--primary-color) !important;
}
.submit-col input[type='submit']
{
background:var(--primary-color) !important;	
}
.index-banner
{
float:left;
width:100%;
position:relative;
overflow:hidden;
background-position:center;
background-repeat: no-repeat;
-webkit-background-size:cover;
background-size: cover;
background-blend-mode: multiply;
background-color:rgba(10,12,35,0.6) !important;
}
.index-banner-overlay
{
float:left;
width:100%;
position:relative;
overflow:hidden;
padding:150px 10%;	
padding-bottom:180px;
}
.page-header-banner
{
width:100%;
position:relative;
overflow:hidden;
background-position:center;
background-repeat: no-repeat;
-webkit-background-size:cover;
background-size: cover;	
}
.page-header-banner-overlay
{
width:100%;
position:relative;
overflow:hidden;
text-align:center;
padding:150px 15%;	
padding-bottom:80px;
background: linear-gradient(90deg, rgba(24,10,83,0.9), rgba(184,54,126,0.5));
}
.banner-forum-overlay
{
padding:70px 15%;	
}
.team-member-overlay
{
background: linear-gradient(90deg, rgba(24,10,83,0.99), rgba(184,54,126,0.9));
}
.page-header-banner-overlay h1
{
width:100%;
color:white;
font-family:Montserrat !important;
font-weight:bold;
font-size:35px;	
}
.page-header-banner-overlay p
{
width:100%;
color:white;
font-size:17px !important;
font-family:Montserrat !important;
font-weight:400;
margin-top:10px;
}
input.custom-form-control, textarea.custom-form-control, select.custom-form-control, .form-control
{
float:left;
width:100% !important;
max-width:100% !important;
min-width:100% !important;
background:rgb(241,242,246) !important;	
border:2px solid rgba(161,169,195,0.3) !important;
opacity: 1 !important;
color:var(--blue-color) !important;
font-family: 'Poppins', sans-serif !important;
padding-left:15px;
box-shadow:0px 0px 0px 0px transparent !important;
border-radius:5px;
margin-bottom:10px !important;
}
select.phone-code-select
{
width:80px !important;	
border-right:0px solid transparent !important;
border-radius:7px 0px 0px 7px !important;
background:rgb(221,222,226) !important;	
}
input.phone-number
{
width:calc(100% - 80px) !important;	
border-left:0px solid transparent !important;
border-radius:0px 7px 7px 0px !important;
}
input.custom-form-control:focus, textarea.custom-form-control:focus, select.custom-form-control:focus
{
border:2px solid rgba(161,169,195,0.5) !important;
outline: none !important;
}
.form-grid-2
{
display:grid;
grid-template-columns:repeat(2, 1fr);
gap:10px;	
padding:0px !important;
margin:0px !important;
}
.form-grid-event
{
gap:3px !important;	
}
.form-grid-2 .form-group
{
padding:0px !important;
margin:0px !important;	
}
.submit-form-btn
{
width:100%;
color:white;
text-align:center;
padding:10px 15px;
border-radius:5px;
cursor:pointer;
font-family:poppins;
font-weight:500;
text-transform:uppercase;
font-size:15px;
background:var(--primary-color) !important;	
border:1px solid var(--primary-color) !important;
background: linear-gradient(90deg, rgb(24,10,83), rgba(168,48,126)) !important;
border:0px solid transparent !important;	
}
.footer-container
{
float:left;
width:100%;
padding:0px !important;
background-position:center;
background-repeat: no-repeat;
-webkit-background-size:cover;
background-size: cover;
}
.footer-overlay
{
width:100%;
position:relative;
overflow:hidden;
padding-top:80px;	
background: linear-gradient(90deg, rgba(24,10,83,0.95), rgba(24,10,83,0.95));
background: linear-gradient(45deg, rgba(24,10,83,0.9), rgba(144,14,86,0.9));
}
.dark-footer
{
background:var(--dark-bg-color) !important;	
}
.footer-grid
{
display:grid;
grid-template-columns:repeat(6, 1fr);
gap:20px;
}
.footer-col:nth-child(1)
{
grid-column:1 / 3	
}
.footer-col:nth-child(4)
{
grid-column:5 / 7;	
}
.footer-col h4
{
font-weight:bold;
font-family:Montserrat;
font-size:18px	
}
.footer-col li a, .footer-col p, .footer-bottom-content p
{
font-family:Montserrat;
font-size:15px;
font-weight:500;	
}
.footer-col li a:hover
{
font-weight:bold;	
}
.social-link li a i
{
font-size:20px;	
}
.footer-bottom-content ul li a
{
font-weight:bold;	
}
.about-page-section
{
width:100%;
padding:50px 15%;	
}
.about-page-section h2
{
width:100%;
font-family:Montserrat !important;
font-weight:bold;
font-size:25px;
color:rgb(50,50,50);
text-align:center;
}
.about-page-section p
{
width:100%;
font-size:17px;
color:rgb(90,90,90);
margin-top:10px;
margin-bottom:40px;
font-weight:400;
}
.page-section-about-img
{
width:80%;
margin-left:10%;
}
.team-grid
{
width:100%;
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:30px;	
padding:50px 10%;
text-align:center;
}
.team-slider
{
width:100%;
padding:0px 25% !important;	
margin-bottom:50px;	
text-align:center;
position:relative;
margin-top:-20px;
}
.team-slider .team-member-box
{
padding-top:20px;	
}
.team-member-box
{
display:inline-block;
}
.team-member-img-cover
{
width:200px;
height:200px;
border-radius:50%;
display:inline-block;
border:12px solid white;
box-shadow:0px 3px 32px 0px rgba(0,0,0,0.2);
position:relative;
overflow:hidden;
}
.team-member-img
{
width:100%;
height:100%;
background-position:center;
background-repeat: no-repeat;
-webkit-background-size:cover;
background-size: cover;
}
.team-member-box:hover .team-member-img
{
transform:scale(1.05);	
transition:0.5s;
}
.team-member-box a
{
color:rgb(60,60,60);
text-decoration:none !important;	
}
.team-member-box h1
{
width:100%;
color:rgb(60,60,60);
font-weight:bold;
font-family:Quicksand;
font-size:22px;	
margin:0px !important;
padding:0px !important;
margin-top:10px !important;
line-height:30px !important;
}
.team-member-box h2
{
width:100%;
color:rgb(60,60,60);
font-family:Quicksand;
font-size:17px;	
margin:0px !important;
padding:0px !important;
margin-top:10px !important;
line-height:30px !important;
}
.team-member-box p
{
width:100%;
font-size:15px;	
font-weight:400;
}
.pagination-section
{
width:100%;
display:inline-block;
text-align:center;
}
.pagination-wrap
{
width:100%;
display:inline-block;
text-align:center;
padding:0px 5%;
margin-bottom:30px;
}
.pagination-wrap ul
{
width:100%;
display:inline-block;
text-align:center;	
list-style:none;
}
.pagination-wrap ul li
{
display:inline-block;
font-weight:bold;	
}
.pagination-wrap ul li a
{
color:rgb(60,60,60) !important;	
}
.pagination-wrap ul li.active a
{
color:white !important;	
background:var(--primary-color) !important;
border:1px solid var(--primary-color) !important;  
}
.sibgle-blog-img
{
width:100%;
}
.blog-content-left
{
padding:0px !important;
}
.img100
{
width:100%;
}
.info-post-container
{
width:100%;
padding:50px 25%;	
}
.info-post-container h2
{
width:100%;
font-family:Montserrat !important;
font-weight:bold;
font-size:25px;
color:rgb(50,50,50);
text-align:center;
margin-top:25px;
}
.info-post-container h3
{
width:100%;
color:rgb(50,50,50);
text-align:center;
margin-top:4px;
font-size:20px;
}
.info-post-container p
{
width:100%;
font-size:17px;
color:rgb(90,90,90);
margin-top:20px;
margin-bottom:10px;
font-weight:400;
text-align:justify;
}
.sharepostbox
{
display:inline-block;
width:100%;
border:1px solid rgba(0,0,0,0.1);
margin:0px 0px;
margin-bottom:20px;
padding:10px 15px;
vertical-align:middle;
}
.sharepostbox-1
{
width:calc(100% - 20px);	
margin-left:10px;
}
.sharepostbox-2
{
margin-top:25px;	
}
.sharetitle
{
float:left;
margin-right:10px;
font-weight:600;
text-transform:uppercase;
font-family: 'Poppins', sans-serif !important;
color:var(--lightblue-color) !important;
}
.shareitem
{
float:left;
width:30px;
height:30px;
line-height:30px;
vertical-align:middle;
text-align:center;
background:black;
color:white;
margin-right:3px;
border-radius:3px;
}
.shareitem ion-icon
{
font-size:17px;
margin-bottom:-3px;	
}
.shareitem:hover
{
transform:scale(1.08);	
transition:1s;	
}
.facebookbg
{
background:rgb(13,71,161);
}
.twitterbg
{
background:rgb(64,196,255);
}
.youtubebg
{
background:rgb(255,0,0);
}
.linkedinbg
{
background:rgb(0,119,181);
}
.whatsappbg
{
background:rgb(64,192,82);
}
.telegrambg
{
background:rgb(23,156,222);
}
.gplusbg
{
background:rgb(235,64,38);
}
.pinterestbg
{
background:rgb(201,34,40);
}
.instagrambg
{
background:rgb(214,43,131);
}
.tiktokbg
{
background:rgb(7,211,209);
/*background: linear-gradient(95deg, rgb(37,241,239), rgb(255,43,89));*/
}
.emailbg
{
background:rgb(165,165,165);
}
button.slick-prev, button.slick-next, button.slick-prev:hover, button.slick-next:hover, .slick-prev:focus, .slick-next:focus
{
background:var(--primary-color) !important;	
width:35px !important;
height:35px !important;
}
.slick-prev:before, .slick-next:before, .slick-prev:hover, .slick-next:hover
{
color:white !important;
background-color:transparent !important;
}
.team-slider .slick-prev
{
left:25% !important;
}
.team-slider .slick-next
{
right:25% !important;
}
.page-not-found-container
{
width:100%;
padding:70px 15%;
text-align:center;
}
.page-not-found-container h1
{
width:100%;
font-family:Montserrat !important;
font-weight:bold;
text-align:center;
font-size:125px;		
}
.page-not-found-container h2
{
width:100%;
font-family:Montserrat !important;
font-weight:bold;
text-align:center;
font-size:30px;	
margin-top:30px;	
}
.page-not-found-container p
{
width:100%;
font-weight:500;
text-align:center;
font-size:18px;	
margin-top:0px;	
}
.go-back-btn
{
padding:10px 30px;
background:var(--second-color) !important;
color:white !important;
text-decoration:none !important;
font-family:Montserrat !important;
font-weight:bold;
text-align:center;
border-radius:5px;
display:inline-block;
margin-top:30px;	
}
.event-container
{
width:100%;
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:20px;	
padding:50px 10% !important;
margin:0px !important;
}
.blog-item-img-cover
{
width:100%;
height:220px;
border-radius:5px;
overflow:hidden;
position:relative;
}
.blog-item-img
{
width:100%;
height:100%;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
position:relative;
}
.blog-item-img-cover span
{
background:rgb(168,48,126) !important;
background: linear-gradient(90deg, rgb(24,10,83), rgba(168,48,126)) !important;
color:white;	
padding:7px 15px;
font-size:14px;
font-weight:bold;
border-radius:5px;
position:absolute;
top:10px;
left:10px;
z-index:10 !important;
}
.blog-item-container
{
margin-bottom:20px;
}
.blog-item-container a
{
color:rgb(50,50,50) !important;	
text-decoration:none !important;	
}
.blog-item-container:hover .blog-item-img
{
transform:scale(1.08);	
transition:0.5s;	
}
.blog-content-info
{
width:100%;
margin-top:15px;
text-align:left;
}
.blog-content-info h5
{
width:100%;
color:rgb(150,150,150) !important;	
font-weight:bold;
font-size:14px;	
font-style:italic;
}
.blog-content-info h6
{
width:100%;
color:rgb(50,50,50) !important;	
font-weight:bold;
font-family:Montserrat;
font-size:25px;	
text-transform:uppercase;
margin-bottom:10px;
}
.blog-content-info h4
{
width:100%;
color:rgb(50,50,50) !important;	
font-weight:bold;
font-family:Quicksand;
font-size:18px;	
}
.blog-content-info p
{
width:100%;
color:rgb(90,90,90) !important;	
font-weight:400;
font-size:15px;
}
.menu-item-has-children span ion-icon
{
font-size:26px;
margin-bottom:-6px;	
}
.partner-grid
{
width:100%;
display:grid;
grid-template-columns:repeat(5, 1fr);
gap:50px;
padding:50px 10%;
}
.partner-box
{
display:flex;
text-align:center;
justify-content:center;	
}
.partner-box img
{
margin:auto;	
}
.partner-box:hover
{
transform:scale(1.08);	
transition:0.5s;	
}
#flex-page-container
{
width:100%;
height:100vh;
display:flex;
}
#flex-form-container-section
{
width:350px;
min-height:100px;
margin:auto;
text-align:center;
padding:50px 0px !important;	
}
.form-container-l
{
width:600px !important;	
}
.form-section-part-1
{
padding-right:10px;
}
.form-section-part-2
{
padding-left:10px;
}
.form-section-part-1, .form-section-part-2
{
width:50% !important;
float:left;
position:relative;	
}
.input-group-section
{
float:left;
width:100%;
position:relative;
}
.btn
{
font-weight:600 !important;	
margin:5px !important;
}
.btn-block
{
width:100% !important;
}
.btn-submit
{
margin-top:10px !important;
margin-bottom:15px !important;
background:rgb(15,85,155) !important;
background: linear-gradient(90deg, rgb(24,10,83), rgba(168,48,126)) !important;
border:0px solid transparent !important;
margin-left:0px !important;
height:45px !important;
color:white !important;
}
.account-text
{
float:left;
width:100%;
margin-top:8px;	
}
.account-text span, #flex-form-container-section a
{
font-size:15px !important;
font-family: Poppins !important;
}
#flex-form-container-section p
{
font-size:14px !important;
font-family: Poppins !important;
line-height:22px;	
}
#flex-form-container-section h2
{
font-size:18px !important;
font-family: Poppins !important;	
margin:0px !important;
margin-bottom:5px !important;
}
#flex-form-container-section a
{
color:rgb(24,10,83) !important;
font-weight:600 !important;	
}
.form-container-logo
{
display:inline-block;
width:170px;
margin:auto;
margin-bottom:20px;
}
#countryCodeField
{
width:80px !important;
max-width:80px !important;
min-width:80px !important;
height:50px !important;	
top:-8px;
border-radius:5px !important;
border-right:0px solid transparent;
position:absolute;
left:-5px;
padding-left:0px !important;
}
#phoneNumberField
{
width:calc(100% - 85px) !important;
max-width:calc(100% - 85px) !important;
min-width:calc(100% - 85px) !important;
margin-left:85px !important;
}
.remember-container label
{
font-size:15px !important;
font-family: Poppins !important;
text-align:left !important;
}
.remember-container input#remember
{
margin-top:5px !important;	
}
.no-flex-page
{
display:inline-block !important;
height:initial !important;
margin-top:70px !important;
margin-bottom:70px !important;
}
.hide-div
{
display:none !important;
}
.input-group-section input.form-control
{
height:45px !important;	
}
.forum-container
{
float:left;
width:100%;
padding:50px 10%;
}
.forum-container-left
{
float:left;
width:65%;
min-height:50px;
word-break: break-all !important;
}
.forum-container-right
{
float:left;
width:calc(35% - 60px);
margin-left:50px;
min-height:50px;
}
.most-query-container
{
width:100%;	
}
.most-query-container ul
{
width:100%;
list-style:none !important;
padding:0px !important;	
margin:0px !important;	
position:relative;
}
.most-query-container ul li
{
width:100% !important;
list-style:none;
padding:0px !important;	
margin:0px !important;
padding-bottom:12px !important;
margin-bottom:10px !important;
position:relative;	
border-bottom:2px dotted rgba(0,0,0,0.1);
}
.most-query-container ul li a
{
text-decoration:none !important	;
position:relative;
display:inline-block;
width:100% !important;
}
.most-query-container ul li a span.tags-title, .most-query-container ul li a span.tags-number
{
background:rgb(225,236,244) !important;
color:rgb(0,120,215) !important;
padding:4px 10px !important;
font-family:Poppins !important;
font-size:13px !important;
border-radius:5px;	
font-weight:500 !important;
border:1px solid rgba(0,120,215,0.2) !important;
}
.most-query-container ul li a span.tags-number
{
background:rgb(240,243,245) !important;
color:rgb(110,113,115) !important;
border:1px solid rgba(110,113,115,0.2) !important;
}
h2.section-title
{
width:100%;
font-family:Montserrat;
text-align:center;
font-size:22px;
margin-top:0px;	
margin-bottom:0px;	
}
.forum-post-content
{
width:100%;
padding:15px 0px;
margin-bottom:15px;
border-bottom:1px solid rgba(0,0,0,0.1);
}
.forum-post-content a
{
text-decoration:none !important;	
}
.forum-post-content a h3
{
width:100%;
font-family:Quicksand !important;	
font-size:18px;
font-weight:800;
}
.forum-container-right .forum-post-content a h3
{	
font-size:17px;
line-height:23px;
}
.forum-post-content a h3
{
color:rgb(50,50,50) !important;
}
.forum-post-content a p
{
width:100%;	
font-size:15px;
line-height:24px;
font-weight:500;
}
.forum-container-right .forum-post-content a p
{	
font-size:14px;
}
.query-info-content
{
width:100%;
display:inline-block;
margin-top:10px;
}
.query-info-content p
{
line-height:30px !important;	
}
.query-info-content span.span-info
{
font-weight:500 !important;
margin-right:10px;	
}
.query-info-content span ion-icon
{
margin-bottom:-2px;
}
.query-info-content span.tags-title
{
background:rgb(225,236,244) !important;
color:rgb(0,120,215) !important;
padding:4px 10px !important;
font-family:Poppins !important;
font-size:13px !important;
border-radius:5px;	
font-weight:500 !important;
border:1px solid rgba(0,120,215,0.2) !important;
margin-right:10px !important;
white-space: nowrap !important;
}
.query-info-content span.alert-primary
{
color:#004085 !important;
background:#cce5ff !important;
border:1px solid #b8daff !important;	
}
.query-info-content span.alert-success
{
color:#155724 !important;
background:#d4edda !important;
border:1px solid #c3e6cb !important;	
}
.query-info-content span.alert-info
{
color:#0c5460 !important;
background:#d1ecf1 !important;
border:1px solid #bee5eb !important;	
}
.query-info-content span.alert-danger
{
color:#721c24 !important;
background:#f8d7da !important;
border:1px solid #f5c6cb !important;	
}
.query-info-content span.alert-warning
{
color:#856404 !important;
background:#fff3cd !important;
border:1px solid #ffeeba !important;	
}
.query-info-content span.alert-light
{
color:rgb(19,41,104) !important;
background:rgb(240,243,245) !important;
border:1px solid rgb(220,223,225) !important;
font-weight:500 !important;	
position:relative;
}
.page-search-container
{
float:left;
width:550px;
margin-left:calc(50% - 275px);
margin-bottom:20px;
}
.page-search-container input
{
float:left;
width:calc(100% - 180px);
height:45px;
border-radius:30px;
border:1px solid rgba(0,0,0,0.2);	
padding:0px 20px;
padding-right:50px;
font-size:15px;
}
.page-search-container span
{
position:relative;
float:right;
margin-top:-32px;
margin-right:20px;	
}
.btn-new-post
{
float:right;
width:150px !important;
font-size:14px !important;
border-radius:30px !important;
background:rgb(0,105,217);
margin-top:0px !important;
height:45px !important;
}
#modal-box-overlay
{
width:100%;
height:100vh;
top:0px;
left:0px;
position:fixed;
background:rgba(19,41,104,0.4);
z-index:10000 !important;
display:flex;
}
#modal-box
{
width:400px;
min-height:300px;
max-height:600px;
overflow:auto;
background:white;
box-shadow:0px 0px 30px hsla(206, 48%, 24%, 0.05), 0px 3px 10px hsla(206, 48%, 24%, 0.2);
border:0.0625rem solid hsl(201, 28%, 92%);
border-radius:15px;
padding:15px 20px;
margin:auto;
position:relative;
padding-bottom:30px;
}
#modal-box h1
{
float:left;
width:100%;
text-align:center;
font-size:15px;	
font-weight:600;
margin-top:15px;
text-transform:uppercase;
color: hsl(206, 48%, 24%);
}
.modal-box-body
{
float:left;
width:100%;
padding:10px 20px;	
padding-bottom:20px;
}
.close-modal
{
position:absolute;
top:5px;
right:10px;
cursor:pointer;
}
.close-modal ion-icon
{
font-size:28px;
color:rgb(24,10,83) !important;	
}
.no-connect-box
{
text-align:center;
}
.account-text span, .no-connect-box a
{
font-size:15px !important;
font-family: Poppins !important;
}
.no-connect-box p
{
font-size:14px !important;
font-family: Poppins !important;
line-height:22px;	
}
.no-connect-box h2
{
font-size:18px !important;
font-family: Poppins !important;	
margin:0px !important;
margin-bottom:5px !important;
}
.no-connect-box a
{
color:rgb(24,10,83) !important;
font-weight:600 !important;	
}
.modal-box-body input.custom-form-control, .modal-box-body select.custom-form-control, .modal-box-body textarea.custom-form-control
{
height:45px !important;
background:rgb(241,242,246) !important;	
border:1px solid rgba(161,169,195,0.2) !important;
color:rgb(50,50,50) !important;
font-size:15px !important;
}
.modal-box-body input[type=file].custom-form-control
{
padding-top:10px !important;	
}
.modal-box-body textarea.custom-form-control
{
height:140px !important;	
}
.content-para
{
color:rgb(50,50,50) !important;
font-weight:400;
margin-top:20px;
font-size:17px !important;
}
pre code
{
border-radius:5px;
max-height:500px !important;
}
.ask-question-container
{
width:100%;
float:left;
text-align:center;
}
.ask-question-container .btn-new-post
{
float:none !important;
}
#comment
{
float:left;
width:100%;
margin-top:30px;
}
#comment .modal-box-body
{
padding:0px !important;
}
#tag-btn-container
{
width:100%;
float:left;
border:1px solid rgba(0,0,0,0.1);
padding:6px 10px;
padding-bottom:8px;
border-radius:5px 5px 0px 0px !important;
}
#tag-btn-container span
{
border:1px solid rgba(0,0,0,0.1);
border-radius:5px;
font-size:14px;
font-weight:600;	
padding:4px 10px !important;
cursor:pointer;
background:rgb(233,233,237);
}
#textarea-tag
{
border-radius:0px 0px 5px 5px !important;
}
.query-info-content span.tags-default
{
border:1px solid rgba(0,0,0,0.1) !important;
background:rgb(233,233,237) !important;	
color:rgb(50,50,50) !important;
}
.forum-post-comment
{
border:1px solid rgba(0,0,0,0.07) !important;
border-radius:5px;
background:rgb(247,249,250) !important;
padding:15px;
}
.forum-post-answer
{
border:0px solid transparent !important;
padding-bottom:1px !important;
margin-bottom:-10px !important;
padding-top:0px !important;
}
.answer-title
{
width:100%;
text-align:center;
display:inline-block;
margin-top:20px;
font-weight:bold;
font-size:14px;
margin-bottom:-10px;
padding-bottom:10px;
border-bottom:1px solid rgba(0,0,0,0.1);
}
.page-block-50
{
width:50%;
float:left;
}
.page-container-100
{
width:100%;
float:left;	
padding:50px 10%;
}
.page-block-50 h2
{
width:100%;
float:left;	
font-family:Montserrat !important;
font-weight:bold;
font-size:20px;
margin-bottom:0px;
color:rgb(50,50,50);
}
.page-block-50 p
{
width:100%;
font-size:15px;
color:rgb(90,90,90);
margin-top:10px;
margin-bottom:40px;
font-weight:400;
text-align:justify;
}
.page-container-100 .page-block-50:nth-child(2)
{
padding-left:50px !important;
}
.custom-form-container input.custom-form-control,
.custom-form-container textarea.custom-form-control,
.custom-form-container select.custom-form-control
{
height:45px !important;
background:rgb(241,242,246) !important;	
border:1px solid rgba(161,169,195,0.2) !important;
color:rgb(50,50,50) !important;
font-size:15px !important;	
margin-bottom:0px !important;
}
.custom-form-container textarea.custom-form-control
{
height:100px !important;	
}
.grid-part-100
{
grid-column:1 / 3;
}
.custom-form-container p
{
margin-bottom:15px !important;	
}
#devsection-form
{
display:none;
}
.index-banner-left
{
float:left;
width:60%;
position:relative;
}
.index-banner-left h1
{
width:100%;
font-size:60px;
color:white !important;
font-family:Poppins;
font-family:Montserrat;
font-weight:900 !important;
text-transform:uppercase;
min-height:80px !important;
margin-top:50px;
}
.index-banner-left p
{
width:100%;
font-size:18px;
font-weight:600;
color:white !important;
margin-top:20px;
margin-bottom:50px;
}
.call-to-action-1
{
padding:17px 30px;
color:rgba(255,255,255,1) !important;
border:1px solid var(--primary-color);
background:var(--primary-color) !important;
text-transform:uppercase;
text-decoration:none !important;
font-size:15px;
font-family:Montserrat;
font-weight:800 !important;
border-radius:30px;
position:relative;
}
.call-to-action-1:hover
{
transition:0.9s !important;
border:1px solid var(--second-color);
background:transparent !important;	
}
.btn-transition-blue
{
transition: color 0.5s linear;
position:relative;
border-radius:30px;
}
.btn-transition-blue::before
{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:var(--second-color) !important;
z-index:-1;
transition:transform 0.9s;
transform-origin: 0 0;
transition-timing-function:cubic-bezier(0.5,1.6,0.4,0.7);
transform:scaleX(0);
border-radius:30px;
}
.btn-transition-blue::before
{
background:var(--second-color) !important;
border-radius:30px;	
}
.btn-transition-blue:hover::before
{
transform:scaleX(1);
}
/*.call-to-action-1:hover
{	
border:1px solid var(--second-color);
background:var(--second-color) !important;	
}*/
.section-container
{
float:left;
width:100% !important;	
position:relative;
z-index:10;
}
.pv-30
{
padding-top:30px !important;
padding-bottom:30px !important;
}
.pv-50
{
padding-top:50px !important;
padding-bottom:50px !important;
}
.pv-100
{
padding-top:100px !important;
padding-bottom:100px !important;
}
.ph-5
{
padding-left:5% !important;
padding-right:5% !important;
}
.ph-10
{
padding-left:10% !important;
padding-right:10% !important;
}
.pr-30
{
padding-right:30px !important;	
}
.pr-50
{
padding-right:50px !important;	
}
.pl-30
{
padding-left:30px !important;	
}
.section-container-left-50
{
float:left !important;
width:50%;	
min-height:50px;
}
.section-container-right-50
{
float:right !important;
width:50%;	
min-height:50px;
position:relative;
}
.bg-dark
{
background:var(--dark-bg-color) !important;
}
.index-grid-1
{
float:left;
width:100%;
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:20px;	
padding:0px !important;
margin:0px !important;
}
.grid-item-box
{
height:160px;
border-radius:5px;
overflow:hidden;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
position:relative;
}
.index-grid-1 .grid-item-box:nth-child(1)
{
text-align:right !important;	
}
.index-grid-1 .grid-item-box:nth-child(2)
{
grid-column:1/2;
grid-row:2/4;
height:340px;	
}
.index-grid-1 .grid-item-box:nth-child(3)
{
grid-row:1/4;
height:520px;
margin-top:-30px;	
}
.index-grid-1 .grid-item-box:nth-child(4)
{
grid-row:1/3;
height:340px;
grid-column:3/4;
margin-top:-60px;	
}
.index-grid-1 .grid-item-box:nth-child(5)
{
grid-column:3/4;
grid-row:2/3;
margin-top:110px !important;
width:100%;
}
.section-title-container
{
float:left;
width:100%;
text-align:center;
padding:0px 10%;
}
.section-title-container h1
{
width:100%;
font-size:40px;
font-family:Montserrat;
font-weight:900 !important;
text-transform:uppercase;
}
.section-title-container p
{
width:100%;
font-size:20px;
font-family:Electrolize !important;
}
.bg-dark .section-title-container h1, .bg-dark .section-title-container p,
.dark-container .section-title-container h1, .dark-container .section-title-container p
{
color:white !important;	
}
.mb-100
{
margin-bottom:100px;
}
#index-banner-bottom
{
width:100%;
height:100px;
background:gray;
position:absolute;
bottom:0px;
left:0px;
background:linear-gradient(to top, var(--dark-bg-color), transparent);
}
.grid-item-box pre, .grid-item-box pre code, .no-background pre, .no-background pre code
{
background:transparent !important;
}
.grid-item-box pre code, .no-background pre code
{
margin-top:-40px !important;
}
.glas
{
width:100%;
height:100%;
}
.index-para .index-banner
{
position:fixed !important;
}
.index-para .index-banner-overlay
{
height:100vh !important;
}
.bg-para
{
position:relative;
float:left;
z-index:10;
width:100%;
margin-top:100vh !important;
}
#index-banner-top
{
width:100%;
height:100px;
position:absolute;
top:-100px;
left:0px;
background:linear-gradient(to top, var(--dark-bg-color), transparent);
}
#index-banner-back
{
position:fixed;
width:100%;
height:100vh;
background:var(--dark-bg-color);
z-index:-1;
}
.dark-container
{
background:var(--dark-bg-color) !important;	
}
.img-shape-1
{
width:150px;
position:absolute;
top:30px;
left:10%;
animation: rippleAni 5s linear infinite;
animation: animationFramesOne 10s infinite linear;
animation: moveleftbounce 5s linear infinite;
animation: ripple2Ani 5s linear infinite;
}
.code-frame
{
width:100%;
padding:0px 15px;
border:1px solid rgba(255,255,255,0.3);
border-radius:10px;
background:var(--dark-bg-color) !important;
font-size:14px !important;	
position:relative !important;
height:290px !important;
}
.code-frame-absolute
{
position:absolute !important;
top:50px;
left:100px;
animation: ripple2Ani 10s linear infinite;
}
.mobile-code-frame
{
width:100px;
border:1px solid rgba(255,255,255,0.3);
padding:5px;
border-radius:10px;
background:var(--dark-bg-color) !important;
font-size:14px !important;	
position:absolute !important;
height:170px !important;	
bottom:-70px;
right:30px;
animation: ripple2Ani 5s linear infinite;
}
.code-frame pre, .code-frame pre code
{
background:transparent !important;
margin:0px !important;
}
.code-frame-dot
{
position:absolute;
top:10px;
left:10px;
}
.code-frame-dot span
{
float:left;
width:10px;
height:10px;
border-radius:50%;
margin-right:5px;	
cursor:pointer !important;
}
.code-frame-dot span:nth-child(1)
{
background:rgb(255,95,86) !important;	
}
.code-frame-dot span:nth-child(2)
{
background:rgb(255,189,46) !important;	
}
.code-frame-dot span:nth-child(3)
{
background:rgb(39,201,63) !important;	
}
.round-frame
{
width:250px;
height:250px;
border-radius:50%;
border:1px solid rgba(255,255,255,0.3);
position:absolute;
top:-60px;
left:20px;
background:var(--dark-bg-color) !important;
animation: ripple2Ani 7s linear infinite;
}
.round-frame span
{
float:left;
width:208px;
height:208px;
margin:20px;
border-radius:50%;
border:2px dashed rgba(255,255,255,0.3);	
}
.round-frame div
{
width:10px;	
height:10px;
position:absolute;
border-radius:50%;
background:var(--blue-color) !important;	
}
.round-frame div:nth-child(1)
{
left:31px;	
top:31px;	
}
.round-frame div:nth-child(2)
{
right:31px;	
top:31px;	
}
.frame-grid-4
{
width:100%;
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:5px;
margin-top:40px;	
}
.frame-grid-4 div
{
height:50px;
border-radius:5px;	
}

.frame-grid-4 div:nth-child(1)
{
grid-row:1/5;
height:215px;
}
.frame-grid-4 div:nth-child(2)
{
grid-column:2/5;
}
.frame-grid-4 div:nth-child(3)
{
grid-row:2/4;
height:105px;
}
.frame-grid-4 div:nth-child(4)
{
grid-column:3/5;
height:105px;
}
.frame-grid-4 div:nth-child(5)
{
grid-column:2/5;
grid-row:4/5;
margin-top:-5px;
}
.frame-grid-4 div:nth-child(1),
.frame-grid-4 div:nth-child(2),
.frame-grid-4 div:nth-child(3)
{
background:rgba(255,255,255,0.1);
}
.frame-grid-4 div span
{
float:left;
width:100%;
height:10px;
border-radius:15px;	
background:rgba(255,255,255,0.1);
margin-bottom:5px;
}
span.w-90
{
width:90% !important;	
}
span.w-80
{
width:80% !important;	
}
span.w-70
{
width:70% !important;	
}
span.w-60
{
width:60% !important;	
}
span.w-50
{
width:50% !important;	
}
span.w-40
{
width:40% !important;	
}
span.w-30
{
width:30% !important;	
}
.frame-grid-4 div span.bg-blue
{
background:var(--blue-color) !important;
opacity:0.3;	
}
.mobile-code-frame .banner-frame
{
float:left;
width:100%;
height:50px;
background:rgba(255,255,255,0.1);
border-radius:5px;	
}
.mobile-code-frame span
{
float:left;
width:100%;
height:7px;
border-radius:5px;	
background:rgba(255,255,255,0.1);
margin-top:5px;
}
.banner-frame-left
{
float:left;
width:40%;
height:65px;
border-radius:5px;	
background:rgba(255,255,255,0.1);
margin-top:5px;	
}
.banner-frame-right
{
float:left;
width:60%;
padding-left:5px;
height:65px;
border-radius:5px;		
}
.section-container-left-50 h1
{
width:100%;
font-size:30px;
font-family:Montserrat;
font-weight:900 !important;
text-transform:uppercase;
color:rgba(255,255,255,0.9);
}
.section-container-left-50 p
{
width:100%;
font-size:15px;
font-family:poppins !important;
color:rgba(255,255,255,0.9);
}
.section-container-left-50 a.call-to-action
{
float:left;
padding:10px 30px;
color:rgba(255,255,255,0.8);
border:1px solid rgba(255,255,255,0.8);
text-transform:uppercase;
text-decoration:none !important;
margin-top:25px !important;
font-size:15px;
font-family:Montserrat;
font-weight:900 !important;
}
.section-container-left-50 a.call-to-action:hover
{
color:var(--dark-bg-color) !important;	
}
i.i-green-color
{
color:rgba(0,176,144) !important;
margin-right:5px;
}
.mt-moins
{
margin-top:-50px !important;
}
.dark-footer .footer-bottom-content {
border-top: 1px solid rgba(255,255,255,0.3);
}
.btn-transition, .btn-transition-2
{
transition: color 0.4s linear;
position:relative;
}
.btn-transition::before, .btn-transition-2::before
{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:var(--dark-bg-color) !important;
z-index:-1;
transition:transform 0.5s;
transform-origin: 0 0;
transition-timing-function:cubic-bezier(0.5,1.6,0.4,0.7);
transform:scaleX(0);
}
.btn-transition-2::before
{
background:rgba(255,255,255,0.9) !important;	
}
.btn-transition:hover::before, .btn-transition-2:hover::before
{
transform:scaleX(1);
}
.satistical-grid
{
float:left;
width:100%;
display:grid;
grid-template-columns:repeat(2, 1fr);
gap:50px;	
padding:0px !important;
margin-top:30px !important;
}
.satistical-grid div
{
	
}
.satistical-grid div h3
{
width:100%;
font-size:40px;
color:rgba(255,255,255,0.9) !important;
font-family:Poppins;
font-family:Montserrat;
font-weight:900 !important;
text-transform:uppercase;
}
.satistical-grid div h3 span
{
color:var(--blue-color) !important;
}
.satistical-grid div p
{
width:100%;
font-size:18px;
font-family:Electrolize !important;
margin-top:12px;
}
.community-member
{
width:100%;
float:left;
}
.community-member div.item .item-img
{
width:100%;
float:left;
background-position:center;
background-repeat: no-repeat;
-webkit-background-size:cover;
background-size: cover;
margin-bottom:15px;
}
.community-member div.item img
{
width:100% !important;
}
div.item a
{
text-decoration:none !important;	
}
div.item h4
{
width:100%;
font-size:14px;
color:rgba(255,255,255,0.9) !important;
font-family:Poppins;
font-family:Montserrat;
font-weight:900 !important;
text-transform:uppercase;
text-decoration:none !important;
text-align:center !important;
}
div.item h5
{
width:100%;
font-size:15px;
color:rgba(255,255,255,0.9) !important;
font-family:Electrolize;
text-decoration:none !important;
text-align:center !important;
}
.right-btn-container
{
float:left;
width:100%;
text-align:right;
margin-bottom:17px;
}
a.btn-plus
{
display:inline;
padding:10px 30px;
color:rgba(255,255,255,0.8);
border:1px solid rgba(255,255,255,0.5);
text-transform:uppercase;
text-decoration:none !important;
margin-top:25px !important;
font-size:13px;
font-family:Montserrat;
font-weight:900 !important;
}
a.btn-plus:hover
{
color:var(--dark-bg-color) !important;	
}
.owl-nav
{
width:initial !important;
display:inline !important;
position:absolute !important;
top:-55px;
}
.owl-nav .owl-prev, .owl-nav .owl-next
{
border:1px solid rgba(255,255,255,0.2) !important;	
width:35px !important;
height:35px !important;
border-radius:0px !important;
margin:0px !important;
margin-right:5px !important;
font-size:50px;
color:rgba(255,255,255,0.8) !important;
font-family:Poppins;
font-family:Montserrat;
font-weight:900 !important;
}
.owl-nav .owl-prev span, .owl-nav .owl-next span
{
width:100% !important;
height:100% !important;
display:block !important;
line-height:30px !important;
vertical-align:middle !important;	
}
.owl-dots
{
width:100% !important;
margin-top:20px !important;
}
.owl-dot span
{
background:rgba(255,255,255,0.3) !important;	
}
.owl-dots .active span
{
background:rgba(255,255,255,0.7) !important;	
}
.section-part-3
{
float:left;
width:50%;
}
h1.section-part-title
{
width:100%;
font-size:25px;
color:white !important;
font-family:Montserrat;
font-weight:900 !important;
text-transform:uppercase;
}
.dark-container .forum-post-content
{
border-bottom:1px solid rgba(255,255,255,0.2);
}
.dark-container .forum-post-content a h3
{
color:rgba(255,255,255,0.9) !important;
font-size:18px !important;
margin-bottom:10px !important;
}
.dark-container .forum-post-content a p
{
color:rgba(255,255,255,0.8) !important;
font-size:14px !important;
font-weight:400 !important;
}
.dark-container .query-info-content span.alert-primary
{
color:white !important;
background:rgb(52,97,255) !important;
border:1px solid rgb(22,67,225) !important;	
}
.dark-container .query-info-content span.alert-success
{
color:white !important;
background:rgb(76,175,80) !important;
border:1px solid rgb(45,145,50) !important;	
}
.dark-container .query-info-content span.alert-info
{
color:white !important;
background:rgb(50,191,255) !important;
border:1px solid rgb(20,161,225) !important;	
}
.dark-container .query-info-content span.alert-danger
{
color:white !important;
background:rgb(231,46,46) !important;
border:1px solid rgb(201,16,16) !important;	
}
.dark-container .query-info-content span.alert-warning
{
color:white !important;
background:rgb(254,164,25) !important;
border:1px solid rgb(224,134,5) !important;	
}
.php-shape
{
position:absolute;
width:60px;
right:10%;
opacity:0.3;
animation: moveleftbounce 5s linear infinite;
animation: ripple2Ani 5s linear infinite;
animation: rippleAni 5s linear infinite;
animation: animationFramesOne 10s infinite linear;
z-index:-1;
}
.python-shape
{
position:absolute;
width:60px;
left:10%;
opacity:0.5;
animation: moveleftbounce 5s linear infinite;
animation: rippleAni 5s linear infinite;
animation: animationFramesOne 10s infinite linear;
animation: ripple2Ani 5s linear infinite;
z-index:-1;
}
.html-shape
{
position:absolute;
width:60px;
top:10px;
right:10%;
opacity:0.3;
animation: moveleftbounce 5s linear infinite;
animation: ripple2Ani 5s linear infinite;
animation: animationFramesOne 10s infinite linear;
animation: rippleAni 5s linear infinite;
z-index:-1;
}
.javascript-shape
{
position:absolute;
width:100px;
left:10%;
opacity:0.3;
animation: moveleftbounce 5s linear infinite;
animation: rippleAni 5s linear infinite;
animation: ripple2Ani 5s linear infinite;
animation: animationFramesOne 10s infinite linear;
z-index:-1;
}
.css-shape
{
position:absolute;
width:40px;
left:10%;
bottom:-30px;
opacity:0.3;
animation: moveleftbounce 5s linear infinite;
animation: rippleAni 5s linear infinite;
animation: ripple2Ani 5s linear infinite;
animation: animationFramesOne 13s infinite linear;
z-index:-1;
}
.java-shape
{
position:absolute;
width:60px;
right:10%;
opacity:0.3;
animation: moveleftbounce 5s linear infinite;
animation: ripple2Ani 5s linear infinite;
animation: animationFramesOne 10s infinite linear;
animation: rippleAni 5s linear infinite;
z-index:-1;
}
.react-shape
{
position:absolute;
width:60px;
right:10%;
opacity:0.3;
animation: moveleftbounce 5s linear infinite;
animation: ripple2Ani 5s linear infinite;
animation: animationFramesOne 10s infinite linear;
animation: rippleAni 5s linear infinite;
z-index:-1;
}
.activity-grid
{
position:relative;	
float:left;
width:100%;
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:10px;	
padding:0px 5% !important;
margin-top:50px !important;
}
.activity-grid-item
{
position:relative;
}
div.activity-grid-item img
{
width:100% !important;
}
.activity-grid .activity-grid-item:nth-child(1)
{
grid-column:1 / 3;	
}
.activity-grid .activity-grid-item:nth-child(6)
{
grid-column:3 / 5;	
}
.activity-grid div.activity-grid-item:nth-child(1) img,
.activity-grid div.activity-grid-item:nth-child(6) img
{
width:50% !important;	
}
.recent-activity-img
{
width:100%;
height:100%;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
position:absolute !important;
z-index:10;
top:0px;
}
.recent-activity-overlay
{
width:100%;
position:absolute;
bottom:0px;
padding:15px;
padding-top:30px;
background:linear-gradient(to top, var(--dark-bg-color), var(--dark-bg-color), transparent);
z-index:11;
}
.recent-activity-overlay span
{
width:100%;
font-size:14px;
color:rgba(255,255,255,0.9) !important;
font-family:Electrolize !important;	
}
.recent-activity-overlay h4
{
width:100%;
font-size:18px;
color:rgba(255,255,255,0.9) !important;
font-family:Poppins;
font-family:Montserrat;
font-weight:800 !important;
}
.view-more-container
{
width:100%;
text-align:center;
float:left;
margin-top:40px;
}
.training-item
{
float:left;
width:100%;
position:relative;
margin-bottom:30px;
}
.training-item a
{
color:white !important;
text-decoration:none !important;	
}
.training-item-img-cover
{
float:left;
width:125px;
height:125px;
position:relative;
margin-right:30px;
}
.training-item-img
{
float:left;
width:100%;
height:100%;
position:relative;
background-position:center;
background-repeat: no-repeat;
-webkit-background-size:cover;
background-size: cover;
}
.training-content-info
{
float:left;
width:calc(100% - 155px);
}
.training-content-info h4
{
width:100%;
font-size:18px;
color:rgba(255,255,255,0.9) !important;
font-family:Poppins;
font-family:Montserrat;
font-weight:800 !important;
}
.training-content-info p
{
color:rgba(255,255,255,0.9) !important;	
}
.training-content-info span
{
width:100%;
font-size:15px;
color:rgba(255,255,255,0.9) !important;
font-family:Electrolize !important;	
}
.forum-container-left pre
{
margin-top:20px !important;	
}
.gallery-grid-container
{
display:inline-block;
width:100%;
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:10px;
position:relative;
margin-top:40px;	
}
.img-preview
{
width:100%;
height:200px;
border-radius:5px;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.img-preview a
{
width:100%;
height:100%;
display:inline-block;	
}
.booking-event
{
width:100%;
padding:0px 15%;
float:left;
margin-top:40px;
margin-bottom:30px;
}
.form-grid-event input
{
height:45px !important;
min-height:45px !important;
max-height:45px !important;
font-size:14px !important;
color:black !important;
}
.form-grid-event input.submit-form-btn
{
color:white !important;	
font-size:15px !important;
}
.seance-container
{
float:left;
width:100%;
padding:50px 20px;
}
.seance-grid
{
width:100%;
float:left;
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:30px;	
padding:0px 30px !important;
margin:0px !important;
}
.training-box
{
float:left;
width:100%;
min-height:10px;
border:1px solid rgba(0,0,0,0.1);
padding-bottom:15px;
border-radius:6px;
overflow:hidden;
box-shadow:0px 5px 15px 0px rgba(0,0,0,0.06);
}
.training-box:hover
{
transform:scale(1.03);	
transition:0.5s;	
}
.training-box-img
{
float:left;
width:100%;
height:160px;
background-position:center;
background-repeat: no-repeat;
-webkit-background-size:cover;
background-size: cover;
}
.training-box-info
{
float:left;
width:100%;
padding:0px 15px;
}
.training-box-info h4
{
float:left;
width:100%;
font-family:Montserrat;	
color:black;
font-size:14px;
font-weight:700;
line-height:22px;
margin-top:10px;
}
.training-box-info p
{
float:left;
width:100%;
color:rgb(40,40,40);
font-weight:400;
font-size:13px;
line-height:22px;
margin-top:8px;
}
.training-box-info span
{
float:left;
width:100%;
font-family:Montserrat;	
color:black;
font-size:14px;
font-weight:700;
line-height:22px;
margin-top:10px;
}
.training-box-info span ion-icon
{
margin-bottom:-3px;	
}
ul li span.seance-title
{
float:left;
width:100%;
font-family:Montserrat;	
color:black;
font-size:14px;
font-weight:600;
line-height:22px;
margin-top:10px;	
}
ul li span.seance-text
{
float:left;
width:100%;
font-family:Montserrat;	
color:rgb(40,40,40);
font-size:13px;
font-weight:400;
line-height:20px;
margin-top:5px;	
}
.btn-warning
{
background:rgb(224,168,0);
color:black;
font-size:15px !important;
}
.btn-warning ion-icon, .alert-warning ion-icon
{
font-size:18px;
margin-bottom:-3px;	
}
.seance-video-container
{
float:left;
width:100%;
position:relative;
margin:10px 0px !important;
}
.seance-video-container video
{
float:left;
width:100%;
}
span.btn-session
{
position:absolute;
width:40px;
height:40px;
top:calc(50% - 20px);
background:rgba(11,168,228,0.9) !important;
color:white !important;
border-radius:50%;
z-index:1000;
text-align:center;
}
span.btn-session ion-icon
{
font-size:22px;
margin-bottom:-10px;	
}
span.btn-session:hover
{
background:rgba(11,168,228,1) !important;	
}
span.btn-session-prev
{
left:-20px;	
}
span.btn-session-next
{
right:-20px;	
}
.page-btn-container
{
float:left;
width:100%;
text-align:center;
}
.btn-primary
{
background:rgb(0,105,217);
font-size:15px !important;
}
/*Traning Progress*/
.progress-container
{
width:100%;
display:inline-block !important;
text-align:center;
min-height:10px !important;
}
.progress-container h6
{
width:100%;
display:inline-block !important;
text-align:center;
font-family:Montserrat !important;
font-weight:800;
font-size:14px !important;
margin-bottom:10px !important;
color:rgba(0,0,0,1) !important;
}
.progress-item
{
display:inline-block !important;
width:30px;
height:20px;
background:rgba(0,0,0,0.1);
border:1px solid rgba(0,0,0,0.14) !important;
cursor:pointer !important;
border-radius:5px;
}
.progress-item:hover
{
background:rgba(0,0,0,0.16) !important;
border:1px solid rgba(0,0,0,0.18) !important;	
}
.progress-container .active
{
background:var(--second-color) !important;
border:1px solid rgba(0,0,0,0.25) !important;	
}
/*Traning Progress*/
.candidate-container
{
float:left;
width:100% !important;
margin-bottom:25px;
text-align:left !important;	
}
.candidate-image
{
width:120px;
height:120px;
background-position:center;
background-repeat: no-repeat;
-webkit-background-size:cover;
background-size: cover;
border-radius:50% !important;
float:left;
}
.candidate-info
{
float:left;
width:calc(100% - 120px) !important;
padding-top:10px !important;
padding-left:30px !important;
text-align:left !important;		
}
.candidate-info h3
{
float:left;
width:100% !important;
text-align:left !important;	
font-family:Montserrat !important;
font-weight:700;
font-size:16px;
text-transform:uppercase !important;	
}
.candidate-info p
{
float:left;
width:100% !important;
text-align:left !important;	
font-size:15px;
font-weight:500;
}
label
{
font-weight:500;
color:black;
}
select.form-control
{
font-size:15px !important;
color:black !important;	
}
.header-logo-link, .footer-logo-link, .nav-logo-link
{
position:relative;
}
.nav-logo-link
{
display:none !important;
}
.header-logo-link span, .footer-logo-link span
{
position:absolute;
top:35px !important;
left:0px !important;
width:100% !important;
text-align:center;
color:rgb(11,168,228) !important;
font-weight:600;
font-size:18px !important;
font-family:Electrolize;
}
.footer-logo-link span
{
top:48px !important;
font-size:15px !important;
}