/* Global */
html {
    scroll-behavior: smooth;
}
body {
    background-color: #ffffff;
/*     font-family: 'Lato', sans-serif; */
	font-family: "AcariSans", sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    overflow-x: hidden;
}
*, *::before, *::after {
    box-sizing: inherit
}
*:focus {
    outline: none
}
.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}
.clearfix:after {
    clear: both
}
h1, h2, h3, h4, h5, h6, p {
/*     font-family: 'Montserrat', sans-serif; */
	font-family: "AcariSans", sans-serif;
    margin: 0
}
p, li, span{
/*     font-family: 'Lato', sans-serif; */
	font-family: "AcariSans", sans-serif;
}
li > strong{
/*     font-family: 'Montserrat', sans-serif; */
	font-family: "AcariSans", sans-serif;
}
.c-bg-white{
    background-color: #fff;
}
.c-bg-grey{
    background-color: #f8f8f8;
}
.c-bg-green{
    background-color: #1E443D;
}
.light-text *{
    color: #fff
}
a,
a:hover {
    text-decoration: none
}
ul {
    margin: 0;
    padding: 0;
    list-style: none
}
img {
    height: auto;
    max-width: 100%
}
img.cover,
.s-bg-img {
    object-fit: cover;
    width: 100%
}
button, input[type="button"], input[type="reset"], input[type="submit"], #infinite-handle span {
    background-color: #1E443D;
}
a:hover, a:focus, .tg-primary-menu > div ul li:hover > a, .tg-primary-menu > div ul li.current_page_item > a, .tg-primary-menu > div ul li.current-menu-item > a, .tg-mobile-navigation > div ul li.current_page_item > a, .tg-mobile-navigation > div ul li.current-menu-item > a, .entry-content a, .tg-meta-style-two .entry-meta span, .tg-meta-style-two .entry-meta a {
    color: #72AA92;
}
.site-branding .custom-logo-link {
    max-width: 300px;
}
.tg-icon-bars::after {
    content: unset;
}
.tg-header-action__item.tg-mobile-toggle.tg-mobile-toggle--opened button:hover {
    background-color: unset;
}
.tg-icon-bars {
    background-image: url(/wp-content/uploads/2022/10/menu-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
}
.main-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
	font-family: "AcariSans", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    background-color: #1E443D;
    border: 1px solid #1E443D;
    border-radius: 4px;
    padding: 12px 35px;
    text-transform: uppercase
}
.main-button:hover {
    background-color: rgba(255,255,255,.75);
    color: #000;
}
.invert-colors .main-button {
    color: #1E443D;
    background-color: #fff;
}
.invert-colors .main-button:hover {
    background-color: rgba(255,255,255,.75);
    color: #000;
}
button {
	background-color: #000
}
.wpcf7-spinner {
    position: absolute;
    margin-top: 12px;
}
/* Navigation */

@media screen and (max-width: 992px) {
    .main-navigation {
        display: none;
    }
    .tg-mobile-toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .tg-site-header--left .tg-block--two {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

/* Elements */

h2{
    font-size: 30px;
    font-weight: bold
}

.hero-subtitle{
    font-weight: bold
}
.site-main ul li{
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 0 10px 30px;
    flex-wrap: wrap
}
.site-main ul li > span{
    flex: 1 1 100%
}
.site-main ul li:before{
    content: "";
    background-image: url(/wp-content/uploads/2022/10/check-dark-green.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    position: absolute;
    left: -30px;
    top: 0
}
.site-main .light-text ul li:before{
    background-image: url(../svg/check-white.svg)
 }
ol{
    counter-reset: ol-counter
}
ol li{
    list-style: none;
    counter-increment: ol-counter;
    position: relative;
    margin: 0 0 10px 30px
}
ol li:before{
    content: counter(ol-counter);
    position: absolute;
    left: -30px;
    top: 0;
    background-color: #1E443D;
    color: white;
    border-radius: 50%;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}
.light-text ol li:before{
    background-color: white;
    color: #1E443D
}
.bg-image-holder{
    height: 100%;
}
.bg-image-holder img{
    object-fit: cover;
    height: 100%;
}
.contact-card{
    background-color: #ffffff;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%), 0 1px 3px 0 rgb(0 0 0 / 20%);
    padding: 32px 24px;
    max-width: 320px;
    margin: 0 auto;
    border-radius: 4px
}
.contact-card > p{
    margin-bottom: 15px;
    color: black
}
.contact-card > p:last-child{
     margin-bottom: 0
 }
.contact-card > p a{
    color: black
}
.contact-card > p a.mailto,
.contact-card > p a.call-us-at,
.contact-card > p a:last-child{
    display: flex;
    align-items: center
}
.light-text .contact-card > p a.mailto:hover{
    color: #1E443D;
}
.contact-card > p a.mailto{
    padding-bottom: 0.5rem
}

.contact-card > p a:before,
.site-footer #block-39 ul li.mailto:before,
.site-footer #block-39 ul li.phone-number:before{
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    min-width: 20px;
    height: 16px;
    min-height: 16px;
    margin-right: 15px;
    display: block
}
.contact-card > p a.mailto:before,
.site-footer #block-39 ul li.mailto:before{
    background-image: url(/wp-content/uploads/2022/10/email-dark-green.svg);
}
.contact-card > p a.call-us-at:before,
.contact-card > p a:last-child:before,
.site-footer #block-39 ul li.phone-number:before{
    background-image: url(/wp-content/uploads/2022/10/phone-icon-darkgreen.svg);
}
.site-footer #block-39 ul li.footer-socials{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: -3px
}
.site-footer #block-39 ul li.footer-socials a{
    margin-right: 10px;
    padding: 0;
}
.site-footer #block-39 ul li.footer-socials a:before{
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    min-width: 28px;
    height: 28px;
    min-height: 28px;
    display: block
}
.site-footer #block-39 ul li.footer-socials a.facebook-icon:before{
    background-image: url(/wp-content/themes/zakra/assets/img/icons/facebook-icon.svg);
}
.site-footer #block-39 ul li.footer-socials a.youtube-icon:before{
    background-image: url(/wp-content/themes/zakra/assets/img/icons/youtube-icon.svg);
}
.site-footer #block-39 ul li.footer-socials a.linkedin-icon:before{
    background-image: url(/wp-content/themes/zakra/assets/img/icons/linkedin-icon.svg);
}
.site-footer #block-39 ul li.footer-socials a.facebook-icon:hover:before{
    background-image: url(/wp-content/themes/zakra/assets/img/icons/facebook-icon-hover.svg);
}
.site-footer #block-39 ul li.footer-socials a.youtube-icon:hover:before{
    background-image: url(/wp-content/themes/zakra/assets/img/icons/youtube-icon-hover.svg);
}
.site-footer #block-39 ul li.footer-socials a.linkedin-icon:hover:before{
    background-image: url(/wp-content/themes/zakra/assets/img/icons/linkedin-icon-hover.svg);
}

.who-we-are .person-holder{
    border: 1px solid #e5e4e4;
    background-color: #fff;
    padding: 30px;
    border-radius: 8px
}
.who-we-are .person-pic img{
    width: 100%;
    height: 680px;
    object-fit: cover;
    border-radius: 4px
}
.who-we-are .person-name{
    font-size: 18px;
/*     font-family: 'Montserrat', sans-serif */
	font-family: "AcariSans", sans-serif;
}
.wpcf7-form label{
    width: 100%;
}

/* Courses & Webinars Page  */

.courses-page .c-12.c-l-4,
.blog-page .c-12.c-l-4{
    display: flex;
    flex-direction: column;
    margin-bottom: 30px
}
.courses-page .row.j-content-center,
.blog-page .row.j-content-center{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.course-box,
.post-box{
    border: 1px solid #e5e4e4;
    border-radius: 4px;
    cursor: pointer;
    transition: all .3s;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}
.course-box:hover,
.post-box:hover{
    box-shadow: rgb(0 0 0 / 20%) 0 1px 11px
}
.course-title{
    font-size: 18px;
/*     font-family: 'Montserrat', sans-serif */
	font-family: "AcariSans", sans-serif;
}
.course-info{
    background-color: #f7f7f7;
    border-top: 1px solid #e5e4e4
}
.course-info > .course-meta:before,
.post-page .entry-meta span:before{
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: block
}
.light-text .course-info > .course-meta:before{
    filter: invert(1)
}
.course-info > .course-starting-date:before {
    background-image: url(../svg/icon-course-start2.svg)
}
.course-info > .course-duration:before {
    background-image: url(../svg/icon-course-duration.svg)
}
.course-info > .course-type:before {
    background-image: url(../svg/icon-course-type.svg)
}
.course-info > .course-price:before {
    background-image: url(../svg/icon-course-price.svg)
}
.post-box .course-info > .course-date:before,
.post-page .entry-meta span.date:before{
    background-image: url(/wp-content/themes/zakra/assets/img/icons/icon-calendar.svg)
}
.post-page .entry-meta span.category:before{
    background-image: url(/wp-content/themes/zakra/assets/img/icons/icon-category.svg)
}
.post-page .entry-meta span.author:before{
    background-image: url(/wp-content/themes/zakra/assets/img/icons/icon-author2.svg)
}
.master-head .course-info{
    border: unset;
    background-color: unset;
    flex-wrap: wrap;
}
.site-main .webinar-filter li{
    border: 1px solid #e5e4e4;
    padding: 20px 15px;
    margin: 5px 10px;
    min-width: 160px;
    border-radius: 4px;
    cursor: pointer;
}
.site-main .webinar-filter li:hover{
    border-color: #000
}
html:not(.upcoming):not(.finished) .site-main .webinar-filter .js-filter-all,
.upcoming .site-main .webinar-filter .js-filter-upcoming,
.finished .site-main .webinar-filter .js-filter-finished{
    font-weight: bold;
    color: #fff;
    background-color: #1E443D;
    border-color: #1E443D
}
.finished .site-main .webinar-box.upcoming,
.upcoming .site-main .webinar-box.finished{
    display: none
}
.site-main .webinar-filter li:before{
    display: none
}


/* Course & Webinar Page  */

.course-section details {
    counter-increment: details-counter;
    margin-bottom: 3px;
    cursor: pointer
}
.course-section details summary{
    height: 50px;
    display: flex;
    align-items: center;
    position: relative;
    background-color: #f7f7f7;
    padding-left: 40px;
    font-size: 18px
}
.course-section details summary:before{
    content: counter(details-counter) ". ";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%)
}
.course-section details summary{
    height: 50px;
    display: flex;
    align-items: center;
}
.course-section details summary:after{
    content: "";
    background-image: url(../svg/plus-green-new.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: block;
    margin-left: auto;
}
.course-section details[open] summary:after{
    background-image: url(../svg/minuswhite-new.svg)
}
details[open] summary{
    background-color: #1E443D;
    color: #ffffff
}
.course-section details .tab-content{
    padding: 20px;
    border: 1px solid #e5e4e4
}
.course-section details .acc-title{
    color: #1E443D;
    font-weight: bold;
    font-size: 18px;
}
.course-section details ul {
    list-style: disc;
}
.course-section details ul li{
    display: list-item;
}
.course-section details ul li:before{
    display: none;
}

.course-faq{
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%), 0 1px 3px 0 rgb(0 0 0 / 20%);
}
.course-faq .faq-box{
    border-bottom: 1px solid #e5e4e4;
}
.course-faq .faq-box:last-child{
    border: 0;
    margin-bottom: 0;
}
.course-faq .faq-box .faq-title{
    color: #1E443D;
    font-size: 24px;

}
.course-teacher .img{
    object-fit: cover;
    margin: 0 auto;
    width: 100%;
    max-height: 200px;
    max-width: 200px;
    border-radius: 50%;
    overflow: hidden
}
.course-teacher .teacher-position{
    opacity: .6;
}

/* Single Webinar */

.webinar-section h3{
    margin-bottom: 20px;
}
.webinar-section ul{
    margin: 10px 0
}
.webinar-holder .webinar-resource li{
    list-style-type: disc;
    display: list-item;
}
.webinar-resource li:before{
    display: none;
}
#time-left{
    margin: 10px 0 20px
}
.countdown-column{
    background-color: #fff;
    border-radius: 4px;
    min-width: 70px;
    margin-right: 15px;
    justify-content: center;
    align-items: center;
    padding: 5px 0;
}
.light-text .countdown-column *{
    color: #1E443D;
}
.countdoun-value{
    font-weight: bold;
}

.wpcf7-spinner {
    vertical-align: middle;
}

/* Footer */

.widget ul li{
    border-bottom: 0
}
.tg-site-footer .tg-footer-widget-container.tg-footer-widget-col--three .tg-footer-widget-area {
    width: calc(25% - 40px);
}
.tg-site-footer .tg-footer-widget-container.tg-footer-widget-col--three .tg-footer-widget-area.footer-sidebar-3{
    width: auto;
}
#block-39, #block-41{
    border: 1px solid #e5e4e4;
    padding: 20px 15px;
    max-width: 280px;
    border-radius: 4px;
}
#block-39 ul li{
    display: flex;
    align-items: center;
}
.site-footer #block-39:before,
.site-footer #block-41:before{
    background-size: contain;
    width: 50px;
    height: 50px;
    margin: 10px auto
}
#block-39 ul li, #block-41 ul li{
    text-align: center
}


/* Blog Page */

.flex-1{
    flex: 1
}
/* Post Page */

.post-page article .entry-meta > span{
    display: flex;
    margin-right: 20px;
    align-items: center
}

/* Slick Slider */

.logo-slider{
    background-color: #1E443D
}
.slick-initialized .slick-list{
    flex: 1
}
.slick-logos.slick-initialized .slick-slide{
    height: 10rem;
    display: flex;
    justify-content: center;
    align-items: center
}
.logo-slider .container {
    max-width: 100vw;
    width: 100%;
    overflow: hidden
}
.partner-logo img{
    filter: brightness(0) invert(1);
    object-fit: contain;
    width: auto;
    height: auto;
    max-width: 200px;
    max-height: 100px;
    opacity: .7
}
.customer-logo:hover img{
    opacity: .9
}

/* Our Partners */

.partners-list{
    padding-bottom: 1rem
}
.partners-list > div.row > div{
    margin-bottom: 30px
}
.partner-box-holder{
    border: 1px solid #e5e4e4;
    border-radius: 4px;
    cursor: pointer;
    transition: all .3s;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}
.partner-box-holder:hover {
    box-shadow: rgb(0 0 0 / 20%) 0 1px 11px;
}
.partner-box-holder .partner-box{
    overflow: hidden;
    padding: 2rem;
    justify-content: space-between
}
.partner-box-holder .partner-box .partner-list-logo {
    height: 20rem
}
.partner-box-holder .partner-box .partner-list-logo > img{
    max-width: 25rem;
    width: 100%;
    object-fit: contain
}
.partner-box-holder .partner-box .partner-list-title{
    font-size: 2.5rem;
    padding: 1rem 0
}
.partner-box-holder .partner-box .partner-list-description{
    line-height: 1.6
}

/* Flexible Content Sections */

.secText p,
.secText h2,
.secText h3,
.secText h4,
.secText h5,
.secText h6,
.secText ul,
.secText ol{
    padding-bottom: 15px;
}
.who-we-are .person-pic.flex-element img{
    height: 500px;
}
.award-box img{
    filter: grayscale(1);
    transition: all .5s ease-in-out;
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 4px;
}
.award-box:hover img{
    filter: grayscale(0);
}
.award-box .secLabel{
    font-weight: bold;
    color: #919191;
    text-transform: uppercase;
    font-size: 12px;
}
.achievement-holder{
    max-width: 300px;
    min-height: 160px;
    margin: 0 auto 10px;
    border: 1px solid #e5e4e4;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 15px;
    text-align: center;
    border-radius: 4px;
}
.achievement-holder .achievement-big{
    font-size: 40px;
}
.achievement-holder .achievement-big .big-number{
    font-weight: bold;
}
.icon-box .icon-holder{
    border: 1px solid #e5e4e4;
    border-radius: 4px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}
.icon-box img{
    transition: all .5s ease-in-out;
    width: 100%;
    height: 150px;
    object-fit: contain;
    border-radius: 4px;
    margin-bottom: 10px
}
.icon-box .box-title{
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}
.icon-box .secText{
    text-align: center
}
.icon-box .btn-holder{
    text-align: center
}
.icon-box .btn-holder .main-button{
    font-size: 16px
}
.def-space.no-space-before,
.def-space-sm.no-space-before{
    margin-top: 0;
    padding-top: 0
}
.def-space.no-space-after,
.def-space-sm.no-space-after{
    margin-bottom: 0;
    padding-bottom: 0
}
li > strong{
    padding: 0 5px;
    display: contents;
}
#main section .main-button{
    font-size: 16px
}

/* Fixes */

.site .lp-archive-courses .course-meta__pull-left .meta-item,
.site .course-tabs .course-nav label,
.site .course-curriculum .section-left .section-title,
body.learnpress-page .lp-button{
    text-transform: none;
}

/* Responsiveness */
@media screen and (max-width: 1199px) {
    .who-we-are .person-pic img{
        height: 530px;
    }
}
@media screen and (max-width: 992px) {
    .text-image-section .sec-title{
        text-align: center
    }
    .text-image-section img{
        max-height: 500px
    }
    .contact-card{
        margin-top: 30px
    }
    .who-we-are .person-pic img{
        height: 680px
    }
    .course-teacher .img {
        max-height: 130px;
        max-width: 130px;
    }
}
@media screen and (max-width: 768px) {
    footer section,
    .tg-site-footer-section-1{
        text-align: center
    }
    .tg-site-footer-section-2{
        display: none
    }
    .tg-site-footer .tg-footer-widget-container.tg-footer-widget-col--three .tg-footer-widget-area{
        width: 100%
    }
    #block-39 {
        margin: 0 auto
    }
    #block-41{
        margin: 0 auto 20px
    }
    .who-we-are .person-pic img{
        height: 680px;
    }
    .course-teacher{
        flex-direction: column
    }
    .course-teacher .teacher-img{
        padding-bottom: 20px
    }
    .course-teacher .img {
        max-height: 200px;
        max-width: 200px
    }
    .lp-archive-courses .course-summary-content .course-meta.course-meta-secondary .course-meta__pull-left .custom-course-meta{
        grid-column: 1 / span 2
    }
}
@media screen and (max-width: 576px) {
    .who-we-are .person-holder{
        padding: 15px
    }
    .who-we-are .person-pic img{
        height: calc(calc(100vw - 60px) / 0.67);
    }
    .site-main .webinar-filter{
        flex-direction: column
    }
}

@media screen and (max-width: 480px) {
    .site-branding {
        max-width: 250px
    }
}

@media screen and (max-width: 340px) {
    .site-branding {
        max-width: 200px
    }
}