@import url('https://fonts.googleapis.com/css2?family=WorkSans:wght@200;300;400;500;600;700&family=Tenor:wght@300;400;500;700;900&display=swap');

// =================Variables=================

$white: #fff;
$black: #000;
$gray: #707070;
$color-brown: #f0f4f7;
$light-gray: #F2F2F2;
$color-dark: #2E2E2E;
$dark-blue: #0F454F;
$color-blue: #07477d;
$color-yellow: #BD9848;
$color-green: #0F454F;
$lt-green: #0F454F;
$color-red: #ff3b3f;


$Tenor: 'Tenor Sans';
$WorkSans: 'Work Sans';

// =================Partials & Imports=================
@import "bootstrap";
@import "scss/fontawesome.scss";
@import "mainmenu.scss";




// =================mixin=================

@mixin bod-radius($value: 10px) {
    border-radius: $value;
    -moz-border-radius: $value;
    -webkit-border-radius: $value;
}

@mixin box-shadow($top: 0px, $left: 0px, $blur: 10px, $color: rgba(0, 0, 0, 0.2)) {
    -webkit-box-shadow: $top $left $blur $color;
    -moz-box-shadow: $top $left $blur $color;
    box-shadow: $top $left $blur $color;
}

@mixin transition($what: all, $time: 0.3s, $how: ease-in-out) {
    -webkit-transition: $what $time $how;
    -moz-transition: $what $time $how;
    -ms-transition: $what $time $how;
    -o-transition: $what $time $how;
    transition: $what $time $how;
}

/*----------------------------media mixing--------------------*/

@mixin respond-to($breakpoint) {
    @if $breakpoint=="xxs" {
        @media screen and (max-width: 600px) {
            @content;
        }
    }

    @else if $breakpoint=="xs" {
        @media screen and (max-width: 767px) {
            @content;
        }
    }

    @else if $breakpoint=="sm" {
        @media (min-width: 768px) and (max-width: 991px) {
            @content;
        }
    }

    @else if $breakpoint=="smm" {
        @media screen and (max-width: 991px) {
            @content;
        }
    }

    @else if $breakpoint=="md" {
        @media (min-width: 992px) and (max-width: 1199px) {
            @content;
        }
    }

    @else if $breakpoint=="lg" {
        @media screen and (min-width: 1200px) {
            @content;
        }
    }
}



/*-----------default-css-----------*/
::selection {
    background: $color-green;
    color: $white;
}

body {
    font-family: $WorkSans;
    background: $white;
    font-weight: 400;
    color: $color-green;
    font-size: 18px;
    line-height: 1.5;

    a {
        color: $lt-green;
        @include transition();

        &:hover,
        &:focus {
            outline: none;
            text-decoration: none;
            color: $color-yellow;
            @include transition();
        }
    }

    ol,
    ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

    h1,
    .h1 {
        font-size: 58px;
        font-family: $Tenor;
        line-height: 1.2;

        span {
            display: block;
        }
    }

    h2 {
        font-size: 42px;
        // font-weight: bold;
        margin: 0 0 20px;
        // text-transform: capitalize;
        font-family: $Tenor;
        color: $lt-green;
        line-height: 1.2;

        span {
            display: block;
        }
    }

    .h2 {
        font-size: 32px;
        font-weight: normal;
        margin: 0 0 20px;
        text-transform: capitalize;
        font-family: $Tenor;
        color: $color-dark;
        line-height: 1.2;

        span {
            display: block;
        }
    }

    h3,
    .h3 {
        font-size: 30px;
        margin: 0 0 30px;
        text-transform: capitalize;
        font-family: $Tenor;
        color: $color-dark;
        line-height: 1.2;

        span {
            display: block;
        }
    }

    h4,
    .h4 {
        font-size: 24px;
        line-height: 30px;
        // text-transform: capitalize;
        font-family: $Tenor;
        color: $color-dark;

        span {
            display: block;
        }

        margin: 0 0 30px;
    }

    h5,
    .h5 {
        font-size: 18px;
        line-height: 30px;
        // text-transform: capitalize;
        font-family: $Tenor;
        color: $color-dark;
        margin: 0 0 30px;
    }

    input {
        margin: 10px 0 0;
    }
}

.gray_bg {
    background: $light-gray !important;
}

section {
    padding: 100px 0;
}

.grayed {
    .spacer {
        padding: 0;
    }
}

// .page-id-588 {
//     .flex-rows {
//         .grid-row {
//             max-width: 100%;
//         }
//     }
// }
.page-id-482 {
    .grayed {
        padding: 50px 0;

        .img-box {
            min-height: 300px;
            display: flex;
            width: 100%;
            height: 100%;
            max-height: 350px;
            overflow: hidden;
            object-position: top;

            img {
                object-fit: contain !important;
            }
        }
    }
}

p {
    font-size: 16px;
    margin: 0 0 20px;
    line-height: 24px;
    color: $color-dark;
    font-family: $WorkSans;

    a {
        color: $lt-green;
        @include transition();

        &:hover {
            color: $color-yellow;
        }
    }

    b,
    strong {
        font-weight: 600;
        color: $color-green;
    }

}

.d-f-c {
    display: flex;
    align-items: center;

    .no-p {
        p {
            margin: 0 !important;
        }
    }

    img {
        margin: 0 !important;
    }
}



.default_btn,
.wp-block-button {
    a {
        background: $color-yellow;
        padding: 12px 25px;
        color: $white;
        display: inline-block;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        @include transition();
        font-family: $WorkSans;

        &:hover {
            color: $white;
            background: $black;
            @include transition();
        }
    }

    &.white_btn {
        a {
            border: 1px solid $white;
            color: $white;

            &:hover {
                color: $white;
                background: $color-green;
            }
        }
    }

    &.dark_btn {
        a {
            background: $color-green;
            color: $white;

            &:hover {
                color: $white;
                background: $color-yellow;
            }
        }
    }

}

.wp-block-button {

    a,
    .components-button.wc-block-components-button {
        display: inline-block !important;
        font-size: 16px !important;
        text-align: center !important;
        border-radius: 0 !important;
    }
}

.components-button.wc-block-components-button {
    background: $color-yellow;
    padding: 12px 25px;
    color: $white;
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    @include transition();
    font-family: $WorkSans;

    &:hover {
        color: $white;
        background: $black;
        @include transition();
    }
}

.head_bod {
    margin: 0 auto 30px;
    border: 0;
    border-top: 3px solid $color-green;
    width: 70px;
}

.head_bod.bod_white {
    border-top: 3px solid $white;
}

.list_with_arrow {
    margin: 0 0 30px;

    li {
        position: relative;
        padding-left: 30px;
        margin: 0 0 10px;
        color: $white;

        &:before {
            color: $color-yellow;
            content: "\f14a";
            font-family: "Font Awesome 5 Brands";
            font-size: 14px;
            font-weight: 700;
            position: absolute;
            left: 0;
            top: 7px;
            padding: 2px;
            line-height: 10px;
            text-align: center;
        }

        a {
            color: $white;
            @include transition();
            font-weight: bold;

            &:hover {
                @include transition();
                color: $color-dark;
            }
        }
    }
}

.list {
    li {
        line-height: 24px;
        margin: 0 0 10px;
        padding-left: 15px;
        position: relative;
        font-size: 16px;
        color: $black;

        &:after {
            content: '';
            position: absolute;
            width: 6px;
            height: 6px;
            background: $color-green;
            top: 8px;
            left: 0;
            border-radius: 50%;
        }
    }
}

.spacer {
    padding: 30px 0;
    clear: both;
}




.pt-0 {
    padding-top: 0px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.p-0 {
    padding: 0 !important;
}

.p-50 {
    padding: 50px 0 !important;
}

.pad-50 {
    padding: 50px;
}

.d-flex {

    .row {
        display: flex;
        align-items: center;
    }
}

.main-title {
    text-align: center;

    h2,
    .page-title {
        font-style: normal;
        font-weight: 600;
        font-size: 45px;
        line-height: 56px;
        text-align: center;
        color: $color-dark;
        max-width: 900px;
        margin: 0 auto 30px;
        text-transform: capitalize;
    }
}


.bgLogo-ico {
    position: relative;
    padding: 70px 0 50px !important;
    // min-height: 320px;

    .container {
        max-width: 880px;
    }

    &:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: url(../img/Kirkpatrick-Partners-Brand-Mark-04.webp);
        background-repeat: no-repeat;
        top: 8px;
        background-size: 18%;
        background-position: 100% 50%;
        right: 0;
        z-index: -1;
    }

}

.fa {
    &::after {
        font-family: 'FontAwesome';
    }
}

/*-------------------------------------------facilitators-sec-----------------------*/
.facilitators-sec {
    position: relative;
    padding-bottom: 200px;
    background: $light-gray;

    .container-fluid {
        max-width: 1300px;
        margin: 0 auto;
    }


    .leader-box {
        background: $white;
        margin: 0 0 30px;

        .img-box {
            height: 380px;
            display: flex;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        h4 {
            color: $dark-blue;
            padding: 15px 10px 10px;
            text-align: center;
            font-size: 18px;
            margin: 0;

            span {
                display: block;
                color: $color-yellow;
                font-style: italic;
                font-size: 16px;
            }
        }

        a {
            background: $color-green;
            text-align: center;
            color: $white;
            text-transform: uppercase;
            display: block;
            padding: 8px;
            @include transition();

            &:hover {
                background: $color-yellow;
                @include transition();
            }
        }
    }
}






/*-----------heading-----------*/


.heading {
    h5 {
        font-size: 20px;
        color: $color-yellow;
        font-weight: normal;
        text-transform: capitalize;
        margin: 0;
    }

    h2 {
        span {
            display: block;
        }
    }
}


/*---------------------BackToTop---------------------*/
#BackToTop.show {
    opacity: 1;
    visibility: visible;
}

#BackToTop {
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    position: fixed;
    bottom: 20px;
    right: 20px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    background: $color-yellow;
    border: 1px solid $color-dark;

    &:after {
        content: "\f106";
        font-family: 'Font Awesome 5 Brands';
        font-weight: normal;
        font-style: normal;
        font-size: 30px;
        line-height: 46px;
        color: $white;
    }

    &:hover,
    &:active {
        cursor: pointer;
        color: $white;
        background: $color-green;

        &:after {
            color: $white;
        }
    }
}


/*-----------header-----------*/

.top-header {
    text-align: center;
    padding: 10px 0;
    background: $color-green;

    p {
        color: $white;
        margin: 0;

        a {
            color: $color-yellow;
        }
    }
}


#myHeader {
    position: absolute;
    width: 100%;
    transition: 0.3s ease-in-out;
    z-index: 999999;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 57%, rgba(255, 255, 255, 1) 100%);
    top: 46px;

    .container-fluid {
        padding: 0 3%;
    }


    .top-right {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        padding: 20px 0 0;
    }

    .main_nav {
        background-color: $white;
        transition: background-color 0.3s;
        padding: 0;
    }

    .logo {
        margin: 9px 0;

        img {
            width: 100%;
            max-width: 300px;
            transition: 0.3s ease-in-out;
        }

        span {
            color: $white;
            text-transform: capitalize;
            font-weight: bold;
        }
    }

    &.sticky {
        background: $white;
        position: fixed;
        animation: slide-down 0.5s;
        top: 0;
        width: 100%;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    }



}


.mainmenu {

    ul {
        text-align: right;
    }

    >ul {
        >li {
            margin-left: 10px;

            >a {
                padding: 0;
                font-size: 16px;
                line-height: 40px;
                font-weight: 500;
                position: relative;
                color: $black;
                text-transform: uppercase;

                &:before {
                    position: absolute;
                    content: "";
                    top: auto;
                    bottom: 0;
                    height: 3px;
                    background: $color-green;
                    width: 0%;
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                    @include transition();
                }

                &:hover {
                    &:before {
                        width: 90%;
                        @include transition();
                    }
                }
            }
        }
    }

}

.mainmenu.light li a {
    color: $black;
    text-transform: uppercase;

    &:hover {
        color: $color-green;
    }
}

.mainmenu.desktop {
    li.has-sub {
        a {
            padding-right: 0;

            &:hover {
                color: $color-red;
            }

            &:after {
                border-top-color: $white;
            }
        }

        li {
            margin: 0 0 15px;

            a {
                padding: 0 15px;
                font-size: 14px;
                color: $black;
                line-height: 24px;

                &:hover {
                    color: $color-green;
                }
            }
        }
    }
}

.mainmenu ul ul {
    width: 220px;
    background: $white;
    padding: 10px 0 0;
    box-shadow: 0px 12px 10px rgba(0, 0, 0, 0.22);
}

.mainmenu ul ul ul {
    top: 0;
    right: 220px;
    left: auto;
}

@media (min-width:992px) and (max-width:1199px) {
    .mainmenu {
        >ul {
            >li {
                margin-right: 20px;
            }
        }
    }
}

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

    #myHeader.sticky {
        position: sticky;

        .nav-ul {
            margin: 0;
        }
    }

    .header_fixed .nav-ul {
        background: #01172e !important;
    }

    .header_fixed .button.button {
        top: 10px;
    }

    .mainmenu {
        >ul {
            >li {
                margin-right: 0px;

                >a {
                    font-size: 16px;
                    line-height: 24px;
                }
            }
        }
    }

    .mainmenu.mobile {
        >ul {
            >li {
                >a {
                    padding: 10px;
                }
            }
        }
    }

    .mainmenu,
    .mainmenu.mobile {
        ul {
            ul {
                li {
                    a {
                        padding: 15px;
                        padding-left: 25px !important;
                    }
                }

                ul {
                    li {
                        a {
                            padding: 15px;
                            padding-left: 25px !important;
                        }
                    }
                }
            }
        }

        ul {
            ul {
                width: 100%;
                padding: 0;
                box-shadow: none;
                border-top: none;
                background: #f1f1f1 !important;

                ul {
                    left: 0;
                    top: auto;
                    background: #d2d2d2 !important;

                    ul {
                        left: 0;
                        top: auto;
                        background: #c3c3c3 !important;
                    }
                }
            }
        }
    }
}


/*-----------Home_slider------------*/
.home_banner {
    padding: 0;
    background: url(../img/home-banner.webp) no-repeat;
    background-size: cover;
    padding: 200px 0 200px;
    min-height: 520px;
    background-position: 50% 50%;
    position: relative;

    &:before {
        position: absolute;
        content: "";
        top: 0;
        height: 100%;
        background: $white;
        width: 100%;
        left: 0;
        opacity: .3;
        @include transition();
    }

    .container {
        width: 100%;
        padding: 0 5%;
    }

    .banner_text {
        max-width: 680px;
        margin-top: 10%;

        h1 {
            text-transform: capitalize;
            color: $black;
            margin: 0 0 20px;
            font-weight: 400;
            font-size: 54px;

            span {
                font-size: 20px;
                position: relative;
                display: inline;
                top: -18px;
                right: 23px;
            }
        }
    }

}




/*----------------welcome-sec------------*/
.welcome-sec {
    position: relative;
    text-align: center;

    img:not(h4 img) {
        width: 130px;
        margin: 0 auto 20px;

    }

    h4 {
        margin-bottom: 20px !important;
    }
}




/*-------------------------ourprogram-sec----------------------------*/
.ourprogram-sec {
    position: relative;

    .sec-wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .left-part {
            position: relative;
            padding: 50px;
            background: url(../img/program-background.webp) no-repeat;
            background-size: cover;
            width: 40%;

            &:after {
                position: absolute;
                content: "";
                background: url(../img/program-icon-arrow.webp) no-repeat;
                width: 50%;
                height: 100%;
                background-size: 240px;
                z-index: 0;
                right: -70px;
                top: 0;
                background-position: 50% 50%;
            }

            ul {
                position: relative;
                z-index: 1;

                li {
                    margin: 0 auto 0px;
                    text-align: center;

                    img {
                        width: 100%;
                        max-width: 300px;
                        margin: 0 auto;
                    }
                }
            }
        }

        .right-part {
            width: 55%;
            padding-right: 3%;

            h4 {
                font-size: 20px;
                font-weight: bold;
                color: $dark-blue;
                font-family: $WorkSans;
            }
        }
    }
}




/*-----------home_testsimonials------------*/
.home_testsimonials {
    /*background: rgba(188, 228, 237, 0.6);*/
    background-size: cover;
    color: $white;
    text-align: center;
    position: relative;
    padding-bottom: 190px;
    z-index: 3;

    &:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../img/testimonial_bg.webp) no-repeat;
        background-size: cover;
        background-position:100% 100%;


    }

    h2 {
        margin: 0 auto 50px;
        color: $white;
    }

    .owl-stage {
        display: flex;
        align-items: center;
    }


    .item {
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: center;

        .text {
            background: #F3EADA;
            padding: 20px;
            box-shadow: 4px 4px 2px 5px #0003;
            margin: 10px;

        }

        p {
            color: $black;
            font-size: 16px;
            line-height: 25px;
            font-style: italic;
            font-weight: 400;
            position: relative;
            font-family: $WorkSans;
            margin: 0 0 20px;
        }

        h5 {
            text-transform: capitalize;
            color: $black;
            margin: 0;
            font-size: 14px;
            font-family: "Work Sans";
            line-height: 20px;
            color: #0F454F;
            font-weight: 700;

            span {
                display: block;

                b {
                    font-weight: 400;
                }
            }

        }

    }

    .owl-nav {
        position: absolute;
        margin: 20px auto;
        bottom: 0;
        left: 0;
        right: 0;
        display: block !important;
        top: 100%;

        button {
            width: 40px;
            height: 40px;
            border: 1px solid #fff !important;
            margin: 0 5px;
            font-size: 40px !important;
            line-height: 30px !important;

            &.owl-next {
                left: auto;
                right: 0;
            }

            &.active {
                background: $color-red;
            }
        }


    }


}

/*---------------------------training-sec-------------------------------*/
.training-sec {
    /*background: url(../img/training-bg.webp) no-repeat;*/
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    z-index: 2;
    margin-top: -130px;
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;


    /*  &:before{
        position:absolute;
        content: "";
        top: 0;
        height: 100%; 
        background: $black;
        width:100%;
        left: 0;
        opacity: .7;
        @include transition();
    }*/
    img {
        /* -webkit-mask-image: url(../img/training-bg.webp);
        mask-image: url(../img/training-bg.webp);*/
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: max-content;
        object-fit: cover;
        z-index: -1;
    }

    .text-box {
        position: absolute;
        z-index: 1;
        left: 0;
        padding-left: 4%; 
        width:50%;
        /*padding: 200px 30px;*/

        h5 {
            margin: 0 0 15px;
        }

        p {
            margin: 0 0 40px;
        }

    }

    h2,
    p {
        color: $white;
    }
}



/*-------------------------------------business-sec----------------*/
.business-sec {
    // background: url(../img/partners-bg.webp) no-repeat !important;
    background-size: cover !important;
    background-position: 50% 50%;
    margin-top: -180px;
    padding-top: 00px;
    z-index: 1 !important;
    position: relative;
    // background: none;

    img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -2;
    }

    .sec-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        z-index: 1;
        padding-top: 230px;

        .text {
            width: 50%;
            padding: 0 40px 0 0;
            max-width: 800px;
            margin-right: 0;
            margin-left: auto;
        }

        .img-box {
            width: 45%;
            display: flex;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                position: relative;
            }
        }
    }

    h2 {
        color: $black;
    }

}




/*------------------------------resources-sec-------------------------------*/
.resources-sec {
    position: relative;
    background: rgb(8, 45, 52);
    background: linear-gradient(101deg, rgba(8, 45, 52, 1) 0%, rgba(15, 69, 79, 1) 26%, rgba(15, 69, 79, 1) 64%, rgba(8, 45, 52, 1) 100%);
    padding-top: 200px;

    &:before {
        position: absolute;
        content: "";
        top: 50%;
        width: 100%;
        background: $color-yellow;
        height: 1px;
        left: 0;
        opacity: .7;
        z-index: 0;
        @include transition();
    }

    .content-box {
        max-width: 900px;
        width: 100%;
        background: $color-yellow;
        padding: 40px;
        text-align: center;
        margin: 0 auto;

        h2 {
            font-size: 80px;
            text-transform: uppercase;
            margin-top: -80px;
            color: $white;
        }

        p {
            color: $white;
        }
    }
}





/*-----------Awards_logo------------*/
.awards_logo {
    background: url(../img/partners-bg.webp) no-repeat;
    background-size: cover;
    text-align: center;
    padding: 50px 0;

    .awards-wrap {
        border-top: 1px solid $color-yellow;
        border-bottom: 1px solid $color-yellow;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    h2 {
        color: $color-yellow;
        font-size: 30px;
        font-family: $WorkSans;
        margin: 0 0 40px;
    }

    .logo-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        grid-gap: 30px;

        .item {
            img {
                width: auto;
                height: 70px;
                object-fit: contain;
                margin: 0 auto;
            }
        }
    }

}

/*-----------about_head------------*/
.home_about {
    background: url(../img/home-location-bg.webp);
    background-size: cover;
    background-position: 50% 50%;

    .about_head {
        margin: 0 0 60px;

        h2 {
            font-weight: normal;
            line-height: 50px;
        }
    }

}




/*-----------------------------------follow-wec---------------------------*/
.follow-wec {
    position: relative;
    text-align: center;
    background: url(../img/partners-bg.webp) no-repeat;
    background-size: cover;

    &:after {
        position: absolute;
        content: "";
        top: auto;
        bottom: 40px;
        width: 100%;
        background: $color-yellow;
        height: 1px;
        left: 0;
        opacity: .7;
        z-index: 0;
        @include transition();
    }

    &:before {
        position: absolute;
        content: "";
        top: 40px;
        height: 150px;
        background: url(../img/likedin-icon.webp);
        background-repeat: no-repeat;
        width: 140px;
        left: 24%;
        opacity: .1;
        background-size: cover;
    }

    h2 {
        font-size: 50px;
        text-transform: uppercase;
        color: $black;
    }

    p {
        font-size: 20px;
    }

    ul {
        display: flex;

        li {
            width: 20%;
            display: flex;
            height: auto;
            border: none;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }
}



/*-----------Footer------------*/
.footer-main {
    padding: 100px 0 50px;
    background: $color-green;
    color: $white;

    .container-fluid {
        padding-left: 30px;
    }

    h2 {
        color: $white;
    }

    p {
        color: $white;
        font-size: 14px;
        margin: 0 0 10px;
        line-height: 18px;
    }

    h4 {
        color: $color-yellow;
        font-size: 16px;
        margin: 0 0 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 700;
    }



    .foot_logo {
        text-align: center;

        img {
            max-width: 200px;
            margin: 0 auto;
        }
    }

    .foot_social {
        ul {
            margin: 0 0 28px;

            li {
                display: inline-block;
                margin-right: 10px;

                &:last-child {
                    margin-right: 0;
                }

                a {
                    color: $white;
                    display: inline-block;
                    text-align: center;
                    font-size: 15px;
                    line-height: 30px;
                    width: 30px;
                    height: 30px;
                    background: $color-yellow;
                    border-radius: 50%;

                    &:hover {
                        color: $lt-green;
                    }
                }
            }
        }
    }

    .footer_menu {
        ul {
            column-count: 2;
            padding: 0;
            width: 100%;

            li {
                display: block;
                padding-left: 0px;
                margin: 0 0 10px;
                line-height: 22px;
                position: relative;
                font-weight: 300;
                @include transition();

                a {
                    color: $white;
                    font-size: 16px;
                    text-transform: uppercase;
                }

                &:hover {
                    a {
                        @include transition();
                        color: $color-yellow;

                    }
                }
            }
        }
    }

    .dual-menu {
        ul {
            // width: 50%;
            // float: left;

            &:last-child {
                padding-left: 10px;
            }

        }
    }





}

.copyright {
    padding: 20px 0;

    p {
        color: $white;
        margin: 0;
        font-size: 14px;
        text-transform: uppercase;
    }
}



/*-----------inquiries_form------------*/
.inquiries_form {
    position: relative;

    &:placeholder {
        font-size: 16px;
        color: $color-green;
    }

    .form-control,
    select,
    input,
    textarea {
        display: inline-block;
        width: 100%;
        height: 50px;
        padding: 6px 12px;
        font-size: 16px;
        color: $color-green;
        background: $white;
        border: none;
        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        -o-transition: none;
        margin: 0 0 5px;

        &::placeholder {
            color: $gray;
        }
    }

    textarea {
        height: 50px !important;
    }

    .default_btn {
        text-align: center;

        .btn-send {
            width: auto;
            background: $white;
            padding: 12px 25px;
            color: $black;
            display: inline-block;
            text-transform: uppercase;
            font-size: 16px;
            font-weight: 400;
            text-align: center;
            @include transition();
            font-family: $WorkSans;

            &:hover {
                color: $white;
                background: $black;
                @include transition();
            }
        }
    }

    .form-links {
        a {
            text-decoration: underline;
            color: $color-red;

            &:hover {
                color: $white;
            }
        }
    }

    .check-box {
        label {
            color: $white;
            font-size: 16px;
        }

        input {
            width: auto;
            height: auto;
            border: none;
            box-shadow: none;
            transform: scale(1.2);
            margin: 0 5px 0 0;
            border-radius: 0;

        }
    }

}




/*----------- Service_Page ------------*/

.inner_banner,
.inner_banner.shop-banner {
    background-image: url(../img/partners-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    // min-height: 340px;
    padding: 200px 0 110px;

    .blog-heading .subhead {
        color: $color-green;
        text-transform: uppercase;
        text-align: center;
        font-size: 30px;
        margin: 0;
        font-family: $Tenor;
    }

    .subhead {
        color: $color-green;
        text-transform: uppercase;
        text-align: center;
        font-size: 30px;
        margin: 0;
        font-family: $Tenor;
    }

    h1 {
        font-size: 55px;
        margin: 0 0 30px;
        color: $dark-blue;
        font-weight: 500;
        text-align: center;

        span {
            display: block;
            color: $color-yellow;
            font-size: 50px;
        }
    }

    .banner_text {
        position: relative;
        width: 100%;
        max-width: 900px;
        margin: 0 auto;
        justify-content: center;
        align-items: center;


    }
}

.certifications-inner {
    box-shadow: 0px 6px 20px #00000029;
}

.bold-content p {
    font-size: 20px !important;
    line-height: 26px;
    font-weight: 400;
}

section.welcome-sec.inner-page {
    // padding: 100px 0 100px;
}

.some-pro img.img-resonsive {
    width: 140px;
    position: absolute;
    top: -75px;
    left: 50%;
    transform: translateX(-50%);
}

.home_testsimonials .item .text.some-pro {
    padding: 90px 20px 20px;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

div#reveiws-slides {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.breadcrumb_sec {
    padding: 0;

    .breadcrumb {
        padding: 10px 0;
        margin-bottom: 0;
        list-style: none;
        background-color: transparent;
        border-radius: 0;
        font-size: 14px;

        >li {
            +li:before {
                padding: 0 8px 0 5px;
                color: #6b7981;
                content: "\f105";
                font-family: 'FontAwesome';
                font-weight: bold;
            }
        }

        a {
            color: #6b7981;

            &:hover {
                color: $color-yellow;
            }
        }
    }
}


.welcome-sec {

    &:not(.wel-padding) {
        padding: 50px 0 70px;
    }

    &.inner-page {
        text-align: left;

        .subtitle {
            font-size: 22px;
            margin: 0 0 20px;
            line-height: 1.3;

            strong {
                font-weight: 600;
                color: $dark-blue;
            }
        }

        p {
            img {
                width: 100%;
            }
        }
    }
}

.green-head {

    h2,
    .h2 {
        color: $color-green !important;
    }
}

/*------------------------leader---------------------*/
.leader-sec {
    position: relative;
    padding-bottom: 200px;

    .heading {
        margin-top: -130px;
        text-align: center;

        h2 {
            color: $lt-green;
        }
    }

    .leader-box {
        background: $white;
        margin: 0 20px;

        .img-box {
            height: 310px;
            display: flex;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        h4 {
            color: $dark-blue;
            padding: 15px 10px 10px;
            text-align: center;
            font-size: 22px;
            margin: 0;

            span {
                display: block;
                color: #BD9848;
                font-style: italic;
                font-size: 16px;

                a {
                    display: inline;
                    color: $color-yellow;
                    font-style: italic;
                    font-size: 16px;
                    background: none !important;
                    padding: 0;

                }
            }
        }

        a {
            background: $color-green;
            text-align: center;
            color: $white;
            text-transform: uppercase;
            display: block;
            padding: 8px;
            @include transition();

            &:hover {
                background: $color-yellow;
                @include transition();
            }
        }
    }
}

/*---------------------------------model-sec---------------------*/
.model-sec {
    position: relative;
    background: url(../img/kirkpatrick-model-bg.webp) no-repeat;
    background-size: 100%;
    text-align: center;
    padding: 180px 0 220px;
    margin-top: -180px;

    &.v2 {
        padding: 220px 0 220px;

        h2 {
            color: #000;
            text-transform: lowercase;
        }

        h2:first-letter {
            text-transform: uppercase;
        }

        p {
            font-size: 20px;
            line-height: 1.3;
        }
    }

    p {
        font-size: 20px;
        line-height: 1.3;
    }

    h2 {
        font-weight: 500;
        color: #000;
    }

}

.onabt {
    padding: 0 0 80px;
}

/*--------------------masterProgram-sec--------------*/
.masterProgram-sec {
    position: relative;
    background: url(../img/workshop-bg.webp) no-repeat;
    background-size: cover;
    background-position: 50% 0%;

    .default_btn {
        text-align: left;
    }

    p {
        font-size: 20px;
    }
}

.call-to-action {
    .inner-sec {
        .right-box {
            .text {
                h3 {
                    margin: 0 0 20px !important;
                }
            }
        }

    }
}



.principle-sec {
    position: relative;
    background: $white;
    text-align: center;

    .text-box {
        max-width: 980px;
        width: 100%;
        margin: 0 auto;
        background: $lt-green;
        padding: 50px 30px;
        box-shadow: 10px 10px 6px #00000062;
        position: relative;
        z-index: 3;

        p {
            font-style: italic;
            color: $white;
            font-size: 18px;
        }

        h4 {
            font-weight: 600;
            color: $white;
            text-align: center;
            font-size: 18px;
            font-family: $WorkSans;
            margin: 0;

            span {
                display: block;
            }
        }
    }

    &::after {
        content: "";
        position: absolute;
        height: 2px;
        left: 0;
        right: 0;
        top: 50%;
        z-index: 1;
        width: 100%;
        background: #BD9848;
    }
}


/*--------------------------------kirkpatrick-model-sec---------------------------*/


.kirkpatrick-model-sec {
    position: relative;
    background: url(../img/path-1.webp) no-repeat;
    background-size: cover;
    padding-bottom: 150px;
    background-position: 50% 100%;


    .heading {
        margin-top: -130px;
        text-align: center;
        margin-bottom: 50px;

        h2 {
            color: $color-green;
        }
    }

    .model-row {
        .model-box {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 0 0 20px;

            &:nth-child(2) {

                .level,
                .text {
                    background: #0e363c
                }
            }

            &:nth-child(3) {

                .level,
                .text {
                    background: #12454e
                }
            }

            &:nth-child(4) {

                .level,
                .text {
                    background: #0d5b5a
                }
            }

            .level {
                background: #022f27;
                border-radius: 4px;
                width: 30%;
                padding: 10px;
                text-align: center;
                line-height: 20px;
                position: relative;


                &:after {
                    position: absolute;
                    content: "";
                    background: url(../img/program-icon-arrow.webp) no-repeat;
                    width: 90px;
                    height: 50px;
                    background-size: 90px;
                    z-index: 0;
                    right: -50px;
                    top: 10px;
                    background-position: 50% 50%;
                }

                span {
                    text-transform: uppercase;
                    color: $color-yellow;
                    font-size: 14px;
                    display: block;
                    line-height: 1.3;
                }

                p {
                    display: block;
                    line-height: 1.3;
                    text-transform: uppercase;
                    color: $white;
                    margin: 0;
                    font-size: 26px;
                    font-family: $Tenor;
                }
            }

            .text {
                background: #022f27;
                border-radius: 30px;
                width: 67%;
                padding: 30px;

                h5 {
                    font-size: 18px;
                    text-transform: uppercase;
                    color: $white;
                    font-family: $WorkSans;
                    margin: 0 0 10px;
                    font-weight: 600;
                }

                p {

                    color: $white;
                    margin: 0;
                    font-size: 16px;
                    line-height: 22px;
                }
            }

        }
    }
}


/*---------------------------------aboutkirk-sec-----------------------------------*/
.aboutkirk-sec {
    position: relative;
    background: $light-gray;
    padding-bottom: 200px;

    .heading {
        margin-top: -130px;
        text-align: center;
        margin-bottom: 50px;

        h2 {
            color: $color-green;
        }
    }

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


.content_sec {
    padding: 60px 0;

    .content_part {
        padding-right: 50px;
    }

    img {
        margin: 0 0 30px;
    }

    h3 {
        font-size: 36px;
        margin: 0 0 20px;
        text-transform: capitalize;
        line-height: 46px;
    }

    .head_bod {
        margin: 0 0 30px;
    }
}






/*-------------------------services-page---------------------------*/
.services-page {
    position: relative;

    .services-ico {
        position: relative;

        img {
            position: absolute;
            right: 0;
            top: 0px;
            width: 200px !important;
        }

        .subtitle {
            max-width: 80%;
            margin: 0 auto;
        }

        h2 {
            color: $black;
        }
    }
}



/*---------------------------services single page------------------*/
.analysis-sec {
    position: relative;

    &::after {
        content: "";
        position: absolute;
        height: 2px;
        left: 0;
        right: 0;
        top: 40%;
        z-index: -1;
        width: 100%;
        background: #BD9848;
    }

    .analysis-box {
        background: $color-green;
        max-width: 700px;
        margin: 0 auto;
        padding: 50px;

        h2 {
            font-weight: 400;
        }


    }

    h2 {
        color: $white;
        text-align: center;
        font-size: 35px;
        margin-bottom: 50px;
    }
}






/*-----------------------OurProcess-sec------------------------------*/
.OurProcess-sec {
    position: relative;
    background: url(../img/path-1.webp) no-repeat;
    background-size: cover;
    padding-bottom: 150px;
    background-position: 50% 100%;

    .heading {
        margin-top: -130px;
        text-align: center;
        margin-bottom: 50px;

        h2 {
            color: $color-green;
        }
    }

    .step-row {
        max-width: 700px;
        margin: 0 auto;


        .step-box {
            background: #022f27;
            border-radius: 20px;
            width: 100%;
            padding: 30px 20px;
            text-align: center;
            line-height: 20px;
            position: relative;
            margin: 0 0 40px;


            &:after {
                position: absolute;
                content: "";
                background: url(../img/program-icon-arrow.webp) no-repeat;
                width: 90px;
                height: 50px;
                background-size: 70px;
                z-index: 1;
                right: 0px;
                left: 0;
                margin: 0 auto;
                bottom: -45px;
                background-position: 50% 50%;
                transform: rotate(90deg);
            }

            &:nth-child(2) {

                background: #0e363c
            }

            &:nth-child(3) {

                background: #0d5b5a
            }

            &:last-child {
                &:after {
                    display: none;
                }
            }

            span {
                text-transform: uppercase;
                color: $white;
                font-size: 18px;
                display: block;
                margin: 0 0 15px;
                font-weight: bold;
            }

            p {
                color: $white;
                margin: 0;
                font-size: 18px;
                font-weight: 300;
            }
        }
    }
}




/*-----------------------------------faq page--------------------------*/
.faq-sec {
    position: relative;

    h2 {
        text-align: center;
        color: #000;
    }

    .faq-row {
        max-width: 850px;
        margin: 0 auto;

        h2 {
            text-align: left;
        }
    }

    .topic {
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0 0 20px;
        position: relative;

        &::before {
            content: '';
            display: inline-block;
            float: right;
            position: absolute;
            top: 14px;
            right: 12px;
            width: 26px;
            height: 26px;
            background: transparent;
            border: 1.5px solid #BD9848;
            /* border-bottom: 2px solid #BD9848; */
            transition: all 0.3s ease-in-out;
            border-radius: 50%;
        }
    }
}

.open {
    cursor: pointer;
    display: block;
    padding: 0px;
    border: solid 1px #9B9B9B;
}

.open:hover {
    opacity: 0.7;
}

.expanded {
    transition: all 0.3s ease-in-out;
}

.question {
    padding: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin: 0;
    text-align: left;
    padding-right: 30px;
    font-family: $WorkSans;
    text-transform: uppercase;
}

.answer {
    font-size: 16px;
    line-height: 26px;
    display: none;
    padding: 20px;
    border: solid 1px #9B9B9B;
    border-top: 0;
    color: $black;
}

.faq-t {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: inline-block;
    float: right;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 10px;
    height: 10px;
    background: transparent;
    border-left: 2px solid $color-yellow;
    border-bottom: 2px solid $color-yellow;
    transition: all 0.3s ease-in-out;
}

.faq-o {
    top: 24px;
    -moz-transform: rotate(-224deg);
    -ms-transform: rotate(-224deg);
    -webkit-transform: rotate(-224deg);
    transform: rotate(-224deg);
}

@media only screen and (max-width: 480px) {
    .faq-t {
        display: none;
    }

    .question {
        padding-right: 0px;
    }

    main {
        padding: 10px;
    }

    .answer {
        margin-bottom: 30px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

/*---------------------------------------team-page-------------------------*/
.team-sec {
    position: relative;
    padding: 0;

    .team-row {
        padding: 100px 0;

        &:nth-child(odd) {
            background: #F2F2F2;
        }

        .img-box {
            display: flex;
            background: url(../img/coming-soon.webp) no-repeat;
            background-size: cover;
            height: 458px;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        h4 {
            color: $dark-blue;
            text-align: left;
            font-size: 22px;
            margin: 0;
            line-height: 26px;

            span {
                display: block;
                color: $color-yellow;
                font-style: italic;
                font-size: 16px;
            }
        }

        i {
            color: $color-yellow;
            font-size: 16px;
        }

        p {
            font-size: 14px;
            line-height: 20px;
            margin: 10px 0 0;
            color: $black;

            strong {
                color: $lt-green;
            }
        }
    }
}








/*------------------------------------affiliates page---------------------------------*/
.affiliates-sec {
    position: relative;
    background: $light-gray;
    padding: 50px 0;

    .affiliates-row {
        position: relative;
        text-align: center;
        padding: 50px 0;

        h2 {
            color: $color-green;
            font-weight: normal;
            margin: 0 0 40px;
        }

        ul {
            display: flex;
            justify-content: center;
            column-gap: 20px;
            flex-wrap: wrap;

            li {
                width: 32%;
                background: $white;
                text-align: center;
                box-shadow: 0px 3px 6px #00000029;
                margin: 0 0 20px;

                .top-bx {
                    padding: 20px;
                    text-align: center;
                    min-height: 220px;

                    img {
                        width: 100%;
                        height: 70px;
                        object-fit: contain;
                        margin: 0 0 10px;
                    }

                    h4 {
                        font-size: 20px;
                        color: $lt-green;
                        margin: 0 0 10px;
                    }

                    p {
                        font-size: 16px;
                    }
                }

                a {
                    background: $color-green;
                    text-align: center;
                    color: $white;
                    text-transform: uppercase;
                    display: block;
                    padding: 8px;
                    @include transition();

                    &:hover {
                        background: $color-yellow;
                        @include transition();
                    }
                }
            }
        }
    }

}


/*-------------------------------------------conferences-sec----------------------------------*/
.conferences-sec {
    position: relative;
    background: $light-gray;

    .heading {
        margin-top: -130px;
        text-align: center;
    }

    .conferences-row {
        position: relative;
        text-align: center;
        padding: 0px 0 50px;

        h2 {
            color: $color-green;
            font-weight: normal;
            margin: 0 0 40px;
        }

        ul {
            display: flex;
            justify-content: center;
            column-gap: 20px;
            flex-wrap: wrap;

            li {
                width: 23%;
                background: $white;
                text-align: center;
                box-shadow: 0px 3px 6px #00000029;
                margin: 0 0 20px;

                .top-bx {
                    padding: 20px;
                    text-align: center;
                    min-height: 190px;

                    img {
                        width: 100%;
                        height: 70px;
                        object-fit: contain;
                        margin: 0 0 10px;
                    }

                    h4 {
                        font-size: 20px;
                        color: $lt-green;
                        margin: 0 0 10px;
                    }

                    p {
                        font-size: 16px;
                    }
                }

                a {
                    background: $color-green;
                    text-align: center;
                    color: $white;
                    text-transform: uppercase;
                    display: block;
                    padding: 8px;
                    @include transition();

                    &:hover {
                        background: $color-yellow;
                        @include transition();
                    }
                }
            }
        }
    }
}



/*-----------------------------------------main blog  [page]------------------*/
.blog-heading {
    background: $light-gray;
    padding: 50px 0 40px;

    .blog-search {
        .form-group {
            width: 47%;
            display: inline-block;
            // margin-right: 10px;

            select,
            input {
                width: 100%;
                background: $white;
                border-radius: 10px;
                padding: 13px;
                border: none;

                box-shadow: 0px 3px 6px #00000029;
            }

        }
    }
}

.blog-page {
    position: relative;

    .blog_content {
        position: relative;
        margin: 0 0 30px;
        text-align: center;
        min-height: 540px;
        display: grid;

        .img-box {
            display: flex;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);

            }
        }

        .text {
            background: $white;
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
            padding: 20px;

            time {
                text-transform: capitalize;
                color: $color-yellow;
                font-weight: 200;
                font-family: $WorkSans;
                margin: 0 0 15px;
                display: block;
            }

            h4 {
                font-size: 22px;
                color: $color-green;
                margin: 0 0 15px;
                font-weight: 200;
                line-height: 25px;
            }

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

            a {
                font-weight: bold;
            }
        }
    }

    &.single-page {
        padding-top: 200px;

        h2 {
            color: $lt-green;
        }

        .blog_text {
            text-align: left;

            .img-box {
                display: flex;
                margin: 0 0 20px;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }

            p,
            .ql-block {
                margin: 0 0 20px;
                font-family: "Work Sans";
                font-size: 14px;
                line-height: 20px;
                color: $black;

                strong {
                    font-weight: 600;
                    color: #0F454F;
                }
            }

            ul {
                font-size: 14px;
                line-height: 20px;
                color: $black;
                margin: 0 0 20px;
            }
        }

        .next-blog,
        .prev-blog {
            // text-align: right;

            a {
                font-size: 18px;

                .fa {
                    color: $color-yellow;
                }
            }
        }

        .prev-blog {
            // text-align: left;
        }

        .prev-next {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 15px;
        }
    }
}








.side_bar {
    position: relative;
    background: #F2F2F2;

    >div {
        margin: 0 0 30px;
    }

    h4 {
        text-transform: capitalize;
        margin: 0 0 20px;
        font-size: 20px;
        font-weight: bold;
        position: relative;
        color: $black;
    }

    .Consultation {
        padding: 30px 20px 0;
        text-align: center;

        .mobileimg {
            display: flex;
            justify-content: center;

            img {
                width: 200px;
                height: 100%;
                margin: 0 auto 30px;
                object-fit: contain;
            }
        }

        ul {
            padding: 0;

            li {
                text-align: center;
                margin: 0 0 10px;

                img {
                    width: 240px;
                    margin: 0 auto;
                }
            }
        }
    }

    .sidebar-blog {
        padding: 20px;

        ul {
            li {
                margin: 0 0 10px;

                .sideblog {
                    display: flex;
                    flex-wrap: wrap;

                    .img {
                        width: 100%;
                        display: flex;

                        img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                        }
                    }
                }
            }
        }
    }

    .side_categories {
        ul {
            padding: 20px 20px;

            li {
                a {
                    color: $color-green;
                    font-size: 16px;
                    font-weight: normal;
                    padding: 5px 0 7px;
                    display: block;
                    font-weight: 600;
                    text-transform: uppercase;

                    &:hover {
                        color: $color-yellow;
                    }
                }
            }
        }
    }

}



/*-----------------------------------contact page-----------------------------*/
.page-template-register {
    .contact-sec {
        h2 {
            color: $dark-blue;

            span {
                color: $dark-blue !important;
            }
        }

        h3 {
            font-size: 22px;
        }

        #rememberme {
            margin: 0;
            height: auto !important;
        }

        .mepr-login-actions {
            text-align: left;
        }

        .submit {
            input {
                background: $color-yellow;
                padding: 12px 25px;
                color: $white;
                display: inline-block;
                text-transform: uppercase;
                font-size: 16px;
                font-weight: 400;
                text-align: center;
                @include transition();
                font-family: $WorkSans;

                &:hover {
                    color: $white;
                    background: $black;
                    @include transition();
                }
            }
        }

        .gray-text {
            padding: 40px;
            background: #eee;
            border-radius: 10px;
            border: 1px solid #ddd;

            label {
                font-weight: bold;
                margin: 0 0 10px;
            }

            select,
            input,
            textarea {
                border: none;
                border-radius: 2px;
                margin: 10px 0 10px;
                height: 50px !important;
            }

            .mp-hide-pw {
                position: relative;

                .mp-hide-pw {
                    position: absolute;
                    top: 0;
                    right: 0;
                    margin: 10px 0 0 !important;
                    border: none;
                    height: 50px;
                    width: 50px;
                    padding: 12px 10px !important;
                }
            }
        }
    }

    input[type="submit"] {
        background: $color-yellow;
        padding: 12px 25px;
        color: $white;
        display: inline-block;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        @include transition();
        font-family: $WorkSans;
        border: none;

        &:hover {
            color: $white;
            background: $black;
            @include transition();
        }
    }
}


#user-verification-resend {
    max-width: 600px;
    margin: 0 auto;
    padding: 40px;
    background: #eee;
    border-radius: 10px;

    input[type="email"] {
        border: none;
        border-radius: 2px;
        margin: 0 0 10px;
        height: 50px !important;
    }

    input[type="submit"] {
        background: $color-yellow;
        padding: 12px 25px;
        color: $white;
        display: inline-block;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        @include transition();
        font-family: $WorkSans;
        border: none;

        &:hover {
            color: $white;
            background: $black;
            @include transition();
        }
    }

}

.mp_login_form {
    max-width: 600px;
    margin: 0 auto;
    padding: 40px;
    background: #eee;
    border-radius: 10px;

    #rememberme {
        margin: 0;
        height: auto !important;
    }

    input {
        border: none;
        border-radius: 2px;
        margin: 0 0 10px;
        height: 50px !important;
    }

    input[type="submit"] {
        background: $color-yellow;
        padding: 12px 25px;
        color: $white;
        display: inline-block;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        @include transition();
        font-family: $WorkSans;
        border: none;


        &:hover {
            color: $white;
            background: $black;
            @include transition();
        }
    }

    .mp-hide-pw {
        position: relative;

        .mp-hide-pw {
            position: absolute;
            top: 0;
            right: 0;
            margin: 0 !important;
            height: 50px;
            width: 50px;
            padding: 12px 10px !important;
            justify-content: center;
            align-items: center;

            .dashicons {
                width: auto;
                height: auto;
            }
        }
    }
}



.error_page {
    padding-top: 40px;

    .err_cnt {
        padding-bottom: 70px;

        .post-results {
            line-height: 1.5;
            font-size: 16px;
        }
    }

    #searchform {
        display: flex;
        position: relative;

        .form-group {
            width: calc(100% - 100px);

            &:last-child {
                width: 100px !important;
            }
        }

        input {
            border: none;
            border-radius: 0px;
            margin: 0;
            height: 50px !important;
            background: $color-green;
            color: $white;
            padding: 10px;
            width: 100%;
        }

        #searchsubmit {
            position: relative;
            top: 0;
            right: 0;
            margin: 0 !important;
            height: 50px;
            width: 100% !important;
            padding: 12px 10px !important;
            justify-content: center;
            align-items: center;

            .dashicons {
                width: auto;
                height: auto;
            }
        }
    }

    p {
        line-height: 1.1;
        margin: 0 0 10px;

        a {
            display: inline-block;
            margin: 0 0 10px;
        }
    }

    .h4 {
        font-weight: bold;
        margin: 0 0 10px;
    }
}


.contact-sec {
    position: relative;
    text-align: center;

    .heading {
        margin: 0 0 30px;

        p {
            font-size: 18px;
            margin: 0 0 8px;
        }
    }

    .form-box {
        max-width: 800px;
        margin: 0 auto;
        padding: 50px;
        background: #F2F2F2;
        border-radius: 10px;

        ::placeholder {
            color: #C6C6C6;
        }

        .form-control,
        select,
        input,
        textarea {
            background: $white;
            border-radius: 10px;
            box-shadow: 0px 3px 6px #00000040;
        }

        textarea {
            height: 200px !important;
        }

        .default_btn {
            text-align: center;

            .btn-send,
            input {
                width: 100%;
                background: $color-yellow;
                padding: 12px 25px;
                color: $white;
                display: inline-block;
                text-transform: uppercase;
                font-size: 16px;
                font-weight: 400;
                border-radius: 3px;
                text-align: center;
                @include transition();
                font-family: $WorkSans;

                &:hover {
                    color: $white;
                    background: $black;
                    @include transition();
                }
            }
        }
    }
}

.default_btn {

    .btn-send,
    input {
        width: 200px !important;
        background: $color-yellow !important;
        padding: 12px 25px !important;
        color: $white;
        display: inline-block;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 400;
        border-radius: 3px;
        text-align: center;
        @include transition();
        font-family: $WorkSans;

        &:hover {
            color: $white !important;
            background: $black !important;
            @include transition();
        }
    }
}








/*------------------------------calltous------------------------*/
.calltous {
    position: relative;

    .sec-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #082d34;
        background: linear-gradient(101deg, #082d34 0%, #0f454f 26%, #0f454f 64%, #000 100%);

        .img-box {
            display: flex;
            width: 40%;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .text-box {
            width: 60%;
            padding: 40px;

            h2 {
                color: $white;
                font-size: 36px;
            }

            p {
                color: $white;
                margin: 0 0 10px;
                font-size: 18px;
            }

            .bold-white {
                strong {
                    color: $white;
                    margin: 0 0 10px;
                    font-size: 20px;
                }
            }
        }

    }
}

.boxed-layout {
    max-width: 1000px;
    width: 100%;
    margin: auto;
}




/*------------------------------regionaloffices-sec--------------------------*/
.regionaloffices-sec {
    position: relative;

    .container-fluid {
        max-width: 1300px;
        width: 100%;
        margin: 0 auto;
    }

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

    .offices-row {
        >ul {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            grid-gap: 20px;

            >li {
                width: 32%;

                .content-box {
                    background: #F2F2F2;
                    padding: 40px;
                    text-align: center;

                    h5 {
                        font-weight: bold;
                        font-size: 20px;
                        color: $dark-blue;
                        margin: 0;
                        font-family: $Tenor;
                    }

                    p {
                        margin: 0 0 10px;
                        line-height: 22px;
                    }

                    ul {
                        text-align: left;

                        li {
                            text-align: left;
                            font-size: 14px;
                            margin: 0 0 8px;

                            .fa {
                                width: 20px;
                                height: 20px;
                                background: $color-yellow;
                                border-radius: 50%;
                                margin-right: 10px;
                                color: $white;
                                font-size: 10px;
                                text-align: center;
                                line-height: 20px;
                            }
                        }
                    }
                }
            }
        }
    }
}




/*------------------------------------------stories page--------------------------------*/

.stories-sec {
    background: $light-gray;

    .container {
        max-width: 1300px;
        width: 100%;
        margin: 0 auto;
    }

    .heading {
        margin-top: -130px;
        text-align: center;

    }

    .content-box {
        background: $white;
        padding: 20px;
        text-align: center;
        min-height: 520px;

        img {
            max-width: 150px;
            width: 100%;
            margin: 0 auto 20px;
            height: 130px;
            object-fit: contain;
        }

        h4 {
            font-size: 17px;
            color: $color-green;
            font-weight: bold;
            line-height: 25px;
            margin: 0 0 10px;

        }

        p {
            font-size: 14px;
            color: $black;
            line-height: 20px;
        }

    }

    a {
        background: $color-green;
        text-align: center;
        color: $white;
        text-transform: uppercase;
        display: block;
        padding: 8px;
        @include transition();

        &:hover {
            background: $color-yellow;
            @include transition();
            color: #fff !important;
        }
    }
}



/*----------------------------clientTestimonials-sec------------------------------*/
.clientTestimonials-sec {
    background: $light-gray;

    .heading {
        margin-top: -130px;
        text-align: center;

        h2 {
            color: $color-green;
        }
    }

    .Testimonials-row {
        text-align: center;
        margin: 0 0 20px;

        >img {
            width: 80px;
            margin: 0 auto 20px;
        }

        h3 {
            font-size: 24px;
            color: $color-green;
            font-weight: bold;
            text-align: center;
            text-transform: initial;
        }

        .Testimonials-box {
            background: $white;
            padding: 40px 30px;
            text-align: center;

            .item {
                p {
                    max-width: 90%;
                    margin: 0 auto 20px;
                }

                h4 {
                    font-size: 20px;
                    font-weight: normal;
                    margin: 0;
                    font-family: $WorkSans;

                    strong {
                        display: block;
                        color: $color-green;
                    }
                }
            }

        }

        .owl-carousel .owl-nav.disabled {
            display: inherit;
        }
    }

    .owl-dots {
        display: none;
    }

    .owl-nav {

        button {
            position: absolute;
            left: 0;
            top: 35%;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            border: 1px solid $color-yellow !important;
            color: $color-yellow !important;

            &:hover {
                background: $color-yellow !important;
                color: $white !important;
            }

            &.owl-next {
                left: auto;
                right: 0;
            }
        }
    }
}




/*------------------------------aboutpage----------------------------*/
.aboutpage-text {

    .team-box {
        text-align: center;
        margin: 0px 0 30px;

        img {
            width: 100%;
            margin: 0 0 10px;
        }

        .default_btn {
            a {
                width: 100%;
            }
        }
    }

    .all-team {
        img {
            width: 100%;
        }
    }
}






/*-----------------------practice-single---------------------------*/
.practice-single {
    position: relative;

    hr {
        border-color: $lt-green;
    }

    .practice-list {
        background: $light-gray;
        padding: 30px;

        ul {
            column-count: 2;
            column-gap: 20px;

            li {
                position: relative;
                padding-left: 30px;
                margin: 0 0 15px;
                font-style: italic;

                &:before {
                    color: $color-green;
                    content: url(../img/image-list.webp);
                    font-size: 14px;
                    font-weight: 700;
                    position: absolute;
                    left: 0;
                    top: 7px;
                    padding: 2px;
                    line-height: 10px;
                    text-align: center;
                }

                a {
                    color: $color-green;
                    @include transition();
                    font-weight: bold;

                    &:hover {
                        @include transition();
                        color: $color-dark;
                    }
                }
            }

        }
    }
}

/*---------------------------TrainingPrograms-sec----------------------------*/
.TrainingPrograms-sec {
    position: relative;
    background: $light-gray;

    .heading {
        margin-top: -130px;
        text-align: center;
    }

    h2 {
        font-size: 50px;
    }

    .Programs-row {
        margin-bottom: 30px;

        ul {
            display: flex;
            justify-content: center;
            gap: 50px;
            flex-wrap: wrap;

            li {
                width: 45%;
                // margin: 0 0 30px;

                .content-box {
                    position: relative;
                    background: $lt-green;
                    text-decoration-color: inherit;
                    height: 100%;

                    .img-box {
                        height: 310px;
                        display: flex;

                        img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                        }
                    }

                    .text-bx {
                        padding: 30px 20px;
                        text-align: center;

                        h4 {
                            color: $white;
                            margin: 0 0 10px;
                        }

                        p {
                            color: $white;

                        }
                    }
                }
            }
        }
    }

    .cta {
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 800px;
        margin: 40px auto 0;
        background: $white;

        .img-box {
            height: 310px;
            display: flex;
            width: 50%;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .text-box {
            padding: 30px 20px;
            text-align: center;

            padding: 30px;
            width: 50%;

            h3 {

                margin: 0 0 20px;
                font-size: 28px;

                strong {
                    display: block;
                    font-weight: 600;
                    color: $color-green;
                    font-size: 24px;
                }
            }

            p {
                color: $white;
            }
        }

    }

}



/*-----------------------------------------plan page--------------------------------*/
.plan-banner {
    position: relative;

    .banner_text {
        max-width: 1000px;

        h1 {
            span {}
        }
    }
}



.ProgramOverview {
    text-align: center;
    position: relative;

    &:before {
        position: absolute;
        content: "";
        top: 50%;
        width: 100%;
        background: #BD9848;
        height: 1px;
        left: 0;
        opacity: .7;
        z-index: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .program-box {
        max-width: 700px;
        margin: 0 auto;
        background: $lt-green;
        padding: 30px;
        text-align: left;

        h3,
        h2 {
            text-align: center;
            color: $white;
        }

        p {
            color: $white;

            strong {
                display: block;
                color: $white;
            }
        }
    }

    .dark-box {
        .text {
            p {
                strong {
                    color: $black;
                }
            }
        }
    }
}




/*-------------------------quote_sidebar--------------------------*/

.quote_sidebar {
    position: relative;
    height: 100%;

    #nav {
        position: absolute;
        top: auto;
        right: 0px;
        bottom: 80px;
        margin: 0px;
        padding: 20px 25px;
        background: #FDFCFA;
        border: 1px solid $color-yellow;
        list-style: none;
        z-index: 999;
        width: 460px;
        border-radius: 0;
        margin-right: 0px;
        box-shadow: 0px 0px 20px transparentize($black, 0.8);

        h3 {
            margin: 0;
            padding: 12px 0px;
            line-height: 20px;
            color: $black;
            font-weight: 900;
            font-size: 16px;
            font-family: $WorkSans;
            text-transform: capitalize;
        }

        ul {
            li {
                margin: 0 0 10px;

                img {
                    width: 100%;
                }
            }
        }

        .mobileimg {
            position: absolute;

            img {
                width: 175px;
                height: auto;
                margin-top: -70px;
            }
        }


    }
}

.contact-sec {
    .gray-text {
        max-width: 100%;
    }

    .form-sec {
        max-width: 850px;
        width: 90%;
        background-color: #F2F2F2;
        margin: auto;
        padding: 5% 7%;

        .inquiries_form {
            form {
                input {
                    background: #FFFFFF 0% 0% no-repeat padding-box;
                    box-shadow: 0px 3px 6px #00000040;
                    border-radius: 16px;
                    padding: 18px;
                }
            }

            .gform_wrapper.gravity-theme .gfield textarea.medium {
                height: 192px !important;
                background: #FFFFFF 0% 0% no-repeat padding-box;
                box-shadow: 0px 3px 6px #00000040;
                border-radius: 16px;
                padding: 18px;
            }

            .ginput_container {
                margin-bottom: 10px;
            }

            .gap-field {
                margin-bottom: 40px;
            }
        }

    }
}

.call-to-action {
    max-width: 90%;
    margin: auto;

    .inner-sec {
        padding: 0 20px;
    }

    .heading {
        h3 {
            font-size: 28px;
            text-align: center;
            margin: 0;
        }
    }


    .grid-row {
        display: grid;
        grid-template-columns: 4fr 6fr;
        gap: 50px;

        .right-box {
            display: flex;
            align-items: center;

            .text {
                p {
                    color: $black;

                    strong,
                    b,
                    a {
                        color: $color-green;
                    }
                }
            }
        }
    }

    .img-box {
        min-height: 300px;
        display: flex;
        width: 100%;
        height: 100%;
        max-height: 350px;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}

.call-to-action.gradient {
    background-color: $color-green;
    max-width: 100%;

    .inner-sec {
        padding: 0 !important;
    }

    .grid-row {
        display: grid;
        grid-template-columns: 4fr 6fr;
        gap: 25px;

        .right-box {
            display: flex;
            align-items: center;
            background: linear-gradient(90deg, #10464F, #222);
        }
    }

    .img-box {
        height: 350px;

        img {
            width: 100%;
        }
    }

    .text.white-text {
        padding: 50px;

        p,
        strong,
        h2,
        .h2 {
            color: $white !important;
        }
    }
}

.reg-box {
    background: #F2F2F2 0% 0% no-repeat padding-box;
    padding: 20px 20px;
    text-align: center;
    font-size: 15px;
    margin: 0 0 30px;
    min-height: 400px;
}

.regional-boxes {
    h2 {
        text-align: center;
        margin-bottom: 30px;
    }

    h4 {
        margin-bottom: 10px;
    }

    .reg-box {
        .icon-list {
            margin-bottom: 0;

            li {
                a {
                    display: flex;
                    align-items: flex-start;
                    word-break: break-all;
                    text-align: left;

                    i {
                        width: 27px;
                        height: 27px;
                        font-size: 12px;
                        margin-right: 8px;
                        line-height: 28px;
                        text-align: center;
                    }

                    span {
                        width: calc(100% - 30px);
                    }
                }
            }
        }
    }

}

.icon-list {
    margin: 30px 0;
    text-align: left;

    li {
        margin-bottom: 10px;

        a {
            text-align: center;

            i {
                background: #bd9849;
                display: inline-block;
                border-radius: 50%;
                width: 30px;
                height: 30px;
                line-height: 30px;
                color: #fff;
                font-size: 15px;
            }
        }
    }

    li:last-child {
        margin-bottom: 0;
    }
}

.col-sm-12.mb-2 {
    margin-bottom: 30px;

}




/*-------------------------------workshop-sec-------------------------*/
.workshop-sec {
    position: relative;
    padding-bottom: 50px;

    .heading {
        margin-top: -130px;
        text-align: center;

        h2 {
            color: $color-green;
        }
    }

    .content-row {
        display: flex;
        background: $white;
        margin: 0 0 50px;

        .img-box {
            display: flex;
            width: 40%;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .text {
            padding: 40px 40px;
            width: 60%;
        }
    }
}

.workshop-sec.non-gray {
    .heading {
        margin: 0 0 40px;

    }
}



.FreeConsultation-sec {

    position: relative;
    background: url(../img/kirkpatrick-four-levels-program-background.webp) no-repeat;
    background-size: 100%;
    text-align: center;
    padding: 250px 0 220px;


    &.v2 {
        padding: 240px 0 240px;

        p {
            font-size: 20px;
        }
    }

    p {
        color: #2E2E2E;
    }

    h2 {
        color: $black;
    }

}

.plan {
    color: #A1A3A5 !important;
    display: inline-block !important;
}

.bronze {
    color: #AE8B57 !important;
    display: inline-block !important;
}

.dark-box {
    background-color: #D8D2CA;

    .img-box {
        margin-bottom: 25px;
    }

    .text {
        padding: 0 10px 20px;
        min-height: 324px;
    }
}

.content-box {

    .inquiries_form {
        .gform_footer {
            justify-content: center;

            .gform_button.button {
                width: auto;
                background: #fff;
                padding: 12px 25px;
                color: #000;
                display: inline-block;
                text-transform: uppercase;
                font-size: 16px;
                font-weight: 500;
                text-align: center;
                transition: all 0.3s ease-in-out;
                font-family: "Work Sans";

                &:hover {
                    color: #fff;
                    background: #000;
                    transition: all 0.3s ease-in-out;
                }
            }
        }
    }
}

.form-sec {
    .inquiries_form {
        .gform_footer {
            justify-content: center;

            .gform_button.button {
                width: 100%;
                background: #BD9848;
                padding: 12px 25px;
                color: #fff;
                display: inline-block;
                text-transform: uppercase;
                font-size: 16px;
                font-weight: 500;
                border-radius: 3px;
                text-align: center;
                transition: all 0.3s ease-in-out;
                font-family: "Work Sans";

                &:hover {
                    color: #fff;
                    background: #000;
                    transition: all 0.3s ease-in-out;
                }
            }
        }
    }
}

#tribe-events-pg-template {
    max-width: 100% !important;
}

.accordion {
    margin: 0 0 20px;

    .accordion__title {
        background-color: #fff;
        color: #4d4d4f;
        font-size: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        transition: color .25s, background-color .25s;
        border-radius: 10px;
        box-shadow: 0 0 15px rgba(0, 0, 0, .15);
        z-index: 1;
        position: relative;
        font-weight: 600;
        padding: 10px 30px 10px 16px;

        .accordion__title__icon {

            display: inline-block;
            position: absolute;
            font-size: 2.5rem;
            width: 35px;
            height: 35px;
            box-shadow: inherit;
            border-radius: 100%;
            right: 7px;
            top: 7px;
            transition: transform .5s;

            &:after,
            &:before {
                display: block;
                position: absolute;
                font-size: .4em;
                content: "";
                width: 17px;
                height: 4px;
                left: calc(50% - 9px);
                top: calc(50% - 2px);
                border-radius: 1rem;
                background-color: #26583b;
                transition: transform .25s;
            }

            &:after {
                transform: rotate(90deg);
            }

        }
    }


    .accordion__content {
        background-color: #e8e9ea;
        color: #000;
        padding: 20px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;

        .tribe-events-meta-group {
            padding: 0 0 20px;
            width: 100%;
        }
    }
}

.accordion[open] .accordion__title__icon {
    transform: rotate(270deg);

    &:before {
        transform: scaleX(0);
        transform: rotate(270deg);
    }

    &:after {
        transform: rotate(90deg);
    }
}

.tribe-events-single {
    .tribe-events-schedule {
        margin-bottom: 20px;

        h2 {
            display: flex;
            font-size: 16px;
        }
    }

    .card {
        margin: 0 0 30px;

        .card__header {
            color: $white;
            padding: 10px 20px;
            text-align: center;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            background-color: #5798b3;
        }

        .card__content {
            padding: 30px;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            background-color: #e8e9ea;
            color: #000;

            p {
                font-size: 18px;
                font-weight: bold;
                margin: 0;

                a {
                    color: $color-green;
                }
            }
        }
    }

    .download-link {
        background-color: #26583b;
        color: #fff;
        display: grid;
        padding: 20px 20px;
        border-radius: 10px;
        grid-template-columns: 1fr 2rem;
        gap: 20px;
        align-items: center;
        font-weight: 700;
        transition: background-color .25s, color .25s, box-shadow .25s;

        span {
            font-size: 15px !important;
        }

        .download-link__icon {
            width: 20px;
            height: 20px;

            svg {
                width: 20px;
                height: 20px;
            }
        }
    }

    iframe {
        width: 100%;
        height: 700px;
        overflow: scroll;
        overflow-x: hidden;

        .eds-btn {
            width: 100%;
        }
    }
}



.tribe-common #myHeader {
    position: initial;
    width: initial;
    transition: 0.3s ease-in-out;
    z-index: initial;
    background: initial;
    top: initial;
}

.tribe-events .tribe-events-calendar-list__event-featured-image {
    max-width: 200px;
}

.content-sec {
    .list_with_arrow {
        li {
            color: #000;
            font-size: 15px;

            ul {
                padding: 10px 0 0 !important;
            }
        }
    }
}

.page-template-default {
    .list_with_arrow {
        li {
            a {
                color: $color-green;
            }
        }
    }
}




/*--------------------certifications------------------------*/
/*new page*/
.content-sec.list {
    p {
        font-size: 16px !important;
        margin-bottom: 5px;

        img {
            width: 100%;
        }
    }

    .download-link {
        background-color: #26583b;
        color: #fff;
        display: grid;
        padding: 20px 20px;
        border-radius: 10px;
        grid-template-columns: 1fr 2rem;
        gap: 20px;
        align-items: center;
        font-weight: 700;
        transition: background-color .25s, color .25s, box-shadow .25s;

        span {
            font-size: 15px !important;
        }

        .download-link__icon {
            width: 20px;
            height: 20px;

            svg {
                width: 20px;
                height: 20px;
            }
        }
    }

    .events-category-section {
        .event-item {
            border-bottom: 1px solid #ddd;
            padding: 5px;
            margin-bottom: 15px;
            h5 {
                margin: 0;
            }

            &:last-child {
                h5 {
                    border: none;
                }
            }
        }
    }

}
.side_events{
        margin: 0 0 30px;
    h4{
        margin: 0 0 10px;
    }
}


/*End new page*/







.program-banner {
    position: relative;
    padding: 20px;
    height: 500px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: .5rem;
    margin-bottom: 2rem;
    justify-content: end;

    >img {
        border-radius: 10px;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .program-banner__navigation {
        background-color: rgba(255, 255, 255, .9);
        position: relative;
        z-index: 1;
        border-radius: inherit;
        margin-bottom: 0;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        margin-top: 1.5rem;
        grid-template-columns: 100%;
        padding: 20px;
        grid-template-columns: repeat(4, minmax(1rem, 1fr));

        .program-tile {
            background-color: #26583b;
            color: #fff;
            display: inline-block;
            list-style: none;
            border-radius: inherit;
            flex: 1;
            opacity: .5;
            transition: opacity .5s;
            scroll-snap-align: center;

            &:hover {
                opacity: 1;
            }



            &:first-child {
                background-color: #10934c;
            }

            &:nth-child(2) {
                background-color: #1d7546;
            }

            &:nth-child(3) {
                background-color: #22603f;
            }

            &:last-child {
                background-color: #1b4020;
            }

            &.active {
                opacity: 1;
            }

            .program-tile__link {
                padding: 15px 30px;
                color: inherit;
                text-decoration: none;
                white-space: normal;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                width: 100%;
                min-width: -webkit-fit-content;
                min-width: -moz-fit-content;
                min-width: fit-content;

            }
        }
    }



}

.section--single-certificaions {
    .testimonials {
        .owl-testimonial {
            border-radius: .5rem;
            overflow: hidden;
            box-shadow: 0 0 25px rgba(0, 0, 0, .15);
            border-bottom: 3px solid #26583b;

            .testimonial {
                border: none;
                padding: 25px;
                margin: 0;

                p {}
            }
        }

        .owl-dots {
            text-align: right;
            padding-right: 10px;

            button {
                display: inline-block;
                width: 12px;
                height: 12px;
                border-radius: 24px;
                margin: .5rem;
                background-color: #a7a9ac;
                transition: background-color .25s, transform .25s, opacity .25s;
                cursor: pointer;
                will-change: transform;

                &.active {
                    background-color: #5798b3;
                }
            }
        }
    }
}


.downloads-list {
    margin: 0 0 30px;

    li {
        margin: 0 0 10px;

        a {
            background-color: #26583b;
            color: #fff;
            font-size: 16px;
            display: grid;
            padding: 15px 20px;
            border-radius: .5rem;
            grid-template-columns: 1fr 2rem;
            gap: 1rem;
            align-items: center;
            font-weight: 600;
            transition: background-color .25s, color .25s, box-shadow .25s;

            .download-link__icon {
                background-color: #fff;
                color: #26583b;
                padding: .5rem;
                border-radius: 100%;
                width: 30px;
                height: 30px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .fa {
                background-color: #fff;
                color: #26583b;
                padding: .5rem;
                border-radius: 100%;
                width: 2rem;
                height: 2rem;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
    }
}

.tribe-events {

    .tribe-events-calendar-list__event-date-tag,
    .tribe-events-header {
        display: none !important;
    }

    .tribe-events-l-container {
        padding: 0 !important;
    }
}

.related-events {
    margin: 0 0 30px;

    .h4 {
        border-bottom: solid 2px #eee;
        padding-bottom: 16px;
        margin-bottom: 30px;
    }

    .tribe-events-calendar-list__event-date-tag tribe-common-g-col {
        display: none;
    }

    article {
        .tribe-events-calendar-list__event-featured-image-wrapper {
            display: none;
        }

        .tribe-events-calendar-list__event-details {
            margin: 0 0 0px;

            h3 {
                background: none !important;
                padding: 0 !important;
                border: none !important;
            }
        }
    }

}

.section--animated {
    display: none;

    .stat-block {
        background-color: #e8e9ea;
        color: #000;
        display: flex;
        margin: 1rem;
        margin-right: 0;
        border-radius: .5rem;
        position: relative;
        min-height: 4.4444444444rem;
        font-size: .8888888889rem;

        .stat-block__percent {
            position: relative;
            display: grid;
            grid-template-areas: "square";
            background-color: #5798b3;
            color: #fff;
            font-size: 1.9444444444rem;
            font-weight: 900;
            padding: 1rem;
            width: 5.7777777778rem;
            flex-shrink: 0;
            border-radius: 100%;
            align-items: center;
            margin: -1rem;
            margin-right: 0;
            align-self: flex-start;

            &:before {
                display: block;
                content: "";
                width: 100%;
                padding-top: 100%;
                grid-area: square;
            }

            .percent-inner {
                --percent-display: var(--percent-value);
                --percent-display: 0;
                grid-area: square;
                line-height: 1;
                height: auto;
                justify-self: center;
                transition: --percent-display 1s 1s;
                transition-delay: var(--delay);
                counter-reset: percent var(--percent-display);

                &:before {
                    content: counter(percent);
                }

                &:after {
                    content: "%";
                    font-weight: 600;
                }
            }
        }

        .stat-block__tooltip {
            background-color: #e8e9ea;
            color: #000;
            display: flex;
            margin: 1rem;
            margin-right: 0;
            border-radius: .5rem;
            position: relative;
            min-height: 4.4444444444rem;
            font-size: .8888888889rem;
        }

        .stat-block__label {
            opacity: 1;
            transform: rotate(0) translate(0, 0);
            will-change: opacity;
            transition: opacity .75s, transform var(--duration, 1.5s);
            transform-origin: var(--origin, center);
            transition-timing-function: cubic-bezier(.34, 1.56, .64, 1);
            transition-delay: var(--delay, 0s);

            .sr-only {
                position: absolute;
                width: 1px;
                height: 1px;
                padding: 0;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                white-space: nowrap;
                border: 0;
            }
        }
    }

}


/*-------------------------media--------------------------*/
@media (min-width:1450px) and (max-width: 1920px) {

    .home_banner {
        padding: 100px 0;
        min-height: 600px;

        .banner_text {
            padding-top: 100px;
        }
    }

    .call-to-action .grid-row .right-box .text p strong {
        color: $white;
    }


}

@media (min-width:1200px) and (max-width: 1320px) {
    .mainmenu>ul>li {
        margin-right: 10px;
    }

    .call-to-action .grid-row .right-box .text p strong {
        color: $white;
    }

    .call-to-action {
        max-width: 100%;

        .container {
            width: auto;
        }
    }

}

.two-boxes {
    margin-bottom: 50px;

    .text-box {
        padding: 3rem;
        box-shadow: 2px 2px 25px rgba(0, 0, 0, .2);
        min-height: 420px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

.flex-rows {
    .left-box {
        display: flex;
        align-items: center;
    }
}

.archive-list__description {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.archive-list {
    padding: 1rem;
    border-radius: .5rem;
    -moz-columns: 2;
    columns: 2;
    -moz-column-width: 300px;
    column-width: 300px;
    gap: 4rem;
    -moz-column-rule: solid 2px #e8e9ea;
    column-rule: solid 2px #e8e9ea;
    box-shadow: 2px 2px 25px rgba(0, 0, 0, .2);
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    background: $white;
}

.archive-list__item {
    padding: .5rem;

    button {
        background: 0 0;
        border: 0;
        color: inherit;
        font-family: inherit;
    }
}

.archive-list-download {
    display: flex;
    width: 100%;
    text-align: left;
    -moz-column-break-inside: avoid;
    break-inside: avoid;

    .icon {
        font-size: 1rem;
        color: #26583b;
    }
}

.archive-list-download__label {
    flex: 1;
    font-weight: 500;
    align-self: center;
}

.archive-list-download__icon {
    box-shadow: 2px 2px 15px rgba(0, 0, 0, .2);
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-left: 1rem;

    svg,
    use {
        fill: currentColor;
    }
}

.download-tabs {
    padding: 50px;
    background-color: $light-gray;

    &:nth-child(even) {
        padding: 50px;
        background-color: $white;
    }
}

.woocommerce-MyAccount-navigation-link a::before {
    content: "";
    background-color: currentColor;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 20px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(../img/default.svg);
    mask-image: url(../img/default.svg);
}

.woocommerce-MyAccount-navigation-link--dashboard a::before {
    -webkit-mask-image: url(../img/dashboard.svg);
    mask-image: url(../img/dashboard.svg);
}

.woocommerce-MyAccount-navigation-link--orders a::before {
    -webkit-mask-image: url(../img/orders.svg);
    mask-image: url(../img/orders.svg);
}

.woocommerce-MyAccount-navigation-link--edit-address a::before {
    -webkit-mask-image: url(../img/edit-address.svg);
    mask-image: url(../img/edit-address.svg);
}

.woocommerce-MyAccount-navigation-link--payment-methods a::before {
    -webkit-mask-image: url(../img/payment-methods.svg);
    mask-image: url(../img/payment-methods.svg);
}

.woocommerce-MyAccount-navigation-link--edit-account a::before {
    -webkit-mask-image: url(../img/edit-account.svg);
    mask-image: url(../img/edit-account.svg);
}

.woocommerce-MyAccount-navigation-link--subscriptions a::before {
    -webkit-mask-image: url(../img/subscriptions.svg);
    mask-image: url(../img/subscriptions.svg);
}

.woocommerce-MyAccount-navigation-link--certificates a::before {
    -webkit-mask-image: url(../img/certificates.svg);
    mask-image: url(../img/certificates.svg);
}

.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    -webkit-mask-image: url(../img/customer-logout.svg);
    mask-image: url(../img/customer-logout.svg);
}

.woocommerce-account {
    .woocommerce-MyAccount-navigation-link {
        &.is-active {
            font-weight: 600;

            a::before {
                color: $color-green;
            }
        }

        color: #4d4d4f;
        position: relative;

        a {
            color: inherit;
            text-decoration: none;
            padding: 10px 20px;
            padding-left: calc(20px + 4px);
            display: flex;
            align-items: center;
            color: inherit !important;
            text-decoration: none !important;
        }
    }
}

.input-text,
.select2-selection {
    padding: 10px !important;
    border: 1px solid #d3d3d3 !important;
    border-radius: 0 !important;
}

.select2-container .select2-selection--single,
select {
    height: auto !important;
    padding: 6px !important;
}

.button {
    padding: 15px 30px !important;
    background: $color-green !important;
    color: #fff !important;
    font-weight: 500 !important;
    margin-top: 30px !important;

    &:hover {
        background: $color-yellow !important;
    }
}

label {
    font-weight: 500 !important;
}

.section--product-single .wc-tabs li+li,
.woocommerce-MyAccount-navigation-link+.woocommerce-MyAccount-navigation-link {
    border-top: 2px solid #e8e9ea;
}

.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation,
.wc-block-cart-items,
table {
    background-color: #fff;
    color: #000;
    box-shadow: 2px 2px 25px rgba(0, 0, 0, .2);
    border-radius: 10px;
    padding: 10px 0;
}

.woocommerce-MyAccount-content {
    padding: 30px;
}

.is-large.wc-block-cart .wc-block-cart-items th {
    padding: 8px 16px 8px 10px;
}

.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,
.editor-styles-wrapper .wc-block-grid__product-title,
.wc-block-grid__product-title {
    font-weight: 500;
}

.wc-block-grid__product-title {
    font-size: 17px !important;
    font-weight: 500 !important;
}

.qty {
    margin: 0 !important;
}

.woocommerce div.product form.cart .button {
    margin: 0 !important;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    width: 30% !important;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    width: 66% !important;
}

.product_title {
    font-size: 38px;
}

section.home_testsimonials.text-center.new-reviews h2 {
    margin: 0 auto 140px;
}

h4.h2 {
    font-size: 28px;
}

section.woo-wrapper.padding-more {
    padding: 100px 0;
}

.reset-p.TrainingPrograms-sec {
    padding: 100px 0;
}

.padding-more {

    .woocommerce-breadcrumb,
    .woocommerce-notices-wrapper,
    .woocommerce-result-count,
    .woocommerce-ordering {
        display: none;
    }
}

@include respond-to(md) {


    .mainmenu {
        >ul {
            >li {
                margin-right: 5px;
                margin-left: 5px;

                >a {
                    font-size: 15px;
                }
            }
        }
    }


    .home_banner {
        .banner_text {
            margin-top: 0%;
            max-width: 440px;

            h1 {
                font-size: 40px;
            }
        }
    }


    .ourprogram-sec {
        .sec-wrap {
            .left-part {
                &:after {
                    background-size: 150px;
                }
            }

            .right-part {
                padding-right: 3%;
            }
        }
    }

    .training-sec {
        margin-top: -120px;

        img {
            object-fit: cover;
        }

        .text-box {
            width: 70%;
        }
    }

    .follow-wec {
        ul {
            li {
                height: 190px;
            }
        }
    }


    .footer-main {
        .foot_menu {
            ul {
                margin: 15px 0;

                li {
                    margin-right: 8px;
                    font-size: 13px;
                }
            }
        }

        .foot_social {
            ul {
                margin: 16px 0;

                li {
                    a {
                        font-size: 14px;
                    }
                }
            }
        }
    }


    .model-sec {
        padding: 120px 0 120px;
    }

    .regional-boxes {
        .reg-box {
            .icon-list {
                ul {
                    li {
                        font-size: 11px;
                    }
                }
            }
        }
    }

    .call-to-action .grid-row .right-box .text p strong {
        color: $white;
    }

    .calltous {
        .sec-wrap {
            .img-box {
                height: 100vh;
            }
        }
    }

    .model-sec.v2 {
        padding: 120px 0 100px;
    }

    #conferences {
        .conferences-row {
            ul {
                li {
                    .top-bx {
                        min-height: 226px;
                    }
                }
            }
        }
    }
}

@include respond-to(smm) {

    body {
        h1 {
            font-size: 40px !important;
        }

        h2 {
            font-size: 33px;
        }

        h4 {
            font-size: 20px;
            line-height: 24px;
        }

        h3 {
            font-size: 25px;
            line-height: 30px;
        }
    }

    #myHeader {
        z-index: 999999;
        background: #fff;


        .mainmenu.mobile {
            .menu-toggle {
                top: 10px;
                background: transparent;
                position: relative;
                padding: 3px;
                border: 2px solid $black !important;
                border-radius: 4px;
            }
        }

        .mainmenu {
            .menu-toggle {
                padding: 10px 15px;

                span.bars {
                    margin-right: 0;

                    span {
                        width: 26px;
                        height: 3px;
                        border-radius: 0;
                        margin: 0 0 5px;
                        background: $black !important;

                        &:last-child {
                            margin: 0;
                        }
                    }
                }
            }
        }

        .welcome-sec.inner-page .subtitle {
            font-size: 18px;
        }

        .logo {
            img {
                width: 200px;
                transition: 0.3s ease-in-out;
            }

            span {
                font-size: 14px;
            }
        }

        &.sticky {
            animation: none;
            top: 0;
            width: 100%;
            position: fixed;

            .mainmenu>ul>li>a {
                line-height: 24px;
            }
        }

        .mainmenu {
            >ul {
                >li {
                    margin-right: 0;
                    margin-left: 0;

                    >a {
                        line-height: 24px;
                        color: $color-dark !important;
                    }
                }
            }
        }

        .mainmenu {
            >ul {
                >li {
                    >a {
                        &:after {
                            display: none !important;
                        }
                    }
                }
            }
        }

        li.has-sub {
            >a {
                &:after {
                    display: none !important;
                }
            }
        }


        .mainmenu.light li a {
            color: $color-dark !important;
        }

        .mainmenu ul ul {
            padding: 0;
        }



        .top-right {
            flex-wrap: nowrap;
            padding-top: 5px;

            .mainmenu {
                width: auto;
                margin-left: 20px;
            }
        }

        .mainmenu.mobile>ul {
            max-width: 300px !important;
            box-shadow: 2px 0 10px $black;
        }

        .mainmenu ul ul {
            box-shadow: none;
            border-top: none;
        }

        .mainmenu.mobile ul ul {
            background: #f1f2f2 !important;
        }

        .mainmenu li a {
            font-size: 14px;
            padding: 15px 10px 15px 25px;
        }
    }




    .home_banner {
        .banner_text {
            margin-top: 0%;
            text-align: center;

            h1 {
                font-size: 35px;
                line-height: 37px;
            }

        }

        .default_btn {
            text-align: center;

            a {
                font-size: 20px;
            }
        }
    }

    .blog {
        .quote_sidebar {
            #nav {
                top: auto;
                right: 0px;
                bottom: 0px !important;

                .mobileimg {
                    img {
                        width: 80%;
                        margin-top: -170px;
                    }
                }

            }
        }
    }

    .quote_sidebar {
        #nav {
            position: relative;
            width: 100%;

            ul {
                li {
                    img {
                        width: 100%;
                        max-width: 270px;

                    }
                }
            }

            .mobileimg {
                position: relative;

                img {
                    /*margin: 0;*/
                    width: 100%;
                    margin-top: -240px;
                }

            }
        }
    }

    .awards_logo {
        .logo-wrap {
            .item {
                img {
                    height: 50px;
                }
            }
        }

        .owl-nav,
        .owl-dots {
            display: none;
        }
    }

    .ourprogram-sec {
        .sec-wrap {
            flex-wrap: wrap;

            .left-part {
                width: 100%;
                margin: 0 0 20px;

                &:after {
                    display: none;
                }
            }

            .right-part {
                width: 100%;

                .text {
                    padding: 50px 3%;
                }
            }
        }
    }

    .home_testsimonials {

        .owl-nav,
        .owl-dots {
            display: none;
        }
    }

    .training-sec {
        margin-top: -100px;
        img {
            object-fit: cover;
        }

        .text-box {
            padding: 160px 30px 30px;
            width: 100%;
        }
    }

    .business-sec {
        .sec-row {
            flex-wrap: wrap;

            .text {
                width: 100%;
                padding: 30px;
            }

            .img-box {
                width: 100%;
            }
        }
    }

    .resources-sec {
        padding-top: 130px;

        .content-box {
            h2 {
                font-size: 60px;
            }
        }
    }

    .follow-wec {
        h2 {
            font-size: 35px;
        }

        ul {
            li {
                height: 140px;
            }
        }
    }

    .foot_menu {
        ul {
            display: block;

            li {

                &:before,
                &:after {
                    display: none;
                }
            }
        }
    }

    .footer-main {

        padding: 50px 0;

        .foot_logo {
            display: none;

            img {
                margin: 0 auto 20px;
            }
        }

        .foot_menu {
            ul {
                margin: 0px 0;
                text-align: center;

                li {
                    font-size: 15px;
                }
            }
        }

        .foot_social {
            text-align: center;
            border-bottom: 1px solid $white;
            margin: 0px 0 30px;

            ul {
                margin: 0px 0 20px;
            }
        }
    }

    .inner_banner,
    .inner_banner.shop-banner {
        // min-height: 320px;
        // max-height: 320px;
        background-position: right;

        h2 {
            font-size: 50px;
            margin: 0px 0 20px;
        }
    }


    .mixTextImg-sec {
        img {
            margin: 0 auto 20px;
        }

        .revers-row {
            display: grid;
            grid-template: revert;

            >.col-md-6 {
                &:first-child {
                    order: 2;
                }

                &.hasImg {
                    order: 1;
                }
            }
        }
    }

    .default_btn {
        margin: 0 0 20px;
    }

    .model-sec {
        background: $light-gray !important;
        padding: 100px 0 100px;
    }

    .stories-sec {
        .heading {
            margin-top: 0;
        }

        .content-box {
            min-height: auto;
            margin: 0 0 30px;
        }
    }

    section .heading {
        margin-top: 0 !important;
    }

    .regional-boxes {
        .reg-box {
            margin: 0 0 30px;
            padding: 10px;

            .icon-list {
                ul {
                    li {
                        font-size: 10px;
                    }
                }
            }

            h4 {
                font-size: 20px !important;
                margin: 0 0 5px;
            }

            p {
                margin: 0 0 10px;
            }
        }
    }

    .resources-sec .content-box h2 {
        font-size: 50px;
        margin: 0 0 20px;
    }

    .call-to-action .grid-row .right-box .text p strong {
        color: $white;
    }

    .call-to-action {
        max-width: 100%;

        .container {
            width: auto;
        }
    }

    .leader-sec {
        .leader-box {
            margin: 0 0 30px;
        }
    }

    .team-sec {
        .team-row {
            .img-box {
                display: flex;
                max-width: 420px;
                width: 100%;
                margin: 0 0 30px;
            }
        }
    }

    .welcome-sec.inner-page {
        p {
            img {
                max-width: 420px;
            }
        }
    }

    .aboutkirk-sec {
        .img-box {
            max-width: 420px;
            margin: 0 auto 30px;
        }
    }

    .calltous {
        .sec-wrap {
            .img-box {
                height: 100vh;
            }
        }
    }

    .masterProgram-sec {
        background: $light-gray;
    }

    .FreeConsultation-sec {
        padding: 100px 0 100px;
    }

    .conferences-sec {
        padding-bottom: 0;

        .conferences-row {
            ul {
                li {
                    width: 48%;

                    .top-bx {
                        min-height: 150px;
                    }
                }
            }
        }
    }

    .model-sec.v2 {
        padding: 120px 0 100px;
        margin: 0;
    }

    .OurProcess-sec {
        background: #ddd;
    }

    .d-f-c {
        display: initial !important;

        .no-p {
            p {
                margin: 0 0 10px !important;

                img {
                    margin-bottom: 20px !important;
                }
            }
        }
    }

    .d-f-c {
        display: initial;

        .no-p {
            p {
                margin: 0 0 10px;

                img {
                    margin-bottom: 20px;
                }
            }
        }
    }

    .welcome-sec.inner-page .subtitle {
        font-size: 18px;
    }

    .welcome-sec {
        padding: 50px 0 30px;
    }

    .blog {
        .quote_sidebar {
            #nav {
                top: auto;
                right: 0px;
                bottom: 0px !important;

                .mobileimg {
                    img {
                        margin-top: 0 !important;
                        width: 200px !important;
                    }
                }

                .mobileimg {
                    img {
                        width: 80%;
                        margin-top: -170px;
                    }
                }

            }
        }
    }

    #free-webinars {
        p {
            img {
                width: 100%;
                max-width: 100%;
            }
        }
    }

    .welcome-sec.inner-page p img {
        width: 100%;
        max-width: 100%;
    }

    .team-sec {
        .team-row {
            .img-box {
                max-width: 100%;
            }
        }
    }

    .aboutkirk-sec {
        .img-box {
            max-width: 100%;
        }
    }

    .page-template-certifications-inner {
        .content-sec {
            img {
                width: 100%;
            }
        }
    }


}

@include respond-to(xs) {
    .masterProgram-sec {
        p {
            font-size: 16px;
        }
    }

    div#reveiws-slides {
        grid-template-columns: 1fr;
        gap: 130px;
    }

    section.home_testsimonials.text-center.new-reviews h2 {
        margin: 0 auto 70px;
    }

    .spacer {
        padding: 10px 0;
    }

    section {
        padding: 50px 0;
    }

    .bgLogo-ico {
        padding: 50px 0 !important;
    }

    .TrainingPrograms-sec {
        h2 {
            font-size: 30px;
        }
    }

    .TrainingPrograms-sec {
        .Programs-row {
            ul {
                li {
                    .content-box {
                        .img-box {
                            height: 175px;
                        }
                    }
                }
            }
        }
    }

    body {
        font-size: 16px;

        h1,
        .h1 {
            font-size: 30px !important;
            margin: 0;
        }

        h2,
        .h2 {
            font-size: 26px;
            line-height: 40px;
        }

        h3,
        .h3 {
            font-size: 24px;
            margin: 0 0 10px;
            line-height: 36px;
        }

        p {
            font-size: 16px;
            line-height: 26px;
        }
    }



    #myHeader {
        .mainmenu.mobile {
            .menu-toggle {
                top: 10px;
            }
        }
    }

    .home_banner {
        padding: 50px 0;


        .banner_text {
            padding: 30px !important;
            margin-top: 100px;

            h1 {
                font-size: 35px;
            }

            p {
                font-size: 20px;
            }
        }

        .default_btn {
            text-align: center;

            a {
                font-size: 16px;
                text-align: center;
            }
        }
    }

    .quote_sidebar {
        #nav {
            text-align: center;

            .mobileimg {
                img {
                    width: 200px;
                    margin: 0 auto;
                }
            }
        }
    }

    .ourprogram-sec {
        .sec-wrap {
            .right-part {
                .text {
                    padding: 50px 3% 0;
                }
            }
        }
    }




    .awards_logo {
        h4 {
            margin: 0 0 20px;
            text-align: center;
        }

        .owl-carousel {
            .owl-item {
                img {
                    height: 70px;
                }
            }
        }

        .owl-nav {
            display: none;
        }
    }


    .home_testsimonials {
        background: $color-yellow;
        padding: 50px 0;

        &:before {
            display: none;
        }

        .testsimonials-wrap {
            padding: 0;

            h2 {
                font-size: 25px;
                margin: 0 0 10px;
            }
        }
    }

    .training-sec {
        background: url(../img/training-bg.webp) no-repeat;
        background-size: cover;
        margin: 0;

        >img {
            display: none;
        }

        .text-box {
            padding: 50px 0;
            width: 95%;
            margin: 0 auto;
            text-align: center;
            position: relative;
        }

    }

    .business-sec {
        background-size: cover;

        >img {
            object-fit: cover;
        }
    }

    .resources-sec {
        padding-top: 100px;

        .content-box {
            h2 {
                font-size: 30px;
            }
        }
    }

    .follow-wec {
        &:before {
            top: 10px;
            left: 10px;
        }

        h2 {
            font-size: 30px;
        }

        ul {
            li {
                height: 120px;
            }
        }
    }

    .inner_banner,
    .shop-banner.inner_banner {
        min-height: 200px;
        text-align: center;
        position: relative;
        padding: 140px 0 70px;

        h2 {
            color: $white;
            margin: 0 0 20px;
            font-size: 34px;
        }

        .head_bod {
            margin: 0 auto;
        }
    }



    .footer-main {
        padding: 50px 0 10px;

        .footer_menu {
            text-align: center;
        }

        .dual-menu {
            margin: 0 0 30px;

            ul {
                float: none;
                text-align: left;
                padding: 0 !important;
            }
        }

        .head_bod {
            margin: 0 auto 15px;
        }
    }

    .regional-boxes {
        .reg-box {
            margin: 0 0 30px;
            padding: 15px;

            .icon-list {
                width: 340px;
                margin: 20px auto;

                ul {
                    li {
                        font-size: 16px;
                    }
                }
            }

        }
    }

    .contact-sec {
        .gray-text {
            padding: 15px;
        }
    }

    .call-to-action .grid-row .right-box .text p strong {
        color: $white !important;
    }

    .call-to-action.gradient .grid-row {
        padding: 15px 0;
    }

    .resources-sec .content-box h2 {
        margin: 0 0 10px;
    }

    .call-to-action {
        .grid-row {
            display: block;

            .left-box {
                margin: 0 0 10px;
            }

            .right-box {
                margin: 0 0 10px;
            }
        }
    }

    .call-to-action .grid-row {
        gap: 25px;
    }

    .content-sec {
        text-align: center;
    }

    .model-sec {
        margin-top: 0;
    }

    .aboutkirk-sec {
        padding-bottom: 0;
    }

    .inner_banner,
    .inner_banner.shop-banner {
        h4 {
            font-size: 16px;
        }

        h1 {
            span {
                font-size: 30px;
            }
        }
    }

    .call-to-action {
        &.reversed {
            .grid-row {
                flex-wrap: wrap;
                flex-direction: column !important;

                .left-box,
                .right-box {
                    width: 100% !important;

                    p {
                        strong {
                            color: $black !important;
                        }
                    }
                }
            }
        }
    }

    .FreeConsultation-sec {
        padding: 50px 0;
        background: $light-gray !important;
    }

    .affiliates-sec {
        .affiliates-row {
            ul {
                li {
                    width: 47%;
                }
            }
        }
    }

    .calltous {
        .sec-wrap {
            flex-wrap: wrap;

            .img-box {
                height: 350px;
            }

            >div {
                width: 100% !important;
            }
        }
    }

    .clientTestimonials-sec {
        .owl-nav {
            button {
                position: relative;
                bottom: -10px;
                margin: 0 10px;
            }
        }
    }

    .home_testsimonials {
        .owl-nav {
            position: relative;

            button {
                position: relative;
            }
        }
    }

    .ProgramOverview {
        .dark-box {
            margin: 0 0 30px;

            .text {
                min-height: auto;
            }
        }
    }

    .workshop-sec {
        .content-row {
            flex-wrap: wrap;

            .img-box {
                width: 100%;
            }

            .text {
                width: 100%;
                padding: 20px 20px;
            }
        }
    }

    .conferences-sec {
        padding-bottom: 0;

        .conferences-row {
            ul {
                li {
                    width: 100%;
                }
            }
        }
    }

    .tribe-events {
        .tribe-events-calendar-list__event-row {
            flex-wrap: wrap !important;
            border: 1px solid #ddd;
            padding: 20px 0;

            .tribe-common-g-col {
                width: 100% !important;
                flex: none;
                text-align: center;

                img {
                    margin: 0 auto;
                }
            }

            .tribe-events-calendar-list__event {
                display: block;
            }
        }
    }

    .tribe-common .tribe-common-g-row {
        display: block;
    }

    .OurProcess-sec {
        padding-bottom: 100px;
    }

    .analysis-sec {
        .analysis-box {
            padding: 40px 20px;

            h2 {
                font-size: 25px;
            }
        }
    }

    .TrainingPrograms-sec {
        .heading {
            margin-bottom: 50px;

            h2 {
                line-height: 1.3;
            }
        }
    }

    .call-to-action {
        .img-box {
            min-height: unset;
            max-height: 100%;
        }
    }

    .woocommerce ul.products li.product a img {
        height: 100% !important;
    }

    .page-template-certifications-inner {
        .content-sec {
            img {
                width: 100%;
            }
        }
    }



}


@include respond-to(xxs) {

    .faq-sec .topic::before {
        display: none;
    }

    body {
        h2 {
            font-size: 24px;
            line-height: 30px;
        }
    }

    .top-header {
        p {
            font-size: 13px;
        }
    }

    .home_banner {
        padding: 50px 0 30px;

        .banner_text {
            padding: 30px 0 !important;
            text-align: center;

            h1 {
                font-size: 28px;
            }
        }
    }

    .default_btn {
        a {
            padding: 12px 20px;
            letter-spacing: 0;
            font-size: 14px;
        }
    }

    .resources-sec {
        .content-box {
            h2 {
                font-size: 28px;
            }
        }
    }

    .follow-wec h2 {
        font-size: 25px;
    }


    .footer-main {
        .container-fluid {
            padding-left: 15px;
        }

        .footer_menu {
            ul {
                width: 100%;
                text-align: center;
                column-count: 1;

                li {
                    display: block;
                    margin-right: 0;
                    margin-bottom: 10px;

                    &:last-child {
                        margin-bottom: 0;
                    }
                }
            }
        }
    }

    .home_testsimonials {
        .item {
            padding: 50px 10px;
        }
    }

    .inner_banner,
    .shop-banner.inner_banner {
        padding: 140px 0 70px;
        // max-height: 370px;
        display: flex;
        align-items: center;

        h1 {
            font-size: 23px !important;
            margin: 0 0 20px;
        }

        h2 {
            font-size: 28px;
            margin: 0 0 20px;
            color: $white;
            line-height: 34px;
        }

        h4 {
            font-size: 17px;
            margin: 0;
        }
    }

    .call-to-action.gradient {
        .grid-row {
            grid-template-columns: auto;

            .right-box {
                justify-content: center;
                padding: 15px 15px;
            }
        }

    }

    .call-to-action .inner-sec {
        padding: 0;
        text-align: center;
    }

    .regional-boxes {
        .reg-box {
            .icon-list {
                width: 272px;

                li {
                    font-size: 13px !important;
                }
            }
        }
    }

    .resources-sec {
        .content-box {
            padding: 15px;

            h2 {
                margin: 0 0 20px;
            }
        }
    }

    .follow-wec {
        ul {
            display: block;
            width: 100%;

            li {
                height: auto;
                width: 100%;
            }
        }
    }


    .TrainingPrograms-sec {
        .Programs-row {
            ul {
                flex-direction: column;

                li {
                    width: 100%;
                }
            }
        }

        .cta {
            display: block;

            .img-box {
                width: 100%;
            }

            .text-box {
                width: 100%;
            }
        }
    }

    .footer-main {
        text-align: center;
    }

    .affiliates-sec {
        .affiliates-row {
            ul {
                li {
                    width: 100%;
                }
            }
        }
    }

    .services-page {
        .subtitle {
            .subtitle {
                width: 100%;
                max-width: 100%;
            }
        }

    }

    .kirkpatrick-model-sec {
        .model-row {
            .model-box {
                margin: 10px 0 20px;
                flex-direction: column;

                .level {
                    width: 80%;
                    margin: 0 0 40px;

                    &:after {
                        transform: rotate(89deg);
                        right: 70px;
                        top: 70px;
                    }
                }

                .text {
                    width: 100%;
                }
            }
        }
    }


}

.gform_validation_errors,
.validation_message {
    display: none;
}


.single-product {
    a.single_add_to_cart_button.button.alt.custom-order {
        border-radius: 50px;
        padding-right: 50px !important;
    }

    a.single_add_to_cart_button.button.alt.custom-order:before {
        content: "\f105";
        font-family: 'Font Awesome 5 Brands';
        color: $white;
        border-radius: 50% !important;
        border: 2px solid $white;
        font-size: 20px;
        font-weight: 700;
        position: absolute;
        right: 6px;
        top: 9px;
        display: flex;
        border-radius: 0px;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
    }

    .type-product {
        .product-vendor-list-title {
            font-size: 16px;
            margin-bottom: .75rem;
            font-weight: 700;
        }
    }

    .section--product-single .product_title {
        color: #4d4d4f;
    }

    .woocommerce-Tabs-panel {
        h2 {
            font-size: 29px !important;
            color: #4d4d4f;
        }

        P {
            strong {
                color: #4d4d4f;
                font-weight: 600;
            }

        }

        blockquote {
            border-left: 0 !important;
            padding: 0;
        }
    }

    .entry-summary {
        p {
            strong {
                font-weight: 600;
                font-style: normal;
                color: #000;

                em {
                    font-weight: 400;
                }
            }
        }

        span.posted_in {
            color: #000;
        }
    }
}

.woocommerce-tabs ul.tabs {
    margin-right: 20px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-left: 3px solid #10474f !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    padding: 0 15px;
    border: 0 !important;
}

ul.tabs.wc-tabs {
    border-radius: 10px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    font-weight: 600 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: 16px;
    font-weight: 400 !important;
}

.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation,
.wc-block-cart-items,
table {
    box-shadow: none;
    border: 0;
}

.woocommerce table.shop_attributes th {
    font-weight: 500 !important;
}

.woocommerce table.shop_attributes td {
    font-style: normal !important;
}

@media(min-width: 991px) {
    .content-sec {
        .pl-3 {
            padding-left: 70px;
        }
    }
}

.content-sec {
    .pl-3 {
        h5 {
            color: $color-green;
            font-size: 22px;
            font-weight: 600;
            font-family: $WorkSans;
        }
    }
}



/*-----------Shop-----------*/
.padding-more {

    ul {
        &.products {
            li {
                &.product {
                    a {
                        img {
                            height: 190px;
                            width: auto !important;
                            border: 1px solid grey;
                        }
                    }
                }
            }
        }
    }

}

.ourprogram-sec {
    .black-head {
        h2 {
            color: black;
        }

        h4 {
            font-size: 22px !important;
            font-weight: 600 !important;
        }
    }
}




.blog {
    .quote_sidebar #nav {
        top: auto;
        right: 0px;
        bottom: -210px;
    }
}

#free-webinars {
    h2 {
        color: $black;
    }
}

#conferences {
    .content-box {
        .top-bx {
            display: flex;
            align-items: center;

            p {
                margin: 0;
                color: $color-green;
            }
        }
    }
}