@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,00;1,900&display=swap);
*,::after,::before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.site-wrapper,body,html{height:100%}
b, strong{font-weight:600;}
body{
    font-family:Gilroy;
    font-size:15px;
    font-weight:300;
    font-style:normal;
    line-height:1.74;
    position:relative;
    visibility:visible;
    overflow-x:hidden;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    letter-spacing:0;
    color:#696969
}
h1,h2,h3,h4,h5,h6{
    font-family:Gilroy;
    font-weight:700;
    line-height:1.3;
    margin-top:0;
    color:#333
}
.h1,.h2,.h3,.h4,.h5,.h6{
    line-height:inherit;
    margin:0
}
p:last-child{
    margin-bottom:0
}
a,button{
    line-height:inherit;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    color:inherit
}
a,button,img,input{
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1)
}
:focus{
    outline:0!important
}
a:focus{
    text-decoration:none;
    color:inherit;
    outline:0
}
a:hover{
    text-decoration:none;
    color:#20ad96
}
button,input[type=submit]{
    cursor:pointer
}
img{
    max-width:100%
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    opacity:1
}
input:-moz-placeholder,textarea:-moz-placeholder{
    opacity:1
}
input::-moz-placeholder,textarea::-moz-placeholder{
    opacity:1
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
    opacity:1
}
ul:last-child{
    margin-bottom:0
}
hr{
    border-top-width:2px
}
svg:not(:root){
    overflow:hidden
}
.playfair-font{
    font-family:"Playfair Display",serif
}
.margin-15{
    margin:15px
}
.section-border-bottom{
    border-bottom:1px solid #e7e7e7
}
.jarallax{
    position:relative;
    z-index:0
}
.jarallax>.jarallax-img{
    position:absolute;
    -o-object-fit:cover;
    object-fit:cover;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1
}
.max-width-100{
    max-width:100%
}
.fix{
    overflow:hidden
}
.main-wrapper,.section{
    float:left;
    width:100%
}
.section-title{margin-bottom:50px;}
@media only screen and (min-width:1600px){
    .section-fluid>.container,.section-fluid>.container-fluid{
        max-width:1530px;
    }
}
@media only screen and (min-width:1600px){
    .section-fluid-two>.container,.section-fluid-two>.container-fluid{
        width:100%;
        max-width:none;
        padding-right:240px;
        padding-left:240px
    }
}
@media only screen and (min-width:1200px){
    .container{
        max-width:1200px
    }
}
@media only screen and (max-width:575px){
    .container{
        max-width:450px
    }
}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{
    padding-right:var(--bs-gutter-x,.9rem);
    padding-left:var(--bs-gutter-x,.9rem)
}
.row{
    margin-right:calc(var(--bs-gutter-x) * -.6);
    margin-left:calc(var(--bs-gutter-x) * -.6)
}
.row>*{
    position:relative;
    padding-right:calc(var(--bs-gutter-x) * .6);
    padding-left:calc(var(--bs-gutter-x) * .6)
}
.bg-primary{
    background-color:#20ad96!important
}
.text-primary{
    color:#20ad96!important
}
.bg-primary-two{
    background-color:#3a7e69!important
}
.text-primary-two{
    color:#3a7e69!important
}
.bg-primary-three{
    background-color:#ef6f31!important
}
.text-primary-three{
    color:#ef6f31!important
}
.bg-secondary{
    background-color:#3f3a64!important
}
.text-secondary{
    color:#3f3a64!important
}
.bg-secondary-light{
    background-color:#8c89a2!important
}
.text-secondary-light{
    color:#8c89a2!important
}
.bg-secondary-three{
    background-color:#6ac5f1!important
}
.text-secondary-three{
    color:#6ac5f1!important
}
.bg-success{
    background-color:#4caf50!important
}
.text-success{
    color:#4caf50!important
}
.bg-danger{
    background-color:#f44336!important
}
.text-danger{
    color:#f44336!important
}
.bg-warning{
    background-color:#ffc107!important
}
.text-warning{
    color:#ffc107!important
}
.bg-info{
    background-color:#17a2b8!important
}
.text-info{
    color:#17a2b8!important
}
.bg-light{
    background-color:#f8f9fa!important
}
.text-light{
    color:#f8f9fa!important
}
.bg-dark{
    background-color:#333!important
}
.text-dark{
    color:#333!important
}
.bg-black{
    background-color:#000!important
}
.text-black{
    color:#000!important
}
.bg-grey{
    background-color:#f8f9fd!important
}
.text-grey{
    color:#f8f9fd!important
}
.bg-body{
    background-color:#696969!important
}
.text-body{
    color:#696969!important
}
.bg-off-white{
    background-color:#f6f2ed!important
}
.text-off-white{
    color:#f6f2ed!important
}
.bg-light-orange{
    background-color:rgba(239,111,49,.1)!important
}
.text-light-orange{
    color:rgba(239,111,49,.1)!important
}
.fw-100{
    font-weight:100
}
.fw-200{
    font-weight:200
}
.fw-300{
    font-weight:300
}
.fw-400{
    font-weight:300
}
.fw-500{
    font-weight:500
}
.fw-600{
    font-weight:600
}
.fw-700{
    font-weight:700
}
.fw-800{
    font-weight:800
}
.fw-900{
    font-weight:900
}
[data-overlay]{
    position:relative;
    z-index:1
}
[data-overlay]::before{
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:"";
    background-color:#000
}
.overlay{
    position:relative
}
.overlay::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(0,0,0,.4)
}
[data-overlay="0"]::before{
    opacity:0
}
[data-overlay="5"]::before{
    opacity:.05
}
[data-overlay="10"]::before{
    opacity:.1
}
[data-overlay="15"]::before{
    opacity:.15
}
[data-overlay="20"]::before{
    opacity:.2
}
[data-overlay="25"]::before{
    opacity:.25
}
[data-overlay="30"]::before{
    opacity:.3
}
[data-overlay="35"]::before{
    opacity:.35
}
[data-overlay="40"]::before{
    opacity:.4
}
[data-overlay="45"]::before{
    opacity:.45
}
[data-overlay="50"]::before{
    opacity:.5
}
[data-overlay="55"]::before{
    opacity:.55
}
[data-overlay="60"]::before{
    opacity:.6
}
[data-overlay="65"]::before{
    opacity:.65
}
[data-overlay="70"]::before{
    opacity:.7
}
[data-overlay="75"]::before{
    opacity:.75
}
[data-overlay="80"]::before{
    opacity:.8
}
[data-overlay="85"]::before{
    opacity:.85
}
[data-overlay="90"]::before{
    opacity:.9
}
[data-overlay="95"]::before{
    opacity:.95
}
[data-overlay="100"]::before{
    opacity:1
}
[data-bg-image]{
    background-repeat:repeat;
    background-position:top center
}
[data-bg-image]:not(.bg-pattern){
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    overflow:hidden
}
.bg-pattern-one{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain!important
}
.about-section,.about-video-section,.cta-section,.download-app-section,.newsletter-section,.teaching-section{
    overflow:hidden
}
.overflow-inherit{
    overflow:inherit!important
}
.scroll-top{
    position:fixed;
    right:30px;
    bottom:-60px;
    z-index:999;
    -webkit-box-shadow:0 30px 50px rgba(0,0,0,.03);
    box-shadow:0 30px 50px rgba(0,0,0,.03);
    display:block;
    padding:0;
    width:60px;
    height:60px;
    border-radius:50%;
    text-align:center;
    font-size:25px;
    line-height:60px;
    cursor:pointer;
    opacity:0;
    visibility:hidden;
    background-color:#20ad96;
    background-size:200% auto;
    background-position:left center;
    color:#fff;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    overflow:hidden
}
@media only screen and (max-width:479px){
    .scroll-top{
        width:50px;
        height:50px;
        line-height:50px;
        font-size:20px
    }
}
.scroll-top.show{
    visibility:visible;
    opacity:1;
    bottom:60px
}
.scroll-top i{
    position:absolute;
    top:50%;
    left:50%;
    color:#fff;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1)
}
.scroll-top .arrow-top{
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.scroll-top .arrow-bottom{
    -webkit-transform:translate(-50%,80px);
    transform:translate(-50%,80px)
}
.scroll-top:hover{
    background-position:right center
}
.scroll-top:hover .arrow-top{
    -webkit-transform:translate(-50%,-80px);
    transform:translate(-50%,-80px)
}
.scroll-top:hover .arrow-bottom{
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.border-top-dashed{
    border-top:1px dashed #d2d2d2
}
.border-bottom-dashed{
    border-bottom:1px dashed #d2d2d2
}
.img-hover-color{
    -webkit-filter:grayscale(100);
    filter:grayscale(100)
}
.img-hover-color:hover{
    -webkit-filter:grayscale(0);
    filter:grayscale(0)
}
.section-bottom-shape{
    position:absolute;
    z-index:1;
    bottom:-1px;
    left:0;
    width:100%;
    height:70px
}
.section-bottom-shape.fill-color-gray svg path{
    fill:#f8f8f8
}
.section-bottom-shape svg{
    width:100%;
    height:100%
}
.section-bottom-shape svg path{
    fill:#fff
}
.section-bottom-shape-two{
    position:absolute;
    z-index:-1;
    bottom:-1px;
    left:0;
    width:100%;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    overflow:hidden
}
.section-bottom-shape-two svg{
    width:100%;
    height:100%;
    height:310px;
    -webkit-transform:translateX(0) rotateY(180deg);
    transform:translateX(0) rotateY(180deg)
}
@media only screen and (max-width:767px){
    .section-bottom-shape-two svg{
        height:80px
    }
}
.section-bottom-shape-two svg path{
    fill:#f8f8f8
}
.section-bottom-shape-three{
    position:absolute;
    z-index:1;
    bottom:-1px;
    left:0;
    width:100%;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    overflow:hidden
}
.section-bottom-shape-three svg{
    width:100%;
    height:100%;
    height:440px;
    display:block;
    width:calc(100% + 1.3px);
    position:relative;
    left:50%;
    -webkit-transform:translateX(-50%) rotateY(180deg);
    transform:translateX(-50%) rotateY(180deg)
}
@media only screen and (max-width:767px){
    .section-bottom-shape-three svg{
        height:80px
    }
}
.section-bottom-shape-three svg path{
    fill:rgba(51,51,51,.06)
}
.section-bottom-shape-four{
    position:absolute;
    z-index:1;
    bottom:-1px;
    left:0;
    width:100%;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    overflow:hidden
}
.section-bottom-shape-four svg{
    height:600px;
    display:block;
    width:calc(100% + 1.3px);
    position:relative;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
@media only screen and (max-width:767px){
    .section-bottom-shape-four svg{
        height:80px
    }
}
.section-bottom-shape-four svg path{
    fill:rgba(255,255,255,.04)
}
.section-bottom-shape-five{
    position:absolute;
    z-index:-1;
    bottom:-1px;
    left:0;
    width:100%;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    overflow:hidden
}
.section-bottom-shape-five svg{
    width:calc(100% + 1.3px);
    height:100%;
    height:300px;
    display:block;
    position:relative;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
@media only screen and (max-width:767px){
    .section-bottom-shape-five svg{
        height:80px
    }
}
.section-bottom-shape-five svg path{
    fill:#faf8f6
}
.theme-color{
    color:#20ad96!important
}
.swiper-pagination{
    position:static;
    display:block;
    line-height:1;
    margin-top:20px
}
.swiper-pagination.theme-color{
    margin-top:50px
}
.swiper-pagination.theme-color .swiper-pagination-bullet{
    width:10px;
    height:10px
}
.swiper-pagination.theme-color .swiper-pagination-bullet:before{
    background:#5c5b6e
}
.swiper-pagination.theme-color .swiper-pagination-bullet:hover:before{
    width:12px;
    height:12px;
    opacity:1;
    background:#20ad96
}
.swiper-pagination.theme-color .swiper-pagination-bullet-active:before{
    width:12px;
    height:12px;
    opacity:1;
    background:#20ad96
}
.swiper-pagination .swiper-pagination-bullet{
    width:10px;
    height:10px;
    border:0;
    border-radius:0;
    background:0 0;
    opacity:1;
    position:relative;
    outline:0;
    margin-right:20px;
    margin:0 8px!important
}
.swiper-pagination .swiper-pagination-bullet:last-child{
    margin-right:0
}
.swiper-pagination .swiper-pagination-bullet:before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    border-radius:100%;
    width:8px;
    height:8px;
    background:#d8d8d8;
    z-index:1;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1)
}
.swiper-pagination .swiper-pagination-bullet:hover:before{
    width:12px;
    height:12px;
    opacity:1;
    background:#333
}
.swiper-pagination .swiper-pagination-bullet-active:before{
    width:12px;
    height:12px;
    opacity:1;
    background:#333
}
.site-wrapper-reveal{
    background-color:#fff
}
.swiper-pagination.swiper-pagination-white .swiper-pagination-bullet{
    margin:8px
}
.swiper-pagination.swiper-pagination-white .swiper-pagination-bullet:hover:before{
    width:12px;
    height:12px;
    opacity:1;
    background:#fff
}
.swiper-pagination.swiper-pagination-white .swiper-pagination-bullet-active::before{
    opacity:1;
    background:#fff;
    width:16px;
    height:16px;
    -webkit-box-shadow:0 0 9px #ededed;
    box-shadow:0 0 9px #ededed
}
.swiper-nav-button{
    -webkit-transition:all .3s cubic-bezier(.645,.045,.355,1),visibility .1s linear 2s,opacity .1s linear 2s;
    transition:all .3s cubic-bezier(.645,.045,.355,1),visibility .1s linear 2s,opacity .1s linear 2s;
    background-image:none;
    text-align:center;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    outline:0;
    width:48px;
    height:48px;
    font-size:24px;
    color:#6d70a6;
    border:0;
    border-radius:50%;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,.01);
    box-shadow:0 0 5px rgba(0,0,0,.01);
    opacity:0;
    visibility:hidden;
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    margin:0;
    top:50%
}
.swiper-nav-button::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    border-radius:inherit;
    color:#fff;
    background:#fff
}
.swiper-nav-button:hover{
    color:#fff
}
.swiper-nav-button:hover::before{
    color:#fff;
    background:#333
}
.swiper-container{
    -webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
    transition:all .3s cubic-bezier(.645,.045,.355,1)
}
.swiper-container:hover .swiper-nav-button{
    opacity:1;
    visibility:visible
}
.swiper-nav-button i{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.swiper-nav-button i::before{
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    display:inline-block;
    font-style:normal;
    font-variant:normal;
    text-rendering:auto;
    line-height:1;
    font-family:"Font Awesome 5 Pro";
    font-weight:300;
    content:""
}
.swiper-nav-prev i::before{
    content:""
}
.swiper-button-next i::before{
    content:""
}
.swiper-wrapper{
    -webkit-transition-timing-function:linear!important;
    transition-timing-function:linear!important
}
.section-padding-top-0{
    padding-top:0!important
}
.section-padding-0{
    padding-top:0!important;
    padding-bottom:0!important
}
.section-padding{
    padding-top:100px!important;
    padding-bottom:100px!important
}
@media only screen and (min-width:768px) and (max-width:991px){
    .section-padding{
        padding-top:80px!important;
        padding-bottom:80px!important
    }
}
@media only screen and (max-width:767px){
    .section-padding{
        padding-top:60px!important;
        padding-bottom:60px!important
    }
}
.section-padding-200{
    padding-top:200px;
    padding-bottom:200px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .section-padding-200{
        padding-top:100px;
        padding-bottom:100px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .section-padding-200{
        padding-top:80px;
        padding-bottom:80px
    }
}
@media only screen and (max-width:767px){
    .section-padding-200{
        padding-top:60px;
        padding-bottom:60px
    }
}
.section-padding-t80-b100{
    padding-top:80px;
    padding-bottom:100px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .section-padding-t80-b100{
        padding-top:60px;
        padding-bottom:80px
    }
}
@media only screen and (max-width:767px){
    .section-padding-t80-b100{
        padding-top:45px;
        padding-bottom:60px
    }
}
.section-padding-top{
    padding-top:100px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .section-padding-top{
        padding-top:80px
    }
}
@media only screen and (max-width:767px){
    .section-padding-top{
        padding-top:60px
    }
}
.section-padding-top-190{
    padding-top:190px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .section-padding-top-190{
        padding-top:170px
    }
}
@media only screen and (max-width:767px){
    .section-padding-top-190{
        padding-top:150px
    }
}
.section-padding-top-200{
    padding-top:200px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .section-padding-top-200{
        padding-top:100px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .section-padding-top-200{
        padding-top:80px
    }
}
@media only screen and (max-width:767px){
    .section-padding-top-200{
        padding-top:60px
    }
}
.section-padding-top-250{
    padding-top:250px
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .section-padding-top-250{
        padding-top:100px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .section-padding-top-250{
        padding-top:100px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .section-padding-top-250{
        padding-top:80px
    }
}
@media only screen and (max-width:767px){
    .section-padding-top-250{
        padding-top:60px
    }
}
.section-padding-top-320{
    padding-top:320px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .section-padding-top-320{
        padding-top:170px
    }
}
@media only screen and (max-width:767px){
    .section-padding-top-320{
        padding-top:150px
    }
}
.section-padding-bottom{
    padding-bottom:100px!important
}
@media only screen and (min-width:768px) and (max-width:991px){
    .section-padding-bottom{
        padding-bottom:80px!important
    }
}
@media only screen and (max-width:767px){
    .section-padding-bottom{
        padding-bottom:60px!important
    }
}
.section-padding-bottom-80{
    padding-bottom:80px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .section-padding-bottom-80{
        padding-bottom:60px
    }
}
@media only screen and (max-width:767px){
    .section-padding-bottom-80{
        padding-bottom:40px
    }
}
.section-padding-bottom-70{
    padding-bottom:70px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .section-padding-bottom-70{
        padding-bottom:80px
    }
}
@media only screen and (max-width:767px){
    .section-padding-bottom-70{
        padding-bottom:60px
    }
}
.section-padding-bottom-90{
    padding-bottom:90px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .section-padding-bottom-90{
        padding-bottom:70px
    }
}
@media only screen and (max-width:767px){
    .section-padding-bottom-90{
        padding-bottom:50px
    }
}
.section-padding-bottom-120{
    padding-bottom:120px!important
}
@media only screen and (min-width:768px) and (max-width:991px){
    .section-padding-bottom-120{
        padding-bottom:100px!important
    }
}
@media only screen and (max-width:767px){
    .section-padding-bottom-120{
        padding-bottom:80px!important
    }
}
.section-padding-bottom-160{
    padding-bottom:160px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .section-padding-bottom-160{
        padding-bottom:100px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .section-padding-bottom-160{
        padding-bottom:80px
    }
}
@media only screen and (max-width:767px){
    .section-padding-bottom-160{
        padding-bottom:60px
    }
}
.section-padding-bottom-180{
    padding-bottom:180px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .section-padding-bottom-180{
        padding-bottom:100px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .section-padding-bottom-180{
        padding-bottom:80px
    }
}
@media only screen and (max-width:767px){
    .section-padding-bottom-180{
        padding-bottom:60px
    }
}
.section-padding-bottom-200{
    padding-bottom:200px
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .section-padding-bottom-200{
        padding-bottom:100px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .section-padding-bottom-200{
        padding-bottom:100px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .section-padding-bottom-200{
        padding-bottom:80px
    }
}
@media only screen and (max-width:767px){
    .section-padding-bottom-200{
        padding-bottom:60px
    }
}
.section-padding-dark{
    padding-top:100px;
    padding-bottom:50px
}
.plr-40{
    padding:0 40px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .plr-40{
        padding:0 15px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .plr-40{
        padding:0 15px
    }
}
@media only screen and (max-width:767px){
    .plr-40{
        padding:0 15px
    }
}
.margin-bottom-100{
    margin-bottom:100px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .margin-bottom-100{
        margin-bottom:80px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .margin-bottom-100{
        margin-bottom:60px
    }
}
@media only screen and (max-width:767px){
    .margin-bottom-100{
        margin-bottom:40px
    }
}
.margin-bottom-85{
    margin-bottom:85px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .margin-bottom-85{
        margin-bottom:60px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .margin-bottom-85{
        margin-bottom:40px
    }
}
@media only screen and (max-width:767px){
    .margin-bottom-85{
        margin-bottom:30px
    }
}
.mb-minus-90{
    margin-bottom:-90px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mb-minus-90{
        margin-bottom:-50px
    }
}
.mt-minus-125{
    margin-top:-125px;
    position:relative;
    z-index:9
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .mt-minus-125{
        margin-top:-90px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mt-minus-125{
        margin-top:-90px
    }
}
@media only screen and (max-width:767px){
    .mt-minus-125{
        margin-top:-90px
    }
}
.ml-minus-150{
    margin-left:-150px
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .ml-minus-150{
        margin-left:0
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .ml-minus-150{
        margin-left:0;
        margin-bottom:50px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .ml-minus-150{
        margin-left:0;
        margin-bottom:40px
    }
}
@media only screen and (max-width:767px){
    .ml-minus-150{
        margin-left:0;
        margin-bottom:30px
    }
}
@media only screen and (min-width:1600px){
    .col-xxl-1{
        -webkit-box-flex:0;
        -ms-flex:0 0 8.333333%;
        flex:0 0 8.333333%;
        max-width:8.333333%
    }
}
@media only screen and (min-width:1600px){
    .col-xxl-2{
        -webkit-box-flex:0;
        -ms-flex:0 0 16.666666%;
        flex:0 0 16.666666%;
        max-width:16.666666%
    }
}
@media only screen and (min-width:1600px){
    .col-xxl-3{
        -webkit-box-flex:0;
        -ms-flex:0 0 24.999999%;
        flex:0 0 24.999999%;
        max-width:24.999999%
    }
}
@media only screen and (min-width:1600px){
    .col-xxl-4{
        -webkit-box-flex:0;
        -ms-flex:0 0 33.333332%;
        flex:0 0 33.333332%;
        max-width:33.333332%
    }
}
@media only screen and (min-width:1600px){
    .col-xxl-5{
        -webkit-box-flex:0;
        -ms-flex:0 0 41.666665%;
        flex:0 0 41.666665%;
        max-width:41.666665%
    }
}
@media only screen and (min-width:1600px){
    .col-xxl-6{
        -webkit-box-flex:0;
        -ms-flex:0 0 49.999998%;
        flex:0 0 49.999998%;
        max-width:49.999998%
    }
}
@media only screen and (min-width:1600px){
    .col-xxl-7{
        -webkit-box-flex:0;
        -ms-flex:0 0 58.333331%;
        flex:0 0 58.333331%;
        max-width:58.333331%
    }
}
@media only screen and (min-width:1600px){
    .col-xxl-8{
        -webkit-box-flex:0;
        -ms-flex:0 0 66.666664%;
        flex:0 0 66.666664%;
        max-width:66.666664%
    }
}
@media only screen and (min-width:1600px){
    .col-xxl-9{
        -webkit-box-flex:0;
        -ms-flex:0 0 74.999997%;
        flex:0 0 74.999997%;
        max-width:74.999997%
    }
}
@media only screen and (min-width:1600px){
    .col-xxl-10{
        -webkit-box-flex:0;
        -ms-flex:0 0 83.33333%;
        flex:0 0 83.33333%;
        max-width:83.33333%
    }
}
@media only screen and (min-width:1600px){
    .col-xxl-11{
        -webkit-box-flex:0;
        -ms-flex:0 0 91.666663%;
        flex:0 0 91.666663%;
        max-width:91.666663%
    }
}
@media only screen and (min-width:1600px){
    .col-xxl-12{
        -webkit-box-flex:0;
        -ms-flex:0 0 99.999996%;
        flex:0 0 99.999996%;
        max-width:99.999996%
    }
}
@media only screen and (min-width:1600px){
    .order-xxl-1{
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
}
@media only screen and (min-width:1600px){
    .order-xxl-2{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
}
@media only screen and (min-width:1600px){
    .order-xxl-3{
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3
    }
}
@media only screen and (min-width:1600px){
    .order-xxl-4{
        -webkit-box-ordinal-group:5;
        -ms-flex-order:4;
        order:4
    }
}
@media only screen and (min-width:1600px){
    .order-xxl-5{
        -webkit-box-ordinal-group:6;
        -ms-flex-order:5;
        order:5
    }
}
@media only screen and (min-width:1600px){
    .order-xxl-6{
        -webkit-box-ordinal-group:7;
        -ms-flex-order:6;
        order:6
    }
}
@media only screen and (min-width:1600px){
    .order-xxl-7{
        -webkit-box-ordinal-group:8;
        -ms-flex-order:7;
        order:7
    }
}
@media only screen and (min-width:1600px){
    .order-xxl-8{
        -webkit-box-ordinal-group:9;
        -ms-flex-order:8;
        order:8
    }
}
@media only screen and (min-width:1600px){
    .order-xxl-9{
        -webkit-box-ordinal-group:10;
        -ms-flex-order:9;
        order:9
    }
}
@media only screen and (min-width:1600px){
    .order-xxl-10{
        -webkit-box-ordinal-group:11;
        -ms-flex-order:10;
        order:10
    }
}
@media only screen and (min-width:1600px){
    .order-xxl-11{
        -webkit-box-ordinal-group:12;
        -ms-flex-order:11;
        order:11
    }
}
@media only screen and (min-width:1600px){
    .order-xxl-12{
        -webkit-box-ordinal-group:13;
        -ms-flex-order:12;
        order:12
    }
}
.max-mb-10{
    margin-bottom:10px!important
}
.max-mb-n10{
    margin-bottom:-10px
}
.max-mb-20{
    margin-bottom:20px!important
}
.max-mb-n20{
    margin-bottom:-20px
}
.max-mb-30{
    margin-bottom:30px!important
}
.max-mb-n30{
    margin-bottom:-30px
}
.max-mb-40{
    margin-bottom:40px!important
}
.max-mb-n40{
    margin-bottom:-40px
}
.max-mb-50{
    margin-bottom:50px!important
}
.max-mb-n50{
    margin-bottom:-50px
}
.max-mb-60{
    margin-bottom:60px!important
}
.max-mb-n60{
    margin-bottom:-60px
}
.max-mb-70{
    margin-bottom:70px!important
}
.max-mb-n70{
    margin-bottom:-70px
}
.max-mb-80{
    margin-bottom:80px!important
}
.max-mb-n80{
    margin-bottom:-80px
}
.max-mb-90{
    margin-bottom:90px!important
}
.max-mb-n90{
    margin-bottom:-90px
}
.max-mb-100{
    margin-bottom:100px!important
}
.max-mb-n100{
    margin-bottom:-100px
}
.max-mt-10{
    margin-top:10px
}
.max-mt-n10{
    margin-top:-10px
}
.max-mt-20{
    margin-top:20px
}
.max-mt-n20{
    margin-top:-20px
}
.max-mt-30{
    margin-top:30px
}
.max-mt-n30{
    margin-top:-30px
}
.max-mt-40{
    margin-top:40px
}
.max-mt-n40{
    margin-top:-40px
}
.max-mt-50{
    margin-top:50px
}
.max-mt-n50{
    margin-top:-50px
}
.max-mt-60{
    margin-top:60px
}
.max-mt-n60{
    margin-top:-60px
}
.max-mt-70{
    margin-top:70px
}
.max-mt-n70{
    margin-top:-70px
}
.max-mt-80{
    margin-top:80px
}
.max-mt-n80{
    margin-top:-80px
}
.max-mt-90{
    margin-top:90px
}
.max-mt-n90{
    margin-top:-90px
}
.max-mt-100{
    margin-top:100px
}
.max-mt-n100{
    margin-top:-100px
}
.max-pb-10{
    padding-bottom:10px
}
.max-pb-20{
    padding-bottom:20px
}
.max-pb-30{
    padding-bottom:30px
}
.max-pb-40{
    padding-bottom:40px
}
.max-pb-50{
    padding-bottom:50px
}
.max-pb-60{
    padding-bottom:60px
}
.max-pb-70{
    padding-bottom:70px
}
.max-pb-80{
    padding-bottom:80px
}
.max-pb-90{
    padding-bottom:90px
}
.max-pb-100{
    padding-bottom:100px
}
.max-pt-10{
    padding-top:10px
}
.max-pt-20{
    padding-top:20px
}
.max-pt-30{
    padding-top:30px
}
.max-pt-40{
    padding-top:40px
}
.max-pt-50{
    padding-top:50px
}
.max-pt-60{
    padding-top:60px
}
.max-pt-70{
    padding-top:70px
}
.max-pt-80{
    padding-top:80px
}
.max-pt-90{
    padding-top:90px
}
.max-pt-100{
    padding-top:100px
}
.row-25{
    margin-left:-25px;
    margin-right:-25px
}
@media only screen and (min-width:1200px) and (max-width:1499px){
    .row-25{
        margin-left:-15px;
        margin-right:-15px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .row-25{
        margin-left:-15px;
        margin-right:-15px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .row-25{
        margin-left:-15px;
        margin-right:-15px
    }
}
@media only screen and (max-width:767px){
    .row-25{
        margin-left:-15px;
        margin-right:-15px
    }
}
.row-25>[class*=col]{
    padding-left:25px;
    padding-right:25px
}
@media only screen and (min-width:1200px) and (max-width:1499px){
    .row-25>[class*=col]{
        padding-left:15px;
        padding-right:15px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .row-25>[class*=col]{
        padding-left:15px;
        padding-right:15px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .row-25>[class*=col]{
        padding-left:15px;
        padding-right:15px
    }
}
@media only screen and (max-width:767px){
    .row-25>[class*=col]{
        padding-left:15px;
        padding-right:15px
    }
}
.row-30{
    margin-left:-30px;
    margin-right:-30px
}
@media only screen and (min-width:1200px) and (max-width:1499px){
    .row-30{
        margin-left:-15px;
        margin-right:-15px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .row-30{
        margin-left:-15px;
        margin-right:-15px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .row-30{
        margin-left:-15px;
        margin-right:-15px
    }
}
@media only screen and (max-width:767px){
    .row-30{
        margin-left:-15px;
        margin-right:-15px
    }
}
.row-30>[class*=col]{
    padding-left:30px;
    padding-right:30px
}
@media only screen and (min-width:1200px) and (max-width:1499px){
    .row-30>[class*=col]{
        padding-left:15px;
        padding-right:15px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .row-30>[class*=col]{
        padding-left:15px;
        padding-right:15px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .row-30>[class*=col]{
        padding-left:15px;
        padding-right:15px
    }
}
@media only screen and (max-width:767px){
    .row-30>[class*=col]{
        padding-left:15px;
        padding-right:15px
    }
}
.row-40{
    margin-left:-40px;
    margin-right:-40px
}
@media only screen and (min-width:1200px) and (max-width:1499px){
    .row-40{
        margin-left:-15px;
        margin-right:-15px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .row-40{
        margin-left:-15px;
        margin-right:-15px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .row-40{
        margin-left:-15px;
        margin-right:-15px
    }
}
@media only screen and (max-width:767px){
    .row-40{
        margin-left:-15px;
        margin-right:-15px
    }
}
.row-40>[class*=col]{
    padding-left:40px;
    padding-right:40px
}
@media only screen and (min-width:1200px) and (max-width:1499px){
    .row-40>[class*=col]{
        padding-left:15px;
        padding-right:15px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .row-40>[class*=col]{
        padding-left:15px;
        padding-right:15px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .row-40>[class*=col]{
        padding-left:15px;
        padding-right:15px
    }
}
@media only screen and (max-width:767px){
    .row-40>[class*=col]{
        padding-left:15px;
        padding-right:15px
    }
}
.mt-0{
    margin-top:0!important
}
.mt-25{
    margin-top:25px!important
}
.mt-30{
    margin-top:30px!important
}
.mt-40{
    margin-top:40px!important
}
.mt-50{
    margin-top:50px!important
}
.mt-150{
    margin-top:150px!important
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .mt-md-0{
        margin-top:0!important
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mt-sm-0{
        margin-top:0!important
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mt-sm-50{
        margin-top:50px!important
    }
}
@media only screen and (max-width:767px){
    .mt-xs-0{
        margin-top:0!important
    }
}
@media only screen and (max-width:767px){
    .mt-xs-50{
        margin-top:50px!important
    }
}
.mb-0{
    margin-bottom:0!important
}
.mb-10{
    margin-bottom:10px!important
}
.mb-15{
    margin-bottom:15px!important
}
.mb-20{
    margin-bottom:20px!important
}
.mb-25{
    margin-bottom:25px!important
}
.mb-30{
    margin-bottom:30px!important
}
.mb-35{
    margin-bottom:35px!important
}
.mb-50{
    margin-bottom:50px!important
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .mb-md-50{
        margin-bottom:50px!important
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mb-sm-30{
        margin-bottom:30px!important
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mb-sm-40{
        margin-bottom:40px!important
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mb-sm-50{
        margin-bottom:50px!important
    }
}
@media only screen and (max-width:767px){
    .mb-xs-30{
        margin-bottom:30px!important
    }
}
@media only screen and (max-width:767px){
    .mb-xs-40{
        margin-bottom:40px!important
    }
}
@media only screen and (max-width:767px){
    .mb-xs-50{
        margin-bottom:50px!important
    }
}
.ml-15{
    margin-left:15px!important
}
.mr-15{
    margin-right:15px!important
}
.pt-0{
    padding-top:0!important
}
.pb-25{
    padding-bottom:25px!important
}
.pl-30{
    padding-left:30px!important
}
.pl-60{
    padding-left:60px!important
}
.pl-80{
    padding-left:80px!important
}
.pl-85{
    padding-left:85px!important
}
.pl-90{
    padding-left:90px!important
}
@media only screen and (min-width:1200px) and (max-width:1499px){
    .pl-lg-15{
        padding-left:15px!important
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .pl-md-0{
        padding-left:0!important
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .pl-md-15{
        padding-left:15px!important
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .pl-md-20{
        padding-left:20px!important
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .pl-sm-0{
        padding-left:0!important
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .pl-sm-15{
        padding-left:15px!important
    }
}
@media only screen and (max-width:767px){
    .pl-xs-0{
        padding-left:0!important
    }
}
@media only screen and (max-width:767px){
    .pl-xs-15{
        padding-left:15px!important
    }
}
.pr-0{
    padding-right:0!important
}
.pr-55{
    padding-right:55px!important
}
.pr-60{
    padding-right:60px!important
}
.pr-80{
    padding-right:80px!important
}
.pr-100{
    padding-right:100px!important
}
@media only screen and (min-width:1200px) and (max-width:1499px){
    .pr-lg-0{
        padding-right:0!important
    }
}
@media only screen and (min-width:1200px) and (max-width:1499px){
    .pr-lg-15{
        padding-right:15px!important
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .pr-md-0{
        padding-right:0!important
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .pr-md-15{
        padding-right:15px!important
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .pr-sm-0{
        padding-right:0!important
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .pr-sm-15{
        padding-right:15px!important
    }
}
@media only screen and (max-width:767px){
    .pr-xs-0{
        padding-right:0!important
    }
}
@media only screen and (max-width:767px){
    .pr-xs-15{
        padding-right:15px!important
    }
}
input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url]{
    width:100%;
    min-height:56px;
    padding:3px 20px;
    color:#696969;
    border:1px solid #f5f5f5;
    border-radius:5px;
    outline:0;
    background-color:#f5f5f5
}
input[type=email]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder{
    color:#9f9f9f
}
input[type=email]:-moz-placeholder,input[type=number]:-moz-placeholder,input[type=password]:-moz-placeholder,input[type=search]:-moz-placeholder,input[type=tel]:-moz-placeholder,input[type=text]:-moz-placeholder,input[type=url]:-moz-placeholder{
    color:#9f9f9f
}
input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=url]::-moz-placeholder{
    color:#9f9f9f
}
input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder{
    color:#9f9f9f
}
input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus{
    border-color:#20ad96;
    background-color:#fff
}
textarea{
    width:100%;
    min-height:220px;
    padding:10px 20px;
    color:#696969;
    border:1px solid #f5f5f5;
    border-radius:5px;
    outline:0;
    background-color:#f5f5f5
}
textarea::-webkit-input-placeholder{
    color:#9f9f9f
}
textarea:-moz-placeholder{
    color:#9f9f9f
}
textarea::-moz-placeholder{
    color:#9f9f9f
}
textarea:-ms-input-placeholder{
    color:#9f9f9f
}
textarea:focus{
    border-color:#20ad96;
    background-color:#fff
}
.instructor-register-from{
    background:#fff;
    border-radius:5px;
    -webkit-box-shadow:0 2px 30px rgba(0,0,0,.1);
    box-shadow:0 2px 30px rgba(0,0,0,.1);
    padding:56px 50px 60px
}
@media only screen and (max-width:479px){
    .instructor-register-from{
        padding:30px 15px 30px
    }
}
.instructor-register-from .title{
    font-size:34px;
    line-height:1.42;
    margin:0 0 36px;
    text-align:center
}
@media only screen and (max-width:479px){
    .instructor-register-from .title{
        font-size:28px;
        margin-bottom:20px
    }
}
.learn-press-message{
    padding:10px 12px 10px 15px;
    background:#f5f5f5;
    position:relative;
    margin:0 0 20px;
    border-radius:5px;
    padding-left:45px
}
.learn-press-message::before{
    content:"";
    color:#00adff;
    width:auto;
    height:auto;
    font-size:16px;
    background:0 0!important;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    left:15px;
    font-family:"Font Awesome 5 Pro"
}
.comment-form-cookies-consent{
    text-align:center;
    margin-bottom:20px!important;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.comment-form-cookies-consent input{
    margin-right:5px;
    margin-top:5px
}
.login-form-wrapper{
    padding:30px 50px 50px;
    border-radius:5px;
    background:#fff;
    -webkit-box-shadow:0 0 10px rgba(51,51,51,.1);
    box-shadow:0 0 10px rgba(51,51,51,.1)
}
@media only screen and (max-width:479px){
    .login-form-wrapper{
        padding:30px 15px 30px
    }
}
.login-form-wrapper .title{
    font-size:34px;
    line-height:1.42;
    font-weight:700;
    margin-bottom:18px
}
.single-input label{
    color:#333
}
.single-input .description{
    font-style:italic;
    margin-top:10px;
    font-size:14px;
    line-height:1.4;
    margin-bottom:0
}
.lost-your-password-wrap{
    text-align:right
}
@media only screen and (max-width:575px){
    .lost-your-password-wrap{
        text-align:left
    }
}
@media only screen and (max-width:479px){
    .lost-your-password-wrap{
        text-align:left
    }
}
.checkbox-input input{
    margin:0 10px 0 3px
}
.btn{
    font-size:14px;
    font-weight:700;
    line-height:50px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:52px;
    padding:0 40px;
    cursor:pointer;
    white-space:nowrap;
    border-width:1px;
    border-style:solid;
    border-color:transparent;
    border-radius:5px;
    outline:0
}
.btn:focus{
    -webkit-box-shadow:none!important;
    box-shadow:none!important
}
.btn-icon{
    width:56px;
    padding:15px
}
.btn.disabled{
    opacity:.65
}
.btn-sm{
    font-size:12px;
    padding:5px 20px
}
.btn-xs{
    height:32px;
    line-height:30px;
    padding:0 20px
}
.btn-md{
    font-size:14px;
    padding:10px 30px
}
.btn-lg{
    font-size:18px;
    padding:20px 50px
}
.btn-xl{
    font-size:20px;
    padding:25px 60px
}
.btn-width-100{
    width:100%
}
.btn-width-260{
    width:260px
}
.btn-width-300{
    width:300px
}
.btn-width-180{
    width:180px
}
.btn-height-60{
    height:60px;
    line-height:58px
}
.btn-primary{
    border-color:#20ad96;
    background-color:#20ad96;
    color:#fff
}
.btn-primary:focus,.btn-primary:hover{
    border-color:transparent;
    background-color:#1a8d7a;
    color:#fff
}
.btn-outline-primary{
    color:#20ad96;
    border-color:#20ad96;
    background-color:transparent
}
.btn-outline-primary:hover{
    border-color:transparent;
    background-color:#20ad96;
    color:#fff
}
.btn-primary-two{
    border-color:#3a7e69;
    background-color:#3a7e69;
    color:#fff
}
.btn-primary-two:focus,.btn-primary-two:hover{
    border-color:transparent;
    background-color:#2e6453;
    color:#fff
}
.btn-outline-primary-two{
    color:#3a7e69;
    border-color:#3a7e69;
    background-color:transparent
}
.btn-outline-primary-two:hover{
    border-color:transparent;
    background-color:#3a7e69;
    color:#fff
}
.btn-primary-three{
    border-color:#ef6f31;
    background-color:#ef6f31;
    color:#fff
}
.btn-primary-three:focus,.btn-primary-three:hover{
    border-color:transparent;
    background-color:#e85812;
    color:#fff
}
.btn-outline-primary-three{
    color:#ef6f31;
    border-color:#ef6f31;
    background-color:transparent
}
.btn-outline-primary-three:hover{
    border-color:transparent;
    background-color:#ef6f31;
    color:#fff
}
.btn-secondary{
    border-color:#3f3a64;
    background-color:#3f3a64;
    color:#fff
}
.btn-secondary:focus,.btn-secondary:hover{
    border-color:transparent;
    background-color:#302c4c;
    color:#fff
}
.btn-outline-secondary{
    color:#3f3a64;
    border-color:#3f3a64;
    background-color:transparent
}
.btn-outline-secondary:hover{
    border-color:transparent;
    background-color:#3f3a64;
    color:#fff
}
.btn-secondary-light{
    border-color:#8c89a2;
    background-color:#8c89a2;
    color:#fff
}
.btn-secondary-light:focus,.btn-secondary-light:hover{
    border-color:transparent;
    background-color:#777491;
    color:#fff
}
.btn-outline-secondary-light{
    color:#8c89a2;
    border-color:#8c89a2;
    background-color:transparent
}
.btn-outline-secondary-light:hover{
    border-color:transparent;
    background-color:#8c89a2;
    color:#fff
}
.btn-secondary-three{
    border-color:#6ac5f1;
    background-color:#6ac5f1;
    color:#fff
}
.btn-secondary-three:focus,.btn-secondary-three:hover{
    border-color:transparent;
    background-color:#47b7ee;
    color:#fff
}
.btn-outline-secondary-three{
    color:#6ac5f1;
    border-color:#6ac5f1;
    background-color:transparent
}
.btn-outline-secondary-three:hover{
    border-color:transparent;
    background-color:#6ac5f1;
    color:#fff
}
.btn-success{
    border-color:#4caf50;
    background-color:#4caf50;
    color:#fff
}
.btn-success:focus,.btn-success:hover{
    border-color:transparent;
    background-color:#409444;
    color:#fff
}
.btn-outline-success{
    color:#4caf50;
    border-color:#4caf50;
    background-color:transparent
}
.btn-outline-success:hover{
    border-color:transparent;
    background-color:#4caf50;
    color:#fff
}
.btn-danger{
    border-color:#f44336;
    background-color:#f44336;
    color:#fff
}
.btn-danger:focus,.btn-danger:hover{
    border-color:transparent;
    background-color:#f22112;
    color:#fff
}
.btn-outline-danger{
    color:#f44336;
    border-color:#f44336;
    background-color:transparent
}
.btn-outline-danger:hover{
    border-color:transparent;
    background-color:#f44336;
    color:#fff
}
.btn-warning{
    border-color:#ffc107;
    background-color:#ffc107;
    color:#333
}
.btn-warning:focus,.btn-warning:hover{
    border-color:transparent;
    background-color:#e0a800;
    color:#333
}
.btn-outline-warning{
    color:#ffc107;
    border-color:#ffc107;
    background-color:transparent
}
.btn-outline-warning:hover{
    border-color:transparent;
    background-color:#ffc107;
    color:#333
}
.btn-info{
    border-color:#17a2b8;
    background-color:#17a2b8;
    color:#fff
}
.btn-info:focus,.btn-info:hover{
    border-color:transparent;
    background-color:#138496;
    color:#fff
}
.btn-outline-info{
    color:#17a2b8;
    border-color:#17a2b8;
    background-color:transparent
}
.btn-outline-info:hover{
    border-color:transparent;
    background-color:#17a2b8;
    color:#fff
}
.btn-light{
    border-color:#f8f9fa;
    background-color:#f8f9fa;
    color:#333
}
.btn-light:focus,.btn-light:hover{
    border-color:transparent;
    background-color:#e2e6ea;
    color:#333
}
.btn-outline-light{
    color:#f8f9fa;
    border-color:#f8f9fa;
    background-color:transparent
}
.btn-outline-light:hover{
    border-color:transparent;
    background-color:#f8f9fa;
    color:#333
}
.btn-dark{
    border-color:#333;
    background-color:#333;
    color:#fff
}
.btn-dark:focus,.btn-dark:hover{
    border-color:transparent;
    background-color:#202020;
    color:#fff
}
.btn-outline-dark{
    color:#333;
    border-color:#333;
    background-color:transparent
}
.btn-outline-dark:hover{
    border-color:transparent;
    background-color:#333;
    color:#fff
}
.btn-black{
    border-color:#000;
    background-color:#000;
    color:#fff
}
.btn-black:focus,.btn-black:hover{
    border-color:transparent;
    background-color:#000;
    color:#fff
}
.btn-outline-black{
    color:#000;
    border-color:#000;
    background-color:transparent
}
.btn-outline-black:hover{
    border-color:transparent;
    background-color:#000;
    color:#fff
}
.btn-grey{
    border-color:#f8f9fd;
    background-color:#f8f9fd;
    color:#fff
}
.btn-grey:focus,.btn-grey:hover{
    border-color:transparent;
    background-color:#dae0f5;
    color:#fff
}
.btn-outline-grey{
    color:#f8f9fd;
    border-color:#f8f9fd;
    background-color:transparent
}
.btn-outline-grey:hover{
    border-color:transparent;
    background-color:#f8f9fd;
    color:#fff
}
.btn-body{
    border-color:#696969;
    background-color:#696969;
    color:#fff
}
.btn-body:focus,.btn-body:hover{
    border-color:transparent;
    background-color:#565656;
    color:#fff
}
.btn-outline-body{
    color:#696969;
    border-color:#696969;
    background-color:transparent
}
.btn-outline-body:hover{
    border-color:transparent;
    background-color:#696969;
    color:#fff
}
.btn-off-white{
    border-color:#f6f2ed;
    background-color:#f6f2ed;
    color:#333
}
.btn-off-white:focus,.btn-off-white:hover{
    border-color:transparent;
    background-color:#e9e0d4;
    color:#fff
}
.btn-outline-off-white{
    color:#f6f2ed;
    border-color:#f6f2ed;
    background-color:transparent
}
.btn-outline-off-white:hover{
    border-color:transparent;
    background-color:#f6f2ed;
    color:#fff
}
.btn-light-orange{
    border-color:rgba(239,111,49,.1);
    background-color:rgba(239,111,49,.1);
    color:#fff
}
.btn-light-orange:focus,.btn-light-orange:hover{
    border-color:transparent;
    background-color:rgba(232,88,18,.1);
    color:#fff
}
.btn-outline-light-orange{
    color:rgba(239,111,49,.1);
    border-color:rgba(239,111,49,.1);
    background-color:transparent
}
.btn-outline-light-orange:hover{
    border-color:transparent;
    background-color:rgba(239,111,49,.1);
    color:#fff
}
.btn-hover-primary:hover,.btn-hover-primary:not(:disabled):not(.disabled).active{
    border-color:transparent;
    background-color:#20ad96;
    color:#fff
}
.btn-outline-hover-primary:hover,.btn-outline-hover-primary:not(:disabled):not(.disabled).active{
    color:#20ad96;
    border-color:transparent;
    background-color:transparent
}
.btn-hover-primary-two:hover,.btn-hover-primary-two:not(:disabled):not(.disabled).active{
    border-color:transparent;
    background-color:#3a7e69;
    color:#fff
}
.btn-outline-hover-primary-two:hover,.btn-outline-hover-primary-two:not(:disabled):not(.disabled).active{
    color:#3a7e69;
    border-color:transparent;
    background-color:transparent
}
.btn-hover-primary-three:hover,.btn-hover-primary-three:not(:disabled):not(.disabled).active{
    border-color:transparent;
    background-color:#ef6f31;
    color:#fff
}
.btn-outline-hover-primary-three:hover,.btn-outline-hover-primary-three:not(:disabled):not(.disabled).active{
    color:#ef6f31;
    border-color:transparent;
    background-color:transparent
}
.btn-hover-secondary:hover,.btn-hover-secondary:not(:disabled):not(.disabled).active{
    border-color:transparent;
    background-color:#3f3a64;
    color:#fff
}
.btn-outline-hover-secondary:hover,.btn-outline-hover-secondary:not(:disabled):not(.disabled).active{
    color:#3f3a64;
    border-color:transparent;
    background-color:transparent
}
.btn-hover-secondary-light:hover,.btn-hover-secondary-light:not(:disabled):not(.disabled).active{
    border-color:transparent;
    background-color:#8c89a2;
    color:#fff
}
.btn-outline-hover-secondary-light:hover,.btn-outline-hover-secondary-light:not(:disabled):not(.disabled).active{
    color:#8c89a2;
    border-color:transparent;
    background-color:transparent
}
.btn-hover-secondary-three:hover,.btn-hover-secondary-three:not(:disabled):not(.disabled).active{
    border-color:transparent;
    background-color:#6ac5f1;
    color:#fff
}
.btn-outline-hover-secondary-three:hover,.btn-outline-hover-secondary-three:not(:disabled):not(.disabled).active{
    color:#6ac5f1;
    border-color:transparent;
    background-color:transparent
}
.btn-hover-success:hover,.btn-hover-success:not(:disabled):not(.disabled).active{
    border-color:transparent;
    background-color:#4caf50;
    color:#fff
}
.btn-outline-hover-success:hover,.btn-outline-hover-success:not(:disabled):not(.disabled).active{
    color:#4caf50;
    border-color:transparent;
    background-color:transparent
}
.btn-hover-danger:hover,.btn-hover-danger:not(:disabled):not(.disabled).active{
    border-color:transparent;
    background-color:#f44336;
    color:#fff
}
.btn-outline-hover-danger:hover,.btn-outline-hover-danger:not(:disabled):not(.disabled).active{
    color:#f44336;
    border-color:transparent;
    background-color:transparent
}
.btn-hover-warning:hover,.btn-hover-warning:not(:disabled):not(.disabled).active{
    border-color:transparent;
    background-color:#ffc107;
    color:#333
}
.btn-outline-hover-warning:hover,.btn-outline-hover-warning:not(:disabled):not(.disabled).active{
    color:#ffc107;
    border-color:transparent;
    background-color:transparent
}
.btn-hover-info:hover,.btn-hover-info:not(:disabled):not(.disabled).active{
    border-color:transparent;
    background-color:#17a2b8;
    color:#fff
}
.btn-outline-hover-info:hover,.btn-outline-hover-info:not(:disabled):not(.disabled).active{
    color:#17a2b8;
    border-color:transparent;
    background-color:transparent
}
.btn-hover-light:hover,.btn-hover-light:not(:disabled):not(.disabled).active{
    border-color:transparent;
    background-color:#f8f9fa;
    color:#333
}
.btn-outline-hover-light:hover,.btn-outline-hover-light:not(:disabled):not(.disabled).active{
    color:#f8f9fa;
    border-color:transparent;
    background-color:transparent
}
.btn-hover-dark:hover,.btn-hover-dark:not(:disabled):not(.disabled).active{
    border-color:transparent;
    background-color:#333;
    color:#fff
}
.btn-outline-hover-dark:hover,.btn-outline-hover-dark:not(:disabled):not(.disabled).active{
    color:#333;
    border-color:transparent;
    background-color:transparent
}
.btn-hover-black:hover,.btn-hover-black:not(:disabled):not(.disabled).active{
    border-color:transparent;
    background-color:#000;
    color:#fff
}
.btn-outline-hover-black:hover,.btn-outline-hover-black:not(:disabled):not(.disabled).active{
    color:#000;
    border-color:transparent;
    background-color:transparent
}
.btn-hover-grey:hover,.btn-hover-grey:not(:disabled):not(.disabled).active{
    border-color:transparent;
    background-color:#f8f9fd;
    color:#fff
}
.btn-outline-hover-grey:hover,.btn-outline-hover-grey:not(:disabled):not(.disabled).active{
    color:#f8f9fd;
    border-color:transparent;
    background-color:transparent
}
.btn-hover-body:hover,.btn-hover-body:not(:disabled):not(.disabled).active{
    border-color:transparent;
    background-color:#696969;
    color:#fff
}
.btn-outline-hover-body:hover,.btn-outline-hover-body:not(:disabled):not(.disabled).active{
    color:#696969;
    border-color:transparent;
    background-color:transparent
}
.btn-hover-off-white:hover,.btn-hover-off-white:not(:disabled):not(.disabled).active{
    border-color:transparent;
    background-color:#f6f2ed;
    color:#fff
}
.btn-outline-hover-off-white:hover,.btn-outline-hover-off-white:not(:disabled):not(.disabled).active{
    color:#f6f2ed;
    border-color:transparent;
    background-color:transparent
}
.btn-hover-light-orange:hover,.btn-hover-light-orange:not(:disabled):not(.disabled).active{
    border-color:transparent;
    background-color:rgba(239,111,49,.1);
    color:#fff
}
.btn-outline-hover-light-orange:hover,.btn-outline-hover-light-orange:not(:disabled):not(.disabled).active{
    color:rgba(239,111,49,.1);
    border-color:transparent;
    background-color:transparent
}
.load-more-btn{
    min-width:250px;
    border-color:#eee
}
.learn-more-btn{
    border:2px solid #eee
}
.link{
    font-weight:500;
    line-height:1.67em;
    color:#8c89a2
}
.link-lg{
    font-size:18px
}
.link.primary-three mark{
    color:#ef6f31
}
.link.primary-three mark::after{
    background-color:#ef6f31
}
.link.link-color mark{
    color:#3a7e69
}
.link.link-color mark::after{
    background-color:#3a7e69
}
.link mark{
    font-weight:700;
    line-height:1;
    position:relative;
    padding:3px 0;
    color:#20ad96;
    background-color:transparent
}
.link mark::after,.link mark::before{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    content:"";
    -webkit-transition:-webkit-transform .6s cubic-bezier(.165,.84,.44,1) .3s;
    transition:-webkit-transform .6s cubic-bezier(.165,.84,.44,1) .3s;
    transition:transform .6s cubic-bezier(.165,.84,.44,1) .3s;
    transition:transform .6s cubic-bezier(.165,.84,.44,1) .3s,-webkit-transform .6s cubic-bezier(.165,.84,.44,1) .3s;
    -webkit-transform:scaleX(1) translateZ(0);
    transform:scaleX(1) translateZ(0);
    -webkit-transform-origin:right;
    transform-origin:right;
    background:#e0e0e0
}
.link mark::after{
    -webkit-transition:-webkit-transform .6s cubic-bezier(.165,.84,.44,1);
    transition:-webkit-transform .6s cubic-bezier(.165,.84,.44,1);
    transition:transform .6s cubic-bezier(.165,.84,.44,1);
    transition:transform .6s cubic-bezier(.165,.84,.44,1),-webkit-transform .6s cubic-bezier(.165,.84,.44,1);
    -webkit-transform:scaleX(0) translateZ(0);
    transform:scaleX(0) translateZ(0);
    -webkit-transform-origin:left;
    transform-origin:left;
    background-color:#20ad96
}
.link:hover{
    color:#8c89a2
}
.link:hover mark::before{
    -webkit-transition:-webkit-transform .6s cubic-bezier(.165,.84,.44,1);
    transition:-webkit-transform .6s cubic-bezier(.165,.84,.44,1);
    transition:transform .6s cubic-bezier(.165,.84,.44,1);
    transition:transform .6s cubic-bezier(.165,.84,.44,1),-webkit-transform .6s cubic-bezier(.165,.84,.44,1);
    -webkit-transform:scaleX(0) translateZ(0);
    transform:scaleX(0) translateZ(0)
}
.link:hover mark::after{
    -webkit-transition:-webkit-transform .6s cubic-bezier(.165,.84,.44,1) .3s;
    transition:-webkit-transform .6s cubic-bezier(.165,.84,.44,1) .3s;
    transition:transform .6s cubic-bezier(.165,.84,.44,1) .3s;
    transition:transform .6s cubic-bezier(.165,.84,.44,1) .3s,-webkit-transform .6s cubic-bezier(.165,.84,.44,1) .3s;
    -webkit-transform:scaleX(1) translateZ(0);
    transform:scaleX(1) translateZ(0)
}
.breadcrumb{
    padding:12px 0;
    background-color:transparent
}
.breadcrumb li{
    font-size:14px;
    line-height:1.67;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    color:#333
}
.breadcrumb li+li::before{
    margin:0 15px;
    content:"/";
    color:#696969
}
.breadcrumb li a{
    position:relative;
    display:block;
    color:#696969
}
.breadcrumb li a::before{
    position:absolute;
    right:0;
    bottom:0;
    width:0;
    height:1px;
    content:"";
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    background-color:#333
}
.breadcrumb li a:hover{
    color:#333
}
.breadcrumb li a:hover::before{
    left:0;
    width:100%
}
.banner-slider .banner-slider-nav{
    cursor:pointer;
    background:rgba(0,0,0,.5);
    width:70px;
    height:70px;
    line-height:70px;
    border-radius:50%;
    display:block;
    text-align:center;
    color:#fff;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1)
}
.banner-slider .banner-slider-nav::after{
    display:none
}
.banner-slider .banner-slider-nav i{
    font-size:30px;
    line-height:1;
    vertical-align:middle
}
@media only screen and (min-width:768px) and (max-width:991px){
    .banner-slider .banner-slider-nav{
        width:60px;
        height:60px;
        line-height:60px
    }
    .banner-slider .banner-slider-nav i{
        font-size:18px
    }
}
@media only screen and (max-width:767px){
    .banner-slider .banner-slider-nav{
        width:50px;
        height:50px;
        line-height:50px
    }
    .banner-slider .banner-slider-nav i{
        font-size:18px
    }
}
.banner-slider .banner-slider-prev{
    left:30px
}
.banner-slider .banner-slider-next{
    right:30px
}
.banner-slider .banner-slider-next::after{
    display:none
}
.banner-slider:hover .banner-slider-nav{
    opacity:1;
    visibility:visible
}
.banner-slider-item{
    width:100%;
    height:700px;
    display:-webkit-box!important;
    display:-ms-flexbox!important;
    display:flex!important;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    position:relative;
    z-index:1
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .banner-slider-item{
        height:700px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .banner-slider-item{
        height:500px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .banner-slider-item{
        height:500px
    }
}
@media only screen and (max-width:767px){
    .banner-slider-item{
        height:450px
    }
}
.banner-content-area{
    padding-bottom:50px
}
.banner-slider-content-2.left{
    text-align:left
}
.banner-slider-content-2.center{
    text-align:center
}
.banner-slider-content-2.right{
    text-align:right
}
@media only screen and (min-width:768px) and (max-width:991px){
    .banner-slider-content-2.right{
        text-align:left
    }
}
@media only screen and (max-width:767px){
    .banner-slider-content-2.right{
        text-align:left
    }
}
.banner-slider-content-2>*{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
.banner-slider-content-2 h1{
    font-size:48px;
    line-height:56px;
    font-weight:700;
    color:#fff;
    text-transform:uppercase;
    margin-bottom:0
}
@media only screen and (min-width:768px) and (max-width:991px){
    .banner-slider-content-2 h1{
        font-size:36px;
        line-height:44px;
        margin-bottom:20px
    }
}
@media only screen and (max-width:767px){
    .banner-slider-content-2 h1{
        font-size:36px;
        line-height:44px;
        margin-bottom:20px
    }
}
@media only screen and (max-width:575px){
    .banner-slider-content-2 h1{
        font-size:32px;
        line-height:38px
    }
}
.banner-slider-content-2 h3{
    font-size:18px;
    line-height:30px;
    letter-spacing:2px;
    color:#fff;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:25px
}
.banner-slider-content-2 h3 .number{
    font-size:34px;
    line-height:34px;
    vertical-align:middle
}
.banner-slider-content-2 h3 .line{
    display:inline-block;
    width:60px;
    height:1px;
    background-color:#fff;
    vertical-align:middle;
    margin-right:30px;
    margin-left:15px
}
@media only screen and (max-width:479px){
    .banner-slider-content-2 h3 .line{
        display:none
    }
}
.banner-slider-content-2 p{
    font-size:24px;
    line-height:36px;
    font-weight:500;
    color:#fff
}
@media only screen and (min-width:768px) and (max-width:991px){
    .banner-slider-content-2 p{
        font-size:20px;
        line-height:30px
    }
}
@media only screen and (max-width:767px){
    .banner-slider-content-2 p{
        font-size:20px;
        line-height:30px
    }
}
@media only screen and (max-width:479px){
    .banner-slider-content-2 p{
        font-size:16px;
        line-height:26px
    }
}
.swiper-slide-active .banner-slider-content-2>*{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
.swiper-slide-active .banner-slider-content-2>:nth-child(1){
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
.swiper-slide-active .banner-slider-content-2>:nth-child(2){
    -webkit-animation-delay:1s;
    animation-delay:1s
}
.swiper-slide-active .banner-slider-content-2>:nth-child(3){
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
.swiper-slide-active .banner-slider-content-2>:nth-child(4){
    -webkit-animation-delay:2s;
    animation-delay:2s
}
.swiper-slide-active .banner-slider-content-2>:nth-child(5){
    -webkit-animation-delay:2.5s;
    animation-delay:2.5s
}
.swiper-slide-active .banner-slider-content-2>:nth-child(6){
    -webkit-animation-delay:3s;
    animation-delay:3s
}
.page-banner-slider .swiper-slide{
    -webkit-transform:scale(1.35);
    transform:scale(1.35);
    transform:scale(1.35);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.swiper-slide-active .swiper-slide{
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:-webkit-transform 11s cubic-bezier(.1,.2,.7,1);
    transition:-webkit-transform 11s cubic-bezier(.1,.2,.7,1);
    transition:transform 11s cubic-bezier(.1,.2,.7,1);
    transition:transform 11s cubic-bezier(.1,.2,.7,1),-webkit-transform 11s cubic-bezier(.1,.2,.7,1)
}
.page-banner-title{
    max-width:770px;
    margin:0 auto;
    text-align:center
}
.page-banner-title .title{
    font-size:34px;
    line-height:48px;
    color:#fff;
    margin-bottom:0
}
@media only screen and (min-width:768px) and (max-width:991px){
    .page-banner-title .title{
        font-size:32px;
        line-height:46px
    }
}
@media only screen and (max-width:767px){
    .page-banner-title .title{
        font-size:24px;
        line-height:36px
    }
}
.page-banner-title.course-banner-title{
    max-width:100%
}
.page-banner-title.course-banner-title .title{
    font-size:48px;
    font-weight:700;
    line-height:1.17;
    color:#fff
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .page-banner-title.course-banner-title .title{
        font-size:42px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .page-banner-title.course-banner-title .title{
        font-size:36px
    }
}
@media only screen and (max-width:767px){
    .page-banner-title.course-banner-title .title{
        font-size:28px
    }
}
.page-title-bar-meta{
    font-size:14px;
    font-weight:300;
    line-height:1.67;
    text-transform:capitalize;
    color:#fff;
    margin-top:15px;
    text-align:center
}
.page-title-bar-meta>div{
    display:inline-block;
    padding:5px 10px
}
.page-title-bar-meta>div .meta-icon{
    font-size:14px;
    margin-right:7px
}
.page-title-bar-meta>div .meta-icon img{
    width:32px;
    vertical-align:middle;
    border-radius:50%
}
.table{
    color:#696969
}
.table thead tr th{
    font-size:14px;
    font-weight:700;
    line-height:1;
    padding:20px 10px 20px 0;
    letter-spacing:1.38px;
    text-transform:uppercase;
    color:#333;
    border-color:#f3f3f3;
    border-top:none
}
.table thead tr th.product-thumbnail{
    width:105px
}
.table tbody tr td{
    padding:20px 10px 20px 0;
    vertical-align:middle;
    border-color:#f3f3f3
}
.table tbody tr td.product-remove{
    padding-right:0
}
.table tbody tr td.product-price .amount,.table tbody tr td.product-subtotal .amount{
    font-weight:600;
    color:#8c89a2
}
.table tbody tr td.product-quantity .quantity{
    position:relative;
    width:110px
}
.table tbody tr td.product-quantity .quantity button{
    position:absolute;
    right:0;
    width:36px;
    height:50%;
    padding:0;
    border:none;
    background-color:transparent
}
.table tbody tr td.product-quantity .quantity button::before{
    position:absolute;
    right:14px;
    content:"";
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1);
    border-right:5px solid transparent;
    border-left:5px solid transparent
}
.table tbody tr td.product-quantity .quantity button.increase::before{
    bottom:4px;
    border-bottom:5px solid #ccc
}
.table tbody tr td.product-quantity .quantity button.increase:hover::before{
    border-bottom-color:#20ad96
}
.table tbody tr td.product-quantity .quantity button.decrease{
    top:50%
}
.table tbody tr td.product-quantity .quantity button.decrease::before{
    top:4px;
    border-top:5px solid #ccc
}
.table tbody tr td.product-quantity .quantity button.decrease:hover::before{
    border-top-color:#20ad96
}
.table tbody tr td.product-quantity .quantity .qty{
    min-height:48px;
    padding:2px 36px 2px 10px;
    -webkit-appearance:textfield;
    -moz-appearance:textfield;
    appearance:textfield
}
.table tfoot tr td{
    padding:10px 20px;
    border-color:#f3f3f3
}
.table-striped tbody tr:nth-child(2n+1) td{
    background:#fff
}
.table-striped tbody tr:nth-child(2n) td{
    background:rgba(0,0,0,.01)
}
.icon-box{position:relative; display:block; padding:40px 20px 30px; -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1); transition:all .25s cubic-bezier(.645,.045,.355,1); border-radius:5px; z-index:99}
.icon-box.icon-box-left{padding:0}
.icon-box.icon-box-left:hover{background-color:transparent; -webkit-box-shadow:none; box-shadow:none}
.icon-box.h5-icon-box{padding:0}
.icon-box.h5-icon-box .content .title{font-size:20px; color:#333}
.icon-box.h5-icon-box .content .link{justify-content:center; width:100%; padding:0 20px; min-height:40px; background-color:transparent; border-radius:5px; color:#8c89a2; -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1); transition:all .25s cubic-bezier(.645,.045,.355,1)}
.icon-box.h5-icon-box .content .link i{font-size:16px; line-height:14px; margin-left:14px}
.icon-box.h5-icon-box:hover{z-index:1; background-color:#fff; -webkit-box-shadow:none; box-shadow:none;}
.icon-box .icon{margin-bottom: 15px; font-size: 50px; color:#f58634;}
.icon-box .icon svg{width:60px; height:60px}
.icon-box .content .title{font-size:18px; line-height:1.5; margin:0; color:#3f3a64}
.icon-box .content .desc{margin-top:10px}
.icon-box .content .desc p{line-height:1.6; color:#696969}

.icon-box:hover{z-index:1; background-color:#f58634; box-shadow:0 0 40px rgba(51,51,51,.1); color:#fff;}
.icon-box:hover .content p,
.icon-box:hover .content .title,
.icon-box:hover .icon{color:#fff;}

.health-icon-box{position:relative; display:block; padding:30px; -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1); transition:all .25s cubic-bezier(.645,.045,.355,1); z-index:99}
.health-icon-box .icon{ margin-bottom:40px}
@media only screen and (max-width:767px){
    .health-icon-box .icon{ margin-bottom:20px}
    .icon-box{padding: 0px 20px 30px;}
}
.health-icon-box .content .title{ font-size:24px; line-height:1.5; font-weight:600; margin:0; color:#3f3a64}
@media only screen and (max-width:767px){
    .health-icon-box .content .title{font-size:22px}
}
.health-icon-box .content .desc{margin-top:15px}
.health-icon-box .content .desc p{font-size:18px; line-height:1.67; color:#696969}
.health-icon-box:hover{z-index:1; background-color:#fff; -webkit-box-shadow:0 0 40px rgba(51,51,51,.1); box-shadow:0 0 40px rgba(51,51,51,.1)}
.icon-box-list{display:-webkit-box; display:flex; align-items:flex-start}
.icon-box-list .icon{margin-right:35px}
.icon-box-list .icon svg{width:48px; height:48px}
.icon-box-list .content{-webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1}
.icon-box-list .content .title{font-size:24px; line-height:1.5; font-weight:600; margin:0; color:#333}
.icon-box-list .content .desc{margin-top:10px}
.icon-box-list .content .desc p{line-height:1.6; color:#696969}
.potentials-image{text-align:right; margin-right:-75px}

@media only screen and (min-width:1200px) and (max-width:1599px){
    .potentials-image{margin-right:0}
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .potentials-image{margin-right:0}
}
@media only screen and (min-width:768px) and (max-width:991px){
    .potentials-image{margin-right:0}
}
@media only screen and (max-width:767px){
    .potentials-image{margin-right:0}
}
.single-health-service{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start}
.single-health-service .icon{margin-right:34px}

@media only screen and (min-width:768px) and (max-width:991px){
    .single-health-service .icon{margin-right:20px}
}
@media only screen and (max-width:479px){
    .single-health-service .icon{
        margin-right:20px
    }
}
.single-health-service .content .title{font-size:24px; font-weight:500; line-height:1.5; color:#3f3a64; margin:0}

@media only screen and (max-width:479px){
    .single-health-service .content .title{font-size:20px}
}
.single-health-service .content .description{margin-top:25px}
.single-health-service .content .description ul{padding-left:20px; margin:0}
.single-health-service .content .description ul li{font-size:18px; line-height:1.67}

@media only screen and (max-width:479px){
    .single-health-service .content .description ul li{font-size:16px; line-height:1.37}
}
.single-health-service .content .description ul li+li{margin-top:10px}

.funfact-border{
    padding:99px 15px 52px;
    background-position:inherit
}
@media only screen and (max-width:767px){
    .funfact-border{
        background-position:top center!important
    }
}
.funfact-border-three{
    padding:132px 15px 90px;
    background-position:15px 50%;
    background-repeat:repeat-x
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .funfact-border-three{
        padding:100px 0;
        background-position:center center
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .funfact-border-three{
        padding:80px 0;
        background-position:center center
    }
}
@media only screen and (max-width:767px){
    .funfact-border-three{
        padding:60px 0 50px;
        background-position:center center
    }
}

.funfact.funfact-style-two .title{
    max-width:180px;
    font-size:24px;
    line-height:1.34;
    color:#3f3a64;
    margin:0 auto;
    margin-bottom:30px
}
.funfact.funfact-style-two .number{
    font-size:64px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .funfact.funfact-style-two .number{
        font-size:48px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .funfact.funfact-style-two .number{
        font-size:48px
    }
}
@media only screen and (max-width:767px){
    .funfact.funfact-style-two .number{
        font-size:48px
    }
}
.funfact.funfact-style-two .text{
    color:#696969
}
.funfact.funfact-3 .icon{
    color:#f8f8f8;
    margin-bottom:35px
}
.funfact.funfact-3 .icon svg{
    width:60px;
    height:60px
}
.funfact.funfact-3 .icon svg path{
    stroke:currentColor
}
.funfact.funfact-3 .text{
    font-weight:500;
    line-height:1.4;
    margin-top:10px;
    color:rgba(249,249,249,.7)
}
.funfact.funfact-motivation .number{
    font-size:40px;
    font-weight:600
}
.funfact.funfact-motivation .text{
    font-weight:500;
    line-height:1.4;
    color:#333
}

.pagination{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.pagination.center{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.pagination li a{
    font-size:16px;
    font-weight:800;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:48px;
    padding:10px 15px;
    text-transform:uppercase;
    color:#ababab;
    border-radius:50%
}
.pagination li a:not(.prev):not(.next){
    width:48px
}
.pagination li a:hover{
    color:#333
}
.pagination li a.active{
    cursor:default;
    pointer-events:none;
    color:#333;
    background-color:#eee
}
[class*=hintT]{
    position:relative;
    z-index:9
}
[class*=hintT]::before{
    font-size:14px;
    font-weight:700;
    line-height:1.3;
    position:absolute;
    z-index:9;
    visibility:hidden;
    padding:8px 10px;
    content:attr(data-hint);
    -webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);
    transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);
    transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24);
    transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24),-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);
    white-space:nowrap;
    white-space:nowrap;
    text-transform:initial;
    pointer-events:none;
    opacity:0;
    color:#fff;
    border-radius:4px;
    background:#333;
    -webkit-box-shadow:4px 4px 8px rgba(0,0,0,.3);
    box-shadow:4px 4px 8px rgba(0,0,0,.3)
}
[class*=hintT]::after{
    position:absolute;
    z-index:9;
    visibility:hidden;
    content:"";
    -webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);
    transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);
    transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24);
    transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24),-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);
    opacity:0;
    border:6px solid transparent;
    background:0 0
}
[class*=hintT]:hover{
    z-index:11
}
[class*=hintT]:hover::after,[class*=hintT]:hover::before{
    visibility:visible;
    opacity:1
}
.hintT-top::before{
    bottom:100%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(4px);
    transform:translateX(-50%) translateY(4px)
}
.hintT-top::after{
    bottom:100%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(15px);
    transform:translateX(-50%) translateY(15px);
    border-top-color:#333
}
.hintT-top:hover::before{
    -webkit-transform:translateX(-50%) translateY(-6px);
    transform:translateX(-50%) translateY(-6px)
}
.hintT-top:hover::after{
    -webkit-transform:translateX(-50%) translateY(5px);
    transform:translateX(-50%) translateY(5px)
}
.hintT-right::before{
    top:50%;
    left:100%;
    -webkit-transform:translateY(-50%) translateX(-4px);
    transform:translateY(-50%) translateX(-4px)
}
.hintT-right::after{
    top:50%;
    left:100%;
    -webkit-transform:translateY(-50%) translateX(-15px);
    transform:translateY(-50%) translateX(-15px);
    border-right-color:#333
}
.hintT-right:hover::before{
    -webkit-transform:translateY(-50%) translateX(6px);
    transform:translateY(-50%) translateX(6px)
}
.hintT-right:hover::after{
    -webkit-transform:translateY(-50%) translateX(-5px);
    transform:translateY(-50%) translateX(-5px)
}
.hintT-bottom::before{
    top:100%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-4px);
    transform:translateX(-50%) translateY(-4px)
}
.hintT-bottom::after{
    top:100%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-15px);
    transform:translateX(-50%) translateY(-15px);
    border-bottom-color:#333
}
.hintT-bottom:hover::before{
    -webkit-transform:translateX(-50%) translateY(6px);
    transform:translateX(-50%) translateY(6px)
}
.hintT-bottom:hover::after{
    -webkit-transform:translateX(-50%) translateY(-5px);
    transform:translateX(-50%) translateY(-5px)
}
.hintT-left::before{
    top:50%;
    right:100%;
    -webkit-transform:translateY(-50%) translateX(4px);
    transform:translateY(-50%) translateX(4px)
}
.hintT-left::after{
    top:50%;
    right:100%;
    -webkit-transform:translateY(-50%) translateX(15px);
    transform:translateY(-50%) translateX(15px);
    border-left-color:#333
}
.hintT-left:hover::before{
    -webkit-transform:translateY(-50%) translateX(-6px);
    transform:translateY(-50%) translateX(-6px)
}
.hintT-left:hover::after{
    -webkit-transform:translateY(-50%) translateX(5px);
    transform:translateY(-50%) translateX(5px)
}
.hintT-primary::before{
    color:#fff;
    background-color:#20ad96
}
.hintT-primary.hintT-top::after{
    border-top-color:#20ad96
}
.hintT-primary.hintT-right::after{
    border-right-color:#20ad96
}
.hintT-primary.hintT-bottom::after{
    border-bottom-color:#20ad96
}
.hintT-primary.hintT-left::after{
    border-left-color:#20ad96
}
.faq-left-image{
    position:relative;
    z-index:9;
    padding:0 0 0 40px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .faq-left-image{
        padding-left:0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .faq-left-image{
        padding-left:0;
        margin-bottom:50px;
        overflow:hidden
    }
}
@media only screen and (max-width:767px){
    .faq-left-image{
        padding-left:0;
        margin-bottom:50px;
        overflow:hidden
    }
}
.faq-left-image .shape{
    position:absolute;
    z-index:1
}
.faq-left-image .shape-1{
    top:50px;
    left:-60px;
    z-index:-1;
    width:392px;
    height:392px;
    -webkit-transform:rotate(0) scale(1,1);
    transform:rotate(0) scale(1,1)
}
.faq-left-image .shape-1 svg{
    width:100%;
    height:100%
}
.faq-left-image .shape-1 svg *{
    fill:#b6b7d2
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .faq-left-image .shape-1{
        left:0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .faq-left-image .shape-1{
        left:0
    }
}
@media only screen and (max-width:767px){
    .faq-left-image .shape-1{
        left:0
    }
}
@media only screen and (max-width:479px){
    .faq-left-image .shape-1{
        left:0;
        width:200px;
        height:200px
    }
}
.mx-accordion .card{
    border:0 none;
    margin-bottom:30px;
    -webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
    transition:all .3s cubic-bezier(.645,.045,.355,1)
}
.mx-accordion .card-header{
    position:relative;
    background:0 0;
    padding:0;
    border:0 none
}
.mx-accordion .card-header h5 a.acc-btn{
    color:#696969;
    font-size:18px;
    line-height:1.2;
    padding:0;
    font-weight:600;
    border:0 none;
    font-family:Gilroy;
    -webkit-appearance:none;
    display:block;
    background:#fff;
    border:1px solid #eee;
    padding:20px 26px;
    margin:-1px -1px 0;
    position:relative;
    border-radius:5px
}
.mx-accordion .card-header h5 a.acc-btn::before{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    font-family:"Font Awesome 5 Pro";
    font-weight:900;
    content:"";
    right:16px;
    font-size:20px;
    color:#8c89a2
}
.mx-accordion .card-header h5 a.acc-btn[aria-expanded=true]{
    background:#20ad96;
    color:#fff
}
.mx-accordion .card-header h5 a.acc-btn[aria-expanded=true]::before{
    content:"";
    color:#fff
}
.mx-accordion .card-header h5 a.border-0{
    border:0;
    border-radius:5px 5px 0 0;
    -webkit-box-shadow:0 15px 50px rgba(51,51,51,.1);
    box-shadow:0 15px 50px rgba(51,51,51,.1)
}
.mx-accordion .card-body{
    padding:27px 25px 39px;
    font-weight:300;
    letter-spacing:0;
    line-height:1.74;
    font-size:15px;
    font-family:Gilroy;
    border:0 none;
    -webkit-box-shadow:0 20px 40px rgba(0,0,0,.07);
    box-shadow:0 20px 40px rgba(0,0,0,.07);
    -webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
    transition:all .3s cubic-bezier(.645,.045,.355,1);
    border-radius:0 0 5px 5px
}
.faq-info .title{
    font-size:48px;
    line-height:1.17em;
    color:#fff;
    margin-bottom:15px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .faq-info .title{
        font-size:40px
    }
}
@media only screen and (max-width:767px){
    .faq-info .title{
        font-size:32px
    }
}
@media only screen and (max-width:479px){
    .faq-info .title{
        font-size:26px
    }
}
.mx-accordion-two .card{
    background-color:transparent;
    border:0 none;
    border-bottom:2px solid rgba(255,255,255,.1);
    padding:10px 0;
    -webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
    transition:all .3s cubic-bezier(.645,.045,.355,1)
}
.mx-accordion-two .card-header{
    position:relative;
    background:0 0;
    padding:0;
    border:0 none
}
.mx-accordion-two .card-header h5{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    min-height:64px
}
.mx-accordion-two .card-header h5 a.acc-btn{
    color:#fff;
    font-size:26px;
    line-height:1.3;
    padding:0;
    font-weight:600;
    border:0 none;
    font-family:Gilroy;
    -webkit-appearance:none;
    display:block;
    background:0 0!important;
    border:0;
    position:relative;
    margin-left:40px
}
@media only screen and (max-width:767px){
    .mx-accordion-two .card-header h5 a.acc-btn{
        font-size:18px
    }
}
.mx-accordion-two .card-header h5 a.acc-btn::before{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    font-family:"Font Awesome 5 Pro";
    font-weight:900;
    content:"";
    left:-40px;
    font-size:20px;
    color:#fff
}
.mx-accordion-two .card-header h5 a.acc-btn[aria-expanded=true]{
    color:#20ad96
}
.mx-accordion-two .card-header h5 a.acc-btn[aria-expanded=true]::before{
    content:"";
    color:#20ad96
}
.mx-accordion-two .card-header h5 a.border-0{
    border:0
}
.mx-accordion-two .card-body{
    background-color:transparent;
    padding:0 35px 25px 45px;
    font-weight:300;
    letter-spacing:0;
    line-height:1.74;
    font-size:15px;
    font-family:Gilroy;
    color:#fff;
    border:0 none;
    -webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
    transition:all .3s cubic-bezier(.645,.045,.355,1)
}
.success-quote-heading{
    padding:38px 0 0 45px;
    background-image:url(../images/testimonial-icon.png);
    background-position:top left;
    background-repeat:no-repeat;
    background-size:auto
}
@media only screen and (min-width:768px) and (max-width:991px){
    .success-quote-heading{
        padding-left:0
    }
}
@media only screen and (max-width:767px){
    .success-quote-heading{
        padding-left:0
    }
}
.success-quote-heading .title{
    font-size:24px;
    line-height:36px;
    max-width:370px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .success-quote-heading .title{
        max-width:100%
    }
}
@media only screen and (max-width:767px){
    .success-quote-heading .title{
        max-width:100%
    }
}
.success-quote-heading .title span{
    color:#20ad96
}
.success-quote-content{
    padding-top:35px
}
.artist-quote-left{
    text-align:center
}
@media only screen and (min-width:768px) and (max-width:991px){
    .artist-quote-left{
        margin-bottom:50px
    }
}
@media only screen and (max-width:767px){
    .artist-quote-left{
        margin-bottom:50px
    }
}
.artist-quote-left .quote-image{
    margin-bottom:25px
}
.artist-quote-left .quote-content .title{
    font-size:48px;
    line-height:1.34;
    font-weight:700;
    margin-bottom:30px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .artist-quote-left .quote-content .title{
        font-size:40px
    }
}
@media only screen and (max-width:767px){
    .artist-quote-left .quote-content .title{
        font-size:30px;
        margin-bottom:10px
    }
}
.artist-quote-left .quote-content .artist-name h3{
    font-family:Conv_Rossela-Demo-2;
    font-size:48px;
    font-weight:300;
    color:#6ac5f1
}
@media only screen and (max-width:767px){
    .artist-quote-left .quote-content .artist-name h3{
        font-size:32px
    }
}
.artist-quote-right p{
    font-size:18px;
    line-height:1.67;
    color:#333;
    margin-bottom:30px
}
.artist-quote-right .btn{
    border-color:transparent;
    color:#ef6f31
}
.artist-quote-right .btn:hover{
    color:#fff
}
.success-faq-image img{
    border-radius:5px;
    width:100%
}
.single-success-faq{
    border-style:solid;
    border-width:0 0 1px;
    border-color:#eee;
    -webkit-transition:background .3s,border .3s,border-radius .3s,-webkit-box-shadow .3s;
    transition:background .3s,border .3s,border-radius .3s,-webkit-box-shadow .3s;
    transition:background .3s,border .3s,border-radius .3s,box-shadow .3s;
    transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-box-shadow .3s;
    padding:47px 0 50px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .single-success-faq{
        padding:25px 30px
    }
}
.single-success-faq .success-faq-heading{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
@media only screen and (min-width:768px) and (max-width:991px){
    .single-success-faq .success-faq-heading{
        margin-bottom:20px
    }
}
@media only screen and (max-width:767px){
    .single-success-faq .success-faq-heading{
        margin-bottom:20px
    }
}
.single-success-faq .success-faq-heading .icon{
    margin-right:15px;
    margin-top:5px;
    font-size:18px;
    color:#20ad96
}
.single-success-faq .success-faq-heading .text-wrap h4{
    font-size:18px;
    font-weight:600;
    line-height:30px;
    max-width:310px
}
.single-success-faq .success-faq-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.single-success-faq .success-faq-content .icon{
    margin-top:2px;
    margin-right:15px;
    font-size:18px;
    color:#20ad96
}
.single-success-faq .success-faq-content .text-wrap p{
    margin-bottom:20px
}
.single-success-faq .success-faq-content .text-wrap p:last-child{
    margin-bottom:0
}
.brand-list .brand{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
.brand-list .brand.brand-colored a img{
    opacity:1;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1)
}
.brand-list .brand.brand-colored:hover a img{
    -webkit-filter:brightness(100%) contrast(100%) saturate(1%) blur(0) hue-rotate(0);
    filter:brightness(100%) contrast(100%) saturate(1%) blur(0) hue-rotate(0)
}
.brand-list .brand a{
    display:block
}
.brand-list .brand a img{
    opacity:.5
}
.brand-list .brand:hover a img{
    opacity:1
}
.brand-title{
    max-width:590px;
    margin:0 auto;
    margin-top:45px;
    text-align:center
}
.brand-title .title{
    font-family:"Playfair Display",serif;
    font-size:24px;
    font-weight:300;
    font-style:italic;
    line-height:2;
    letter-spacing:.71px;
    margin-bottom:0
}
@media only screen and (max-width:767px){
    .brand-title .title{
        font-size:18px
    }
}
.brand-shape-animation{
    position:relative;
    z-index:9
}
.brand-shape-animation .shape{
    position:absolute;
    z-index:-1
}
.brand-shape-animation .shape-1{
    top:0;
    right:-20px
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .brand-shape-animation .shape{
        top:40px;
        right:0
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .brand-shape-animation .shape{
        top:40px;
        right:0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .brand-shape-animation .shape{
        top:40px;
        right:0
    }
}
@media only screen and (max-width:767px){
    .brand-shape-animation .shape{
        display:none
    }
}
.newsletter10-shape-animation{
    position:relative;
    z-index:9;
    overflow:hidden
}
.newsletter10-shape-animation .shape{
    position:absolute;
    z-index:-1
}
.newsletter10-shape-animation .shape-1{
    top:0;
    left:0
}
.newsletter10-shape-animation .shape-2{
    bottom:0;
    right:0
}
.newsletter-bg-image{
    padding:55px 0 80px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .newsletter-bg-image{
        padding:55px 15px 80px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .newsletter-bg-image{
        padding:50px 15px 60px
    }
}
@media only screen and (max-width:767px){
    .newsletter-bg-image{
        padding:50px 15px 60px
    }
}
.newsletter-content{
    position:relative;
    z-index:9;
    text-align:center
}
.newsletter-content .shape{
    position:absolute;
    z-index:1
}
.newsletter-content .shape-1{
    z-index:11;
    bottom:50px;
    left:0
}
.newsletter-content .shape-1 span{
    display:block;
    width:56px;
    height:56px;
    text-indent:-9999px;
    border:7px solid #8fd6ca;
    border-radius:50%
}
.newsletter-content .shape-2{
    right:10px;
    bottom:-45px
}
.newsletter-content .shape-3{
    bottom:-25px;
    right:-35px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .newsletter-content .shape-1{
        z-index:11;
        bottom:50px;
        left:0
    }
    .newsletter-content .shape-1 span{
        width:45px;
        height:45px;
        border-width:6px
    }
    .newsletter-content .shape-2{
        right:10px;
        bottom:-45px;
        width:150px;
        max-width:150px
    }
    .newsletter-content .shape-3{
        bottom:-25px;
        right:-35px;
        width:100px;
        max-width:100px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .newsletter-content .shape-1{
        z-index:11;
        bottom:50px;
        left:0
    }
    .newsletter-content .shape-1 span{
        width:45px;
        height:45px;
        border-width:6px
    }
    .newsletter-content .shape-2{
        right:10px;
        bottom:-45px;
        width:100px;
        max-width:100px
    }
    .newsletter-content .shape-3{
        bottom:-25px;
        right:-35px;
        width:60px;
        max-width:60px
    }
}
@media only screen and (max-width:767px){
    .newsletter-content .shape-1{
        z-index:11;
        top:50px;
        left:-3px
    }
    .newsletter-content .shape-1 span{
        width:45px;
        height:45px;
        border-width:6px
    }
    .newsletter-content .shape-2{
        right:0;
        top:30px;
        width:100px;
        max-width:100px
    }
    .newsletter-content .shape-3{
        top:25px;
        right:5px;
        width:60px;
        max-width:60px
    }
    .newsletter-content .shape-4{
        width:85px
    }
}
.newsletter-content.light-color .title{
    color:#fff
}
.newsletter-content.light-color p{
    color:#fff
}
.newsletter-content .title{
    font-size:34px;
    margin:0;
    color:#3f3a64
}
.newsletter-content .title.fz-48{
    font-size:48px
}
.newsletter-content .title span{
    font-weight:300;
    color:#20ad96
}
.newsletter-content p{
    font-size:18px;
    font-weight:500;
    margin-bottom:0;
    margin-top:25px
}
@media only screen and (max-width:767px){
    .newsletter-content p{
        font-size:16px;
        margin-top:15px
    }
}
.newsletter-form{
    max-width:570px;
    margin:0 auto;
    margin-top:50px
}
@media only screen and (max-width:767px){
    .newsletter-form{
        max-width:100%;
        margin-top:30px
    }
}
.newsletter-form form{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
@media only screen and (max-width:767px){
    .newsletter-form form{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.newsletter-form form input{
    border-width:1px 0 1px 1px;
    border-radius:5px 0 0 5px;
    min-height:52px;
    padding:3px 20px
}
@media only screen and (max-width:767px){
    .newsletter-form form input{
        border-width:1px;
        border-radius:5px;
        margin-bottom:15px
    }
}
.newsletter-form form button{
    border-radius:0 5px 5px 0;
    width:160px
}
@media only screen and (max-width:767px){
    .newsletter-form form button{
        border-radius:5px
    }
}
.newsletter-section{
    padding:38px 0 47px
}
.newsletter-content-wrap{
    position:relative;
    z-index:9
}
.newsletter-content-wrap.center-text{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.newsletter-content-wrap .newsletter-icon{
    position:absolute;
    z-index:-1;
    top:-22px;
    right:25px
}
.newsletter-content-wrap .newsletter-title{
    max-width:270px
}
@media only screen and (max-width:767px){
    .newsletter-content-wrap .newsletter-title{
        margin:0 auto
    }
}
.newsletter-content-wrap .newsletter-title.text-dark .title{
    font-family:Gilroy;
    color:#333;
    font-weight:700;
    text-align:left;
    margin-bottom:0
}
@media only screen and (min-width:768px) and (max-width:991px){
    .newsletter-content-wrap .newsletter-title.text-dark .title{
        font-size:32px
    }
}
@media only screen and (max-width:767px){
    .newsletter-content-wrap .newsletter-title.text-dark .title{
        text-align:center
    }
}
.newsletter-content-wrap .newsletter-title .title{
    font-size:34px;
    font-weight:300;
    line-height:1.42;
    text-align:right;
    font-family:"Playfair Display",serif;
    color:#fff
}
@media only screen and (max-width:767px){
    .newsletter-content-wrap .newsletter-title .title{
        font-size:26px;
        text-align:center;
        margin-bottom:20px
    }
}
.newsletter-form-area{
    max-width:670px;
    position:relative
}
.newsletter-form-area.dark-from form input{
    color:#333;
    border-bottom-color:#bac2c6
}
.newsletter-form-area.dark-from form input:focus{
    border-bottom-color:#ef6f31
}
.newsletter-form-area.dark-from form button{
    color:#ef6f31
}
.newsletter-form-area form input{
    padding:3px 20px;
    padding-left:0;
    padding-right:65px;
    min-height:50px;
    border:0;
    border-radius:0;
    border-bottom:2px solid rgba(255,255,255,.25);
    background:0 0;
    font-size:24px;
    color:#fff
}
.newsletter-form-area form input:focus{
    background-color:transparent;
    border-bottom-color:#fff
}
.newsletter-form-area form button{
    border:0;
    background:0 0;
    position:absolute;
    top:0;
    right:0;
    width:50px;
    height:100%;
    padding:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-transform:none;
    transform:none;
    color:#fff;
    font-size:30px
}
.cta-content{
    position:relative;
    z-index:9
}
.cta-content .sub-title{
    font-size:24px;
    font-weight:700;
    line-height:1;
    font-family:Gilroy;
    display:block;
    margin-bottom:10px;
    color:#3f3a64
}
.cta-content .sub-title span{
    font-weight:300;
    color:#20ad96
}
.cta-content .title{
    font-size:34px;
    margin-bottom:30px;
    color:#3f3a64
}
.cta-content .title.fz-48{
    font-size:48px
}
.cta-content .title span{
    font-weight:300;
    color:#20ad96
}
.cta-content .shape{
    position:absolute;
    z-index:1
}
.cta-content .shape-1{
    z-index:11;
    top:-50px;
    left:50px
}
.cta-content .shape-1 span{
    display:block;
    width:52px;
    height:52px;
    text-indent:-9999px;
    border:7px solid #e6dcd2;
    border-radius:50%
}
.cta-content .shape-2{
    left:-20px;
    bottom:0
}
.cta-content .shape-3{
    top:10px;
    right:-70px
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .cta-content .shape-3{
        right:0
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .cta-content .shape-3{
        top:20px;
        right:-10px;
        width:100px;
        max-width:100px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .cta-content .shape-3{
        top:20px;
        right:-10px;
        width:80px;
        max-width:80px
    }
}
@media only screen and (max-width:767px){
    .cta-content .shape-2{
        left:-10px;
        bottom:0;
        width:60px;
        max-width:60px;
        z-index:-1
    }
    .cta-content .shape-3{
        top:20px;
        right:-20px;
        width:60px;
        max-width:60px
    }
}
.sider-title-button-box .ht-btn{
    margin-right:15px
}
.ht-team-member .team-image{
    position:relative;
    display:block;
    overflow:hidden
}
.ht-team-member .team-image img{
    width:100%;
    -webkit-transition:all 1.5s cubic-bezier(0,0,.2,1);
    transition:all 1.5s cubic-bezier(0,0,.2,1)
}
.ht-team-member .social-networks{
    position:absolute;
    bottom:20px;
    left:20px;
    right:20px;
    padding:10px 0;
    opacity:0;
    visibility:hidden;
    text-align:center;
    padding:6px 0;
    background-color:#fff;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1)
}
.ht-team-member .social-networks a{
    display:inline-block;
    font-size:16px;
    line-height:0;
    color:#696969;
    padding:10px 14px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .ht-team-member .social-networks a{
        padding:10px 10px
    }
}
.ht-team-member .social-networks a:hover{
    color:#20ad96
}
.ht-team-member:hover .team-image img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.ht-team-member:hover .social-networks{
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.ht-team-member .team-info{
    margin-top:20px
}
.ht-team-member .team-info .name{
    font-size:24px;
    line-height:1.3;
    margin-bottom:0
}
.ht-team-member .team-info .position{
    font-size:15px;
    margin-top:8px
}
.ht-team-member-style-one .ht-team-member{
    max-width:310px;
    margin:auto
}
.ht-team-member-style-two .ht-team-member{
    max-width:350px;
    margin:auto
}
.ht-team-member-style-three .ht-team-member{
    max-width:350px;
    margin:auto
}
.single-speaker{
    text-align:center
}
.single-speaker .image{
    margin-bottom:28px;
    text-align:center
}
.single-speaker .image img{
    width:170px;
    height:170px;
    border-radius:50%
}
.single-speaker .content .speaker-name{
    font-size:18px;
    font-weight:700;
    line-height:1.3;
    color:#333;
    margin-bottom:6px
}
.team-image-wrap{
    position:relative;
    z-index:9
}
.team-image-wrap .team-image{
    text-align:center
}
.team-image-wrap .shape{
    position:absolute;
    z-index:-1
}
.team-image-wrap .shape-1{
    top:100px;
    left:0;
    width:166px;
    height:166px
}
.team-image-wrap .shape-1 svg{
    width:100%;
    height:100%
}
.team-image-wrap .shape-1 svg *{
    fill:#8fd6ca
}
.team-image-wrap .shape-2{
    top:100px;
    left:0
}
.team-image-wrap .shape-3{
    z-index:11;
    top:0;
    right:0
}
.team-image-wrap .shape-3 span{
    display:block;
    width:60px;
    height:60px;
    text-indent:-9999px;
    border:8px solid #ecc5ab;
    border-radius:50%
}
.team-image-wrap .shape-4{
    left:50%;
    bottom:-70px
}
.team-image-wrap .shape-5{
    left:-214px;
    bottom:60px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .team-image-wrap .shape{
        position:absolute;
        z-index:-1
    }
    .team-image-wrap .shape-1{
        top:100px;
        left:0;
        width:120px;
        height:120px
    }
    .team-image-wrap .shape-1 svg{
        width:100%;
        height:100%
    }
    .team-image-wrap .shape-1 svg *{
        fill:#8fd6ca
    }
    .team-image-wrap .shape-2{
        top:100px;
        left:0;
        width:120px
    }
    .team-image-wrap .shape-3{
        z-index:11;
        top:0;
        right:0
    }
    .team-image-wrap .shape-3 span{
        display:block;
        width:60px;
        height:60px;
        text-indent:-9999px;
        border:8px solid #ecc5ab;
        border-radius:50%
    }
    .team-image-wrap .shape-4{
        left:50%;
        bottom:-20px;
        width:120px
    }
    .team-image-wrap .shape-5{
        left:0;
        bottom:60px;
        width:120px
    }
}
@media only screen and (max-width:767px){
    .team-image-wrap .shape{
        position:absolute;
        z-index:-1
    }
    .team-image-wrap .shape-1{
        top:100px;
        left:0;
        width:120px;
        height:120px
    }
    .team-image-wrap .shape-1 svg{
        width:100%;
        height:100%
    }
    .team-image-wrap .shape-1 svg *{
        fill:#8fd6ca
    }
    .team-image-wrap .shape-2{
        top:100px;
        left:0;
        width:120px
    }
    .team-image-wrap .shape-3{
        z-index:11;
        top:0;
        right:0
    }
    .team-image-wrap .shape-3 span{
        display:block;
        width:60px;
        height:60px;
        text-indent:-9999px;
        border:8px solid #ecc5ab;
        border-radius:50%
    }
    .team-image-wrap .shape-4{
        left:50%;
        bottom:-20px;
        width:120px
    }
    .team-image-wrap .shape-5{
        left:0;
        bottom:60px;
        width:120px
    }
}
[class*=hint--]{
    position:relative;
    display:inline-block
}
[class*=hint--]:after,[class*=hint--]:before{
    position:absolute;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    visibility:hidden;
    opacity:0;
    z-index:1000000;
    pointer-events:none;
    -webkit-transition:.3s ease;
    transition:.3s ease;
    -webkit-transition-delay:0s;
    transition-delay:0s
}
[class*=hint--]:hover:after,[class*=hint--]:hover:before{
    visibility:visible;
    opacity:1
}
[class*=hint--]:hover:after,[class*=hint--]:hover:before{
    -webkit-transition-delay:.1s;
    transition-delay:.1s
}
[class*=hint--]:before{
    content:"";
    position:absolute;
    background:0 0;
    border:7px solid transparent;
    z-index:1000001
}
[class*=hint--]:after{
    background:#20ad96;
    color:#fff;
    padding:8px 10px;
    font-size:14px;
    line-height:14px;
    white-space:nowrap;
    border-radius:5px;
    -webkit-box-shadow:4px 4px 8px rgba(0,0,0,.3);
    box-shadow:4px 4px 8px rgba(0,0,0,.3)
}
[class*=hint--][aria-label]:after{
    content:attr(aria-label)
}
[class*=hint--][data-hint]:after{
    content:attr(data-hint)
}
[aria-label=""]:after,[aria-label=""]:before,[data-hint=""]:after,[data-hint=""]:before{
    display:none!important
}
.hint--top-left:before{
    border-top-color:#20ad96
}
.hint--top-right:before{
    border-top-color:#20ad96
}
.hint--top:before{
    border-top-color:#20ad96
}
.hint--bottom-left:before{
    border-bottom-color:#20ad96
}
.hint--bottom-right:before{
    border-bottom-color:#20ad96
}
.hint--bottom:before{
    border-bottom-color:#20ad96
}
.hint--left:before{
    border-left-color:#20ad96
}
.hint--right:before{
    border-right-color:#20ad96
}
.hint--white:after{
    background:#fff;
    color:#333;
    padding:8px 10px;
    font-size:14px;
    line-height:14px;
    white-space:nowrap;
    border-radius:5px
}
.hint--white:before{
    border-top-color:#fff
}
.hint--black:after{
    background:#000;
    color:#fff;
    padding:8px 10px;
    font-size:14px;
    line-height:14px;
    white-space:nowrap;
    border-radius:5px
}
.hint--black:before{
    border-top-color:#000
}
.hint--black.hint--bottom::before{
    border-bottom-color:#000
}
.hint--black.hint--top-left::before{
    border-top-color:#000
}
.hint--black.hint--bottom-left::before{
    border-bottom-color:#000
}
.hint--black.hint--top::before{
    border-top-color:#000
}
.hint--black.hint--left::before{
    border-left-color:#000
}
.hint--black:before{
    border-top-color:transparent
}
.hint--top:before{
    margin-bottom:-13px
}
.hint--top:after,.hint--top:before{
    bottom:100%;
    left:50%
}
.hint--top:before{
    left:calc(50% - 7px)
}
.hint--top:after{
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.hint--top:hover:before{
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px)
}
.hint--top:hover:after{
    -webkit-transform:translateX(-50%) translateY(-8px);
    transform:translateX(-50%) translateY(-8px)
}
.hint--bottom:before{
    margin-top:-13px
}
.hint--bottom:after,.hint--bottom:before{
    top:100%;
    left:50%
}
.hint--bottom:before{
    left:calc(50% - 7px)
}
.hint--bottom:after{
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.hint--bottom:hover:before{
    -webkit-transform:translateY(8px);
    transform:translateY(8px)
}
.hint--bottom:hover:after{
    -webkit-transform:translateX(-50%) translateY(8px);
    transform:translateX(-50%) translateY(8px)
}
.hint--right:before{
    margin-left:-13px;
    margin-bottom:-7px
}
.hint--right:after{
    margin-bottom:-15px
}
.hint--right:after,.hint--right:before{
    left:100%;
    bottom:50%
}
.hint--right:hover:before{
    -webkit-transform:translateX(8px);
    transform:translateX(8px)
}
.hint--right:hover:after{
    -webkit-transform:translateX(8px);
    transform:translateX(8px)
}
.hint--left:before{
    margin-right:-13px;
    margin-bottom:-7px
}
.hint--left:after{
    margin-bottom:-15px
}
.hint--left:after,.hint--left:before{
    right:100%;
    bottom:50%
}
.hint--left:hover:before{
    -webkit-transform:translateX(-8px);
    transform:translateX(-8px)
}
.hint--left:hover:after{
    -webkit-transform:translateX(-8px);
    transform:translateX(-8px)
}
.hint--top-left:before{
    margin-bottom:-13px
}
.hint--top-left:after,.hint--top-left:before{
    bottom:100%;
    left:50%
}
.hint--top-left:before{
    left:calc(50% - 7px)
}
.hint--top-left:after{
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
}
.hint--top-left:after{
    margin-left:14px
}
.hint--top-left:hover:before{
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px)
}
.hint--top-left:hover:after{
    -webkit-transform:translateX(-100%) translateY(-8px);
    transform:translateX(-100%) translateY(-8px)
}
.hint--top-right:before{
    margin-bottom:-13px
}
.hint--top-right:after,.hint--top-right:before{
    bottom:100%;
    left:50%
}
.hint--top-right:before{
    left:calc(50% - 7px)
}
.hint--top-right:after{
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
.hint--top-right:after{
    margin-left:-14px
}
.hint--top-right:hover:before{
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px)
}
.hint--top-right:hover:after{
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px)
}
.hint--bottom-left:before{
    margin-top:-13px
}
.hint--bottom-left:after,.hint--bottom-left:before{
    top:100%;
    left:50%
}
.hint--bottom-left:before{
    left:calc(50% - 7px)
}
.hint--bottom-left:after{
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
}
.hint--bottom-left:after{
    margin-left:14px
}
.hint--bottom-left:hover:before{
    -webkit-transform:translateY(8px);
    transform:translateY(8px)
}
.hint--bottom-left:hover:after{
    -webkit-transform:translateX(-100%) translateY(8px);
    transform:translateX(-100%) translateY(8px)
}
.hint--bottom-right:before{
    margin-top:-13px
}
.hint--bottom-right:after,.hint--bottom-right:before{
    top:100%;
    left:50%
}
.hint--bottom-right:before{
    left:calc(50% - 7px)
}
.hint--bottom-right:after{
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
.hint--bottom-right:after{
    margin-left:-14px
}
.hint--bottom-right:hover:before{
    -webkit-transform:translateY(8px);
    transform:translateY(8px)
}
.hint--bottom-right:hover:after{
    -webkit-transform:translateY(8px);
    transform:translateY(8px)
}
.hint--no-animate:after,.hint--no-animate:before{
    -webkit-transition-duration:0s;
    transition-duration:0s
}
.hint--bounce:after,.hint--bounce:before{
    -webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);
    transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);
    transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24);
    transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24),-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24)
}
.gradation-title-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media only screen and (max-width:767px){
    .gradation-title-wrapper{
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.gradation-sub-heading .heading{
    position:relative;
    font-size:13px;
    line-height:2em;
    letter-spacing:2px;
    text-transform:uppercase;
    display:inline-block;
    padding:35px 80px 35px 42px;
    z-index:1
}
.gradation-sub-heading .heading::before{
    background-color:#20ad96;
    content:"";
    position:absolute;
    top:47px;
    left:0;
    width:34px;
    height:1px
}
.gradation-sub-heading .heading mark{
    background-color:transparent;
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    font-size:120px;
    line-height:.8;
    font-weight:900;
    color:#ededed;
    z-index:-1
}
@media only screen and (max-width:767px){
    .gradation-sub-heading .heading{
        margin-top:30px
    }
}
.ht-gradation.style-01{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-left:-15px;
    margin-right:-15px
}
.ht-gradation.style-01 .item{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    position:relative;
    padding:0 15px
}
.ht-gradation.style-01 .item .line{
    width:100%;
    height:1px;
    background:#ededed;
    position:absolute;
    top:24px;
    left:15px
}
.ht-gradation.style-01 .item:last-child .line{
    display:none
}
.ht-gradation.style-01 .item:last-child .content-wrap{
    padding-bottom:0
}
.ht-gradation.style-01 .item .mask{
    opacity:0;
    visibility:hidden
}
.ht-gradation.style-01 .item:hover .mask{
    opacity:1;
    visibility:visible
}
.ht-gradation.style-01 .item:hover .circle{
    color:#fff;
    background:#20ad96
}
@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px){
    .ht-gradation.style-01{
        display:block
    }
    .ht-gradation.style-01 .item{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start;
        width:100%
    }
    .ht-gradation.style-01 .item .line{
        left:39px;
        height:100%;
        width:1px;
        top:15px
    }
    .ht-gradation.style-01 .content-wrap{
        padding:10px 0 50px 30px
    }
}
.ht-gradation.style-01 .circle-wrap{
    display:inline-block;
    position:relative;
    margin-bottom:56px
}
.ht-gradation.style-01 .circle{
    position:relative;
    z-index:1;
    width:48px;
    height:48px;
    line-height:44px;
    text-align:center;
    border:2px solid #e8e8e8;
    border-radius:50%;
    font-size:18px;
    background-color:#fff;
    margin-bottom:0;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1)
}
.ht-gradation.style-01 .wave-pulse{
    width:1px;
    height:0;
    margin:0 auto
}
.ht-gradation.style-01 .wave-pulse::after,.ht-gradation.style-01 .wave-pulse::before{
    opacity:0;
    content:"";
    display:block;
    position:absolute;
    width:100px;
    height:100px;
    top:50%;
    left:50%;
    background:#fff;
    border-radius:50%;
    border:1px solid #ababab;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-animation:gradationMask 3s linear infinite;
    animation:gradationMask 3s linear infinite
}
.ht-gradation.style-01 .wave-pulse-2::before{
    -webkit-animation-delay:1.2s;
    animation-delay:1.2s
}
.ht-gradation.style-01 .wave-pulse-3::before{
    -webkit-animation-delay:2.4s;
    animation-delay:2.4s
}
.ht-gradation.style-01 .heading{
    font-size:18px;
    font-weight:700;
    line-height:1.67;
    color:#3f3a64;
    margin-bottom:9px
}
.ht-gradation.style-01 .text{
    margin-bottom:0
}
@-webkit-keyframes gradationMask{
    0%{
        -webkit-transform:translate(-50%,-50%) scale(0);
        transform:translate(-50%,-50%) scale(0);
        opacity:1
    }
    90%{
        opacity:1
    }
    100%{
        -webkit-transform:translate(-50%,-50%) scale(1);
        transform:translate(-50%,-50%) scale(1);
        opacity:0;
        border-color:transparent
    }
}
@keyframes gradationMask{
    0%{
        -webkit-transform:translate(-50%,-50%) scale(0);
        transform:translate(-50%,-50%) scale(0);
        opacity:1
    }
    90%{
        opacity:1
    }
    100%{
        -webkit-transform:translate(-50%,-50%) scale(1);
        transform:translate(-50%,-50%) scale(1);
        opacity:0;
        border-color:transparent
    }
}
.call-out-content{
    padding:100px 0
}
@media only screen and (min-width:768px) and (max-width:991px){
    .call-out-content{
        padding-top:80px;
        padding-bottom:80px
    }
}
@media only screen and (max-width:767px){
    .call-out-content{
        padding-top:60px;
        padding-bottom:60px
    }
}
.call-out-content .sub-title{
    display:block;
    font-size:24px;
    font-weight:300;
    line-height:1.5;
    color:#fff;
    margin-bottom:25px
}
.call-out-content .sub-title mark{
    color:#20ad96;
    font-weight:700;
    background-color:transparent
}
.call-out-content .title{
    font-size:68px;
    line-height:1.27;
    color:#fff;
    margin-bottom:35px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .call-out-content .title{
        font-size:60px
    }
}
@media only screen and (max-width:767px){
    .call-out-content .title{
        font-size:40px
    }
}
@media only screen and (max-width:479px){
    .call-out-content .title{
        font-size:32px
    }
}
.call-out-image{
    text-align:center;
    padding-top:30px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .call-out-image{
        padding-top:0
    }
}
@media only screen and (max-width:767px){
    .call-out-image{
        padding-top:0
    }
}
.coaching-box.padding-top-50{
    padding-top:50px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .coaching-box.padding-top-50{
        padding-top:0
    }
}
@media only screen and (max-width:767px){
    .coaching-box.padding-top-50{
        padding-top:0
    }
}
.coaching-box.cooking-box .image{
    margin-bottom:20px
}
.coaching-box.cooking-box .content .title{
    font-family:"Playfair Display",serif;
    font-weight:300
}
.coaching-box .image{
    margin-bottom:12px
}
.coaching-box .content .title{
    font-size:20px;
    font-weight:500;
    line-height:1.5;
    margin-bottom:0
}
.ebook-section{
    position:relative;
    z-index:9
}
.ebook-section .shape{
    position:absolute;
    z-index:-1
}
.ebook-section .shape-1{
    top:83px;
    left:5vw;
    width:20vw;
    max-width:20vw
}
.ebook-section .shape-2{
    bottom:55px;
    right:5vw;
    width:20vw;
    max-width:20vw
}
.instagram-grid-wrap{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 10px 1fr 10px 1fr;
    grid-template-columns:repeat(3,1fr);
    grid-column-gap:10px;
    grid-row-gap:10px
}
.instagram-grid-wrap.instagram-grid-5{
    -ms-grid-columns:1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;
    grid-template-columns:repeat(6,1fr);
    grid-column-gap:30px;
    grid-row-gap:30px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .instagram-grid-wrap.instagram-grid-5{
        -ms-grid-columns:1fr 10px 1fr 10px 1fr;
        grid-template-columns:repeat(3,1fr);
        grid-column-gap:10px;
        grid-row-gap:10px
    }
}
@media only screen and (max-width:767px){
    .instagram-grid-wrap.instagram-grid-5{
        -ms-grid-columns:1fr 10px 1fr;
        grid-template-columns:repeat(2,1fr);
        grid-column-gap:10px;
        grid-row-gap:10px
    }
}
.instagram-grid-wrap .item-grid.grid-style--1{
    position:relative;
    overflow:hidden
}
.instagram-grid-wrap .item-grid.grid-style--1 .thumb a{
    display:block
}
.instagram-grid-wrap .item-grid.grid-style--1 .thumb a img{
    border-radius:inherit;
    width:100%;
    -webkit-transition:all 1.5s cubic-bezier(0,0,.2,1);
    transition:all 1.5s cubic-bezier(0,0,.2,1)
}
.instagram-grid-wrap .item-grid.grid-style--1 .item-info{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    visibility:hidden;
    background:rgba(0,0,0,.5);
    opacity:0;
    cursor:pointer;
    border-radius:inherit;
    -webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
    transition:all .3s cubic-bezier(.645,.045,.355,1)
}
.instagram-grid-wrap .item-grid.grid-style--1 .item-info .inner{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    color:#fff;
    text-align:center;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    margin:0;
    -webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
    transition:all .3s cubic-bezier(.645,.045,.355,1)
}
.instagram-grid-wrap .item-grid.grid-style--1 .item-info .inner a{
    position:relative;
    color:#fff;
    font-size:14px;
    display:inline-block;
    margin:0 5px
}
.instagram-grid-wrap .item-grid.grid-style--1 .item-info .inner a i{
    padding-right:4px
}
.instagram-grid-wrap .item-grid.grid-style--1:hover .thumb a img{
    -webkit-transform:scale3d(1.1,1.1,1.1);
    transform:scale3d(1.1,1.1,1.1)
}
.instagram-grid-wrap .item-grid.grid-style--1:hover .item-info{
    visibility:visible;
    opacity:1
}
.max-popup-section{
    position:fixed;
    z-index:9999;
    top:0;
    left:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:100%;
    height:100%;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s;
    background-color:rgba(63,58,100,.9)
}
.max-popup-section:not(.close) .max-popup-dialog{
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-delay:.3s;
    animation-delay:.3s
}
.max-popup-section.close{
    visibility:hidden;
    opacity:0
}
.max-popup-section.close .max-popup-dialog{
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-delay:0;
    animation-delay:0
}
.max-popup-dialog{
    position:relative;
    overflow-x:hidden;
    overflow-y:auto;
    width:970px;
    max-width:90vw;
    max-height:100vh;
    border-radius:8px;
    background-color:#fff
}
.max-popup-close{
    line-height:1;
    position:absolute;
    top:20px;
    right:20px;
    padding:0;
    color:#ccc;
    border:none;
    background-color:transparent
}
.max-popup-close i{
    font-size:32px;
    line-height:1
}
.max-popup-close:hover{
    color:#20ad96
}
@media only screen and (max-width:479px){
    .max-popup-close{
        top:10px;
        right:10px
    }
}
.max-popup-dialog-inner{
    padding:50px
}
@media only screen and (max-width:767px){
    .max-popup-dialog-inner{
        padding:40px 30px
    }
}
@media only screen and (max-width:479px){
    .max-popup-dialog-inner{
        padding:40px 20px
    }
}
.freecourse-popup-content{
    text-align:center
}
.freecourse-popup-content .sub-title{
    font-size:18px;
    line-height:1;
    margin-bottom:14px;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#20ad96
}
.freecourse-popup-content .title{
    font-size:44px;
    line-height:1.4;
    margin-bottom:20px;
    color:#3f3a64
}
@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px){
    .freecourse-popup-content .sub-title{
        font-size:16px;
        letter-spacing:2px
    }
    .freecourse-popup-content .title{
        font-size:30px
    }
}
@media only screen and (max-width:479px){
    .freecourse-popup-content .sub-title{
        font-size:14px;
        letter-spacing:1px
    }
    .freecourse-popup-content .title{
        font-size:24px
    }
}
.quick-view-modal-container{
    display:block!important;
    visibility:hidden;
    opacity:0;
    z-index:-1
}
.quick-view-modal-container.show{
    visibility:visible;
    opacity:1;
    z-index:99999
}
.quick-view-modal-container .modal-dialog{
    max-width:80%
}
@media only screen and (min-width:768px) and (max-width:991px){
    .quick-view-modal-container .modal-dialog{
        max-width:95%
    }
}
@media only screen and (max-width:767px){
    .quick-view-modal-container .modal-dialog{
        max-width:100%
    }
}
@media only screen and (max-width:575px){
    .quick-view-modal-container .modal-dialog{
        max-width:100%
    }
}
.quick-view-modal-container .modal-header{
    border:none;
    padding-bottom:0
}
.quick-view-modal-container .modal-header button{
    z-index:999
}
.quick-view-modal-container .modal-body{
    padding:30px 50px 70px 50px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .quick-view-modal-container .modal-body{
        padding:30px 30px 30px 30px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .quick-view-modal-container .modal-body{
        padding:30px 30px 30px 30px
    }
}
@media only screen and (max-width:767px){
    .quick-view-modal-container .modal-body{
        padding:15px 15px 15px 15px
    }
}
@media only screen and (max-width:479px){
    .quick-view-modal-container .modal-body{
        padding:15px 15px 15px 15px
    }
}
.quick-view-modal-container .modal-content{
    border-radius:0;
    max-height:850px;
    overflow:auto;
    z-index:9999
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .quick-view-modal-container .modal-content{
        max-height:500px;
        overflow:auto
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .quick-view-modal-container .modal-content{
        max-height:500px;
        overflow:auto
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .quick-view-modal-container .modal-content{
        max-height:500px;
        overflow:auto
    }
}
@media only screen and (max-width:767px){
    .quick-view-modal-container .modal-content{
        max-height:500px;
        overflow:auto
    }
}
.modal-backdrop{z-index:9999;}
.modal{z-index:99999;}

.section-title .sub-title{font-size:15px; font-weight:500; line-height:1; display:block; margin-bottom:10px; letter-spacing:2px; text-transform:uppercase; color:#8c89a2}
.section-title .title{font-size:34px; margin:0; color:#000000;}
.section-title .title span{font-weight:300; color:#f58634}
.section-title h3.title{font-size:24px}
.section-title.color-light .sub-title{color:#696969}
.section-title.color-light .title{color:#fff
}
@media only screen and (max-width:767px){
    .section-title .title{font-size:26px}
}


.header-section{z-index:9999; min-height:80px}
.header-section .header-inner{z-index:9999; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; min-height:80px; background-color:#fff}
.header-section.is-sticky.header-sticky-bg-dark .header-inner{background-color:#000!important}
.header-section.is-sticky .header-inner{position:fixed; top:0; left:0; background-color:#fff!important; width:100%; -webkit-animation:headerSlideDown .95s ease forwards; animation:headerSlideDown .95s ease forwards; -webkit-box-shadow:0 8px 20px 0 rgba(0,0,0,.1); box-shadow:0 8px 20px 0 rgba(0,0,0,.1)}
.header-section.header-fluid .container{max-width:1530px; padding-left:15px; padding-right:15px;}


.header-logo a{position:relative; max-width:158px}
.header-logo a img{width:100%; padding:15px 0}
.header-logo a img.light-logo{position:absolute; top:0; left:0; opacity:0}

@media only screen and (max-width:479px){
    .header-logo a{max-width:120px}
}
.header-light .header-logo a img.light-logo{opacity:1}
.header-light .header-logo a img.dark-logo{opacity:0}
.header-right>.inner{display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; margin:0 -10px}

@media only screen and (max-width:479px){
    .header-right>.inner{margin:0 -8px}
}

.header-cart-btn{ position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; align-items:center; color:#f58634; font-size: 20px; font-weight: 600;}
.header-cart-btn i{font-size:18px; line-height:1; margin-right: 10px; background: #f58634; padding: 10px; border-radius: 20px; color:#fff;}
.header-cart-btn:hover{color:#20ad96;}

.intro1-section{position:relative; height:730px; padding:0; background-color:#e8e1d6;}
.header-img img{max-width:100%;}
@media only screen and (max-width:767px){
    .intro1-section{background-image:none!important; background-color:#eae1d6; padding-bottom: 100px;}
}
.intro1-section .container{z-index:9}
.intro1-section .section-bottom-shape{-webkit-transform:rotateX(180deg); transform:rotateX(180deg)}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px){
    .intro1-section{height:750px}
}
@media only screen and (max-width:767px){
    .intro1-section{height:auto; background-position:left top}
}
.intro1-content .sub-title{font-size:36px; color:#0b66a3; font-weight: 500;}
.intro1-content .title{font-size:52px; line-height:1.13; color:#000}
.intro1-content .title strong{color: #f58634;}
.intro1-content .desc{max-width:540px; margin-top:12px}
.intro1-content .desc p{font-size:16px; font-weight:500; line-height:1.67}
.intro1-content .btn{margin-top:28px}
.form-card{background-color:#fff; padding: 20px 20px 3px; box-shadow:0 0 12px #ccc;}
.form-card .form-group{margin-bottom:20px;}
.form-card .form-group .form-control{color:#000; font-family:Gilroy; font-weight:300; background-color: #f5f5f5; border: 1px solid #f5f5f5;}
.form-card .form-group .form-control:focus{background-color:transparent;}
.form-card .form-group .btn-warning{display: block; width: 100%; background-color:#f58634; border-color:#f58634; color:#fff; text-transform:uppercase; letter-spacing:1px;}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro1-content .title{font-size:42px} 
    .intro1-content .desc p{font-size:17px
    }
}
@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px){
    .intro1-content .sub-title{font-size:13px; letter-spacing:3px}
    .intro1-content .title{font-size:40px}
    .intro1-content .desc p{font-size:16px}
}
@media only screen and (max-width:479px){
    .intro1-content .sub-title{font-size:26px; margin-bottom:10px; letter-spacing:2px}
    .intro1-content .title{font-size:28px}
    .intro1-content .desc p{font-size:14px}
}
.intro1-course{
    position:relative;
    z-index:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.intro1-course .popular-course-icon{
    z-index:9;
    -ms-flex-item-align:end;
    align-self:flex-end;
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    margin-right:20px;
    margin-bottom:100px;
    margin-left:auto
}
.intro1-course .course,.intro1-course .course{
    min-width:320px;
    max-width:370px
}
@media only screen and (max-width:479px){
    .intro1-course .course,.intro1-course .course{
        min-width:100%;
        max-width:100%
    }
}
.intro1-course .intro1-scene{
    position:absolute;
    z-index:-1;
    right:-45px;
    bottom:-45px;
    width:136px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro1-course .popular-course-icon{
        width:100px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro1-course .popular-course-icon{
        width:90px;
        margin-right:-30px;
        margin-left:-60px
    }
}
@media only screen and (max-width:767px){
    .intro1-course .popular-course-icon{
        width:120px
    }
}
@media only screen and (max-width:575px){
    .intro1-course .popular-course-icon{
        width:100px;
        margin-right:-20px
    }
}
@media only screen and (max-width:479px){
    .intro1-course .popular-course-icon{
        position:absolute;
        top:-30px;
        left:0;
        width:100px
    }
}
.intro2-section{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:65px
}
.intro2-section .container{
    z-index:9
}
.intro2-section .section-bottom-shape{
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
}
@media only screen and (max-width:767px){
    .intro2-section{
        height:auto;
        background-position:left top
    }
}
.intro2-content{
    max-width:460px
}
@media only screen and (max-width:767px){
    .intro2-content{
        max-width:100%
    }
}
.intro2-content .title{
    font-size:48px;
    line-height:1.17;
    color:#3f3a64
}
.intro2-content .desc{
    max-width:540px;
    margin-top:12px
}
.intro2-content .desc p{
    font-size:18px;
    font-weight:500;
    line-height:1.67;
    color:#8c89a2
}
.intro2-content .btn{
    margin-top:35px
}
.intro2-content .link{
    display:block;
    font-size:15px;
    margin-top:25px
}
@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px){
    .intro2-content .title{
        font-size:36px
    }
    .intro2-content .desc p{
        font-size:16px
    }
}
@media only screen and (max-width:479px){
    .intro2-content .title{
        font-size:30px
    }
    .intro2-content .desc p{
        font-size:14px
    }
}
.intro3-section{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:240px 0
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro3-section{
        padding:170px 0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro3-section{
        padding:150px 0
    }
}
@media only screen and (max-width:767px){
    .intro3-section{
        padding:120px 0
    }
}
.intro3-section .container{
    z-index:9
}
.intro3-content .sub-title{
    font-size:34px;
    line-height:1;
    font-weight:700;
    color:#fff;
    display:block;
    font-family:Gilroy;
    margin-bottom:10px
}
.intro3-content .title{
    font-size:64px;
    line-height:1;
    font-weight:300;
    color:#fff
}
.intro3-content .desc{
    max-width:540px;
    margin-top:12px
}
.intro3-content .desc p{
    font-size:18px;
    font-weight:500;
    line-height:1.67
}
.intro3-content .btn{
    margin-top:28px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro3-content .title{
        font-size:54px
    }
    .intro3-content .desc p{
        font-size:17px
    }
}
@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px){
    .intro3-content .sub-title{
        font-size:26px;
        letter-spacing:3px
    }
    .intro3-content .title{
        font-size:46px
    }
    .intro3-content .desc p{
        font-size:16px
    }
}
@media only screen and (max-width:479px){
    .intro3-content .sub-title{
        font-size:26px;
        margin-bottom:10px;
        letter-spacing:2px
    }
    .intro3-content .title{
        font-size:34px
    }
    .intro3-content .desc p{
        font-size:14px
    }
}
.intro4-section{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:270px 0 248px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro4-section{
        padding:170px 0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro4-section{
        padding:170px 0
    }
}
@media only screen and (max-width:767px){
    .intro4-section{
        padding:100px 0 130px
    }
}
.intro4-section .container{
    z-index:9
}
.ah-headline.rotate-2 i{
    font-style:normal!important
}
.intro4-content .title{
    font-size:56px;
    line-height:1.29;
    font-weight:500;
    color:#fff
}
.intro4-content .title span{
    color:#20ad96
}
.intro4-content .title span b{
    font-weight:500
}
.intro4-content .title span b i em{
    font:inherit
}
.intro4-content p{
    font-size:18px;
    font-weight:500;
    line-height:1.78;
    color:#fff;
    margin-bottom:45px
}
.intro4-content .btn{
    margin:0 10px
}
@media only screen and (max-width:575px){
    .intro4-content .btn{
        margin:0 5px
    }
}
@media only screen and (max-width:479px){
    .intro4-content .btn{
        margin:10px 0
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro4-content .title{
        font-size:54px
    }
}
@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px){
    .intro4-content .title{
        font-size:46px
    }
}
@media only screen and (max-width:479px){
    .intro4-content .title{
        font-size:46px
    }
    .intro4-content p{
        margin-bottom:20px
    }
}
.intro5-section{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.intro5-section .container{
    z-index:9
}
.intro5-section .section-bottom-shape{
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
}
@media only screen and (max-width:767px){
    .intro5-section{
        height:auto;
        background-position:left top
    }
}
.intro5-content{
    max-width:460px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro5-content{
        padding:140px 15px 40px
    }
}
@media only screen and (max-width:767px){
    .intro5-content{
        padding:140px 15px 40px;
        max-width:100%
    }
}
.intro5-content .title{
    font-size:48px;
    line-height:1.17;
    color:#3f3a64
}
.intro5-content .desc{
    max-width:540px;
    margin-top:12px
}
.intro5-content .desc p{
    font-size:18px;
    font-weight:500;
    line-height:1.67;
    color:#8c89a2
}
.intro5-content .btn{
    margin-top:35px
}
.intro5-content .link{
    display:block;
    font-size:15px;
    margin-top:25px
}
@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px){
    .intro5-content .title{
        font-size:36px
    }
    .intro5-content .desc p{
        font-size:16px
    }
}
@media only screen and (max-width:479px){
    .intro5-content .title{
        font-size:30px
    }
    .intro5-content .desc p{
        font-size:14px
    }
}
.intro5-image{
    padding:137px 15px 55px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro5-image{
        padding:0 15px 50px
    }
}
@media only screen and (max-width:767px){
    .intro5-image{
        padding:0 15px 50px
    }
}
.intro6-section{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:176px 0 0
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro6-section{
        padding:176px 0 0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro6-section{
        padding:176px 0 0
    }
}
@media only screen and (max-width:767px){
    .intro6-section{
        padding:120px 0 0
    }
}
.intro6-section .container{
    z-index:9
}
.intro6-content{
    margin-bottom:80px
}
@media only screen and (max-width:767px){
    .intro6-content{
        margin-bottom:40px
    }
}
.intro6-content .title{
    font-size:48px;
    line-height:1.17;
    font-weight:700;
    color:#fff;
    margin-bottom:0
}
.intro6-content p{
    font-size:18px;
    font-weight:500;
    color:rgba(255,255,255,.7);
    margin:0 0 24px
}
.intro6-content .btn:hover{
    color:#20ad96
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro6-content .title{
        font-size:48px
    }
}
@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px){
    .intro6-content .title{
        font-size:42px
    }
}
@media only screen and (max-width:479px){
    .intro6-content .title{
        font-size:34px
    }
}
.intro-left-image{
    position:relative;
    left:-168px;
    bottom:25px;
    width:410px;
    height:504px
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .intro-left-image{
        left:0
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro-left-image{
        left:0;
        bottom:0;
        width:100%;
        height:100%
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro-left-image{
        left:0;
        bottom:0;
        width:100%;
        height:100%
    }
}
@media only screen and (max-width:767px){
    .intro-left-image{
        left:0;
        bottom:0;
        width:100%;
        height:100%
    }
}
.intro-left-image img{
    width:100%
}
.intro-right-image{
    position:relative;
    right:20px;
    bottom:-80px;
    width:230px;
    height:353px
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .intro-right-image{
        right:50px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro-right-image{
        right:0;
        bottom:0;
        width:100%;
        height:100%
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro-right-image{
        right:0;
        bottom:0;
        width:100%;
        height:100%
    }
}
@media only screen and (max-width:767px){
    .intro-right-image{
        right:0;
        bottom:0;
        width:100%;
        height:100%
    }
}
.intro-right-image img{
    width:100%
}
.intro7-section{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:820px
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .intro7-section{
        height:700px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro7-section{
        height:620px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro7-section{
        height:620px
    }
}
@media only screen and (max-width:767px){
    .intro7-section{
        height:500px
    }
}
.intro7-content{
    max-width:770px;
    padding:30px 0;
    margin:auto
}
.intro7-content>*{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
.intro7-content .sub-title{
    font-size:15px;
    font-weight:600;
    line-height:2;
    display:block;
    margin-bottom:20px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#8c89a2
}
.intro7-content .title{
    font-size:64px;
    line-height:1.17;
    color:#3f3a64;
    font-family:"Playfair Display",serif
}
.intro7-content .title span{
    color:#3a7e69;
    font-style:italic;
    font-weight:300
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro7-content .title{
        font-size:52px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro7-content .title{
        font-size:52px
    }
}
@media only screen and (max-width:767px){
    .intro7-content .title{
        font-size:40px
    }
}
.intro7-content .btn{
    margin-top:35px
}
.swiper-slide-active .intro7-content>*{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
.swiper-slide-active .intro7-content>:nth-child(1){
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
.swiper-slide-active .intro7-content>:nth-child(2){
    -webkit-animation-delay:1s;
    animation-delay:1s
}
.swiper-slide-active .intro7-content>:nth-child(3){
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
.swiper-slide-active .intro7-content>:nth-child(4){
    -webkit-animation-delay:2s;
    animation-delay:2s
}
.swiper-slide-active .intro7-content>:nth-child(5){
    -webkit-animation-delay:2.5s;
    animation-delay:2.5s
}
.swiper-slide-active .intro7-content>:nth-child(6){
    -webkit-animation-delay:3s;
    animation-delay:3s
}
.intro7-section-wrap .intro7-section{
    -webkit-transform:scale(1.35);
    transform:scale(1.35);
    transform:scale(1.35);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.swiper-slide-active .intro7-section{
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:-webkit-transform 11s cubic-bezier(.1,.2,.7,1);
    transition:-webkit-transform 11s cubic-bezier(.1,.2,.7,1);
    transition:transform 11s cubic-bezier(.1,.2,.7,1);
    transition:transform 11s cubic-bezier(.1,.2,.7,1),-webkit-transform 11s cubic-bezier(.1,.2,.7,1)
}
.intro8-section{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:100vh
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .intro8-section{
        height:100vh
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro8-section{
        height:780px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro8-section{
        height:780px
    }
}
@media only screen and (max-width:767px){
    .intro8-section{
        height:700px
    }
}
.intro8-content{
    max-width:670px;
    padding:60px 0 30px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro8-content{
        max-width:470px;
        padding:60px 0 30px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro8-content{
        max-width:470px;
        padding:60px 0 30px
    }
}
@media only screen and (max-width:767px){
    .intro8-content{
        max-width:470px;
        padding:60px 0 30px
    }
}
.intro8-content>*{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
.intro8-content .label{
    display:inline-block;
    padding:6px 15px 3px;
    border-radius:5px;
    font-size:13px;
    font-weight:600;
    line-height:1.5;
    letter-spacing:.65px;
    color:#201c3f;
    background-color:#eab75f;
    margin:0 0 28px
}
.intro8-content .title{
    font-size:60px;
    font-weight:600;
    line-height:1.27;
    color:#fff
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro8-content .title{
        font-size:48px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro8-content .title{
        font-size:48px
    }
}
@media only screen and (max-width:767px){
    .intro8-content .title{
        font-size:36px
    }
}
.intro8-content p{
    font-size:18px;
    line-height:1.67;
    color:rgba(255,255,255,.7);
    margin:18px 0 0
}
@media only screen and (max-width:767px){
    .intro8-content p{
        font-size:15px
    }
}
.intro8-content .btn{
    margin-top:40px
}
.intro8-slide-pages{
    position:absolute;
    top:30%;
    right:10px;
    font-size:24px;
    color:rgba(255,255,255,.7);
    font-weight:600;
    letter-spacing:3.2px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media only screen and (max-width:767px){
    .intro8-slide-pages{
        display:none
    }
}
.intro8-slide-pages .current{
    font-size:60px;
    line-height:1;
    color:#fff
}
.swiper-slide-active .intro8-content>*{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
.swiper-slide-active .intro8-content>:nth-child(1){
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
.swiper-slide-active .intro8-content>:nth-child(2){
    -webkit-animation-delay:1s;
    animation-delay:1s
}
.swiper-slide-active .intro8-content>:nth-child(3){
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
.swiper-slide-active .intro8-content>:nth-child(4){
    -webkit-animation-delay:2s;
    animation-delay:2s
}
.swiper-slide-active .intro8-content>:nth-child(5){
    -webkit-animation-delay:2.5s;
    animation-delay:2.5s
}
.swiper-slide-active .intro8-content>:nth-child(6){
    -webkit-animation-delay:3s;
    animation-delay:3s
}
.intro8-section-wrap .intro8-section{
    -webkit-transform:scale(1.35);
    transform:scale(1.35);
    transform:scale(1.35);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.swiper-slide-active .intro8-section{
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:-webkit-transform 11s cubic-bezier(.1,.2,.7,1);
    transition:-webkit-transform 11s cubic-bezier(.1,.2,.7,1);
    transition:transform 11s cubic-bezier(.1,.2,.7,1);
    transition:transform 11s cubic-bezier(.1,.2,.7,1),-webkit-transform 11s cubic-bezier(.1,.2,.7,1)
}
.intro9-section{
    position:relative;
    overflow:hidden
}
.intro9-content{
    max-width:680px;
    width:100%;
    float:right;
    padding-left:110px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro9-content{
        padding-left:30px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro9-content{
        padding-left:0
    }
}
@media only screen and (max-width:767px){
    .intro9-content{
        padding-left:0;
        float:inherit;
        margin:60px auto 45px;
        text-align:center
    }
}
@media only screen and (max-width:479px){
    .intro9-content{
        padding-left:0;
        float:inherit;
        margin:60px auto 0;
        text-align:center
    }
}
.intro9-content .sub-title{
    display:block;
    font-size:24px;
    line-height:32px;
    font-weight:500;
    color:#20ad96;
    margin-bottom:20px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro9-content .sub-title{
        font-size:22px
    }
}
@media only screen and (max-width:479px){
    .intro9-content .sub-title{
        font-size:20px
    }
}
.intro9-content .title{
    font-size:48px;
    line-height:56px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#3f3a64;
    max-width:470px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro9-content .title{
        font-size:38px
    }
}
@media only screen and (max-width:767px){
    .intro9-content .title{
        font-size:38px;
        margin:0 auto
    }
}
@media only screen and (max-width:479px){
    .intro9-content .title{
        font-size:26px;
        line-height:40px;
        margin:0 auto
    }
}
.intro9-content .desc{
    max-width:400px;
    margin-top:12px
}
@media only screen and (max-width:767px){
    .intro9-content .desc{
        margin:0 auto;
        margin-top:12px
    }
}
.intro9-content .desc p{
    font-size:18px;
    font-weight:500;
    line-height:1.67;
    color:#8c89a2
}
.intro9-content .btn{
    margin-top:35px
}
.intro9-image{
    position:relative;
    margin-top:40px
}
.inner-img-one{
    position:absolute;
    z-index:-1;
    bottom:0
}
@media only screen and (max-width:767px){
    .inner-img-one{
        position:absolute;
        left:0;
        right:0;
        margin:auto;
        text-align:center
    }
    .inner-img-one img{
        width:400px
    }
}
@media only screen and (max-width:767px){
    .inner-img-two{
        margin:auto!important;
        text-align:center
    }
    .inner-img-two img{
        max-width:254px
    }
}
.worldRotate{
    -webkit-animation:worldRotate 20s linear infinite;
    animation:worldRotate 20s linear infinite
}
@-webkit-keyframes worldRotate{
    0%{
        -webkit-transform:rotate(0) translateX(0) rotate(0);
        transform:rotate(0) translateX(0) rotate(0)
    }
    100%{
        -webkit-transform:rotate(0) translateY(0) rotate(-360deg);
        transform:rotate(0) translateY(0) rotate(-360deg)
    }
}
@keyframes worldRotate{
    0%{
        -webkit-transform:rotate(0) translateX(0) rotate(0);
        transform:rotate(0) translateX(0) rotate(0)
    }
    100%{
        -webkit-transform:rotate(0) translateY(0) rotate(-360deg);
        transform:rotate(0) translateY(0) rotate(-360deg)
    }
}
.intro10-section{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:750px;
    padding:120px 0
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro10-section{
        height:700px;
        padding:120px 0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro10-section{
        height:600px;
        padding:120px 0
    }
}
@media only screen and (max-width:767px){
    .intro10-section{
        height:500px;
        padding:120px 0
    }
}
.intro10-section .container{
    z-index:9
}
.intro10-section .shape{
    position:absolute;
    z-index:1
}
.intro10-section .shape-1{
    top:0;
    right:-8%;
    width:50%;
    max-width:50%
}
.intro10-section .shape-2{
    top:0;
    left:0;
    width:50%;
    max-width:50%
}
.intro10-section .shape-3{
    z-index:-1;
    bottom:30px;
    left:-60px;
    width:478px;
    height:478px
}
.intro10-section .shape-3 svg{
    width:100%;
    height:100%
}
.intro10-section .shape-3 svg *{
    fill:#b2e0f6
}
.intro10-section .shape-4{
    left:15px;
    bottom:75px
}
.intro10-section .shape-5{
    left:25%;
    bottom:30px
}
.intro10-section .shape-6{
    right:5%;
    bottom:0
}
.intro10-section .shape-7{
    right:23%;
    bottom:10%;
    width:166px;
    height:166px
}
.intro10-section .shape-7 svg{
    width:100%;
    height:100%
}
.intro10-section .shape-7 svg *{
    fill:#ffcd00
}
.intro10-section .shape-8{
    right:19%;
    bottom:5%
}
.intro10-section .shape-9{
    right:8%;
    bottom:350px
}
.intro10-section .shape-10{
    left:15%;
    bottom:30%
}
.intro10-section .shape-10 img{
    -webkit-box-shadow:0 10px 34px 0 rgba(0,0,0,.25);
    box-shadow:0 10px 34px 0 rgba(0,0,0,.25)
}
.intro10-section .shape-11{
    left:10%;
    bottom:15%
}
.intro10-section .shape-11 img{
    -webkit-box-shadow:0 10px 34px 0 rgba(0,0,0,.25);
    box-shadow:0 10px 34px 0 rgba(0,0,0,.25)
}
.intro10-section .shape-12{
    right:10%;
    bottom:14%
}
.intro10-section .shape-12 img{
    -webkit-box-shadow:0 10px 34px 0 rgba(0,0,0,.25);
    box-shadow:0 10px 34px 0 rgba(0,0,0,.25)
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .intro10-section .shape{
        position:absolute;
        z-index:1
    }
    .intro10-section .shape-1{
        right:0
    }
    .intro10-section .shape-10{
        left:5%;
        bottom:30%
    }
    .intro10-section .shape-11{
        left:0;
        bottom:15%
    }
    .intro10-section .shape-12{
        right:5%;
        bottom:14%
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro10-section .shape{
        position:absolute;
        z-index:1
    }
    .intro10-section .shape-1{
        top:0;
        right:8%;
        width:20%;
        max-width:20%
    }
    .intro10-section .shape-2{
        top:0;
        left:0;
        width:280px;
        max-width:280px
    }
    .intro10-section .shape-3{
        bottom:30px;
        left:0;
        width:180px;
        height:180px
    }
    .intro10-section .shape-3 svg{
        width:100%;
        height:100%
    }
    .intro10-section .shape-3 svg *{
        fill:#b2e0f6
    }
    .intro10-section .shape-4{
        left:15px;
        bottom:75px;
        width:20%;
        max-width:20%
    }
    .intro10-section .shape-5{
        left:25%;
        bottom:30px;
        width:150px;
        max-width:150px
    }
    .intro10-section .shape-6{
        right:5%;
        bottom:0;
        width:220px;
        max-width:220px
    }
    .intro10-section .shape-7{
        display:none
    }
    .intro10-section .shape-8{
        display:none
    }
    .intro10-section .shape-9{
        right:60px;
        bottom:350px;
        width:80px;
        max-width:80px
    }
    .intro10-section .shape-10{
        left:5%;
        bottom:30%;
        width:200px;
        max-width:200px
    }
    .intro10-section .shape-11{
        left:0;
        bottom:15%;
        width:100px;
        max-width:100px
    }
    .intro10-section .shape-12{
        right:5%;
        bottom:14%;
        width:200px;
        max-width:200px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro10-section .shape{
        position:absolute;
        z-index:1
    }
    .intro10-section .shape-1{
        top:0;
        right:8%;
        width:20%;
        max-width:20%
    }
    .intro10-section .shape-2{
        top:0;
        left:0;
        width:280px;
        max-width:280px
    }
    .intro10-section .shape-3{
        bottom:30px;
        left:0;
        width:180px;
        height:180px
    }
    .intro10-section .shape-3 svg{
        width:100%;
        height:100%
    }
    .intro10-section .shape-3 svg *{
        fill:#b2e0f6
    }
    .intro10-section .shape-4{
        left:15px;
        bottom:75px;
        width:20%;
        max-width:20%
    }
    .intro10-section .shape-5{
        left:25%;
        bottom:30px;
        width:150px;
        max-width:150px
    }
    .intro10-section .shape-6{
        right:5%;
        bottom:0;
        width:220px;
        max-width:220px
    }
    .intro10-section .shape-7{
        display:none
    }
    .intro10-section .shape-8{
        display:none
    }
    .intro10-section .shape-9{
        right:60px;
        bottom:350px;
        width:80px;
        max-width:80px
    }
    .intro10-section .shape-10{
        left:5%;
        bottom:30%;
        width:200px;
        max-width:200px
    }
    .intro10-section .shape-11{
        left:0;
        bottom:15%;
        width:100px;
        max-width:100px
    }
    .intro10-section .shape-12{
        right:5%;
        bottom:14%;
        width:200px;
        max-width:200px
    }
}
@media only screen and (max-width:767px){
    .intro10-section .shape{
        position:absolute;
        z-index:1
    }
    .intro10-section .shape-1{
        top:0;
        right:8%;
        width:20%;
        max-width:20%
    }
    .intro10-section .shape-2{
        top:0;
        left:0;
        width:280px;
        max-width:280px
    }
    .intro10-section .shape-3{
        bottom:30px;
        left:0;
        width:120px;
        height:120px
    }
    .intro10-section .shape-3 svg{
        width:100%;
        height:100%
    }
    .intro10-section .shape-3 svg *{
        fill:#b2e0f6
    }
    .intro10-section .shape-4{
        left:15px;
        bottom:75px;
        width:20%;
        max-width:20%
    }
    .intro10-section .shape-5{
        left:25%;
        bottom:30px;
        width:100px;
        max-width:100px
    }
    .intro10-section .shape-6{
        right:5%;
        bottom:0;
        width:180px;
        max-width:180px
    }
    .intro10-section .shape-7{
        display:none
    }
    .intro10-section .shape-8{
        display:none
    }
    .intro10-section .shape-9{
        right:60px;
        bottom:350px;
        width:50px;
        max-width:50px
    }
    .intro10-section .shape-10{
        left:5%;
        bottom:15%;
        width:100px;
        max-width:100px
    }
    .intro10-section .shape-11{
        left:5%;
        bottom:6%;
        width:70px;
        max-width:70px
    }
    .intro10-section .shape-12{
        right:5%;
        bottom:5%;
        width:100px;
        max-width:100px
    }
}
.intro10-content .sub-title{
    font-family:Conv_Rossela-Demo-2;
    font-size:64px;
    font-weight:300;
    color:#6ac5f1
}
.intro10-content .title{
    font-size:40px;
    line-height:1.4;
    font-weight:700;
    color:#333;
    max-width:580px;
    margin:0 auto;
    margin-bottom:35px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro10-content .sub-title{
        font-size:50px
    }
    .intro10-content .title{
        font-size:34px;
        line-height:1.4
    }
}
@media only screen and (max-width:767px){
    .intro10-content .sub-title{
        font-size:36px
    }
    .intro10-content .title{
        font-size:28px;
        line-height:1.4
    }
}
.intro11-slider-wrap{
    position:relative;
    z-index:9
}
.intro11-slider-wrap .shape{
    position:absolute;
    z-index:1
}
.intro11-slider-wrap .shape-1{
    top:0;
    left:-100px
}
.intro11-slider-wrap .shape-2{
    bottom:-70px;
    left:45%
}
.intro11-slider-wrap .shape-3{
    bottom:300px;
    right:-60px
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .intro11-slider-wrap .shape-1{
        top:0;
        left:0
    }
    .intro11-slider-wrap .shape-1 img{
        width:150px
    }
    .intro11-slider-wrap .shape-2{
        bottom:0;
        left:45%
    }
    .intro11-slider-wrap .shape-2 img{
        width:100px
    }
    .intro11-slider-wrap .shape-3{
        bottom:300px;
        right:0
    }
    .intro11-slider-wrap .shape-3 img{
        width:200px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro11-slider-wrap .shape-1{
        top:0;
        left:0
    }
    .intro11-slider-wrap .shape-1 img{
        width:120px
    }
    .intro11-slider-wrap .shape-2{
        bottom:0;
        left:45%
    }
    .intro11-slider-wrap .shape-2 img{
        width:80px
    }
    .intro11-slider-wrap .shape-3{
        bottom:300px;
        right:0
    }
    .intro11-slider-wrap .shape-3 img{
        width:150px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro11-slider-wrap .shape-1{
        top:0;
        left:0
    }
    .intro11-slider-wrap .shape-1 img{
        width:120px
    }
    .intro11-slider-wrap .shape-2{
        bottom:0;
        left:45%
    }
    .intro11-slider-wrap .shape-2 img{
        width:80px
    }
    .intro11-slider-wrap .shape-3{
        bottom:300px;
        right:0
    }
    .intro11-slider-wrap .shape-3 img{
        width:150px
    }
}
@media only screen and (max-width:767px){
    .intro11-slider-wrap .shape{
        display:none
    }
}
.intro11-section{
    background-color:transparent;
    background-image:-webkit-gradient(linear,left top,right top,color-stop(65%,#edf4f8),color-stop(65%,#fff));
    background-image:linear-gradient(90deg,#edf4f8 65%,#fff 65%);
    position:relative;
    z-index:9;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:750px;
    padding:120px 0
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro11-section{
        height:700px;
        padding:120px 0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro11-section{
        height:500px;
        padding:80px 0
    }
}
@media only screen and (max-width:767px){
    .intro11-section{
        background-image:-webkit-gradient(linear,left top,right top,color-stop(100%,#edf4f8),to(#fff));
        background-image:linear-gradient(90deg,#edf4f8 100%,#fff 100%);
        height:100%;
        padding:60px 0
    }
}
.intro11-section .container{
    z-index:9
}
.intro11-content>*{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
.intro11-content .sub-title{
    display:block;
    font-size:24px;
    line-height:32px;
    font-weight:600;
    color:#333;
    margin-bottom:30px
}
.intro11-content .title{
    font-size:56px;
    line-height:72px;
    font-weight:700;
    color:#333;
    max-width:550px;
    margin-bottom:50px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro11-content .sub-title{
        font-size:21px;
        margin-bottom:20px
    }
    .intro11-content .title{
        font-size:46px;
        line-height:56px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro11-content .sub-title{
        font-size:18px;
        line-height:26px;
        margin-bottom:20px
    }
    .intro11-content .title{
        font-size:36px;
        line-height:44px;
        margin-bottom:30px
    }
}
@media only screen and (max-width:767px){
    .intro11-content{
        margin-bottom:30px
    }
    .intro11-content .sub-title{
        font-size:18px;
        line-height:26px;
        margin-bottom:20px
    }
    .intro11-content .title{
        font-size:36px;
        line-height:44px;
        margin-bottom:30px
    }
}
.intro-image>*{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
.intro11-slider .main-slider-nav{
    cursor:pointer;
    background:rgba(0,0,0,.25);
    width:100px;
    height:100px;
    line-height:100px;
    display:block;
    text-align:center;
    color:#fff;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);
    transition:all .25s cubic-bezier(.645,.045,.355,1)
}
.intro11-slider .main-slider-nav::after{
    display:none
}
.intro11-slider .main-slider-nav i{
    font-size:40px;
    line-height:1;
    vertical-align:middle
}
.intro11-slider .main-slider-nav:hover{
    color:#ef6f31
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .intro11-slider .main-slider-nav{
        width:80px;
        height:80px;
        line-height:80px
    }
    .intro11-slider .main-slider-nav i{
        font-size:30px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro11-slider .main-slider-nav{
        width:60px;
        height:60px;
        line-height:60px
    }
    .intro11-slider .main-slider-nav i{
        font-size:24px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro11-slider .main-slider-nav{
        width:60px;
        height:60px;
        line-height:60px
    }
    .intro11-slider .main-slider-nav i{
        font-size:24px
    }
}
@media only screen and (max-width:767px){
    .intro11-slider .main-slider-nav{
        width:50px;
        height:50px;
        line-height:50px
    }
    .intro11-slider .main-slider-nav i{
        font-size:24px
    }
}
.intro11-slider .home11-slider-prev{
    left:30px
}
.intro11-slider .home11-slider-next{
    right:30px
}
.intro11-slider .home11-slider-next::after{
    display:none
}
.intro11-slider:hover .main-slider-nav{
    opacity:1;
    visibility:visible
}
.swiper-slide-active .intro11-content>*{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
.swiper-slide-active .intro11-content>:nth-child(1){
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
.swiper-slide-active .intro11-content>:nth-child(2){
    -webkit-animation-delay:1s;
    animation-delay:1s
}
.swiper-slide-active .intro11-content>:nth-child(3){
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
.swiper-slide-active .intro11-content>:nth-child(4){
    -webkit-animation-delay:2s;
    animation-delay:2s
}
.swiper-slide-active .intro11-content>:nth-child(5){
    -webkit-animation-delay:2.5s;
    animation-delay:2.5s
}
.swiper-slide-active .intro11-content>:nth-child(6){
    -webkit-animation-delay:3s;
    animation-delay:3s
}
.swiper-slide-active .intro-image>*{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
.swiper-slide-active .intro-image>:nth-child(1){
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
.swiper-slide-active .intro-image>:nth-child(2){
    -webkit-animation-delay:1s;
    animation-delay:1s
}
.intro11-slider .intro11-section{
    -webkit-transform:scale(1.35);
    transform:scale(1.35);
    transform:scale(1.35);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.swiper-slide-active .intro11-section{
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:-webkit-transform 11s cubic-bezier(.1,.2,.7,1);
    transition:-webkit-transform 11s cubic-bezier(.1,.2,.7,1);
    transition:transform 11s cubic-bezier(.1,.2,.7,1);
    transition:transform 11s cubic-bezier(.1,.2,.7,1),-webkit-transform 11s cubic-bezier(.1,.2,.7,1)
}
.intro12-section{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-repeat:repeat!important;
    background-position:inherit!important;
    background-size:inherit!important;
    padding:137px 0 0;
    overflow:hidden
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro12-section{
        padding:100px 0 0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro12-section{
        padding:100px 0 0
    }
}
@media only screen and (max-width:767px){
    .intro12-section{
        padding:100px 0 0
    }
}
.intro12-section .container{
    z-index:9
}
.intro12-content{
    max-width:440px
}
@media only screen and (max-width:767px){
    .intro12-content{
        max-width:100%
    }
}
.intro12-content .sub-title{
    display:block;
    font-size:15px;
    font-weight:500;
    text-transform:uppercase;
    line-height:2;
    letter-spacing:2px;
    color:#333;
    margin-bottom:10px
}
.intro12-content .title{
    font-family:"Playfair Display",serif;
    font-size:56px;
    font-weight:300;
    line-height:1.34;
    color:#333
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro12-content .title{
        font-size:46px
    }
}
.intro12-content .desc{
    margin-top:25px
}
.intro12-content .desc p{
    font-size:16px;
    font-weight:500;
    line-height:1.875;
    color:#696969
}
.intro12-content .btn{
    margin-top:30px
}
@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px){
    .intro12-content .title{
        font-size:36px
    }
    .intro12-content .desc p{
        font-size:16px
    }
}
@media only screen and (max-width:479px){
    .intro12-content .title{
        font-size:30px
    }
    .intro12-content .desc p{
        font-size:14px
    }
}
.intro12-image{
    position:relative;
    z-index:9;
    text-align:center
}
.intro12-image img{
    width:100%
}
@media only screen and (max-width:767px){
    .intro12-image img{
        width:50%
    }
}
.intro12-image .shape{
    position:absolute;
    z-index:-1
}
.intro12-image .shape-1{
    bottom:0;
    right:-120px
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .intro12-image .shape-1{
        right:0
    }
    .intro12-image .shape-1 img{
        max-width:450px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .intro12-image .shape-1{
        right:0
    }
    .intro12-image .shape-1 img{
        max-width:450px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .intro12-image .shape-1{
        right:0
    }
    .intro12-image .shape-1 img{
        max-width:350px
    }
}
@media only screen and (max-width:767px){
    .intro12-image .shape-1{
        right:0
    }
    .intro12-image .shape-1 img{
        max-width:50%;
        max-width:50%
    }
}
.teacher-quote-wrapper{padding-bottom:50px; padding-left:135px}
@media only screen and (min-width:992px) and (max-width:1199px){
    .teacher-quote-wrapper{padding-left:135px}
}
@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px){
    .teacher-quote-wrapper{padding-left:0; padding-bottom:0;}
}
.teacher-quote{display:-webkit-box; display:-ms-flexbox; display:flex; background-color:#fff; box-shadow: 0 0 40px #f1e5dc;}
.teacher-quote .image{position:relative; -webkit-box-flex:1; -ms-flex:1 0 auto; flex:1 0 auto; width:320px; margin-left:-135px; -webkit-transform:translateY(50px); transform:translateY(50px); padding: 25px; background: #fff; box-shadow: 0 0 25px #e7dcd6;}
.teacher-quote .image img{}
.teacher-quote .content{padding:50px 30px 35px 50px}
.teacher-quote .content .section-title{margin-bottom:25px;}
/* .teacher-quote .content .section-title .title,
.teacher-quote .content .section-title .title span{color:#fff;} */
.teacher-quote .content .quote{width:64.5%; padding:0 15px}
.teacher-quote .content .quote p{font-size: 16px; font-weight:300; line-height: 1.5;}
.teacher-quote .content .quote p strong{color:#f58634;}
.teacher-quote .content .experience{width:35.406%; padding:0 15px}
.teacher-quote .content .experience .amount{font-size:32px; font-weight:800; line-height:1.3; display:inline-block; color:#f58634}
.teacher-quote .content .experience .amount span{font-size:24px; margin-left:5px; font-weight:300;}
.teacher-quote .content .experience .title{font-size:15px; line-height:2; margin-bottom:10px; letter-spacing:2px; text-transform:uppercase; color:#3f3a64}
.teacher-quote .content .experience .link{font-size: 14px; font-weight: 700; color: #fff; background: #f58634; padding: 10px 15px 5px; text-transform: uppercase; letter-spacing: 1px; display: block; text-align: center;}
.teacher-quote .content .experience .link:hover{background-color:#0081bf}
.funfact{text-align:center}
.funfact .number{font-size:42px; font-weight:800; line-height:1;  display:block; color:#a4b2b9}
.funfact .text{font-size:15px; font-weight:700; line-height:1.34; margin-top:14px; margin-bottom:0; letter-spacing:2px; text-transform:uppercase; color:#3f3a64}
.video-section{margin-bottom:140px; padding:60px 0 0;}

@media only screen and (min-width:992px) and (max-width:1199px){
    .teacher-quote .content .quote p{font-size:20px}
}
@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px){
    .teacher-quote .image{display:none}
}
@media only screen and (min-width:768px) and (max-width:991px){
    .teacher-quote .content .quote p{font-size:22px}
}
@media only screen and (max-width:767px){
    .teacher-quote .content{padding:40px}
    .teacher-quote .content .quote{width:100%; margin-bottom:20px}
    .teacher-quote .content .experience{width:100%}
    .funfact .number{font-size: 32px;}
}
@media only screen and (max-width:575px){
    .teacher-quote .content{padding:30px}
}
.author-quote{
    padding-left:50px;
    max-width:400px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .author-quote{
        padding-left:0;
        margin-top:30px
    }
}
@media only screen and (max-width:767px){
    .author-quote{
        padding-left:0;
        margin-top:30px
    }
}
.author-quote .title{
    font-family:"Playfair Display",serif;
    font-size:24px;
    font-weight:300;
    line-height:1.916;
    margin-bottom:50px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .author-quote .title{
        font-size:21px;
        margin-bottom:30px
    }
}
@media only screen and (max-width:767px){
    .author-quote .title{
        font-size:18px;
        margin-bottom:20px
    }
}
.author-quote .motivation-name-icon{
    margin-bottom:25px
}
.author-quote .author-name h3{
    font-size:21px;
    font-weight:600;
    color:#3f3a64;
    margin-bottom:12px
}
.author-quote .author-name span{
    font-size:12px;
    font-weight:500;
    text-transform:uppercase;
    line-height:1.5;
    letter-spacing:1.38px;
    color:#8c89a2
}
.testimonial-slider{
    margin:-30px;
    padding:30px
}
.testimonial-slider .swiper-slide:not(.swiper-slide-visible) .testimonial{
    -webkit-box-shadow:none;
    box-shadow:none
}
.testimonial-slider-two .swiper-slide.swiper-slide-prev{
    opacity:.5
}
.testimonial-slider-two .swiper-slide.swiper-slide-next{
    opacity:.5
}
.testimonial{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    height:100%;
    padding:40px 28px;
    border-radius:5px;
    background:#fff;
    -webkit-box-shadow:0 0 30px rgba(51,51,51,.1);
    box-shadow:0 0 30px rgba(51,51,51,.1);
    min-height: 335px;
}
.testimonial .image{
    -webkit-box-flex:1;
    -ms-flex:1 0 auto;
    flex:1 0 auto;
    width:70px
}
.testimonial .image img{
    width:70px;
    border-radius:50%
}
.testimonial .content{
    -webkit-box-flex:1;
    -ms-flex:1 0 auto;
    flex:1 0 auto;
    width:calc(100% - 70px);
    padding-left:30px
}
.testimonial .content p{
    font-size:14px;
    font-weight:500;
    line-height:1.67;
    margin-bottom:34px
}
.testimonial .content .name{
    font-size:15px;
    line-height:1.3;
    margin-bottom:0;
    letter-spacing:1px;
    text-transform:uppercase
}
.testimonial .content .position{
    font-size:14px;
    display:block;
    margin-top:11px;
    color:#7e7e7e
}
@media only screen and (max-width:479px){
    .testimonial .content{
        width:100%;
        padding-top:20px;
        padding-left:0
    }
}
.testimonial-two{
    height:100%;
    padding:31px 50px 47px;
    background:#fff;
    -webkit-box-shadow:0 0 20px rgba(51,51,51,.1);
    box-shadow:0 0 20px rgba(51,51,51,.1);
    border-radius:5px
}
@media only screen and (max-width:767px){
    .testimonial-two{
        padding:31px 25px 47px
    }
}
.testimonial-two.testimonial-three{
    padding:41px 50px 36px;
    -webkit-box-shadow:0 16px 40px -40px rgba(51,51,51,.13);
    box-shadow:0 16px 40px -40px rgba(51,51,51,.13)
}
@media only screen and (max-width:767px){
    .testimonial-two.testimonial-three{
        padding:30px 20px 30px
    }
}
.testimonial-two.testimonial-three .content .title{
    font-size:20px;
    line-height:1.6;
    margin-bottom:15px
}
.testimonial-two.testimonial-three .content p{
    font-size:18px;
    font-weight:500;
    line-height:1.67
}
.testimonial-two.testimonial-three .author-info{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:left;
    padding-top:40px;
    padding-bottom:0
}
@media only screen and (max-width:767px){
    .testimonial-two.testimonial-three .author-info{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        padding-top:20px
    }
}
.testimonial-two.testimonial-three .author-info .image{
    -ms-flex-negative:0;
    flex-shrink:0;
    margin:0 20px 0 0
}
.testimonial-two.testimonial-three .author-info .image img{
    width:70px;
    border-radius:50%
}
.testimonial-two.testimonial-three .author-info .cite .name{
    display:block;
    font-size:15px;
    line-height:1.3;
    margin-bottom:0;
    letter-spacing:1px;
    text-transform:uppercase
}
.testimonial-two.testimonial-three .author-info .cite .position{
    display:block;
    margin-left:0;
    margin-top:10px;
    font-size:14px;
    color:#7e7e7e
}
.testimonial-two.testimonial-kitchen{
    position:relative;
    background-color:#faf8f6;
    padding:59px 50px 53px
}
@media only screen and (max-width:767px){
    .testimonial-two.testimonial-kitchen{
        padding:30px 25px 30px
    }
}
.testimonial-two.testimonial-kitchen .testimonial-quote-icon{
    position:absolute;
    top:34px;
    right:47px;
    font-size:40px;
    line-height:1
}
.testimonial-two.testimonial-kitchen .testimonial-quote-icon svg{
    -webkit-transform:scale(-1,-1);
    transform:scale(-1,-1);
    width:40px;
    height:auto
}
.testimonial-two.testimonial-kitchen .testimonial-quote-icon svg path{
    fill:#f8e4d9
}
.testimonial-two.testimonial-kitchen .content p{
    font-family:"Playfair Display",serif;
    font-size:18px;
    font-weight:300;
    font-style:italic;
    line-height:1.78;
    letter-spacing:1px
}
.testimonial-two .author-info{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:left;
    padding-bottom:20px
}
@media only screen and (max-width:767px){
    .testimonial-two .author-info{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.testimonial-two .author-info .image{
    -ms-flex-negative:0;
    flex-shrink:0;
    margin:0 30px 0 0
}
@media only screen and (max-width:767px){
    .testimonial-two .author-info .image{
        margin-right:0;
        margin-bottom:20px
    }
}
.testimonial-two .author-info .image img{
    width:90px;
    border-radius:50%
}
.testimonial-two .author-info .cite .testimonial-rating{
    font-size:14px;
    color:#fb0;
    margin-bottom:11px
}
.testimonial-two .author-info .cite .name{
    display:inline-block;
    font-size:15px;
    line-height:1.3;
    margin-bottom:0;
    letter-spacing:1px;
    text-transform:uppercase
}
.testimonial-two .author-info .cite .position{
    display:inline-block;
    margin:0 0 0 13px;
    font-size:14px;
    color:#7e7e7e
}
.testimonial-two .content p{
    font-size:18px;
    font-weight:500;
    line-height:1.67
}
.testimonial-four{
    width:770px;
    margin:0 auto;
    text-align:center
}
@media only screen and (min-width:768px) and (max-width:991px){
    .testimonial-four{
        width:100%
    }
}
@media only screen and (max-width:767px){
    .testimonial-four{
        width:100%
    }
}
.testimonial-four .content .title{
    font-size:34px;
    font-weight:700;
    line-height:48px;
    margin-bottom:0
}
@media only screen and (max-width:767px){
    .testimonial-four .content .title{
        font-size:26px;
        line-height:36px
    }
}
@media only screen and (max-width:479px){
    .testimonial-four .content .title{
        font-size:18px;
        line-height:28px
    }
}
.testimonial-four .author-info{
    display:inline-block;
    padding-top:40px
}
@media only screen and (max-width:767px){
    .testimonial-four .author-info{
        padding-top:20px
    }
}
.testimonial-four .author-info .cite .name{
    display:block;
    font-size:15px;
    line-height:1.3;
    margin-bottom:0;
    letter-spacing:1px;
    text-transform:uppercase
}
.testimonial-four .author-info .cite .position{
    display:block;
    margin-top:10px;
    font-size:14px;
    color:#7e7e7e
}
.testimonial-five{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:1000px;
    margin:0 auto;
    position:relative;
    z-index:9;
    padding:0 15px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .testimonial-five{
        width:100%
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .testimonial-five{
        width:100%
    }
}
@media only screen and (max-width:767px){
    .testimonial-five{
        width:100%;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.testimonial-five .shape{
    position:absolute;
    z-index:1
}
.testimonial-five .shape-1{
    top:0;
    left:-39px;
    z-index:-1;
    width:166px;
    height:166px;
    -webkit-transform:rotate(0) scale(1,1);
    transform:rotate(0) scale(1,1)
}
.testimonial-five .shape-1 svg{
    width:100%;
    height:100%
}
.testimonial-five .shape-1 svg *{
    fill:#d2a98e
}
.testimonial-five .shape-2{
    bottom:0;
    left:110px;
    width:124px;
    z-index:-1
}
.testimonial-five .author-image{
    margin:0 100px 0 0;
    width:200px;
    -webkit-box-flex:0;
    -ms-flex:0 0 200px;
    flex:0 0 200px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .testimonial-five .author-image{
        margin:0 50px 0 0;
        width:140px;
        -webkit-box-flex:0;
        -ms-flex:0 0 140px;
        flex:0 0 140px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .testimonial-five .author-image{
        margin:0 50px 0 0;
        width:140px;
        -webkit-box-flex:0;
        -ms-flex:0 0 140px;
        flex:0 0 140px
    }
}
@media only screen and (max-width:767px){
    .testimonial-five .author-image{
        margin:0 0 20px 0;
        width:140px;
        -webkit-box-flex:0;
        -ms-flex:0 0 140px;
        flex:0 0 140px
    }
}
.testimonial-five .author-image img{
    width:200px;
    height:200px;
    border-radius:50%
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .testimonial-five .author-image img{
        width:140px;
        height:140px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .testimonial-five .author-image img{
        width:140px;
        height:140px
    }
}
@media only screen and (max-width:767px){
    .testimonial-five .author-image img{
        width:140px;
        height:140px
    }
}
.testimonial-five .author-content .content .title{
    font-size:34px;
    font-weight:500;
    line-height:1.42;
    color:#333
}
@media only screen and (min-width:768px) and (max-width:991px){
    .testimonial-five .author-content .content .title{
        font-size:28px
    }
}
@media only screen and (max-width:767px){
    .testimonial-five .author-content .content .title{
        font-size:24px
    }
}
.testimonial-five .author-content .author-info{
    display:inline-block;
    padding-top:35px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .testimonial-five .author-content .author-info{
        padding-top:20px
    }
}
@media only screen and (max-width:767px){
    .testimonial-five .author-content .author-info{
        padding-top:20px
    }
}
.testimonial-five .author-content .author-info .cite .name{
    display:block;
    font-size:15px;
    line-height:1.3;
    margin-bottom:0;
    letter-spacing:1px;
    text-transform:uppercase
}
.testimonial-five .author-content .author-info .cite .position{
    display:block;
    margin-top:10px;
    font-size:14px;
    color:#7e7e7e
}
.h5-testimonial-slider .swiper-wrapper .swiper-slide{
    padding-top:70px
}
.static-testimonial{
    margin:30px 0;
    padding:44px 26px 44px;
    background-color:#fff;
    border-radius:5px;
    -webkit-box-shadow:0 0 40px 0 rgba(51,51,51,.1);
    box-shadow:0 0 40px 0 rgba(51,51,51,.1);
    text-align:center
}
.static-testimonial.h5-testimonial{
    position:relative;
    padding:41px 28px 38px;
    padding-top:100px;
    -webkit-box-shadow:0 0 30px rgba(51,51,51,.1);
    box-shadow:0 0 30px rgba(51,51,51,.1);
    height:100%;
    margin:0
}
.static-testimonial.h5-testimonial .testimonial-image{
    position:absolute;
    top:0;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    margin-bottom:0
}
.static-testimonial.h5-testimonial .testimonial-image img{
    width:140px;
    height:140px;
    border-radius:50%
}
.static-testimonial.testimonial-home-8{
    margin:0 30px;
    padding:41px 50px 36px;
    -webkit-box-shadow:0 16px 40px -40px rgba(51,51,51,.13);
    box-shadow:0 16px 40px -40px rgba(51,51,51,.13)
}
@media only screen and (max-width:767px){
    .static-testimonial.testimonial-home-8{
        margin:0
    }
}
@media only screen and (max-width:479px){
    .static-testimonial.testimonial-home-8{
        padding:35px 25px 35px
    }
}
.static-testimonial.testimonial-home-8 .testimonial-image{
    display:inline-block;
    border:6px solid #50e3c2;
    border-radius:50%;
    padding:3px
}
.static-testimonial.testimonial-home-8 .testimonial-image img{
    width:124px;
    height:124px;
    border-radius:50%
}
.static-testimonial.testimonial-home-8 .testimonial-content{
    position:relative;
    max-width:530px;
    margin:0 auto;
    text-align:center;
    padding-top:45px
}
.static-testimonial.testimonial-home-8 .testimonial-content::before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    background:url(../images/testimonial-icon-8.png) no-repeat center;
    width:36px;
    height:31px
}
.static-testimonial.testimonial-home-8 .testimonial-content p{
    font-size:21px;
    font-weight:500;
    line-height:1.62;
    color:#3f3a64;
    margin-bottom:0
}
@media only screen and (max-width:479px){
    .static-testimonial.testimonial-home-8 .testimonial-content p{
        font-size:16px
    }
}
.static-testimonial.testimonial-home-8 .author-info{
    padding:21px 0 0
}
.static-testimonial .testimonial-image{
    margin-bottom:30px
}
.static-testimonial .testimonial-image img{
    border-radius:50%
}
.static-testimonial .testimonial-content{
    margin-bottom:40px
}
.static-testimonial .testimonial-content p{
    font-size:18px;
    font-weight:500;
    line-height:30px;
    color:#3f3a64;
    margin-bottom:0
}
.static-testimonial .author-info{
    display:inline-block
}
.static-testimonial .author-info .cite .name{
    display:block;
    font-size:15px;
    line-height:1.3;
    margin-bottom:0;
    letter-spacing:1px;
    text-transform:uppercase
}
.static-testimonial .author-info .cite .position{
    display:block;
    margin-top:10px;
    font-size:15px;
    color:#7e7e7e
}
.testimonial-modern-heading{
    max-width:270px;
    width:270px;
    margin:0 0 30px;
    padding:30px 26px;
    background-color:#fff;
    border-radius:5px;
    -webkit-box-shadow:0 0 40px 0 rgba(51,51,51,.1);
    box-shadow:0 0 40px 0 rgba(51,51,51,.1);
    float:right
}
.testimonial-modern-heading .title{
    font-size:20px;
    line-height:30px;
    color:#3f3a64
}
.testimonial-rating-area{
    padding:56px 25px 36px;
    max-width:210px;
    width:210px;
    background-color:#fff;
    -webkit-box-shadow:0 0 40px 0 rgba(51,51,51,.1);
    box-shadow:0 0 40px 0 rgba(51,51,51,.1);
    border-radius:5px;
    text-align:center
}
.testimonial-rating-area .rating-number h2{
    font-size:24px;
    line-height:1;
    color:#3f3a64
}
.testimonial-rating-area .testimonial-rating{
    font-size:18px;
    color:#fb0;
    margin:5px 0 10px
}
.animation-shape{
    position:relative;
    z-index:9
}
.animation-shape .shape{
    position:absolute;
    z-index:1
}
.animation-shape .shape-1{
    z-index:11;
    top:-35px;
    left:-242px
}
.animation-shape .shape-1 span{
    display:block;
    width:52px;
    height:52px;
    text-indent:-9999px;
    border:6px solid rgba(32,173,150,.5);
    border-radius:50%
}
.animation-shape .shape-2{
    left:-70px;
    top:164px
}
.animation-shape .shape-2 span{
    display:block;
    width:35px;
    height:35px;
    text-indent:-9999px;
    background:rgba(255,77,36,.7);
    border-radius:50%
}
.animation-shape .shape-3{
    top:314px;
    left:-285px
}
.animation-shape .shape-3 span{
    display:block;
    width:54px;
    height:54px;
    text-indent:-9999px;
    background:#ebb860;
    border-radius:50%
}
.animation-shape .shape-4{
    top:-100px;
    right:-205px
}
.animation-shape .shape-4 span{
    display:block;
    width:46px;
    height:46px;
    text-indent:-9999px;
    background:#bce6df;
    border-radius:50%
}
.animation-shape .shape-5{
    top:0;
    right:30px
}
.animation-shape .shape-5 span{
    display:block;
    width:36px;
    height:36px;
    text-indent:-9999px;
    background:rgba(114,136,232,.6);
    border-radius:50%
}
.animation-shape .shape-6{
    top:233px;
    right:-216px
}
.animation-shape .shape-6 span{
    display:block;
    width:38px;
    height:38px;
    text-indent:-9999px;
    background:rgba(223,91,108,.7);
    border-radius:50%
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .animation-shape .shape-1{
        z-index:11;
        top:-35px;
        left:0
    }
    .animation-shape .shape-2{
        left:50px;
        top:100px
    }
    .animation-shape .shape-3{
        top:180px;
        left:0
    }
    .animation-shape .shape-4{
        top:-100px;
        right:0
    }
    .animation-shape .shape-5{
        top:0;
        right:30px
    }
    .animation-shape .shape-6{
        top:180px;
        right:0
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .animation-shape .shape-1{
        z-index:11;
        top:-35px;
        left:0
    }
    .animation-shape .shape-2{
        left:50px;
        top:100px
    }
    .animation-shape .shape-3{
        top:180px;
        left:0
    }
    .animation-shape .shape-4{
        top:-100px;
        right:0
    }
    .animation-shape .shape-5{
        top:0;
        right:30px
    }
    .animation-shape .shape-6{
        top:180px;
        right:0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .animation-shape .shape-1{
        z-index:11;
        top:-35px;
        left:0
    }
    .animation-shape .shape-2{
        left:50px;
        top:100px
    }
    .animation-shape .shape-3{
        top:180px;
        left:0
    }
    .animation-shape .shape-4{
        top:-100px;
        right:0
    }
    .animation-shape .shape-5{
        top:0;
        right:30px
    }
    .animation-shape .shape-6{
        top:180px;
        right:0
    }
}
@media only screen and (max-width:767px){
    .animation-shape .shape{
        z-index:-1
    }
    .animation-shape .shape-1{
        top:-35px;
        left:0
    }
    .animation-shape .shape-2{
        left:50px;
        top:100px
    }
    .animation-shape .shape-3{
        top:155px;
        left:0
    }
    .animation-shape .shape-4{
        top:-100px;
        right:0
    }
    .animation-shape .shape-5{
        top:0;
        right:30px
    }
    .animation-shape .shape-6{
        top:155px;
        right:0
    }
}
.animation-shape-two{
    position:relative;
    z-index:9
}
.animation-shape-two .shape{
    position:absolute;
    z-index:1
}
.animation-shape-two .shape-1{
    z-index:11;
    top:0;
    left:0
}
.animation-shape-two .shape-1 span{
    display:block;
    width:52px;
    height:52px;
    text-indent:-9999px;
    border:6px solid rgba(32,173,150,.5);
    border-radius:50%
}
.animation-shape-two .shape-2{
    left:-195px;
    bottom:99px
}
.animation-shape-two .shape-2 span{
    display:block;
    width:35px;
    height:35px;
    text-indent:-9999px;
    background:#fa7d61;
    border-radius:50%
}
.animation-shape-two .shape-3{
    top:62px;
    right:0
}
.animation-shape-two .shape-3 span{
    display:block;
    width:46px;
    height:46px;
    text-indent:-9999px;
    background:#bce6df;
    border-radius:50%
}
.animation-shape-two .shape-4{
    bottom:0;
    right:0
}
.animation-shape-two .shape-4 span{
    display:block;
    width:38px;
    height:38px;
    text-indent:-9999px;
    background:#e28794;
    border-radius:50%
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .animation-shape-two .shape{
        position:absolute;
        z-index:1
    }
    .animation-shape-two .shape-1{
        z-index:11;
        top:0;
        left:0
    }
    .animation-shape-two .shape-2{
        left:10px;
        bottom:99px
    }
    .animation-shape-two .shape-3{
        top:62px;
        right:0
    }
    .animation-shape-two .shape-4{
        bottom:0;
        right:0
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .animation-shape-two .shape{
        position:absolute;
        z-index:1
    }
    .animation-shape-two .shape-1{
        z-index:11;
        top:0;
        left:0
    }
    .animation-shape-two .shape-2{
        left:10px;
        bottom:99px
    }
    .animation-shape-two .shape-2 span{
        display:block;
        width:35px;
        height:35px;
        text-indent:-9999px;
        background:#fa7d61;
        border-radius:50%
    }
    .animation-shape-two .shape-3{
        top:62px;
        right:0
    }
    .animation-shape-two .shape-4{
        bottom:0;
        right:0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .animation-shape-two .shape{
        position:absolute;
        z-index:1
    }
    .animation-shape-two .shape-1{
        z-index:11;
        top:0;
        left:0
    }
    .animation-shape-two .shape-2{
        left:-10px;
        bottom:99px
    }
    .animation-shape-two .shape-3{
        top:62px;
        right:0
    }
    .animation-shape-two .shape-4{
        bottom:0;
        right:0
    }
}
@media only screen and (max-width:767px){
    .animation-shape-two .shape{
        position:absolute;
        z-index:1
    }
    .animation-shape-two .shape-1{
        z-index:-1;
        top:0;
        left:0
    }
    .animation-shape-two .shape-2{
        left:10px;
        bottom:99px
    }
    .animation-shape-two .shape-3{
        top:62px;
        right:0
    }
    .animation-shape-two .shape-4{
        bottom:0;
        right:0
    }
}
.animation-shape-three{
    position:relative;
    z-index:9
}
.animation-shape-three .shape{
    position:absolute;
    z-index:1
}
.animation-shape-three .shape-1{
    z-index:11;
    top:25px;
    left:-184px
}
.animation-shape-three .shape-1 span{
    display:block;
    width:54px;
    height:54px;
    text-indent:-9999px;
    border:0;
    background:#ebb860;
    border-radius:50%
}
.animation-shape-three .shape-2{
    top:56px;
    left:auto;
    right:-156px
}
.animation-shape-three .shape-2 span{
    display:block;
    width:36px;
    height:36px;
    text-indent:-9999px;
    background:#aab8f1;
    border-radius:50%
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .animation-shape-three .shape{
        position:absolute;
        z-index:1
    }
    .animation-shape-three .shape-1{
        z-index:11;
        top:25px;
        left:0
    }
    .animation-shape-three .shape-2{
        top:56px;
        left:auto;
        right:0
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .animation-shape-three .shape{
        position:absolute;
        z-index:1
    }
    .animation-shape-three .shape-1{
        z-index:11;
        top:25px;
        left:0
    }
    .animation-shape-three .shape-2{
        top:56px;
        left:auto;
        right:0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .animation-shape-three .shape{
        position:absolute;
        z-index:1
    }
    .animation-shape-three .shape-1{
        z-index:-1;
        top:25px;
        left:0
    }
    .animation-shape-three .shape-2{
        top:56px;
        left:auto;
        right:0
    }
}
@media only screen and (max-width:767px){
    .animation-shape-three .shape{
        position:absolute;
        z-index:-1
    }
    .animation-shape-three .shape-1{
        top:25px;
        left:0
    }
    .animation-shape-three .shape-2{
        top:56px;
        left:auto;
        right:0
    }
}
.testimonial-area{
    position:relative;
    z-index:9
}
.testimonial-area .shape{
    position:absolute;
    z-index:1
}
.testimonial-area .shape-1{
    bottom:130px;
    left:-110px;
    z-index:-1;
    width:166px;
    height:166px;
    -webkit-transform:rotate(0) scale(1,1);
    transform:rotate(0) scale(1,1)
}
.testimonial-area .shape-1 svg{
    width:100%;
    height:100%
}
.testimonial-area .shape-1 svg *{
    fill:#8fd6ca
}
.testimonial-area .shape-2{
    bottom:80px;
    left:-70px;
    z-index:-1
}
.testimonial-area .shape-3{
    z-index:11;
    top:100px;
    right:50px
}
.testimonial-area .shape-3 span{
    display:block;
    width:54px;
    height:54px;
    text-indent:-9999px;
    border:8px solid #ecc5ab;
    border-radius:50%
}
.testimonial-area .shape-4{
    right:-10px;
    bottom:60px;
    z-index:-1
}
@media only screen and (max-width:767px){
    .testimonial-area .shape-1{
        top:-90px;
        width:120px;
        height:130px
    }
    .testimonial-area .shape-2{
        width:90px;
        height:90px
    }
    .testimonial-area .shape-3{
        right:-20px
    }
    .testimonial-area .shape-3 span{
        width:45px;
        height:45px;
        border-width:6px
    }
    .testimonial-area .shape-4{
        width:85px
    }
}
.health-section-bg{
    background-color:transparent;
    background-image:-webkit-gradient(linear,left top,right top,color-stop(70%,#f1f4f2),color-stop(70%,#fff));
    background-image:linear-gradient(90deg,#f1f4f2 70%,#fff 70%);
    position:relative;
    z-index:9
}
.health-section-bg .shape{
    position:absolute;
    z-index:1
}
.health-section-bg .shape-1{
    z-index:-1;
    bottom:20px;
    left:-70px
}
.health-section-bg .shape-2{
    z-index:-1;
    bottom:0;
    left:45%
}
.health-section-bg .shape-3{
    z-index:-1;
    bottom:0;
    right:0
}
.health-section-bg .shape-4{
    z-index:-1;
    top:40px;
    right:15%
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .health-section-bg .shape{
        position:absolute;
        z-index:1
    }
    .health-section-bg .shape-1{
        z-index:-1;
        bottom:20px;
        left:0
    }
    .health-section-bg .shape-2{
        z-index:-1;
        bottom:0;
        left:45%
    }
    .health-section-bg .shape-3{
        z-index:-1;
        bottom:0;
        right:0
    }
    .health-section-bg .shape-4{
        z-index:-1;
        top:40px;
        right:15%
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .health-section-bg .shape{
        position:absolute;
        z-index:1
    }
    .health-section-bg .shape-1{
        z-index:-1;
        bottom:20px;
        left:0
    }
    .health-section-bg .shape-2{
        z-index:-1;
        bottom:0;
        left:45%
    }
    .health-section-bg .shape-3{
        z-index:-1;
        bottom:0;
        right:0
    }
    .health-section-bg .shape-4{
        z-index:-1;
        top:40px;
        right:15%
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .health-section-bg .shape{
        position:absolute;
        z-index:1
    }
    .health-section-bg .shape-1{
        z-index:-1;
        bottom:20px;
        left:0;
        width:120px
    }
    .health-section-bg .shape-2{
        z-index:-1;
        bottom:0;
        left:45%;
        width:120px
    }
    .health-section-bg .shape-3{
        z-index:-1;
        bottom:0;
        right:0;
        width:120px
    }
    .health-section-bg .shape-4{
        z-index:-1;
        top:40px;
        right:15%;
        width:120px
    }
}
@media only screen and (max-width:767px){
    .health-section-bg .shape{
        position:absolute;
        z-index:1
    }
    .health-section-bg .shape-1{
        z-index:-1;
        bottom:20px;
        left:0;
        width:100px
    }
    .health-section-bg .shape-2{
        z-index:-1;
        bottom:0;
        left:45%;
        width:100px
    }
    .health-section-bg .shape-3{
        z-index:-1;
        bottom:0;
        right:0;
        width:100px
    }
    .health-section-bg .shape-4{
        z-index:-1;
        top:40px;
        right:15%;
        width:100px
    }
}
.health-testimonial-wrapper{
    max-width:600px;
    margin:auto
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .health-testimonial-wrapper{
        max-width:100%
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .health-testimonial-wrapper{
        max-width:100%
    }
}
@media only screen and (max-width:767px){
    .health-testimonial-wrapper{
        max-width:100%
    }
}
.health-testimonial{
    position:relative
}
.health-testimonial .testimonial-quote{
    position:absolute;
    left:-107px;
    top:-27px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .health-testimonial .testimonial-quote{
        left:0
    }
}
@media only screen and (max-width:767px){
    .health-testimonial .testimonial-quote{
        left:0;
        max-width:40px;
        width:40px;
        top:-40px
    }
}
.health-testimonial .testimonial-content h2{
    font-family:"Playfair Display",serif;
    font-size:34px;
    font-weight:300;
    font-style:italic;
    line-height:1.42em;
    color:#3f3a64;
    margin:0 0 41px
}
@media only screen and (max-width:767px){
    .health-testimonial .testimonial-content h2{
        font-size:26px;
        margin-bottom:25px
    }
}
.health-testimonial .testimonial-content .cite .name{
    font-size:18px;
    font-weight:500;
    line-height:1;
    margin-bottom:0
}
.health-testimonial .testimonial-content .cite .position{
    font-size:14px;
    font-weight:500;
    margin-top:7px;
    display:inline-block
}
.health-testimonial-image-wrapper{
    width:695px;
    max-width:695px;
    overflow:hidden
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .health-testimonial-image-wrapper{
        width:100%;
        max-width:100%
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .health-testimonial-image-wrapper{
        width:100%;
        max-width:100%
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .health-testimonial-image-wrapper{
        margin-bottom:50px
    }
}
@media only screen and (max-width:767px){
    .health-testimonial-image-wrapper{
        width:100%;
        max-width:100%;
        margin-bottom:50px
    }
}
.testimonial-slider-wrap{
    position:relative;
    z-index:9
}
.testimonial-slider-wrap .shape{
    position:absolute;
    z-index:-1
}
.testimonial-slider-wrap .shape-1{
    bottom:20px;
    left:-70px;
    width:166px;
    height:166px
}
.testimonial-slider-wrap .shape-1 svg{
    width:100%;
    height:100%
}
.testimonial-slider-wrap .shape-1 svg *{
    fill:#ebb860
}
.testimonial-slider-wrap .shape-2{
    right:-90px;
    top:-55px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .testimonial-slider-wrap .shape{
        position:absolute;
        z-index:-1
    }
    .testimonial-slider-wrap .shape-1{
        bottom:20px;
        left:0;
        width:120px;
        height:120px
    }
    .testimonial-slider-wrap .shape-1 svg{
        width:100%;
        height:100%
    }
    .testimonial-slider-wrap .shape-1 svg *{
        fill:#ebb860
    }
    .testimonial-slider-wrap .shape-2{
        right:0;
        top:-55px;
        width:130px
    }
}
@media only screen and (max-width:767px){
    .testimonial-slider-wrap .shape{
        position:absolute;
        z-index:-1
    }
    .testimonial-slider-wrap .shape-1{
        bottom:20px;
        left:0;
        width:80px;
        height:80px
    }
    .testimonial-slider-wrap .shape-1 svg{
        width:100%;
        height:100%
    }
    .testimonial-slider-wrap .shape-1 svg *{
        fill:#ebb860
    }
    .testimonial-slider-wrap .shape-2{
        right:0;
        top:-40px;
        width:90px
    }
}

.testimonial-banner-image img{
    width:100%
}
.testimonial-title{
    margin-bottom:50px
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .testimonial-title{
        margin-bottom:30px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .testimonial-title{
        margin-bottom:30px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .testimonial-title{
        margin-bottom:30px
    }
}
@media only screen and (max-width:767px){
    .testimonial-title{
        margin-bottom:15px
    }
}
.testimonial-title .sub-title{display:block; font-size:15px; font-weight:500;  text-transform:uppercase; line-height:2; letter-spacing:2px; color:#20ad96}
.about-me-video-wrapper{position:relative; z-index:9}
.about-me-video-wrapper .shape{position:absolute;  z-index:1}
.about-me-video-wrapper .shape-1{top:-120px; left:0; width:226px; height:226px}
.about-me-video-wrapper .shape-1 svg{width:100%; height:100%}
.about-me-video-wrapper .shape-1 svg *{fill:#e5c791}
.about-me-video-wrapper .shape-2{top:0; left:20px}
.about-me-video-wrapper .shape-3{z-index:11; top:40px; right:0}
.about-me-video-wrapper .shape-3 span{display:block; width:90px; height:90px; text-indent:-9999px; border:12px solid #ecc5ab; border-radius:50%}
.about-me-video-wrapper .shape-4{right:20px; bottom:-45px}
@media only screen and (max-width:767px){
    .about-me-video-wrapper .shape-1{top:-60px; width:120px; height:130px}
    .about-me-video-wrapper .shape-2{width:90px; height:90px}
    .about-me-video-wrapper .shape-3{right:0}
    .about-me-video-wrapper .shape-3 span{width:45px; height:45px; border-width:6px}
    .about-me-video-wrapper .shape-4{width:85px}
}
.about-me-video{position:relative; z-index:9; display:block; overflow:hidden; width:100%;  max-width:970px; margin:auto; margin-bottom:-140px; border-radius:5px}
.about-me-video.success-story-video{max-width:100%; -webkit-box-shadow:0 130px 50px -100px rgba(51,51,51,.22); box-shadow:0 130px 50px -100px rgba(51,51,51,.22)}
.about-me-video .image{width:100%; -webkit-transition:all 1.5s cubic-bezier(0,0,.2,1); transition:all 1.5s cubic-bezier(0,0,.2,1)}
.about-me-video .icon{position:absolute; z-index:9; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}
.about-me-video:hover .image{-webkit-transform:scale(1.1); transform:scale(1.1)}

.course{overflow:hidden; height:100%; -webkit-transition:all .25s cubic-bezier(.645,.045,.355,1); transition:all .25s cubic-bezier(.645,.045,.355,1); border-radius:5px; background-color:#f58634}
.course .thumbnail{position:relative; overflow:hidden}
.course .thumbnail .image{display:block}
.course .thumbnail .image img{width:100%; -webkit-transition:all 1.5s cubic-bezier(0,0,.2,1); transition:all 1.5s cubic-bezier(0,0,.2,1)}
.course .info{position:relative; padding:30px 30px 40px}
.course .info .title{font-size:17px; line-height:1.5; margin:0 0 15px; color:#fff}
.course .info ul{padding:0 0 0 15px; color:#fff;}
.course .info .desc{margin-top:10px}
.course .info .meta{font-size:14px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-top:30px; margin-bottom:0; padding-left:0; list-style:none}
.blog-section .img-box{padding: 15px; background: transparent; box-shadow:0 0 30px #006aa7;}
.blog-section .section-title .title,
.blog-section .section-title .title span{color:#fff;}
.footer-social-inline{display:-webkit-box; display:-ms-flexbox;  display:flex;  -ms-flex-wrap:wrap; flex-wrap:wrap;  margin-right:-25px; margin-bottom:-15px}
.footer-social-inline a{margin-right:15px; margin-bottom:15px; color:rgba(105,105,105,.5)}
.light-color .footer-widget-content{color:#ababab}
.light-color .footer-social-inline a{color:rgba(255,255,255,.5)}
.light-color .footer-social-inline a:hover{color:#fff}
.footer-section{padding:15px 0 15px; background-color:#f8f8f8; overflow:hidden}
.copyright{font-size:14px; text-align:center; color:#ababab}

.pattern-section{ clear: both; position: relative;}
.blog-section{position: relative;}
.blog-section .section-bottom-shape{-webkit-transform: rotateX(0deg); transform: rotateX(0deg); bottom:inherit; top: 0;}
.py-4{padding-top:40px !important; padding-bottom:40px !important;}
.cta-banner img{max-width:100%; border-radius:5px;}

.single-gallery {position: relative; } 
.single-gallery .gallery-image img {width: 100%; border-radius:12px;}
.single-gallery .gallery-icon a {background-color: #f14836; width: 120px; height: 120px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); transition: all 0.3s ease-out 0s; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-gallery .gallery-icon a {width: 80px; height: 80px; } 
}
.single-gallery .gallery-icon a span {width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-gallery .gallery-icon a span {width: 30px; height: 30px; }
}
.single-gallery .gallery-icon a span::before, 
.single-gallery .gallery-icon a span::after {position: absolute; content: ''; width: 2px; height: 100%; background-color: #fff; top: 0; left: 50%; transform: translateX(-50%); }
.single-gallery .gallery-icon a span::after {height: 2px; width: 100%; top: 50%; left: 0; transform: translateY(-50%); }
.single-gallery:hover .gallery-icon a {transform: translate(-50%, -50%) scale(1); }
.why-us{}
.why-us .benefit-lists{display: flex; flex-wrap: wrap; margin: 0 -15px; list-style: none; justify-content: center; padding: 0;}
.why-us .benefit-lists li{padding: 15px; max-width: 25%;  flex: 0 0 25%; font-weight: 500; font-size: 17px; letter-spacing: 0.7px;}
.why-us .benefit-lists li span{display: flex; justify-content: center; align-items: center; padding: 15px; background-color: #f58634; border-radius: 5px; text-align: center; min-height:100px; line-height: normal; color: #fff;}

.whatsapp-icon{position: fixed; width:32px; left:15px; bottom:15px;z-index: 9999;}
.whatsapp-icon img{max-width:100%;}
.mobile-activity{display: none;}

.thanks .intro1-content .sub-title{line-height: normal; margin-bottom: 30px;}
.thanks .intro1-content a{font-size:24px; color:#f58634;}
.footer-section.thanks{display: none;}
.error-border {border-color: red !important;box-shadow: none !important;background-color: #fff !important;box-shadow: 0 0 8px #000 !important;}

@media screen and (max-width:767px) {
    .intro1-content{padding-top:30px;}
    .footer-social-inline{justify-content: center;}
    .mobile-activity{width: 100%; display: block; position: fixed; left: 0; bottom: 0; z-index:11}
	.mobile-activity a,
	.mobile-activity button{border: none;width: 50%; float: left; padding:6px;  display: flex; justify-content: center; font-size:14px; font-weight:600; letter-spacing: 1px; cursor:pointer; color:#fff; background-color:#000033; text-transform:uppercase;}
	.mobile-activity a:first-child{background-color:#f58634;}
	.mobile-activity a .env{margin-top:0}
	.mobile-activity a .call{background-position: left center; margin-top:1px}
    .blog-section{padding-top: 100px !important;}
    .brand-section{padding-bottom:10px !important;}
    .brand-section .section-title{margin-bottom: 20px;}
    .why-us .benefit-lists li{padding:4px 15px; max-width: 100%; flex: 0 0 100%; font-size:13px;}
    .why-us .benefit-lists li span{padding:10px; min-height: inherit;}
    .why-us .section-title{margin-bottom:30px;}
    .footer-section{padding-bottom: 45px;}
    .thanks .header-img{display: none;}
    
}