@import url("variable.css");

html{height: 100%;}
body{height:100%;display:flex;flex-direction: column; font-size: 16px; line-height: 24px;}

.site-footer{margin-top: auto;}

/* Common Space */
.section-space {
    padding-top: 50px;
    padding-bottom: 50px;
}

.section-space-top {
    padding-top: 50px;
}

.section-space-bottom {    
    padding-bottom: 50px;
}

.title-space {
    margin-top: 30px;
    margin-bottom: 30px;
}

.heading-block {
    text-align: center;
    margin-bottom: 30px;
}

.heading-h1 {    
    font-size: 60px;
    line-height: 60px;
    font-weight: bold;
}

.description, p {
    font-size: 16px;
    line-height: 24px;
}

.description.font-mid {
    font-weight: 500;
}

.font-14 {
    font-size: 14px;
    line-height: 20px;
}

.section-title {
    font-size: 40px;
    line-height: 45px;
    color: var(--black-color);    
}

.section-title.mb-20 {
    margin-bottom: 20px;
}

.heading-50 {
    font-size: 50px;
    line-height: 58px;
}

.heading-48 {
    font-size: 48px;
    line-height: 56px;
}

.heading-32 {
    font-size: 32px;
    line-height: 40px;
}

.heading-30 {
    font-size: 30px;
    line-height: 38px;
}

.heading-24 {
    font-size: 24px;
    line-height: 32px;
}
.heading-22 {
    font-size: 22px;
    line-height: 30px;
}

.heading-20 {
    font-size: 20px;
    line-height: 28px;
}

.semi-bold {
    font-weight: 600;
}

.btn-blue-primary {  
    height: 52px;      
    font-size: 16px;
    padding: 0 20px;
    min-width: 250px;
    font-weight: 700;
    line-height: 47px;
    text-align: center;
    border-radius: 30px;
    transition: all 0.3s;
    display: inline-block;
    color: var(--white-color);
    background: var(--brand_secondary);
    border: 2px solid var(--brand_secondary);
}

.btn-blue-primary:hover {
    text-decoration: none;
    color: var(--brand_secondary);
    background: var(--white-color);        
}

/* text color */
.deepnavy-text{color:var(--deep-navy);}
.navyslate{color: var(--navyslate);}
.digitalblue{color:var(--digital-blue);}
.limedspruce-text{color:var(--limed_spruce);}

/* text color */


.slick-dots {
    bottom: 0;
    display: flex;
    margin: 30px 0 0 0;
    align-items: center;
    justify-content: center;
    position: relative;	
}

.slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0 5px;
}

.slick-dots li button {
    padding: 0;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #dbdbdb;			
}

.slick-dots li.slick-active button { 
    background: linear-gradient(180deg, #0C56B8 0%, #0B3A8A 50%, #0A2E6D 100%);
}

.slick-dots li button::before {
    display: none;
}

@media (max-width: 1199px) {
    .section-title {
        font-size: 40px;
        line-height: 45px;
    }
    .heading-h1 {
        font-size: 44px;
        line-height: 50px;
    }
    .heading-50 {
        font-size: 42px;
        line-height: 50px;
    }
    .heading-48 {
        font-size: 40px;
        line-height: 48px;
    }
}

@media (max-width: 767px) {
    .section-title {
        font-size: 30px;
        line-height: 35px;
    }
    .heading-h1 {
        font-size: 30px;
        line-height: 35px;
    }
    .section-space {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .section-space-top {
        padding-top: 30px;
    }
    .section-space-bottom {    
        padding-bottom: 30px;
    }
    .title-space {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .heading-24 {
        font-size: 20px;
        line-height: 22px;
    }
    .heading-48 {
        font-size: 34px;
        line-height: 40px;
    }
    .heading-50 {
        font-size: 36px;
        line-height: 42px;
    }
}

/* 404 page css start */
.error-404-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 20px;
    background: #edf4ff;
    overflow: hidden;
}

.error-content {
    max-width: 950px;
    margin: auto;
    text-align: center;
}

.error-content h1 {
    font-size: 64px;
    font-weight: 700;
    color: #0b1b68;
    margin-top: 25px;
    margin-bottom: 20px;
}

.error-content p {
    font-size: 22px;
    color: #6d7895;
    line-height: 1.8;
    margin-bottom: 45px;
}

.error-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
}


@media(max-width:768px) {
    .error-content h1 {
        font-size: 42px;
    }
    .error-content p {
        font-size: 16px;
    }
    .search-form {
        width: 100%;
    }
    .error-image img {
        max-width: 100%;
    }
}

/* Privacy Policy & Terms of Use */
.page-template-template-cms .site-content .site-main .container {max-width: 720px;}
.page-template-template-cms .site-content .site-main ul, .page-template-template-cms .site-content .site-main ol {margin-bottom: 1rem; padding-left: 20px;}
.page-template-template-cms .site-content .site-main ul li {list-style-type: disc; margin-bottom: 8px;}
.page-template-template-cms .site-content .site-main ul li:last-child {margin-bottom: 0;}
.page-template-template-cms .site-content .site-main ol > li::marker {font-size: 20px; font-weight: normal;}
.page-template-template-cms .site-content .site-main ol > li > .heading-20 {font-family: "Overpass", sans-serif;}
.page-template-template-cms .site-content .site-main ol > li > ol > li::marker {font-size: inherit;}
@media (max-width: 767px) {
    .page-template-template-cms .site-content .site-main ol > li::marker {font-size: 20px; font-weight: normal;}
}

/* Courses */
.courses-section .container {max-width: 1110px !important;}
.courses-section .row > * {padding-left: 15px; padding-right: 15px;}
.course-card {background: #fff; overflow: hidden; height: 100%; transition: .3s;}
.course-card:hover {box-shadow: 0 10px 30px rgba(0, 0, 0, .1);}
.course-card-link {display: flex; flex-direction: column; height: 100%;}
.course-inner {flex: 1; padding: 20px; display: flex; flex-direction: column;}
.course-inner .course-content {flex: 1; margin-bottom: 20px;}
.course-inner .course-content .course-title {font-size: 18px; color: #008cff; font-weight: 600; line-height: 24px; margin-bottom: 10px;}
.course-inner .course-content .description  {color: #008cff;}
.course-inner .course-footer {padding: 0; display: flex; margin-top: auto; align-items: center; justify-content: space-between;}
.course-inner .course-footer .author {display: flex; align-items: center;}
.course-inner .course-footer .author img {width: 36px; height: 36px; border-radius: 100%; margin-right: 10px; -o-object-fit: cover; object-fit: cover;}
.course-inner .course-footer .author span, .course-inner .course-footer .price {font-size: 15px; color: #008cff;}
.course-inner .course-footer .price {text-transform: uppercase;}
/* .row {margin-left: 0;margin-right: 0;} */


/* Newsletter */
.newsletter-section .container {
    max-width: 500px !important;
}

.newsletter-box {
    text-align: center;
}


.subtitle {
    color: var(--navyslate);
    margin-top: 20px;
    margin-bottom: 40px;
}

.newsletter-box label {
    display: block;
    text-align: left;
    font-size: 18px;
    color: var(--slateblue);
    margin-bottom: 8px;
}

.newsletter-box .form-control {
    border-radius: 4px;
    border: 1px solid var(--pastelgreen);
    box-shadow: none;
}

.newsletter-box .form-control:focus {
    border-color: var(--dodgerblue);
    box-shadow: none;
}

.form-check-input {
    border-color: var(--Nickel);
}

.consent-box {
    display: flex;
    align-items: flex-start;
    text-align: left;
}

.consent-box input {
    margin-top: 6px;
}

.consent-box label {
    font-size: 16px;
    line-height: 1.5;
    color: var(--gray-600);
    margin-left: 10px;
}

.subscribe-btn {
    background: var(--dodgerblue);
    color: var(--white-color);
    border: none;
    padding: 14px 70px;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    transition: 0.3s;
    margin-bottom: 20px;
}

.subscribe-btn:hover {
    background: var(--dodgerblue);
}

.privacy-text {
    margin-top: 10px !important;
    font-size: 14px;
    color: var(--gray-600);
}

.newsletter-section h2 {
    color: var(--navyslate);
    font-weight: 700;
}
.newsletter-section .newsletter-box .form-label {
    color: var(--Nickel);
    font-weight: 400;
}
.form-check .form-check-label {
    color: var(--Nickel);
    font-weight: 400;
}
.privacy-text {
    color: var(--navyslate);
}
/* Responsive */
@media(max-width:991px) { 
    .learn-how .mb-5 {
        margin-bottom: 20px !important;
    }
}

@media(max-width:767px) {
    .subscribe-btn {
        width: 100%;
        padding: 14px 20px;
    }
    .learnpress .container .learnpress{padding: 0;}

}

.sticky + .site-content {
    margin-top: 118px;
}
 
@media(max-width: 484px) {
    .sticky + .site-content {
        margin-top: 129px;
    }    
}

.newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full{margin-bottom: 0;}
.newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full .wpforms-field-captcha {text-align: left;}
.newsletter-section .form-inner.shortcode-newsletter .wpforms-container .wpforms-field-label, .newsletter-section .form-inner.shortcode-newsletter .wp-core-ui div.wpforms-container .wpforms-field-label{font-weight: 400;}
.newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full .wpforms-submit{height: 52px;font-size: 16px;padding: 0 20px;min-width: 250px;font-weight: 700;line-height: 47px;text-align: center;border-radius: 30px;transition: all 0.3s;display: inline-block;color: var(--white-color);background-color: var(--brand_secondary);border: 2px solid var(--brand_secondary); margin-top: 10px;}
.newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full .wpforms-submit:hover{text-decoration: none;color: var(--brand_secondary);background: var(--white-color);}
div.wpforms-container-full input[type=date]:focus:invalid, div.wpforms-container-full input[type=datetime]:focus:invalid, div.wpforms-container-full input[type=datetime-local]:focus:invalid, div.wpforms-container-full input[type=email]:focus:invalid, div.wpforms-container-full input[type=month]:focus:invalid, div.wpforms-container-full input[type=number]:focus:invalid, div.wpforms-container-full input[type=password]:focus:invalid, div.wpforms-container-full input[type=range]:focus:invalid, div.wpforms-container-full input[type=search]:focus:invalid, div.wpforms-container-full input[type=tel]:focus:invalid, div.wpforms-container-full input[type=text]:focus:invalid, div.wpforms-container-full input[type=time]:focus:invalid, div.wpforms-container-full input[type=url]:focus:invalid, div.wpforms-container-full input[type=week]:focus:invalid, div.wpforms-container-full select:focus:invalid, div.wpforms-container-full textarea:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=date]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=datetime]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=datetime-local]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=email]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=month]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=number]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=password]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=range]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=search]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=tel]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=text]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=time]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=url]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=week]:focus:invalid, .wp-core-ui div.wpforms-container-full select:focus:invalid, .wp-core-ui div.wpforms-container-full textarea:focus:invalid{border-color :var(--brand_secondary) !important;}
.newsletter-section .form-inner.shortcode-newsletter .wpforms-container .wpforms-field, 
.newsletter-section .form-inner.shortcode-newsletter .wp-core-ui div.wpforms-container .wpforms-field{padding: 10px 0;}
.newsletter-section .form-inner.shortcode-newsletter .wpforms-container.wpforms-container-full{margin-top: 0;}
.newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full .wpforms-form label.wpforms-error, .newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full .wpforms-form em.wpforms-error{text-align: left;}
.newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full input[type=date], .newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full input[type=datetime], .newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full input[type=datetime-local], .newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full input[type=email], .newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full input[type=month], .newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full input[type=number], .newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full input[type=password], .newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full input[type=range], .newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full input[type=search], .newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full input[type=tel], .newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full input[type=text], .newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full input[type=time], .newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full input[type=url], .newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full input[type=week], .newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full select, .newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full textarea, .newsletter-section .form-inner.shortcode-newsletter .wp-core-ui div.wpforms-container-full input[type=date], .newsletter-section .form-inner.shortcode-newsletter .wp-core-ui div.wpforms-container-full input[type=datetime], .newsletter-section .form-inner.shortcode-newsletter .wp-core-ui div.wpforms-container-full input[type=datetime-local], .newsletter-section .form-inner.shortcode-newsletter .wp-core-ui div.wpforms-container-full input[type=email], .newsletter-section .form-inner.shortcode-newsletter .wp-core-ui div.wpforms-container-full input[type=month], .newsletter-section .form-inner.shortcode-newsletter .wp-core-ui div.wpforms-container-full input[type=number], .newsletter-section .form-inner.shortcode-newsletter .wp-core-ui div.wpforms-container-full input[type=password], .newsletter-section .form-inner.shortcode-newsletter .wp-core-ui div.wpforms-container-full input[type=range], .newsletter-section .form-inner.shortcode-newsletter .wp-core-ui div.wpforms-container-full input[type=search], .newsletter-section .form-inner.shortcode-newsletter .wp-core-ui div.wpforms-container-full input[type=tel], .newsletter-section .form-inner.shortcode-newsletter .wp-core-ui div.wpforms-container-full input[type=text], .newsletter-section .form-inner.shortcode-newsletter .wp-core-ui div.wpforms-container-full input[type=time], .newsletter-section .form-inner.shortcode-newsletter .wp-core-ui div.wpforms-container-full input[type=url], .newsletter-section .form-inner.shortcode-newsletter .wp-core-ui div.wpforms-container-full input[type=week], .newsletter-section .form-inner.shortcode-newsletter .wp-core-ui div.wpforms-container-full select, .newsletter-section .form-inner.shortcode-newsletter .wp-core-ui div.wpforms-container-full textarea{height: 55px;border-radius: 5px;padding: 0 18px;font-size: 15px;transition: .3s;outline: none;border: 1px solid #e2e2e9}

.newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error:focus, 
.newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid:focus,
.newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error:focus, 
.newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid:focus, 
.newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error:focus, 
.newsletter-section .form-inner.shortcode-newsletter div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid:focus{border:solid 1px var(--wpforms-label-error-color) !important;}