/**
 * Cognixia Basic - A Comman Style for all Loading pages...
**/
/* @import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap'); */
@import url("../fonts/googlefonts/Montserrat.css");
@import url("../fonts/googlefonts/RalewayTitillium.css");

/*@import url('https://fonts.googleapis.com/css2?family=Graduate&display=swap');/*"Graduate", serif;*/
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');


#divCounter{
    font-family:"Chakra Petch", sans-serif; color:#3a7afb:;
    font-size:32px; line-height:30px; margin:1px; 
}

* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.desktop{ display:block; }
.mobile{ display:none; }


/*
 * Bootstrap Style
 */
.alert { text-align:center; padding:15px; color:#fff; text-shadow:1px 1px #9E9E9E; font-size:20px; }
.alert-info { border-color:#bce8f1; color:#000; /*background:url(https://i.imgur.com/yzFU3yA.jpg) center repeat #d9edf7;*/ width:100%; top:0px; position:relative; }


/*
 * Cognixia scrollbar Style
 */

/* width */
.cognixia-scrollbar ::-webkit-scrollbar { width:5px; }
/* Track */
.cognixia-scrollbar ::-webkit-scrollbar-track{ box-shadow:inset 0 0 5px grey; } 
/* Handle */
.cognixia-scrollbar ::-webkit-scrollbar-thumb { background:#3a7afb; }
/* Handle on hover */
.cognixia-scrollbar ::-webkit-scrollbar-thumb:hover { background:#007bff; }


html { scroll-behavior:smooth; }
body { font-family:'Titillium Web' !important; font-size:1rem; }

h1,h2,h3,h4,h5,h6 { font-family:'Titillium Web' !important; }

ol, ul { margin-top:0; margin-bottom:10px; }

.liststyle ul { margin-left:30px; }
.liststyle ul li { list-style:none; }
.liststyle ul li:before { content:"\2714"; color:#3a7afb; display:inline-block; width:1em; margin-left:-0.9em; font-weight:bold; }
.liststyle.square ul li:before { content:"\25AA"; }


.square-bullets ul { margin:0; padding:0; margin-left:30px; }
.square-bullets ul li { list-style:none; }
.square-bullets ul li:before { content:"\25AA"; color:#3a7afb; display:inline-block; width:1em; margin-left:-0.9em; font-weight:bold; }

iframe[name=google_conversion_frame] {display:none;}
a, a:hover{ text-decoration:none; }
a:hover { color:#ed145b; }
img{ max-width:100%; }

[type=reset], [type=submit], html [type=button],
button, .button{ cursor:pointer; display:inline-block; border-radius:5px; padding:.3rem 2.5rem; font-size:22px; font-weight:400; text-transform:none; background:#ed145b; color:#ffffff; border:none; }
button:hover, .button:hover, button:active, .button:active{ background:#ed145b; color:#ffffff; }

a:focus, button:focus, .button:focus { border:none; }


.hide { display:none; }
.cognixia-container{ display:flex; justify-content:space-between; max-width:90%; margin:0 auto; }

/* Form */
form{ margin-bottom:25px; } 
.form-group span{ font-size:16px; padding-right:10px; }
label input[type=checkbox], label input[type=radio]{ cursor:pointer; }
input[type=checkbox], input[type=radio]{ margin-right:5px; }
.inline-input input{ margin-left:15px; margin-right:0; }
.contactForm .input { margin:0 2% 0% 0; background:transparent; border-radius:0; border:0; border-bottom:2px solid #cdcdcd; text-align:left; height:50px; line-height:1.5; width:100%; }

#get-in-touch{ display:none; }
a#getintouch { background:#ed145b; border-radius:5px; width:170px; color:#fff; display:block; text-align:center; padding:7px 5px; margin:0 auto; margin-top:90px; }


/* webinars form CSS */
.form-webinar { padding:25px 20px; text-align:center; border:1px solid #707070; border-radius:15px; background:#ffffff; }
.form-webinar h4 { color:black; font-size:1.6em; margin:15px 0; border-bottom:4px solid #3a7afb; display:inline-block; padding:5px; }
.form-webinar input[type="text"], .form-webinar select { background:none; border:none; border-bottom:1px solid #707070; color:#333; width:100%; }
.form-webinar input[type="text"]::placeholder{ color:#333; }
.form-webinar input[type="submit"] { background:#ed145b !important; color:#fff; margin:15px 0; padding:0; line-height:40px; width:190px; font-size:1.2em; border-radius:20px; }

/* Background Styles */
.bg-black{ background:#000000; color:#ffffff; }
.bg-what-ulearn { background-image:url('../../images/banner/what-you-will-learn.webp') !important; background-size:cover; padding:40px 0; }


/*
 * Header - Footer Style
 */
header, footer{ background:#333333; color:#ffffff; width:100%; clear:both; }
header .site-header, footer .site-footer{ width:100%; }
header .container-fluid, footer .container-fluid{ max-width:1600px; }
header ul, footer ul{ margin:0; padding:0; }
header li, footer li{ list-style:none; }
header a, footer a{ color:#ffffff; }
header a:hover, footer a:hover{ /* color:#3494fc; */ color:#49AEE0; } 
header .header-contact a{ text-transform:none; font-size:100%; }
header .fa { color:#02d7a1 !important; } 

/* Footer Bottom Bar*/
.site-bottom-footer{ background:#ffffff; color:#333333; line-height:2; }
.footer_bottom_section{ padding:10px 0; }
.footer_bottom_section p{ margin-bottom:0; }
.footer_privacy_policy { display:flex; display:-webkit-flex; display:-ms-flex; display:-moz-flex; justify-content:center; }
.footer-terms-policy ul { display:flex; display:-webkit-flex; display:-ms-flex; display:-moz-flex; justify-content:flex-end; margin:0; }
.footer-terms-policy ul li { width:auto; padding-right:40px; letter-spacing:0.5px; position:relative; }
.footer-terms-policy li:after { content:''; display:block; width:1px; height:15px; background:#474747; position:absolute; right:20px; top:10px; }
.site-bottom-footer a{ color:#333333; }


/*
 * Nav Style
 */
.navbar-right{ justify-content:flex-end; }
.site-header{ -webkit-transition:padding-top .3s,padding-bottom .3s; transition:padding-top .3s,padding-bottom .3s; background:#333333; }
.site-header a{ padding:.5rem 1.2rem !important; }
.navbar-toggler-icon{ line-height:normal; }
.navbar-toggler{ padding:5px 10px; }
.navbar-brand{ width:190px; height:auto; }
.navbar-shrink { position:fixed; z-index:999999; /* background-color:#fff; */ }


/* Sectional Style */
.head-title{ margin-bottom:30px; }
section{ clear:both; position:relative; }
.section{ padding-top:50px; padding-bottom:25px; }
.section-title{ text-align:center; margin-bottom:40px; font-weight:600; }
.section-detail, .section-media{ margin-bottom:25px; }
.section-media .video{ position:relative; }
/*
.section-media .video::before{ margin:auto; top:0; left:0; bottom:0; right:0; position:absolute; content:'\25BA'; }
.section-media .video::before{ margin:auto; top:0; left:0; bottom:0; right:0; position:absolute; content:'\26AA'; }
*/


/* Image Box */
.imagebox{ display:flex; margin-bottom:25px; font-size:90%; }
.imagebox-image{ flex:0 0 65px; }
.imagebox-detail { display:inline-block; width:70%; margin-left:20px; }

/* webinar banner */
.webinar-banner { background-color:#02d7a1; color:#fff; padding:50px 0; background-image:url('../../images/banner/webinar.jpg'); background-size:cover; background-position:top center; background-attachment:fixed; }
.webinar-banner::before{ position:absolute; content:''; top:0; left:0; width:100%; height:100%; background:#000000; opacity:0.3; }

/* Uniq Banner */
.uniq-banner { background-image:url('../../images/banner/less-theory-more-practice.jpg'); position:relative; color:#fff; background-repeat:no-repeat; background-size:cover; padding-bottom:160px; height:700px; }
.uniq-banner .button{ border-radius:10px; margin:20px 0; }
.banner-content{ padding-top:8%; }
.banner-title{ margin-bottom:25px; }
.banner-form { background:#ffffffbd; padding:30px; margin:30px; width:400px; text-align:center; color:#000; }

.banner-form .phone-mobile{ margin-bottom:20px; }
.banner-form .phone-mobile div { margin-bottom:10px; }
.phone-mobile a, .phone-mobile a:hover { color:#000; text-decoration:none; }

.home-banner { background:#333333; color:#fff; padding:12% 0px; background-image:linear-gradient(to right,#3a7afb50,#02d7a250); }

.overview { position:relative; top:-185px; margin-bottom:-185px; padding:80px 0 50px; }
.overview .container { background:#d41c5c; padding:30px 80px; color:#fff; }

.course-list{ background:#ffffff; padding:25px; }
.course-list .modal-footer button{ text-transform:uppercase; }
.course-block { background:#f5f5f5; margin:20px 0; text-align:center; padding:10px; cursor:pointer; }
.course-block:hover { box-shadow-bottom:0px 0px 10px rgba(0, 0, 0, .5); box-shadow:0px 0px 10px rgba(0, 0, 0, .5); }

/*
 * Counting
 */
.countings{ text-align:center; }
.count-block{ margin:20px 0; text-align:center; padding:10px; cursor:pointer; }
.count-block .count-block-head { font-weight:600; color:#ed145b; line-height:1.3; font-size:3.4em; }
.count-block .count-block-content { line-height:1.2; font-size:1.4em; font-weight:600; margin-top:10px; }

/*
 * Program box
 */
.program-box{ text-align:center; color:#fff; font-size:1rem; padding:20px; border-radius:10px; min-height:230px; margin:0 25px; margin-bottom:40px; }
.highlight-point:nth-of-type(odd) .program-box{ background-color:#02d7a2; } 
.highlight-point:nth-of-type(even) .program-box{ background-color:#3a7afb; }
.program-box img { width:80px; height:80px; margin-bottom:10px; }

/*
 * Side Icon Box
 */
 .side-iconbox .col-md-4 span { float:left; width:65px; filter:brightness(0); }

/* Subscribe */
.subscribe a{ color:#d41c5c; }
.subscribe form{ display:flex; justify-content:center; }
.subscribe input[type="email"]{ border:none; padding:15px 25px; display:inline-block; }
.subscribe span { display:inline-block; background:#ed145b; color:#fff; position:relative; }
.subscribe span .fa { position:absolute; text-align:center; font-size:25px; margin:0 auto; left:0; right:0; top:26%; }
.subscribe .button{ background:transparent; color:transparent; position:relative; border-radius:0; padding:15px 25px; }


/* PopUp */
.modal-backdrop { z-index:-1; }
/*
.modal-dialog{ max-width:570px; }
.modal-body{ padding:.25rem; }
*/
.modal h2 { background:#3a7afb; margin:0; text-align:center; font-size:30px; padding:5px; color:#fff; margin-bottom:30px; }

/* The Modal (background) */
.modal { display:none; /* Hidden by default */ position:fixed; /* Stay in place */ z-index:1; /* Sit on top */ padding-top:100px; /* Location of the box */ left:0; top:0; width:100%; /* Full width */ height:100%; /* Full height */ overflow:auto; /* Enable scroll if needed */ background-color:rgb(0,0,0); /* Fallback color */ background-color:rgba(0,0,0,0.6); /* Black w/ opacity */ }
.modal-title {  color:#3A7AFB; font-size:1.75rem; font-weight:600; }

/* The Close Button */
.close { color:#ffffff; font-size:28px; font-weight:bold; z-index:333; position:absolute; right:-10px; top:-10px; background:#ed145b; border:1px solid #ed145b; padding:0 8px 5px 8px; border-radius:50%; opacity:1; }
.close:hover, .close:focus { color:#ed145b; background:#efefef; text-decoration:none; cursor:pointer; opacity:1; }
.modal-header .close { border-radius:50%; position:absolute; right:0; top:0; opacity:1; padding:3px 10px 10px 10px; }
.coursepoup { text-transform:uppercase; letter-spacing:0.1em; }


/* 
 * Widgets 
 */
.widget{ padding-bottom:25px; }
footer .widget-title { font-size:1.077em; font-weight:300; line-height:1.2; letter-spacing:.5px; color:#02d7a1; margin:0 0 25px 0; display:block; }
footer .widget-title:after { content:''; display:block; width:30%; height:2px; background:#474747; margin:10px 0; }


/*** 
 ** Responsive Style 
***/

@media (min-width:1800px){
}


@media (max-width:1440px) { 
    .cognixia-container{ max-width:92%; }
}

@media (max-width:1200px) { 
    .cognixia-container{ max-width:94%; } 
    .program-box{ margin:0 0 40px 0; }
}
@media (max-width:1150px) { 
    .footer_privacy_policy { flex-direction:column; text-align:right; } 
    .footer_privacy_policy li:last-child { padding-right:0; }
}

@media (max-width:1092px) {

}

@media (max-width:992px) { 
    .cognixia-container{ max-width:96%; } 
    .home-banner{ padding:60px 15px; } 
    .banner-form{ margin-left:0; margin-right:0; } 
    .program-box{ min-height:235px; } 
    .footer_bottom_section{ text-align:center; } 
    .footer_privacy_policy ul{ justify-content:center; }
}

@media (max-width:960px) { 
    .cognixia-container{ max-width:98%; } 
    .uniq-banner{ padding:0; height:auto; } 
    .overview{ top:inherit; margin-bottom:0; padding:50px 0; }
}

@media (max-width:768px) { 
    body{ line-height:1.4; }
    .cognixia-container{ max-width:100%; }  
    .program-box{ min-height:inherit; } #get-in-touch{ display:block; } 
    .header-contact{ display:none; }
}

@media only screen and (max-width:736px) {


}

@media (max-width:576px) {
    body{ line-height:1.3; }
    .desktop{ display:none; }
    .mobile{ display:block; }
    .footer_privacy_policy ul{ flex-direction:column; }
    .footer_privacy_policy ul li { padding:0 0 20px 0; }
    .footer_privacy_policy li:after { height:1px; width:20px; right:48%; top:40px; }
}

@media (max-width:420px) {

}