@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800&display=swap');
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author, .event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap, .discount-wrap .discount-item-wrap, .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap, .team-member .team-member-img .social-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
h1, h2, h3, h4, h5, h6 { font-family: "Lato", sans-serif; }
p { font-family: "Lato", sans-serif; }
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.discount-wrap .discount-item-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; -ms-grid-row-align: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.team-member .team-member-img .social-profile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
@-webkit-keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
@keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
.about-style-two ol li {list-style:number;}
.about-style-two ol ul {margin-bottom:10px !important;}
.overlayer {
    position: relative;

}
#NewDashboard h1 , #NewDashboard h2 , #NewDashboard h3 , #NewDashboard h4, #NewDashboard h5{
    font-size:25px !important;
}
#NewDashboard .form-control{
    height: 100%;
    max-height: calc(100% - 25%);
}
.header-bottom .btn.v1 {
    max-width: 100%;
    padding: 12px 18px;
}
.wrapper {
    position: relative;
}
#carouselExampleInterval img{
    max-height:300px;
}
.iconsvg {
       display:flex;
       justify-content:center;
       margin-top:20px;
}
.mx-350{
    min-width:350px;
}
.iconsvg svg{
    border-radius: 50%;
    padding: 5px;
}
.mx-100{
    max-width:100% !important;
}
.login-form {
    margin: 20px;
    background-color: #fff;
}
.max-imager{
    max-height:300px;
    object-fit: contain;
}
.detailInfo .content-wrapper{
    position:sticky;
    top:120px;
}
.detailInfo .content-wrapper img{
    /*object-fit:cover;*/
}
.overlayer img {
    width: 100%;
    height: 300px;
    display: block;
}
.post-details img{
    max-height:500px;
    /*object-fit:cover;*/
    object-position:top
}
.why-choose-us table{
    margin-bottom:20px;
}
.why-choose-us p{
    margin-bottom:0px;
}
.why-choose-us table , .why-choose-us table tr{
    width:100%;
    border:1px solid black;
}
 .why-choose-us table td{
   padding:10px;
}
.overlayer .text {
    position: absolute;
    top: 50%;
    left: 50%;
    width:100%;
    height:100%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.5);
       color: white;
    padding: 20px;
    text-align: center;
    opacity: 1;
    display: flex;
    transition: opacity 0.3s ease;
    justify-content: end; 
    flex-direction: column;
    align-items: center;
}
.overlayer h5{
    color:white;
}
.logo span{
    font-size:17px;
    color:#112865;
    line-height: 20px;
        font-weight: 500;
            max-width: calc(100% - 5%);
}
.logo h2{
    color:white;
    line-height: 32px;
        font-weight: 600;
        font-size:18px;
}

* { -webkit-box-sizing: border-box; box-sizing: border-box }
:focus, button:focus, .btn:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none }
.form-control:focus { -webkit-box-shadow: none; box-shadow: none }
a, button, input[type=submit] { cursor: pointer }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 }
input[type=number] { -moz-appearance: textfield }
a { color: #000; text-transform: inherit; text-decoration: none }
a:hover, a:focus { text-decoration: none; -webkit-box-shadow: none; box-shadow: none; color: #26538d }
a:focus { outline: 0 solid }
img { max-width: 100%; height: auto;width:100%; }
h1, h2, h3, h4, h5, h6 { font-family: "Lato", sans-serif;font-size:30px; font-weight: 600; color: #201d1e; line-height: 1.4 }
body { color: #000; font-size: 16px; line-height: 26px; font-family: "Lato", sans-serif; }
ul { padding: 0; margin: 0 }
ul, li { list-style: none;font-weight: 300; }
p { font-size: 18px; line-height: 30px; color: #4c4c4c;  text-align: justify; }
a { -webkit-transition: all .3s ease; transition: all .3s ease }
input:-moz-placeholder, textarea:-moz-placeholder { opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
.back-to-top { font-size: 24px; width: 45px; height: 45px; line-height: 42px; text-align: center; color: #4de2c1; display: none; position: fixed; bottom: 30px; right: 20px; z-index: 999; border-radius: 50%; background: #13171d }
.back-to-top i { color: #fff;  padding: 10px; }
.preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 20000; overflow-x: hidden !important; 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 }
.preloader img { max-width: 150px }
@-webkit-keyframes loading {
  from { max-width: 0 }
}
@keyframes loading {
  from { max-width: 0 }
}
.pt-10 { padding-top: 10px }
.pt-20 { padding-top: 20px }
.pt-30 { padding-top: 30px }
.pt-40 { padding-top: 40px }
.pt-50 { padding-top: 50px }
.pt-60 { padding-top: 60px }
.pt-70 { padding-top: 70px }
.pt-80 { padding-top: 80px }
.pt-90 { padding-top: 90px }
.pt-100 { padding-top: 100px }
.pt-110 { padding-top: 110px }
.pt-120 { padding-top: 120px }
.pt-130 { padding-top: 130px }
.pt-140 { padding-top: 140px }
.pt-150 { padding-top: 150px }
.pb-10 { padding-bottom: 10px }
.pb-20 { padding-bottom: 20px }
.pb-30 { padding-bottom: 30px }
.pb-40 { padding-bottom: 40px }
.pb-50 { padding-bottom: 50px }
.pb-60 { padding-bottom: 60px }
.pb-70 { padding-bottom: 70px }
.pb-75 { padding-bottom: 75px }
.pb-80 { padding-bottom: 80px }
.pb-90 { padding-bottom: 90px }
.pb-100 { padding-bottom: 100px }
.pb-110 { padding-bottom: 110px }
.pb-120 { padding-bottom: 120px }
.pb-130 { padding-bottom: 130px }
.pb-140 { padding-bottom: 140px }
.pb-150 { padding-bottom: 150px }
.ptb-10 { padding-bottom: 10px; padding-bottom: 10px }
.ptb-20 { padding-bottom: 20px; padding-bottom: 20px }
.ptb-30 { padding-top: 30px; padding-bottom: 30px }
.ptb-40 { padding-top: 40px; padding-bottom: 40px }
.ptb-50 { padding-top: 50px; padding-bottom: 50px }
.ptb-60 { padding-top: 60px; padding-bottom: 60px }
.ptb-70 { padding-top: 70px; padding-bottom: 70px }
.ptb-80 { padding-top: 80px; padding-bottom: 80px }
.ptb-90 { padding-top: 90px; padding-bottom: 90px }
.ptb-100 { padding-top: 100px; padding-bottom: 100px }
.plr-100 { padding-left: 100px; padding-right: 100px }
.ptb-110 { padding-top: 110px; padding-bottom: 110px }
.ptb-120 { padding-top: 120px; padding-bottom: 120px }
.ptb-130 { padding-top: 130px; padding-bottom: 130px }
.ptb-140 { padding-top: 140px; padding-bottom: 140px }
.ptb-150 { padding-top: 150px; padding-bottom: 150px }
.mb-0 { margin-bottom: 0 !important }
.mb-10 { margin-bottom: 10px !important }
.mb-20 { margin-bottom: 20px !important }
.mb-25 { margin-bottom: 25px !important }
.mb-30 { margin-bottom: 30px !important }
.mb-40 { margin-bottom: 40px !important }
.mb-50 { margin-bottom: 50px !important }
.mb-60 { margin-bottom: 60px !important }
.mb-70 { margin-bottom: 70px !important }
.mb-80 { margin-bottom: 80px !important }
.mt-0 { margin-top: 0 !important }
.mt-10 { margin-top: 10px !important }
.mt-20 { margin-top: 20px !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-60 { margin-top: 60px !important }
.mt-70 { margin-top: 70px !important }
.mt-80 { margin-top: 80px !important }
.mt-100 { margin-top: 100px !important }
.mtb-100 { margin-top: 100px !important; margin-bottom: 100px !important }
.z-0 { z-index: 0; position: relative }
.btn { font-family: "Lato", sans-serif; font-size: 16px; line-height: 26px; font-weight: 400; display: inline-block; border-radius: 5px; padding: 10px 30px; text-align: center; border-radius: 0; -webkit-transition: .4s; transition: .4s }
.btn.v1 { background-color: #26538d; border-radius: 5px;    display: flex;
    justify-content: center;
    max-width: 170px; border: 1px solid transparent; color: #fff; padding: 12px 22px; -webkit-transition: .3s; transition: .3s; margin: auto; }
.btn.v1 i { margin-right: 6px; font-size: 15px; position: relative; top: 2px }
.btn.v1:hover { background-color: black }
.btn.v1:hover i { color: #fff }
.btn.v2 { background-color: #fff; border: 1px solid transparent; color: #012245; -webkit-transition: .4s; transition: .4s; border-radius: 5px; padding: 12px 22px }
.btn.v2 i { margin-right: 5px; font-size: 15px; position: relative; top: 2px }
.btn.v2:hover { color: #fff; background-color: #26538d; border-color: transparent }
.row .col-lg-3 .contact-address { height: 100%; }
.btn.v3 { background-color: #26538d; border: none; color: #fff; padding: 12px 28px }
.btn.v3 i { position: relative; font-size: 13px; position: relative; top: 1px; margin-left: 5px }
.btn.v4 { background-color: #fff; border: none; color: #201d1e; padding: 8px 35px }
.btn.v4 i { font-size: 13px; position: relative; top: 1px; margin-left: 5px }
.btn.v5 { background-color: #012245; color: #fff; padding: 12px 22px; border-radius: 5px }
.btn.v5:hover { border-color: transparent; background-color: #26538d }
.btn.v6 { background-color: #26538d; border: 1px solid transparent; color: #fff; display: block; width: 100%; font-size: 18px }
.btn.v6 i { margin-left: 6px; font-size: 15px }
.btn.v7 { background-color: #26538d; border: none; color: #fff; padding: 10px 35px; border-radius: 0 }
.btn.v7 i { font-size: 15px; position: relative; top: 1px; margin-left: 5px }
.btn.v7:hover { border-radius: 0 20px 0 }
.btn.v8 { background-color: transparent; border: 1px solid #201d1e; color: #201d1e; padding: 8px 35px }
.btn.v8 i { font-size: 16px; position: relative; top: 1px; margin-left: 5px }
.btn.v8:hover { border-radius: 0 20px 0 }
.btn.v9 { background-color: #26538d; color: #fff; border: 1px solid transparent; -webkit-transition: .4s; transition: .4s; border-radius: 50px; padding: 10px 25px 12px }
.btn.v9 i { margin-left: 5px; font-size: 15px; position: relative; top: 2px }
.btn.v9:hover { color: #26538d; background-color: transparent; border-color: #26538d }
.link { font-size: 16px; line-height: 26px; font-weight: 500; transition: .3s; color: #26538d; -webkit-transition: .3s }
.link i { margin-left: 0; font-size: 14px; position: relative; top: 2px; -webkit-transition: .3s; transition: .3s }
.link:hover { color: #26538d }
.link.style1 { color: #818181 }
.link.style1:hover { color: #26538d }
.link.style1:hover i { margin-left: 6px }
.link.style3 { background: #fff; color: #26538d; border-radius: 5px; display: inline-block; padding: 3px 10px }
.section-title { position: relative }
.section-title span { position: relative; line-height: 1.5; display: inline-block; font-weight: 500; margin: 0 0 5px }
.section-title h2 { font-size: 30px; font-weight: 600; line-height: 1.4; font-family: "Lato", sans-serif; margin: 0; color: #012245 }
.section-title p { margin: 5px 0 0 }
.card-img{
        max-height: 250px;
    height: 100%;
    object-fit: cover;
        object-position: 0px 10%;

}
.card-size{
    max-width:400px;
}
.card-size .card{
    background-color:black;
    border-radius: 35px !important;
    overflow:hidden;
    
}
 .dropdown-menu{
        background-color:#012245 !important;
        padding:0;
    }
     .dropdown-item{
        color:white;
    }
    .dropdown-item:hover{
        background-color:rgb(143 40 37);
         color:white;
    }
    
    
    
.card-size .card img{
     border-radius: 35px 35px 0 0 !important;
}
.card-size .card img:hover {
    transform:scale(1.05);
    
    transition:.8s;
    transition-timing-function:ease;
}
.card-size .card .card-body h5{
    color:white !important;
    text-align:center;
}
.card-size .card .card-body p{
    color:white !important;
    text-align:justify;
}
.bg-img1 {
    background-image: url(../img/latest-bg.jpg);
    min-height: 500px;
    padding: 75px 150px;
}
.txtcnt {
    padding: 0 20px;
    text-align: justify;
}
.bg-img1 p {
    font-size: 16px;
}
.section-title.style1 span { color: #26538d }
.section-title.style2 span{color:#26538d ;}
.section-title.style2 h2 { color: black }
.content-box-title { background: #26538d; padding: 20px; margin: 0 0 20px }
.content-box-title h5 { color: #fff; margin: 0; line-height: 1 }
.content-box-title.style2 { background: 0 0; padding: 0 }
.content-box-title.style2 h5 { color: #012245; font-size: 24px }
.title { font-size: 40px; font-weight: 700 }
.text-black { color: #000 !important }
.text-orange { color: #26538d !important }
.text-red { color: #201d1e !important }
.bg-transparent { background-color: transparent }
.bg-midnight { background-color: white; }
.bg-blue { background-color: #26538d }
.bg-minsk { background-color: #3f3a7f }
.bg-tangaroa { background-color: #031236 }
.bg-heath { background-color: #f3f6fb }
.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0 }
.has-sticky { position: sticky; top: 120px; }
.overlay.bg-black { background-color: #000 }
.overlay.bg-red { background-color: #201d1e }
.op-1 { opacity: .1 }
.op-2 { opacity: .2 }
.op-3 { opacity: .3 }
.op-4 { opacity: .4 }
.op-5 { opacity: .5 }
.op-6 { opacity: .6 }
.op-7 { opacity: .7 }
.op-8 { opacity: .8 }
.op-9 { opacity: .9 }
.op-10 { opacity: 1 }
.bg-f { background-position: center center; background-size: cover; background-repeat: no-repeat; background-color: #ddd }
.pos-rel { position: relative }
.content-para { position: relative; padding-left: 15px }
.content-para p { margin: 0 }
.content-para:before { position: absolute; top: 0; left: 0; content: ""; background: #26538d; width: 2px; height: 100% }
.icn-whats {    width: 50px;
    height: 50px;
    display: flex;
    padding: 10px; align-items: center; justify-content: center; background-color: #0d9f16 !important; border-radius: 50%; animation: shadow-pulse 1.5s infinite; }
.icn-whats img { width: 36px; }
.icn-insta {     width: 50px;
    height: 50px;
    display: flex;
    padding: 10px; align-items: center; justify-content: center; background-color: #f70168 !important;    margin-bottom: 10px; border-radius: 50%; animation: shadow-pulse 1.5s infinite; }
.icn-insta svg { width: 36px; color:white;}
.icn-fixed { position: fixed; bottom: 85px; right: 13px; z-index: 9999; }
.icn-call {     width: 50px;
    height: 50px;
    display: flex;
    padding: 10px; align-items: center; justify-content: center; margin-top: 10px; background-color: #cf0408; border-radius: 50%; animation: shadow-pulse-2 1.5s infinite; }
.icn-call img { width: 32px; }
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44* 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    background-color: #26538d;
    display: flex;
    color: white;
    align-items: center;
    border-radius: 50%;
    /*padding: 0px 20px;*/
    justify-content: center;
    width: 39px;
    height: 39px;
}
.pos-banner {
    position: absolute;
    top: 50%;
    bottom: 50%;
    z-index: 1;
    width: 100%;
   
    
}
.adv-card .card{
    box-shadow:0 0 4px gray;
}
.adv-card .card:hover{
    box-shadow:0 0 8px gray;
}
.bg-color{
        background: #f8e9f278;
}
.bg-yellow{
        background: #fefbe8;
}
.about-sec img{
        max-height: 400px;
    /*object-fit: cover;*/
    object-position: top;
}
.pos-banner h3{
   
    display:none;
}
.btner{
    position: absolute; 
      top: 60%;
    bottom: 50%;
    display:none;
}
.swiper-slide-active  .btner{
    display:block;
     position: absolute; 
      top: 60%;
    bottom: 50%;
   z-index: 1;
   animation-name:banner-btner;
    animation-delay:.2s;
    animation-duration:1s;
    animation-timing-function:linear;
    animation-fill-mode:forwards;
}
.btner .btn.v1 {
    max-width:220px;
}
.swiper-slide-active 
.pos-banner h3{
   display:block;
    animation-name:banner-texter;
    animation-delay:.2s;
    animation-duration:1s;
    animation-timing-function:linear;
    animation-fill-mode:forwards;
   
}
@keyframes banner-btner{
    0%{
       opacity:0;
         top: 90%;
    bottom: 90%;
       
    }
      50%{
        opacity:.5;
        top: 75%;
    bottom: 75%;
        
    }
      100%{
       opacity:1;
        top: 60%;
    bottom: 50%;
       
    }
}
@keyframes banner-texter{
    0%{
        opacity:0;
       
    }
      50%{
        opacity:0.5;
        
    }
      100%{
        opacity:1;
       
    }
}
.blog-grid .blog-item-single {
    -webkit-box-shadow: 0 0 25px rgba(106, 99, 119, 0.1);
    box-shadow: 0 0 25px rgba(106, 99, 119, 0.1);
}

.blog-item-single {
    position: relative;
    overflow: hidden;
    text-align: left;
    margin-bottom: 30px;
}
.blog-item-single .blog-item-img img {
    width: 100%;
        height: 275px;
}
.blog-item-single .blog-item-content {
    padding: 1.5em;
    background: #fff;
}
.blog-item-single .blog-item-content span {
    font-size: 14px;
    color: #6a6377;
}
.blog-item-single .blog-item-content a:hover h3 {
    color: #393185;
}
.blog-item-single .blog-item-content h3 {
    font-size: 23px;
}
.blog-item-single .blog-item-content h3 {
    font-size: 20px;
    line-height: 1.4;
    margin-top: 12px !important;
    margin-bottom: 15px !important;
}
.btn-text-only {
    padding: 0;
    background: transparent;
}
@keyframes shadow-pulse {
  0% { box-shadow: 0 0 0 0px rgba(38, 165, 91, 0.7); }
  100% { box-shadow: 0 0 0 8px rgba(38, 165, 91, 0); }
}
@keyframes shadow-pulse-2 {
  0% { box-shadow: 0 0 0 0px rgba(239, 127, 34, .7); }
  100% { box-shadow: 0 0 0 8px rgba(239, 127, 34, 0); }
}
.circle { position: relative; height: 60px; width: 60px; border-radius: 50%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .5s ease; transition: all .5s ease }
.circle:hover { background: #fff }
.circle:after { content: ''; display: block; position: absolute; border-radius: 50% }
.circle.style1:after { top: -20px; right: -20px; bottom: -20px; left: -20px; border: 20px solid rgba(255, 79, 30, .3) }
.bg-offcanva { background-size: cover !important; background-repeat: no-repeat !important; max-height: 560px; width: 100%; height: auto }
.circle.style2:after { top: -10px; right: -10px; bottom: -10px; left: -10px; border: 10px solid rgba(255, 255, 255, .4) }
.circle.v3:after { top: -2px; right: -2px; bottom: -2px; left: -2px; border: 2px solid #26538d }
.circle:after { -webkit-animation: ripple 2s linear 1.9s infinite; animation: ripple 2s linear 1.9s infinite }
@-webkit-keyframes ripple {
  0% { -webkit-transform: scale(1); transform: scale(1) }
  50% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1 }
  100% { -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0 }
}
@keyframes ripple {
  0% { -webkit-transform: scale(1); transform: scale(1) }
  50% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1 }
  100% { -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0 }
}
.bounce { -webkit-animation: float 1500ms infinite ease-in-out; animation: float 1500ms infinite ease-in-out }
@-webkit-keyframes float {
  0% { -webkit-transform: translateY(5px); transform: translateY(5px) }
  50% { -webkit-transform: translateY(-5px); transform: translateY(-5px) }
  100% { -webkit-transform: translateY(5px); transform: translateY(5px) }
}
@keyframes float {
  0% { -webkit-transform: translateY(5px); transform: translateY(5px) }
  50% { -webkit-transform: translateY(-5px); transform: translateY(-5px) }
  100% { -webkit-transform: translateY(5px); transform: translateY(5px) }
}
.body_overlay { position: fixed; top: 0; left: 0; content: ""; background-color: rgba(0, 0, 0, .7); width: 100%; height: 100%; z-index: 999; visibility: hidden; opacity: 0; -webkit-transition: .4s; transition: .4s }
.body_overlay.open { visibility: visible; opacity: 1 }
.social-profile li { display: inline-block; margin: 0 10px 0 0 }
.social-profile li:last-child { margin-right: 0 }
.social-profile li a { display: block; color: #4c4c4c; font-size: 16px; width: 35px; height: 35px; border-radius: 50%; text-align: center; border: 1px solid white; -webkit-transition: .3s; transition: .3s }
.social-profile li a i { font-size: 20px; line-height: 34px; -webkit-transition: .3s; transition: .3s }
.social-profile li a:hover { background-color: #26538d; border-color: white }
.social-profile li a:hover i { color: #fff }
.social-profile.style2 li a { color: #26538d; border: none; -webkit-box-shadow: 0 0 6px rgba(255, 79, 30, .2); box-shadow: 0 0 6px rgba(255, 79, 30, .2); -webkit-transition: .3s; transition: .3s }
.social-profile.style2 li a i { font-size: 20px; line-height: 34px; -webkit-transition: .3s; transition: .3s }
.social-profile.style2 li a:hover { background-color: #26538d; border-color: transparent; -webkit-transform: translateY(-5px); transform: translateY(-5px) }
.social-profile.style2 li a:hover i { color: #fff }
.social-profile.style3 li { margin: 0 20px 0 0 }
.social-profile.style3 li a { width: 35px; height: 35px; color: black; border: none; -webkit-transition: .3s; transition: .3s;    border-radius: 50%;
    text-align: center;
    display: flex
;
    border: 1px solid #4c4c4c;
    justify-content: center;
    align-items: center; }
.social-profile.style3 li a i { font-size: 16px; line-height: 30px; -webkit-transition: .3s; transition: .3s }
.social-profile.style3 li a:hover { background-color: #26538d; }
.social-profile.v1 li:first-child::before { display: none }
.swiper-button-next::after, .swiper-button-prev::after, .swiper-container-rtl .swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after { display: none }
.rating li { display: inline-block }
.rating li i { color: #ffc107; font-size: 20px }
.page-navigation { margin: 20px 0 0 }
.page-navigation .page-nav { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap }
.page-navigation .page-nav li { margin: 0 5px }
.page-navigation .page-nav li a { display: block; width: 38px; height: 38px; border: 1px solid #ddd; font-size: 16px; line-height: 39px; color: #3f3a7f; font-weight: 600 }
.page-navigation .page-nav li a.active, .page-navigation .page-nav li a:hover { background: #26538d; border-color: transparent; color: #fff }
.form-group { margin: 0 0 10px }
.form-group input, .form-group textarea { width: 100%; border: none; background: 0 0; border-radius: 0; border: 1px solid #ddd; padding: 10px 10px 10px 20px }
.form-group input { height: 40px }
.form-group textarea { height: 100px; resize: none; padding: 15px 10px 10px 20px }
#message { padding: 0; margin: 0 }
.help-block { color: #e31c25 }
.contact-info-box { padding: 25px; border-radius: 5px }
.contact-info-box p { margin: 20px 0 25px }
.contact-info-box .contact-item { position: relative; padding-left: 35px; padding-bottom: 20px }
.contact-info-box .contact-item:last-child { padding-bottom: 0 }
.contact-info-box .contact-item a { font-size: 16px }
.contact-info-box .contact-item a i { font-size: 28px; position: absolute; top: 0; left: 0; color: #777af2 }
.form_group { display: block }
.form_group input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer }
.form_group label { position: relative; cursor: pointer; padding-left: 25px }
.form_group label:before { content: ''; -webkit-appearance: none; background-color: transparent; border: 2px solid #26538d; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; position: absolute; top: 4px; left: 0; width: 15px; height: 15px }
.form_group input:checked+label:after { content: ""; display: block; position: absolute; top: 6px; left: 5px; width: 5px; height: 10px; border: solid #777af2; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.form-group .or { text-align: center; font-size: 16px; display: inline-block; position: relative; z-index: 1 }
.form-group .or:before { content: ""; position: absolute; top: 13px; left: -80px; width: 70px; height: 1px; background-color: #ccc; z-index: -1 }
.form-group .or:after { content: ""; position: absolute; top: 13px; right: -80px; width: 70px; height: 1px; background-color: #ccc; z-index: -1 }
.pp-content { margin: 0 0 30px }
.pp-content h4 { font-weight: 20px }
.pp-content:last-child { margin: 0 }
.pp-content:last-child p { margin: 0 }
.account-title { margin: 0 0 15px }
.user-tablist { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: none }
.user-tablist li button { background: #f1f1f1; font-size: 18px; padding: 15px 0; border: none; display: block; width: 100%; text-align: left; padding: 15px 25px }
.user-tablist li button:focus, .user-tablist li button:hover { outline: none; -webkit-box-shadow: none; box-shadow: none; border-color: transparent !important }
.user-tablist li button.active { border: none; background: #26538d !important; color: #fff !important }
.user-info li span { font-weight: 600; color: #201d1e; width: 100px; display: inline-block; padding: 0 0 10px }
.user-info li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.user-info li span { width: 120px }
.user-info li p { width: calc(100% - 125px); margin: 0 }
#address_form .btn { padding: 16px }
.error-content { text-align: center }
.error-content span { font-size: 110px; font-family: "Lato", sans-serif; font-weight: 700; display: block; line-height: 100px; margin: 0 0 40px; color: #26538d }
.error-content .btn i { margin-right: 5px; margin-left: 0; position: relative; top: -1px }
.error-content p { margin: 0 0 20px }
.sidebar .sidebar-widget { margin: 0 0 30px }
.sidebar .sidebar-widget.box { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1); padding: 18px 25px 25px }
.sidebar .sidebar-widget h4 { margin: 0 0 25px; font-weight: 500; position: relative; padding-bottom: 15px }
.sidebar .sidebar-widget h4:after { position: absolute; bottom: 0; left: 0; content: ""; width: 80px; height: 2px; background: #26538d }
.sidebar .sidebar-widget:last-child { margin: 0 }
.tag-list ul li { display: inline-block; margin: 12px 8px 0 0 }
.tag-list ul li a { display: inline-block; font-size: 14px; line-height: 18px; padding: 8px 18px; border: 1px solid #ddd; border-radius: 5px }
.tag-list ul li a:hover { background-color: #26538d; color: #fff; border-color: transparent }
.category-widget, .price-range-widget, .new-product { border: 1px solid #ddd; border-radius: 10px; padding: 20px 25px 25px }
.category-box ul li { display: block }
.category-box ul li a { font-size: 16px; display: block; margin: 0 0 8px; position: relative; color: #818181; position: relative; padding-left: 18px; -webkit-transition: .4s; transition: .4s }
.category-box ul li a:before { position: absolute; top: 9px; left: 0; content: ""; width: 8px; height: 8px; border-radius: 50%; background: #26538d }
.category-box ul li a:hover { color: #26538d }
.category-box ul li:last-child a { margin: 0 }
.search-box { position: relative }
.search-box input { width: 100%; height: 60px; background: 0 0; color: #201d1e; font-size: 14px; line-height: 21px; padding: 10px 60px 10px 20px; border: 1px solid #ddd }
.search-box button { position: absolute; top: 2px; right: 25px; width: 50px; height: 100%; border: none; background: 0 0 }
.search-box button i { color: #26538d; font-size: 22px }
.pp-post-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 20px; padding: 20px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1) }
.pp-post-item:last-child { border: none }
.pp-post-item .pp-post-img { width: 75px }
.pp-post-item .pp-post-img img { border-radius: 5px }
.pp-post-item .pp-post-info { width: calc(100% - 90px); margin-left: 15px }
.pp-post-item .pp-post-info h6 { line-height: 22px; margin: 0; font-weight: 600 }
.pp-post-item .pp-post-info h6 a { color: #012245 }
.pp-post-item .pp-post-info:hover a { color: #26538d }
.pp-post-item .pp-post-info span { color: #818181; font-size: 12px; line-height: 14px; display: block; margin: 0 0 5px }
.pp-post-item:last-child { margin: 0 }
.donate-widget { border: 1px solid #ddd; border-radius: 15px; padding: 20px 25px 25px }
.donate-widget .form-group { margin: 0 0 15px }
.donate-widget .form-group input { padding: 10px 15px; width: 100%; height: 50px; border: 1px solid #ddd; border-radius: 50px; color: #201d1e; background: #fff }
.donate-widget .form-group input::-webkit-input-placeholder { color: #201d1e; opacity: .7 }
.donate-widget .form-group input:-ms-input-placeholder { color: #201d1e; opacity: .7 }
.donate-widget .form-group input::-ms-input-placeholder { color: #201d1e; opacity: .7 }
.donate-widget .form-group input::placeholder { color: #201d1e; opacity: .7 }
.donate-widget .book-btn { background: #26538d; width: 100%; display: block; color: #fff; border: none; padding: 12px; border-radius: 50px }
.donate-widget .book-btn i { margin-left: 5px; font-size: 15px; position: relative; top: 1px }
.more-cause-widget { border: 1px solid #ddd; border-radius: 15px; padding: 20px 25px 25px }
.more-cause-widget .cause-item { margin: 0 0 25px }
.more-cause-widget .cause-item:last-child { margin: 0 }
.more-cause-widget .cause-item h5 { font-size: 18px }
.more-cause-widget .cause-item .cause-img { height: 180px; margin: 0 0 15px }
.more-cause-widget .cause-item .fund-collection li { font-size: 12px }
.event-countdown .event-cd { position: relative; height: 200px; border-radius: 5px }
.event-countdown .event-cd .overlay { border-radius: 5px }
.event-countdown .event-cd .event-counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.event-countdown .event-cd .countdown { padding: 0 15px; z-index: 3; position: relative }
.event-countdown .event-cd .countdown span { color: #fff; font-size: 22px; margin: 0 6px }
.event-countdown .event-cd .countdown span p { color: #fff; margin: 0 }
.tour-map { border: 1px solid #ddd; padding: 20px 25px; border-radius: 20px 0 !important }
.tour-map .map iframe { width: 100%; height: 200px }
.map.style2 iframe { height: 375px }
.product-category-list li.has-subcat { cursor: pointer }
.product-category-list li.has-subcat>a { position: relative; font-size: 16px; font-weight: 500; display: block; color: #26538d; border-bottom: 1px solid #ddd; padding: 15px 0; -webkit-transition: .3s; transition: .3s }
.product-category-list li.has-subcat>a.active, .product-category-list li.has-subcat>a:hover { background-color: #26538d; color: #fff; padding-left: 15px; border-color: transparent }
.product-category-list li.has-subcat>a.active:before, .product-category-list li.has-subcat>a:hover:before { border-color: #fff }
.product-category-list li.has-subcat>a.active span, .product-category-list li.has-subcat>a:hover span { background: #fff; color: #26538d }
.product-category-list li.has-subcat>a:before { position: absolute; top: 25px; right: 15px; content: ""; width: 8px; height: 8px; border-left: 2px solid #26538d; border-bottom: 2px solid #26538d; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transition: .3s; transition: .3s }
.product-category-list li.has-subcat>a span { display: inline-block; width: 16px; height: 16px; background: rgba(52, 105, 229, .1); color: #26538d; border-radius: 50%; text-align: center; border: 50%; font-size: 12px; line-height: 17px; margin-left: 10px; position: relative; top: -1px }
.product-category-list li.has-subcat .subcategory { display: none }
.product-category-list li.has-subcat .subcategory li a { padding: 15px 10px; border-bottom: 1px solid #ddd; display: block; font-size: 14px; margin: 0 28px 0 15px }
.product-category-list li.has-subcat .subcategory li a:hover { color: #26538d; border-color: #26538d }
.product-category-list li.has-subcat.open a:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.login-form .login-header { padding: 20px 20px 20px 25px; border-radius: 5px 5px 0 0 }
.login-form .login-header h2 { font-size: 20px; font-weight: 600; line-height: 1.2; color: #fff; font-family: "Lato", sans-serif; }
.login-form .login-header span { color: #fff }
.login-form .login-body { border: 1px solid #ddd; padding: 25px; border-radius: 5px }
.login-form .login-body label { font-size: 20px; margin: 0 0 6px }
.login-form .login-body input { border-radius: 4px }

/* YouTube start*/
    .youtube-container {
    margin: 15px !important;
}

.youtube-player {
    border-radius: 0px;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

img.youtube-thumbnail {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    height: auto;
}

div.youtube-play-btn {
    height: 45px;
    width: 60px;
    left: 50%;
    border-radius: 10px;
    top: 50%;
    position: absolute;
    
    background: url(../img/youtube.png) no-repeat;
    background-color: #fff;
    background-size: cover;
    transform: translate(-50%,-50%);
    background-position: center center;
}

.youtube-iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.youtube-player {
    display: block;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 20px;
}
/*YYoutube end*/
.testimonial-section .testimonial-slider {
    width: calc(100% + 26px);
    margin-left: -13px;
}

.testimonial-section .testimonial-slider .testimonial-item {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(146, 184, 255, 0.17);
    box-shadow: 0px 0px 15px 0px rgba(146, 184, 255, 0.17);
    background: #ffffff;
    padding: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 20px;
}

.testimonial-section .testimonial-slider .testimonial-item .client-info {
    position: relative;
    margin-bottom: 25px;
}

.testimonial-section .testimonial-slider .testimonial-item .client-info img {
    position: absolute;
    top: -55px;
    left: 0;
    -webkit-box-shadow: 0 0 10px #ddd;
    box-shadow: 0 0 10px #ddd;
    border-radius: 100px;
    border: 5px solid #ffffff;
    max-width: 100%;
    width: unset;
    width: 110px;
    height: 110px;
}



.listStyle ul li:after {
    content: '\f05d';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    left: -22px;
    top: 0;
    font-size: 20px;
    color: #26538d;
}
.listStyle ul li {
    position: relative;
}
.listStyle ul {
    margin-left:20px;
}

.testimonial-section .testimonial-slider .testimonial-item .client-info h3 {
    font-size: 22px;
    margin-bottom: 0;
    padding-left: 130px;
}

.testimonial-section .testimonial-slider .testimonial-item .client-info span {
    font-size: 15px;
    padding-left: 130px;
}

.testimonial-section .testimonial-slider .testimonial-item p {
    margin-bottom: 0;
    font-size: 15px;
}

.testimonial-section .testimonial-slider .owl-dots {
    line-height: 1;
}

.testimonial-section .testimonial-slider .owl-dots .owl-dot span {
    background: #0101010d;
    border: 1px solid #010101;
    margin: 0 5px;
}

.testimonial-section .testimonial-slider .owl-dots .owl-dot.active span {
    background: #010101;
    width: 50px;
}

.testimonial-section .testimonial-list {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 24px);
    margin-left: -12px;
}

.testimonial-section .testimonial-list .testimonial-item {
    width: calc(50% - 20px);
    margin: 30px 10px;
}

.testimonial-section .testimonial-list .testimonial-item {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(146, 184, 255, 0.17);
    box-shadow: 0px 0px 15px 0px rgba(146, 184, 255, 0.17);
    background: #ffffff;
    padding: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 20px;
}

.testimonial-section .testimonial-list .testimonial-item .client-info {
    position: relative;
    margin-bottom: 25px;
}

.testimonial-section .testimonial-list .testimonial-item .client-info img {
    position: absolute;
    top: -55px;
    left: 0;
    -webkit-box-shadow: 0 0 10px #ddd;
    box-shadow: 0 0 10px #ddd;
    border-radius: 100px;
    border: 5px solid #ffffff;
    max-width: 100%;
    width: unset;
}

.testimonial-section .testimonial-list .testimonial-item .client-info h3 {
    font-size: 22px;
    margin-bottom: 0;
    padding-left: 130px;
}

.testimonial-section .testimonial-list .testimonial-item .client-info span {
    font-size: 15px;
    padding-left: 130px;
}

.testimonial-section .testimonial-list .testimonial-item p {
    margin-bottom: 0;
    font-size: 15px;
}

.testimonial-section .owl-stage {
    display: flex;
}

.testimonial-section .owl-stage .testimonial-item {
    height: calc(100% - 40px);
}



.login-form .login-body .btn { border-radius: 4px; display: block; width: 100%; padding: 15px }
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author, .event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap, .discount-wrap .discount-item-wrap, .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap, .team-member .team-member-img .social-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.discount-wrap .discount-item-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; -ms-grid-row-align: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.team-member .team-member-img .social-profile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
@-webkit-keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
@keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
.header-wrap { position: fixed; height: 0px; top: 0; left: 0; z-index: 2; width: 100%; background: 0 0; -webkit-transition: .5s; transition: .5s }
.header-wrap.sticky { z-index: 20; background: #fff; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1) }
.header-wrap .header-top { background-color:white; padding: 10px 0; -webkit-transition: .3s; transition: .3s }
.header-wrap .header-top .header-top-left p, .header-wrap .header-top .header-top-left a { color: #fff; margin-bottom: 0; font-size: 14px; position: relative }
.header-wrap .header-top .header-top-left .header-contact { position: relative }

/*.header-wrap .header-top .header-top-left .header-contact:last-child {*/

/*    padding: 0 0 0 50px*/

/*}*/

.header-wrap .header-top .header-top-left .header-contact:after { position: absolute; top: 3px; left: 25px; content: ""; width: 1px; height: 20px; background-color: #344e6a; background-color: #fff }
.header-wrap .header-top .header-top-left .header-contact:nth-child(2):after { display: none }
.header-wrap .header-top .header-top-left .header-contact p, .header-wrap .header-top .header-top-left .header-contact a { padding-left: 28px }
.header-wrap .header-top .header-top-left .header-contact p i { top: 3px }
.header-wrap .header-top .header-top-left .header-contact i { position: absolute; top: 0; left: 0; color: #26538d; line-height: 1; font-size: 18px }
.header-wrap .header-top .header-top-right .lang_selctor { position: relative; cursor: pointer; display: inline-block }
.header-wrap .header-top .header-top-right .lang_selctor i { color: #26538d; position: relative; top: 3px }
.imgfooter { margin-left: 15px; }
.imgfooter img { max-height: 100px; height: 100%; }
.sidebar-widget + .sidebar-widget { margin-top: 30px; }
.sidebar-widget { padding: 20px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15); box-shadow: 0 0 10px rgba(0, 0, 0, .15); margin-bottom: 30px; border-radius: 12px; }
.sidebar-widget h3 { font-weight: 600; margin-bottom: 20px }
.sidebar-widget .list-none { padding-left: 0; margin-bottom: 0 }
.sidebar-widget .list-none li + li { border-top: 1px solid #cf0408; }
.sidebar-widget .list-none li a { padding: 15px 20px; display: block; border-left: 2px solid #cf0408; position: relative; border-bottom: 1px dashed #ddd; font-size: 18px; font-weight: 600; color: #333; margin-bottom: 5px; border-radius: 0 0 16px 0; }
.sidebar-widget .list-none a:hover { background: #cf0408; color: #fff; }
.sidebar-widget .list-none li a i { position: absolute; right: 2px; font-size: 22px; top: 10px; }
.sidebar .sidebar-widget { border: 1px solid #eeeff2; padding: 20px; margin: 0 0 30px; border-radius: 5px; }
.sidebar .sidebar-widget h4 { margin: 0 0 25px; font-size: 20px; font-weight: 600; position: relative; line-height: 1; position: relative; color: #000; padding-bottom: 20px; border-bottom: 1px solid #ddd; }
.sidebar .sidebar-widget h4:after { position: absolute; bottom: -1px; left: 0; width: 75px; height: 2px; content: ""; background: #cf0408; }
.sidebar .sidebar-widget:last-child { margin: 0; }
.sidebar .sidebar-widget.box { padding: 22px 25px; }
.btn-box-number { width: 100%; text-align: center; background-color: #cf0408; color: #fff; font-weight: 600; display: inline-block; padding: 8px 16px; border-radius: 6px; transition: all .3s ease-in; }
.btn-box-number:hover { color: #fff; }
.btn-box-number { font-size: 16px; font-weight: 500; color: #fff; background-color: #cf0408; max-width: 250px; padding: 8px 12px; position: relative; display: inline-block; min-width: 170px; text-align: center; border-radius: 6px; z-index: 9; overflow: hidden; }
.btn-box-number.active { background: #fff !important; color: #000; }
.btn-box-number::before { position: absolute; content: ''; top: 0; left: -50px; width: 50px; border-radius: 50%; height: 100%; background: #000; z-index: -1; -webkit-transition: .5s; transition: .5s }
.btn-box-number:hover::before { width: 100%; border-radius: 0; left: 0; }
.header-wrap .header-top .header-top-right .lang_selctor select { background-color: transparent; cursor: pointer; border: none; color: #fff; padding: 0 15px 0 0; font-size: 14px; background-image: linear-gradient(45deg, transparent 50%, #fff 60%), linear-gradient(135deg, #fff 40%, transparent 50%) !important; background-position: calc(100% - 8px) 11px, calc(100% - 0px) 11px, 100% 0; background-size: 8px 6px, 8px 6px; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none }
.header-wrap .header-top .header-top-right .lang_selctor select option { color: #000 }
.header-wrap .header-top .header-top-right .link { font-size: 14px; font-weight: 400; line-height: 1; position: relative; color: #fff; border-radius: 4px; padding: 0; background-color: transparent; -webkit-transition: .3s; transition: .3s }
.header-wrap .header-top .header-top-right .link:hover { color: #26538d }
.header-wrap .header-top .header-top-right .header-social { margin: 0 25px }
.header-wrap .header-top .header-top-right .header-social span { color: #fff; font-size: 14px; position: relative; top: -1px }
.header-wrap .header-top .header-top-right .header-social ul { display: inline-block; position: relative; top: 2px }
.header-wrap .header-top .header-top-right .header-social ul li { margin: 0 }
.header-wrap .header-top .header-top-right .header-social ul li a { position: relative; padding: 0 12px }
.header-wrap .header-top .header-top-right .header-social ul li a:after { position: absolute; top: 4px; right: 0; content: ""; width: 1px; height: 22px; background-color: #344e6a }
.header-wrap .header-top .header-top-right .header-social ul li a:hover i { color: #26538d }
.header-wrap .header-top .header-top-right .header-social ul li:last-child a:after { display: none }
.header-wrap .header-bottom { padding: 5px 0; background-color: #26538d; }
.header-wrap .header-bottom .logo img { height: 90px; width: 90px; }
.main-menu {    /* margin-left: -50px; */
    display: flex;
    gap: 2px;
    flex-wrap:wrap;}
.header-wrap .header-bottom .header-menu-wrap .sidebar-menu { margin-left: 20px; width: 30px }
.header-wrap .header-bottom .header-menu-wrap .sidebar-menu i { color: #26538d; font-size: 30px; cursor: pointer; position: relative; top: 6px }
.header-search { width: calc(100% - 50px) }
.header-search .form-group { position: relative; margin: 0 }
.header-search .form-group input { width: 100%; background: #f2f2f2; border-radius: 4px; height: 50px; padding: 10px 70px 10px 15px }
.footer-bottom a { color: white; font-size: 15px; }
.footer-bottom a:hover { color: white; }
.header-search .form-group button { position: absolute; top: 0; right: 0; height: 100%; border: none; background: 0 0; color: #26538d; padding: 12px 18px; border-left: 1px solid #ddd }
.header-search .form-group button i { font-size: 20px }
.mobile-bar-wrap.style2 .mobile_menu { width: 45px; height: 45px; background: #3469e5; border-radius: 4px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.mobile-bar-wrap.style2 .mobile_menu span { display: block; width: 25px; height: 2px; background: #fff; text-align: center; margin: 6px auto; -webkit-transition: .3s; transition: .3s }
.mobile-bar-wrap.style2 .mobile_menu.open span:nth-child(1) { -webkit-transform: translate(1px, 5px) rotate(-44deg); transform: translate(1px, 5px) rotate(-44deg) }
.mobile-bar-wrap.style2 .mobile_menu.open span:nth-child(2) { display: none }
.mobile-bar-wrap.style2 .mobile_menu.open span:nth-child(3) { -webkit-transform: translate(1px, -2px) rotate(44deg); transform: translate(1px, -2px) rotate(44deg) }
.shopcart button { position: relative; background: 0 0; border: none; color: #26538d }
.shopcart button i { font-size: 30px; line-height: 1; position: relative; top: 7px }
.shopcart button .item-amt { position: absolute; top: 0; right: 0; width: 22px; height: 22px; text-align: center; border-radius: 50%; background: #012245; color: #fff; font-size: 12px; line-height: 23px }
.shopcart .cart-total { color: #fff; font-size: 15px; margin-left: 3px }
.contact-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap }
.contact-box p { font-size: 15px; margin: 0 0 0 10px; line-height: 1 }
.contact-box p a { display: block; font-weight: 600; padding-top: 5px; font-size: 15px }
.contact-box p a:hover { color: #26538d }
.contact-box span { display: inline-block; width: 40px; height: 40px; background: #26538d; color: #fff; text-align: center; line-height: 38px; font-size: 22px; border-radius: 3px }
.contact-popup { position: fixed; top: 0; right: -100%; width: 560px; background: #fff; height: 100vh; z-index: 9999; padding: 30px 40px; visibility: hidden; opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease }
.contact-popup.open { right: 0; visibility: visible; opacity: 1 }
.contact-popup .contact-popup-wrap { overflow-y: auto; height: 100% }
.contact-popup .contact-popup-wrap .comp-info .comp-logo img { max-width: 150px }
.contact-popup .contact-popup-wrap .comp-info .comp-desc { margin: 22px 0 20px }
.contact-popup .contact-popup-wrap .comp-info .footer-contact-address li { color: #012245 }
.contact-popup .contact-popup-wrap .comp-map { margin: 5px 0 }
.contact-popup .contact-popup-wrap .comp-map iframe { width: 100%; height: 250px; border-radius: 5px }
.contact-popup .contact-popup-wrap .share-on { margin: 20px 0 }
.contact-popup .contact-popup-title { position: relative; padding: 0 0 10px; margin: 0 0 25px; text-align: right }
.contact-popup .contact-popup-title .close-popup { background: 0 0; border: 1px solid #26538d; width: 35px; height: 35px; border-radius: 50%; text-align: center; padding: 0; -webkit-transition: .3s; transition: .3s }
.contact-popup .contact-popup-title .close-popup i { font-size: 26px; line-height: 33px; color: #26538d }
.contact-popup .contact-popup-title .close-popup:hover { background: #26538d }
.contact-popup .contact-popup-title .close-popup:hover i { color: #fff }
.contact-address {     text-align: center;
    /* border-radius: 60px; */
    background: #fff;
    /* margin-bottom: 25px; */
    padding: 0px 20px 20px 20px; }
@keyframes banner-btnerer {
    0%{
       opacity:0;
         top: 30% !important;
 
       
    }
      50%{
        opacity:.5;
        top: 60% !important;
   
        
    }
      100%{
       opacity:1;
        top: 90% !important;
   
       
    }
}
.contact-info { text-align: center; }
.contact-address .contact-icon { text-align: center; margin: 0 0 20px;     padding: 22px 20px 17px 20px; width: max-content; border: 1px solid red; border-radius: 50%; }
.row .col-lg-4 .contact-address { height: 100%; }
.contact-address .contact-icon:hover {  border: 1px solid black;}
.contact-address .contact-icon:hover i { color: black; font-size: 40px }
.contact-address .contact-icon i { color: #26538d; font-size: 40px }
.contact-address .contact-info h5 { font-size: 20px; font-weight: 500 }
.contact-address .contact-info p { margin: 0 0 10px ;    text-align: center;}
.contact-address .contact-info p a { color: #626061 }
.contact-img { height: 438px; border-radius: 20px }
#contactForm .form-group input, #contactForm .form-group textarea { border-radius: 15px }
.office-map { position: relative; margin: 20px 0 0 }
.office-map .overlay { border-radius: 25px }
.office-map img { -webkit-filter: grayscale(1); filter: grayscale(1); width: 100%; border-radius: 20px }
.comp_map { -webkit-box-shadow: 0 0 15px rgba(244, 131, 74, .1); box-shadow: 0 0 15px rgba(244, 131, 74, .1); padding: 25px; border-radius: 0 0 20px 0; margin: 0 10px 70px }
.comp_map iframe { width: 100%; height: 250px; border-radius: 20px 0 }
.contact-wrap .comp_map { margin-bottom: 0 }
@media only screen and (min-width:1200px) and (max-width:1439px) {
  .main-menu-wrap.style1 #menu>ul>li { margin: 0 5px !important }
  .contact-box p a, .contact-box p { font-size: 14px }
  .comp_map { margin-bottom: 100px }
  .header-wrap.style2 .main-menu-wrap.style1 #menu ul li a { padding: 15px 10px 25px; font-size: 13px }
  .header-wrap.style2 .main-menu-wrap.style1 #menu ul li.has-children .sub-menu li a { font-size: 13px }
  .header-wrap.style2 .main-menu-wrap.style1 #menu>ul>li.has-children>a::before { top: 21px; right: -3px }
  .contact-popup .contact-popup-wrap { overflow-y: auto; height: calc(100vh - 150px) }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .main-menu-wrap.style1 #menu>ul>li.has-children>a::before { top: 23px !important }
  .header-wrap.style2 .main-menu-wrap.style1 #menu ul li.has-children .sub-menu li a { font-size: 12px }
  .header-wrap .main-menu-wrap.style1 #menu { margin-left: 25px }
  .header-wrap .main-menu-wrap.style1 #menu ul li a { padding: 15px 12px 14px; font-size: 13px }
  .header-wrap .main-menu-wrap.style1 #menu ul li.has-children .sub-menu a { font-size: 13px }
  .main-menu-wrap.style1 #menu>ul>li { margin: 0 !important }
  .contact-box p a, .contact-box p { font-size: 12px }
  .comp_map { margin-bottom: 100px }
  .contact-wrap .comp_map { margin-bottom: 0 }
  .header-wrap .header-top .header-top-left p, .header-wrap .header-top .header-top-left a, .header-wrap .header-top .header-top-right .header-social span, .header-wrap .header-top .header-top-right .link { font-size: 12px }
  .header-wrap .header-top .header-top-right .header-social ul li a { padding: 0 8px }
  .header-wrap .header-top .header-top-right .header-social { margin: 0 20px }
}
@media only screen and (min-width:992px) {
  .logo.style2 { text-align: center }
  .header-wrap.sticky .header-top { margin-top: -46px; padding-top: 0; }
  .main-menu-wrap.style1 #menu ul li { display: inline-block; position: relative }
  .main-menu-wrap.style1 #menu ul li a { padding: 10px; font-family: "Lato", sans-serif; font-size: 13px; -webkit-transition: .3s; transition: .3s; display: inline-block }
  .main-menu-wrap.style1 #menu ul li.has-children .sub-menu { position: absolute; top: 0px; left: -6px; min-width: 220px; border-radius: 2px; background: #fff; visibility: hidden; opacity: 0; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15); box-shadow: 0 0 15px rgba(0, 0, 0, .15); -webkit-transition: .3s; transition: .3s; z-index: 10; display: block !important }
  .main-menu-wrap.style1 #menu ul li.has-children .sub-menu li { margin: 0; display: block; text-align: left }
  .main-menu-wrap.style1 #menu ul li.has-children .sub-menu li a { font-size: 14px; line-height: 21px; margin: 0; display: block; color: #201d1e; border-bottom: 1px solid #344e6a; padding: 15px 22px 13px; -webkit-transition: .4s; transition: .4s }
  .main-menu-wrap.style1 #menu ul li.has-children .sub-menu li:last-child>a { border-bottom: none }
  .main-menu-wrap.style1 #menu ul li.has-children:hover>.sub-menu { top: 40px; visibility: visible; opacity: 1 }
  .main-menu-wrap.style1 #menu>ul>li { margin: 0 5px }
  .main-menu-wrap.style1 #menu>ul>li>a { position: relative; font-weight: 500; -webkit-transition: .3s; transition: .3s }
  .main-menu-wrap.style1 #menu>ul>li>a.active, .main-menu-wrap.style1 #menu>ul>li>a:hover { color: white; }
  .main-menu-wrap.style1 #menu>ul>li.has-children>a { position: relative }
  .main-menu-wrap.style1 #menu>ul>li.has-children>a:before { position: absolute; top: 20px; right: 0; content: ""; width: 6px; height: 6px; border-width: 0 0 1px 1px; border-style: solid; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
  .main-menu-wrap.style1 #menu>ul>li.has-children>.sub-menu>.has-children>a { position: relative }
  .main-menu-wrap.style1 #menu>ul>li.has-children>.sub-menu>.has-children>a:after { position: absolute; top: 22px; right: 15px; content: ""; width: 6px; height: 6px; border-width: 0 0 1px 1px; border-style: solid; -webkit-transform: rotate(-135deg); transform: rotate(-135deg) }
  .main-menu-wrap.style1 #menu>ul>li.has-children>.sub-menu>.has-children>a:hover:after { border-color: #26538d }
  .main-menu-wrap.style1 #menu>ul>.has-children { position: relative }
  .main-menu-wrap.style1 #menu ul>.has-children>.sub-menu>.has-children>.sub-menu { left: 100%; top: 0 }
  .menu-expand i { display: none }
  .header-wrap.style1 #menu ul li.has-children .sub-menu, .header-wrap.style2 #menu ul li.has-children .sub-menu { background: #012245 }
  .header-wrap.style1 #menu ul li.has-children .sub-menu li a, .header-wrap.style2 #menu ul li.has-children .sub-menu li a { color: #fff }
  .header-wrap.style1 #menu ul li.has-children .sub-menu li a.active, .header-wrap.style2 #menu ul li.has-children .sub-menu li a.active, .header-wrap.style1 #menu ul li.has-children .sub-menu li a:hover, .header-wrap.style2 #menu ul li.has-children .sub-menu li a:hover { background-color: rgb(143 40 37); border-color: rgba(255, 255, 255, .35) }
  .header-wrap.style1 #menu>ul>li.has-children>.sub-menu>.has-children>a:hover::after, .header-wrap.style2 #menu>ul>li.has-children>.sub-menu>.has-children>a:hover::after { border-color: #fff }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .header-wrap .header-bottom .header-menu-wrap .sidebar-menu i { top: 1px; font-size: 28px }
  .header-wrap .header-bottom .header-menu-wrap .sidebar-menu { margin-right: -35px; width: auto }
}
@media only screen and (max-width:991px) {
    .bg-img1 {
  
    min-height: 500px;
    padding: 25px 15px;
}


    .logo span{
    font-size:12px;
     display:none;
    color:#112865;
    line-height: 20px;
        font-weight: 500;
}
.logo h2{
    display:none;
    color:#112865;
        font-size: 18px !important;
    line-height: 20px;
        font-weight: 600;
            max-width: 100%;
}
    .testimonial-item .client-name {
     margin: 0  !important; 
}
    .testimonial-item .client-name h5 { color: #012245;; font-weight: 400; margin: 0   ;  text-align: start;
    /*padding-left: 0px !important;*/
}
    .header-wrap .header-bottom .logo img {
    height: 70px !important;
    width: 70px !important;
}
    .swiper-slide-active  .btner{
    display:block;
     position: absolute; 
      top: 90% !important;
    bottom: 50%;
   z-index: 1;
   animation-name:banner-btnerer;
    animation-delay:.4s;
    animation-duration:2.5s;
    animation-timing-function:linear;
 
}




    .hero-pagination , .swiper-button-prev , .swiper-button-next{
        display:none;
    }
    .hero-wrap.style2 .hero-slider-two .hero-slider-item .hero-content img {
    max-height: 350px;
    min-height: 219px !important;
    /*object-fit: cover;*/
    object-position: top;
}
    .row .col-lg-4 .contact-address {
    height: auto;
}
    
  .bg-offcanva { background-size: cover !important; background-repeat: no-repeat !important; max-height: 270px; width: 100%; height: auto }
  .header-wrap .header-top .header-top-right .header-social { margin: 0 }
  .header-wrap.style2 { top: 0 }
  .header-wrap.style2 .container-fluid { padding: 0 }
  .header-wrap.style1 .header-top { background-color: white; }
  .header-top .social-profile.style3 li a i, .header-top .header-contact a, .header-top .close-header-top button i, .lang_selctor .nice-select>span, .lang_selctor.style1 i { color: black }
  .header-wrap .header-top .header-top-right .lang_selctor select { padding: 8px 15px; width: calc(100% - 20px) }
  .header-wrap .header-top .header-top-right .lang_selctor select { background-position: calc(100% - 8px) 20px, calc(100% - 0px) 20px, 100% 0 }
  .header-wrap .header-top .header-top-left .header-contact i { top: 5px }
  .header-search { width: 100%; margin: 24px 0 0 }
  .lang_selctor { width: 100% }
  .shopcart { display: inline-block; position: relative; top: -5px; margin: 0 12px 0 0 }
  .shopcart button i { font-size: 22px }
  .shopcart button .item-amt { right: 0; width: 20px; height: 20px; font-size: 10px; line-height: 20px }
  .shopcart .cart-total { display: none }
  .main-menu { text-align: left }
  .sidebar-menu i { font-size: 22px; line-height: 37px; position: relative; top: -3px; margin-right: 15px; cursor: pointer }
  .logo img { max-width: 120px }
  .mobile-bar-wrap { text-align: right; position: relative; top: 4px }
  .header-wrap .header-bottom { padding: 12px 0 }
  .header-wrap .header-bottom .header-bottom-right, .header-wrap .header-top .header-top-right { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
  .header-wrap .header-top .header-top-left p { margin: 0; padding: 0 }
  .header-wrap .header-top .header-top-left p, .header-wrap .header-top .header-top-left a { color: #fff; display: block }
  .header-wrap .header-top .header-top-left p::after { display: none }
  .header-wrap .header-bottom .header-bottom-right, .header-wrap .header-top .header-top-right { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: flex-start; -ms-flex-align: flex-start; -ms-grid-row-align: 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 }
  .header-top-right .social-profile.v1 { margin: 7px 0 15px }
  .header-top-right .lang_selctor { border: 1px solid #666; border-radius: 5px; margin: 0 0 20px !important }
  .lang_selctor .nice-select::after { right: 12px }
  .header-top-right .btn.v1 { width: 100%; display: block }
  .mobile-bar-wrap { text-align: right; position: relative; top: 4px }
  .mobile-bar-wrap.style2 { top: 0 }
  .header-wrap .header-bottom { padding: 12px 0 ;         margin-top: 97px; }
  .header-wrap .header-top .header-bottom-right { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
  .header-wrap .header-top .header-top-left p { margin: 0; padding: 0 }
  .header-wrap .header-top .header-top-left p, .header-wrap .header-top .header-top-left a { color: #fff; display: block }
  .header-wrap .header-top .header-top-left p::after { display: none }
  .header-wrap .header-bottom .header-bottom-right { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: flex-start; -ms-flex-align: flex-start; -ms-grid-row-align: 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 }
  .header-bottom-right .social-profile.v1 { margin: 7px 0 15px }
  .header-bottom-right .lang_selctor { border: 1px solid #666; width: 100%; border-radius: 5px; margin: 0 0 20px !important }
  .lang_selctor .nice-select::after { right: 12px }
  .header-bottom-right .btn.v1 { width: 100%; display: block }
  .header-wrap .header-top .header-bottom-right .link { top: 0; margin: 10px 0 13px }
  .menu-close { position: absolute; top: 13px; right: 16px }
  .menu-close i { color: #000; font-size: 22px }
  .mobile-menu { text-align: right }
  .mobile-menu a i { color: white; font-size: 26px }
  .mobile-top-bar, .mobile-menu { display: inline-block }
  .super-para-about p {
    height: 100% !important;
}
  .mobile-top-bar i { color: #012245; font-size: 22px; margin-right: 15px; cursor: pointer }
  .header-top { position: absolute; width:100%;     padding: 6px 0 0 0 !important; }
  /* height: 100vh; width: 100%; top: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background: #000; right: -100%; padding: 50px 5px !important; display: block; z-index: 99; visibility: hidden; opacity: 0; -webkit-transition: .3s; transition: .3s*/
  .header-top.open { visibility: visible; opacity: 1; right: 0 }
  .lang_selctor { margin: 0 0 0 11px }
  .close-header-top button { position: absolute; top: 14px; right: 10px; z-index: 999; background: 0 0; border: none; border-radius: 50%; width: 30px; height: 30px; text-align: center; padding: 0 }
  .close-header-top button i { color: #fff; font-size: 20px }
  .header-contact { margin: 0 0 5px }
  .header-top-left .social-profile.style3 { margin: 0 0 5px }
  .header-top-right .lang_selctor { margin: 10px 0 20px !important; padding-right: 5px }
  .lang_selctor .nice-select::after { border-color: #4c4c4c }
  .lang_selctor .nice-select { padding-left: 30px }
  .lang_selctor.style1 i { left: 8px }
  .header-wrap .header-top .header-top-right .link { margin: 15px 0 0 }
  .header-bottom { border-top: none }
  .main-menu-wrap { width: 100%; position: absolute; background: #f3f6fb; z-index: 999; top: 0; height: 100vh; -webkit-transition: .5s; transition: .5s; left: -100%; padding: 55px 20px 30px; overflow-y: auto; -webkit-transition: .4s; transition: .4s }
  .main-menu-wrap.open { left: 0 }
  .main-menu>li.has-children.menu-open>span.menu-expand { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
  .main-menu>li.has-children.menu-open>span.menu-expand i { color: #000 }
  .main-menu>li ul li.has-children.menu-open>span.menu-expand { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
  .main-menu li { position: relative }
  .main-menu li:last-child { margin: 0 }
  .main-menu li span.menu-expand { position: absolute; right: 0; cursor: pointer }
  .main-menu li span.menu-expand i { color: #000 }
  .main-menu li span.menu-expand:hover { color: #000 }
  .main-menu li a { font-size: 14px; font-weight: 400; color: black; text-transform: capitalize; display: block; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid rgba(0, 0, 0, .3) }
  .main-menu li a:hover { color: #000 }
  .main-menu li ul.sub-menu { padding-left: 20px }
  .main-menu li a.active { color: #000; font-weight: 600; border-color: rgba(0, 0, 0, .3) }
}
@media only screen and (max-width:767px) {
    .fs-6 {
    font-size: 13px !important;
}
     .dropdown-menu{
         /*position:static !important;*/
        background-color:#012245 !important;
        color:white;
            padding: 1rem;
    margin: -1rem 0 0 0;
}
    }
     .dropdown-item{
        color:white;
    }
    .dropdown-item:hover{
        background-color:#26538d;
         color:white;
    
    
    }
    .back-to-top { font-size: 24px; width: 45px; height: 45px; line-height: 42px; text-align: center; color: #4de2c1; display: none; position: fixed; bottom: 15px; right: 15px; z-index: 999; border-radius: 50%; background: #13171d }
  .btn-box-number { max-width: 300px; }
  .header-wrap .header-bottom .logo img { max-width: 120px }
  .mobile-top-bar i { margin-right: 10px }
  .header-wrap .header-bottom .header-menu-wrap .sidebar-menu i { font-size: 20px; top: 0 }
}
@media only screen and (max-width:575px) {
  .main-menu-wrap.style2 { width: 100% !important }
  .header-contact { width: 100% }
  .header-wrap .header-top .header-top-left .header-contact:last-child { padding: 0 }
  .header-wrap .header-top .header-top-left .header-contact::after { display: none }
  .modal { width: 100% !important; height: auto !important; }
}
.main-menu-wrap.style2 { width: 400px; position: fixed; background: #f3f6fb; z-index: 999; top: 0; height: 100vh; -webkit-transition: .5s; transition: .5s; left: -100%; padding: 55px 30px 30px; overflow-y: auto; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1); -webkit-transition: .4s; transition: .4s }
.main-menu-wrap.style2.open { left: 0 }
.main-menu-wrap.style2 ul li a { display: block; color: #000; padding: 14px 0; border-bottom: 1px solid #000 }
.main-menu-wrap.style2 ul li a.active { font-weight: 600 }
.main-menu-wrap.style2 .has-children { position: relative }
.main-menu-wrap.style2 .has-children .sub-menu { margin-left: 20px }
.main-menu-wrap.style2 .menu-expand { position: absolute; top: 22px; right: 0; cursor: pointer; text-align: right }
.main-menu-wrap.style2 .menu-expand i { display: block; color: #000; font-size: 12px; -webkit-transition: .2s; transition: .2s }
.main-menu-wrap.style2 .has-children.menu-open .menu-expand i { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author, .event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap, .discount-wrap .discount-item-wrap, .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap, .team-member .team-member-img .social-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.discount-wrap .discount-item-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; -ms-grid-row-align: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.team-member .team-member-img .social-profile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
@-webkit-keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
@keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
.br-bg-1 { background-image: url(../img/certificate_banner.png) }
.br-bg-2 { background-image: url(../img/breadcrumb/breadcrumb-2.jpg) }
.br-bg-3 { background-image: url(../img/breadcrumb/breadcrumb-3.jpg) }
.br-bg-4 { background-image: url(../img/breadcrumb/breadcrumb-4.jpg) }
.br-bg-5 { background-image: url(../img/breadcrumb/breadcrumb-5.jpg) }
.br-bg-6 { background-image: url(../img/breadcrumb/breadcrumb-6.html) }
.breadcrumb-wrap { position: relative; height: 100%; padding: 135px 0 165px; overflow: hidden; height: 300px; margin: 127px 0 0 }
.breadcrumb-wrap .breadcrumb-title { position: relative; z-index: 1; width: 100%; text-align: start; bottom: -50px; }
.breadcrumb-wrap .breadcrumb-title h2 { font-size: 50px; line-height: 1.2; color: #fff; font-weight: 700; padding: 0; margin: 0 0 15px }
.breadcrumb-wrap .breadcrumb-title h2 span { color: #26538d }
.breadcrumb-wrap .breadcrumb-title .breadcrumb-menu li { display: inline-block; margin: 0 20px 0 0; position: relative; color: #fff }
.breadcrumb-wrap .breadcrumb-title .breadcrumb-menu li i { margin-left: 5px; font-size: 12px }
.breadcrumb-wrap .breadcrumb-title .breadcrumb-menu li a { font-size: 16px; line-height: 22px; color: #fff; display: inline-block; padding: 0 5px; transition: .3s; -webkit-transition: .3s; position: relative }
.breadcrumb-wrap .breadcrumb-title .breadcrumb-menu li a:after { position: absolute; top: 3px; right: -11px; font-size: 16px; content: ""; width: 2px; height: 18px; background-color: #fff; border-radius: 0; -webkit-transform: skewX(-15deg); transform: skewX(-15deg) }
.breadcrumb-wrap .breadcrumb-title .breadcrumb-menu li:last-child a:after { display: none }
.breadcrumb-wrap .breadcrumb-title .project-share li { display: inline-block; margin-left: 4px }
.page-wrapper { overflow-x: hidden !important }
.breadcrumb-wrap .breadcrumb-title .project-share li a { display: block; width: 45px; height: 45px; border: 1px solid #818181; border-radius: 50%; text-align: center; color: #fff; -webkit-transition: .3s; transition: .3s }
.breadcrumb-wrap .breadcrumb-title .project-share li a:hover { background-color: #fff; border-color: transparent }
.breadcrumb-wrap .breadcrumb-title .project-share li a:hover i { color: #4c4c4c }
.breadcrumb-wrap .breadcrumb-title .project-share li a i { line-height: 44px; font-size: 22px }
.breadcrumb-wrap .breadcrumb-title .br-shape { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1 }
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author, .event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap, .discount-wrap .discount-item-wrap, .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap, .team-member .team-member-img .social-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.discount-wrap .discount-item-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; -ms-grid-row-align: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.team-member .team-member-img .social-profile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
@-webkit-keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
@keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
.hero-bg-1 { background-image: url(../img/hero/hero-1.jpg) }
.hero-bg-2 { background-image: url(../img/hero/hero-2.html) }
.hero-bg-3 { background-image: url(../img/hero/hero-3.jpg) }
.hero-bg-4 { background-image: url(../img/hero/hero-4.jpg) }
.hero-bg-5 { background-image: url(../img/hero/hero-5.jpg) }
.hero-bg-6 { background-image: url(../img/hero/hero-6.jpg) }
.hero-bg-7 { background-image: url(../img/hero/hero-7.jpg) }
.hero-bg-8 { background-image: url(../img/hero/hero-8.jpg) }
.hero-wrap { margin: 127px 0 0 }
.hero-wrap.style1 { position: relative; padding: 130px 0 146px }
.hero-wrap.style1 .hero-circle-shape { position: absolute; top: -60px; left: -50px; z-index: -1; -webkit-animation: animationFramesTwo 5s alternate infinite linear; animation: animationFramesTwo 5s alternate infinite linear }
.hero-wrap.style1 .hero-dot-shape { position: absolute; bottom: -60px; left: -50px; z-index: -1; -webkit-animation: animationFramesOne 5s alternate infinite linear; animation: animationFramesOne 5s alternate infinite linear }
.hero-wrap.style1 .container { position: relative; z-index: 0 }
.hero-wrap.style1 .hero-img-wrap .hero-ellipse-img { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 54% }
.hero-wrap.style1 .hero-img-wrap .hero-ellipse-img img { display: block !important; -webkit-animation: border-transform 10s linear infinite alternate forwards; animation: border-transform 10s linear infinite alternate forwards; margin: auto }
.hero-wrap.style1 .hero-img-wrap .ellipse-shape { position: absolute; top: 50%; left: 0 }
.hero-wrap.style2 { position: relative;
/*margin: 150px 0 0 0; */
    
}
.hero-wrap.style2 .hero-slider-two .hero-slider-item { position: relative }
.hero-wrap.style2 .hero-slider-two .hero-slider-item:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: "";                                /*    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.06)), color-stop(35%, rgba(0, 0, 0, 0.31)), to(rgba(0, 0, 0, 0.74)));*/  /*    background: linear-gradient(90deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.31) 35%, rgba(0, 0, 0, 0.74) 100%)*/

/**/ }
.hero-wrap.style2 .hero-slider-two .hero-slider-item .hero-content { position: relative ;  max-height: 560px; }
.hero-wrap.style2 .hero-slider-two .hero-slider-item .hero-content img { ;  max-height: 560px; min-height: 560px;
    object-position: top; }
.hero-wrap.style2 .hero-slider-two .hero-slider-item .hero-content span { color: #fff; display: block; margin: 0 0 10px }
.hero-wrap.style2 .hero-slider-two .hero-slider-item .hero-content .hero-shape-2 { position: absolute; top: -30px; left: -30px; z-index: -1; -webkit-animation: animationFramesTwo 5s alternate infinite linear; animation: animationFramesTwo 5s alternate infinite linear }
.hero-wrap.style2 .hero-slider-two .hero-slider-item .hero-content .hero-shape-3 { position: absolute; top: 50%; right: 0; z-index: -1; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-animation: animationFramesOne 5s alternate infinite linear; animation: animationFramesOne 5s alternate infinite linear }
.hero-wrap.style2 .hero-slider-two .hero-slider-item .hero-content .hero-shape-4 { position: absolute; bottom: -30px; left: 40%; z-index: -1; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.hero-wrap.style2 .hero-slider-two .hero-slider-btn { position: absolute; bottom: 30px; right: 50px; z-index: 10 }
.hero-wrap.style3 .hero-shape-2 { position: absolute; top: -50px; left: 0; z-index: -1; -webkit-animation: animationFramesOne 5s alternate infinite linear; animation: animationFramesOne 5s alternate infinite linear }
.hero-wrap.style3 .hero-shape-3 { position: absolute; bottom: -120px; left: 100px; z-index: -1; -webkit-animation: animationFramesOne 5s alternate infinite linear; animation: animationFramesOne 5s alternate infinite linear }
.hero-wrap.style3 .hero-content-wrap { width: 50%; padding: 90px 0 145px; position: relative }
.hero-wrap.style3 .hero-content-wrap .hero-content h1, .hero-wrap.style3 .hero-content-wrap .hero-content p { color: #012245 }
.hero-wrap.style3 .hero-img { width: 50%; padding: 220px 0; height: 100% }
.hero-pagination { position: absolute; bottom: 15px; z-index: 1 }
.hero-pagination span { display: inline-block; width: 15px; height: 15px; background: #fff; border-radius: 50%; margin: 0 10px }
@-webkit-keyframes animationFramesOne {
  0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px) }
  100% { -webkit-transform: translate(80px, 0px); transform: translate(80px, 0px) }
}
@keyframes animationFramesOne {
  0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px) }
  100% { -webkit-transform: translate(80px, 0px); transform: translate(80px, 0px) }
}
@-webkit-keyframes animationFramesTwo {
  0% { -webkit-transform: translate(0px, 0px) rotate(108deg) }
  20% { -webkit-transform: translate(141px, 102px) rotate(72deg) }
  50% { -webkit-transform: translate(-40px, 72px) rotate(144deg) }
  100% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
}
@keyframes animationFramesTwo {
  0% { -webkit-transform: translate(0px, 0px) rotate(108deg) }
  20% { -webkit-transform: translate(141px, 102px) rotate(72deg) }
  50% { -webkit-transform: translate(-40px, 72px) rotate(144deg) }
  100% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
}
@-webkit-keyframes animationFramesTwo {
  0% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
  20% { -webkit-transform: translate(73px, -1px) rotate(36deg) }
  40% { -webkit-transform: translate(141px, 72px) rotate(72deg) }
  60% { -webkit-transform: translate(83px, 122px) rotate(108deg) }
  80% { -webkit-transform: translate(-40px, 72px) rotate(144deg) }
  100% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
}
@-webkit-keyframes animationFramesThree {
  0% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
  20% { -webkit-transform: translate(73px, -1px) rotate(36deg) }
  40% { -webkit-transform: translate(141px, 72px) rotate(72deg) }
  60% { -webkit-transform: translate(83px, 122px) rotate(108deg) }
  80% { -webkit-transform: translate(-40px, 72px) rotate(144deg) }
  100% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
}
@keyframes animationFramesThree {
  0% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
  20% { -webkit-transform: translate(73px, -1px) rotate(36deg) }
  40% { -webkit-transform: translate(141px, 72px) rotate(72deg) }
  60% { -webkit-transform: translate(83px, 122px) rotate(108deg) }
  80% { -webkit-transform: translate(-40px, 72px) rotate(144deg) }
  100% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
}
.hero-content { position: relative; z-index: 1 }
.hero-content .subtitle { color: #26538d }
.hero-content h1 { font-size: 45px; font-weight: 700; line-height: 1.4; margin: 0 0 20px; color: #fff }
.hero-content p { font-size: 20px; margin: 0 0 45px; color: #fff }
.hero-content .hero-btn .btn:nth-child(2) { margin-left: 15px }
.hero-content.style2 h1 { font-weight: 300 }
.hero-content.style2 h1 span { font-weight: 700; color: #26538d }
.hr-line { position: absolute; height: 25%; border-bottom: 1px solid rgba(255, 255, 255, .5); left: 0; width: 100% }
.hr-line:after { position: absolute; bottom: -5px; content: ""; width: 10px; height: 10px; border-radius: 50%; background: #fff }
.hr-line:nth-child(1) { top: 0 }
.hr-line:nth-child(1):after { left: 20% }
.hr-line:nth-child(2) { top: 25% }
.hr-line:nth-child(2):after { left: 40% }
.hr-line:nth-child(3) { top: 50% }
.hr-line:nth-child(3):after { left: 60% }
.hr-line:nth-child(4) { top: 75% }
.hr-line:nth-child(4):after { left: 80% }
.hero-one-pagination { position: absolute; bottom: 30px; left: 50%; z-index: 99; width: auto; color: #fff; font-size: 24px }
.hero-shape-one { position: absolute; top: 100px; z-index: 0 }
.hero-shape-two { position: absolute; bottom: -50px; z-index: 9; left: 150px }
.hero-btn-wrap { position: absolute; bottom: 30px; right: 30px; z-index: 1 }
.slider-btn.style4 { width: 45px; height: 45px; border-radius: 50% !important; text-align: center; padding: 0 !important; background: 0 0 !important; border: 2px solid #fff }
.slider-btn.style4 i { line-height: 47px; font-size: 17px; color: #fff !important }
@media only screen and (min-width:3000px) {
  .hero-wrap.style1 .hero-img-wrap .hero-ellipse-img { right: 20% }
}
@media only screen and (min-width:1921px) and (max-width:2999px) {
  .hero-wrap.style1 .hero-img-wrap .hero-ellipse-img { right: 10% }
}
@media only screen and (min-width:1450px) {
  .hero-wrap.style3 .hero-content-wrap { padding-left: calc((100% - 50%) - 1410px/2 + 15px) }
  .hero-wrap.style1 .hero-img-wrap .hero-ellipse-img { max-width: 40% }
}
@media only screen and (min-width:1200px) and (max-width:1449px) {
  .hero-wrap.style3 .hero-content-wrap { padding-left: calc((100% - 50%) - 1320px/2 + 15px) }
  .hero-wrap.style1 .hero-img-wrap .hero-ellipse-img { max-width: 450px }
}
@media only screen and (min-width:1200px) and (max-width:1449px) {
  .hero-wrap.style3 .hero-content-wrap { padding-left: calc((100% - 50%) - 1320px/2 + 15px) }
}
@media only screen and (min-width:1200px) and (max-width:1360px) {
  .hero-wrap.style3 .hero-content-wrap { padding-left: calc((100% - 50%) - 1250px/2 + 15px) }
  .logo h2{
    color:white;
    line-height: 32px;
        font-weight: 600;
        font-size:18px;
}
}
@media only screen and (min-width:1600px) {
  .hero-wrap.style1 { padding: 215px 0 230px }
  .hero-wrap.style3 .hero-slider-two .hero-slider-item { padding: 200px 0 240px }
  .hero-wrap.style3 .hero-content-wrap { padding-top: 220px; padding-bottom: 220px }
}
@media only screen and (min-width:1200px) {
  .hero-wrap.style1 .hero-video-wrap .hero-video-border { width: 86%; height: 87% }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .hero-wrap.style1 .hero-content h1 { font-size: 40px }
  .hero-wrap.style1 .hero-img-wrap .hero-ellipse-img { max-width: 380px }
  .hero-wrap.style1 .hero-video-wrap .hero-video-border { width: 86%; height: 87% }
  .hero-wrap.style3 .hero-content-wrap { padding-left: calc((100% - 50%) - 960px/2 + 15px) }
  .hero-content h1 { font-size: 40px }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .hero-wrap.style1 .hero-content h1 { font-size: 40px }
  .hero-wrap.style1 .hero-img-wrap .hero-ellipse-img { max-width: 300px }
  .hero-wrap.style1 .hero-video-wrap .hero-video-border { width: 86%; height: 87% }
  .hero-wrap.style1 .hero-video-wrap .hero-video { height: 500px }
  .hero-wrap.style3 .hero-slider-two .hero-slider-item .hero-content h1 { font-size: 60px; line-height: 1.2 }
  .hero-wrap.style2 .hero-content h1 { font-size: 46px }
  
  .hero-wrap.style3 .hero-content-wrap { padding-left: calc((100% - 50%) - 720px/2 + 15px); padding-right: 20px; width: 60% }
  .hero-content h1 { font-size: 34px }
  .hero-content p { font-size: 16px }
}
@media only screen and (max-width:991px) 
{
    .main-menu {
  
    flex-direction: column;
}

  .hero-wrap { margin: 65px 0 0 }
  .hero-wrap.style1 { padding: 150px 0 }
  .hero-wrap.style2 { position: relative; margin-top: 95px; margin-bottom: 0px; }
  .social-profilepharmacy{text-align: center;}
  .super-hero-wrap {
        margin-top: 191px !important;
}
  .hero-wrap.style2 .hero-bg { top: 0; width: 100%; height: 100%; padding: 0 }
  .hero-wrap.style1 .hero-content { margin: 0 0 50px }
  .hero-content.style2 h1 { text-align: center }
  .hero-wrap.style1 .hero-content p { font-size: 16px }
  .hero-wrap.style1 .hero-img-wrap .hero-ellipse-img { position: relative; top: 0; right: 0; -webkit-transform: translateY(0); transform: translateY(0); max-width: 70%; margin: 0 auto }

  /*.hero-wrap.style2 .hero-slider-two .hero-slider-item::before {*/

  /*    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.58)), color-stop(55%, rgba(0, 0, 0, 0.49)), to(rgba(0, 0, 0, 0.07)));*/

  /*    background: linear-gradient(90deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.49) 55%, rgba(0, 0, 0, 0.07) 100%)*/

/*}*/ }
@media only screen and (max-width:767px) {
    .imgfooter {
    margin-left: 0px;
}
  .hero-content p { font-size: 15px }
  .hero-content p { font-size: 16px; margin: 0 0 30px }
  .hero-content h1 { margin: 0 0 20px }
  .hero-wrap.style2 .hero-slider-one .hero-slider-btn { right: 15px }
  .hero-wrap.style3 .hero-slider-two .hero-slider-item { padding: 200px 0 178px }
  .hero-wrap.style3 .hero-content-wrap { width: 100%; text-align: center; padding: 150px 15px }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .hero-content h1 { font-size: 46px; margin: 0 0 28px }
  .hero-wrap.style1 .hero-video-wrap .hero-video { height: 380px }
  .hero-wrap.style3 .hero-slider-two .hero-slider-item .hero-content h1 { font-size: 45px; line-height: 1.3 }
  .hero-wrap.style2 .hero-content h1 { font-size: 46px }
}
@media only screen and (max-width:575px) {
  .hero-btn .btn { font-size: 14px; padding: 9px 12px }
  .hero-content .hero-btn .btn:nth-child(2) { margin-left: 9px }
  .hero-wrap.style1 .hero-video-wrap .hero-video-border { display: none }
  .hero-wrap.style1 .hero-video-wrap .hero-video { height: 372px }
  .hero-wrap.style1 { padding: 100px 0 80px }
  .hero-content h1 { font-size: 28px; margin: 0 0 25px }
  .hero-wrap.style2 .social-profile { right: 10px }
  .hero-wrap.style2 .social-profile li a, .hero-wrap.style3 .social-profile li a { width: 30px; height: 30px }
  .hero-wrap.style2 .social-profile li a i, .hero-wrap.style3 .social-profile li a i { font-size: 14px; line-height: 30px }
  .hero-wrap.style2 .hero-slider-one .hero-slider-btn { right: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 20px }
  .hero-wrap.style3 .hero-btn-wrap { right: 15px }
  .hero-wrap.style2 .hero-content h1 { font-size: 32px }
  .hero-wrap.style3 .hero-slider-two .hero-slider-item .hero-content h1 { font-size: 32px; line-height: 1.3 }
  .hero-wrap.style3 .social-profile { bottom: 15px; left: 15px }
  .slider-btn.style3 { padding: 8px 14px 0 !important }
  .intro-video { display: none }
  .hero-one-pagination { bottom: 70px; font-size: 20px; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
  .hero-wrap.style2 .hero-slider-one .hero-slider-item { padding: 180px 0 210px }
}
@media only screen and (max-width:376px) {
  .hero-wrap.style1 .hero-video-wrap .hero-video { height: 372px }
  .hero-wrap.style2 .social-profile { display: none }
  .hero-wrap.style2 .hero-content h1 { font-size: 26px }
  .hero-wrap.style2 .hero-content, .hero-wrap.style2 .hero-content p { padding: 0 }
  .hero-wrap.style2 .hero-slider-one .hero-slider-item .hero-content span { font-size: 14px }
}
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author, .event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap, .discount-wrap .discount-item-wrap, .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap, .team-member .team-member-img .social-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.discount-wrap .discount-item-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; -ms-grid-row-align: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.team-member .team-member-img .social-profile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
@-webkit-keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
@keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
.event-bg-1 { background-image: url(../img/event/single-event.jpg) }
.event-bg-2 { background-image: url(../img/event/event-2.jpg) }
.event-gallery { height: 400px; margin: 0 0 23px; border-radius: 5px }
.faq-section .faq-accordian .accordions .accordion-item { background-color: #ffffff; margin-bottom: 20px; -webkit-box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1); box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1); border-radius: 10px !important; overflow: hidden; border: none !important; }
.faq-section .faq-accordian .accordions .accordion-item .accordion-title { cursor: pointer; padding: 15px 20px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #ffffff; position: relative; border-radius: 14px; }
.faq-section .faq-accordian .accordions .accordion-item .accordion-title i { position: absolute; left: 20px; top: 15px; color: #010101; -webkit-transition: .5s; transition: .5s; font-size: 25px; }
.faq-section .faq-accordian .accordions .accordion-item .accordion-title.active-title { background-color: #010101; }
.faq-section .faq-accordian .accordions .accordion-item .accordion-title.active-title h2, .faq-section .faq-accordian .accordions .accordion-item .accordion-title.active-title i { color: #ffffff; }
.faq-section .faq-accordian .accordions .accordion-item .accordion-title.active-title h2 i { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.faq-section .faq-accordian .accordions .accordion-item .accordion-title h2 { margin: 0; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #010101; line-height: 25px; }
.faq-section .faq-accordian .accordions .accordion-item .accordion-title h2 i { font-size: 25px; position: inherit; }
.faq-section .faq-accordian .accordions .accordion-item .accordion-content { display: none; line-height: 1.7; padding: 20px; background-color: #ffffff; border-radius: 0 0 5px 5px; }
.faq-section .faq-accordian .accordions .accordion-item .accordion-content.active { display: block; }
.faq-section .faq-accordian .accordions .accordion-item .accordion-content p { margin: 0; }
.faq-section .faq-accordian .accordions .accordion-item:last-child { margin-bottom: 0; }
.faq-section .faq-image { background-image: url(../img/faq.jpg); background-position: center center; background-size: cover; height: 100%; }
.about-style-two .about-img { border-radius: 55px; margin-bottom: 30px; -webkit-box-shadow: 0px 2px 12px 0px rgba(146, 184, 255, 0.3); box-shadow: 0px 2px 12px 0px rgba(146, 184, 255, 0.3); }
.about-style-two .about-img img { border-radius: 55px; padding: 15px; width: 100%; }
.about-style-two .about-text .section-title { margin-bottom: 20px; }
.about-style-two .about-text .section-title span { color: #26538d; }
.borRad { border-radius: 12px; }
.img-why {   width: 100%;     object-position: top;
    max-height: 400px; }

.about-style-two .about-text p { margin-bottom: 20px; }
.event-date { border: 1px solid #ddd; padding: 11px 5px }
.event-date h4 { font-weight: 300; color: #4c4c4c; font-size: 13px; text-align: center; margin: 0 }
.event-date h4 span { font-size: 40px; line-height: 1; text-align: center; display: block; color: #26538d }
.event-meta-info { position: relative; padding-left: 25px; color: #4c4c4c; margin: 0 0 10px; display: inline-block }
.event-meta-info:last-child { margin: 0 }
.event-meta-info i { position: absolute; top: -2px; left: 0; color: #26538d }
.event-item { margin: 0 0 30px }
.event-item.style1 .event-name { margin: 18px 0 0 }
.event-item.style2 { border: 1px solid #ddd; padding: 25px }
.event-item.style2 .event-date { padding: 20px 5px }
.event-item.style2 .event-name { margin: 0 0 18px; border-bottom: 1px solid #ddd; padding-bottom: 20px }
.event-name { margin: 18px 0 0 }
.event-name p { margin: 0; padding-right: 10px }
.event-img { height: 200px; display: block }
.event-map iframe { width: 100%; height: 350px }
@media only screen and (max-width:575px) {
  .event-date h4 span { font-size: 26px }
  .event-date { padding: 11px 5px !important }
}
@media only screen and (max-width:376px) {
  .event-item.style1 .event-meta-info { padding-left: 10px; margin: 0 0 8px; font-size: 13px; line-height: 20px }
  .event-item.style1 .event-meta-info i { top: -1px; left: -10px }
  .event-item.style1 .event-name { margin: 15px 0 0 }
  .event-item.style2 { padding: 15px }
  .event-item.style2 .event-name h4 { font-size: 18px }
  .event-item.style2 .event-name p { font-size: 14px }
  .event-item.style2 .event-meta-info { margin: 0 0 8px; font-size: 13px; line-height: 20px }
}
@media only screen and (max-width:767px) {
  .event-img { height: 260px }
  .event-item.style1 .event-info { margin: 25px 0 0 }
}
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author, .event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap, .discount-wrap .discount-item-wrap, .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap, .team-member .team-member-img .social-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.discount-wrap .discount-item-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; -ms-grid-row-align: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.team-member .team-member-img .social-profile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
@-webkit-keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
@keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
.about-bg-1 { background-image: url(../img/about/about-1.jpg) }
.about-bg-2 { background-image: url(../img/about/about-2.jpg) }
.faq-bg-1 { background-image: url(../img/about/donate-bg-2.html) }
.about-bg { position: relative }
.about-bg.style1 { height: 458px; border-radius: 20px }
.about-bg.style1 .overlay { border-radius: 20px }
.about-bg.style2 { height: 576px }
.about-wrap { position: relative; overflow-x: hidden }
.about-wrap .container { position: relative; z-index: 1 }
.about-wrap .about-img .about-circle-shape { position: absolute; bottom: -50px; left: -20px }
.about-wrap .about-content .section-title p { margin: 15px 0 22px }
.about-wrap .about-content .about-features-list { margin: 0 0 22px }
.about-wrap .about-content .about-features-list li { line-height: 36px; position: relative; padding-left: 25px; font-size: 16px }
.about-wrap .about-content .about-features-list li i { color: #26538d; position: absolute; top: 0; left: 0; font-size: 16px }
.about-wrap .about-content .about-features-list.style2 { margin: 0 }
.about-wrap .about-content h5 { margin: 0 0 25px }
.about-wrap .about-content.style2 { background-color: #fff; padding: 42px 50px 50px; border-radius: 5px 5px 50px 5px }
.about-wrap.style1 .about-img { height: 500px; position: relative; border-radius: 5px 5px 80px }
.about-wrap.style1 .about-img:before { position: absolute; top: 7px; right: -7px; content: ""; background: #26538d; width: 100%; height: 100%; z-index: -1; border-radius: 5px 5px 85px }
.about-wrap.style2 .about-img { width: 48.5% }
.about-wrap.style2 .about-content { width: 48.5% }
.map.style1 iframe { width: 100%; height: 303px; border-radius: 10px }
.about-subpara h5 { position: relative; padding-left: 50px }
.about-subpara h5 span { display: inline-block; width: 40px; height: 40px; background: #26538d; border-radius: 50%; text-align: center; position: absolute; top: -7px; left: 0 }
.about-subpara h5 span img { max-width: 20px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); position: relative; top: 3px }
.feature-item { text-align: center; padding: 50px 30px 55px; background: #f9f9f9; border-right: 1px solid #fff; -webkit-transition: .3s; transition: .3s }
.feature-item:hover { background-color: #26538d }
.feature-item:hover h5, .feature-item:hover p, .feature-item:hover a, .feature-item:hover i { color: #fff }
.feature-item:hover a span:after { background: #fff }
.feature-item p { font-size: 14px; line-height: 1.6; margin: 0 0 7px }
.feature-item a i { position: relative; top: 4px; margin-left: 7px }
.feature-item a span { position: relative; display: inline-block }
.feature-item a span:after { position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 1px; background: #000 }
.faq-img { height: 470px; border-radius: 15px }
.accordion-button:not(.collapsed) { color: #fff; background-color: transparent }
.donate-faq { border: 1px solid #ddd; border-radius: 15px }
.accordion-item { border: none; margin: 0; padding: 0; border-bottom: 1px solid #ddd }
.accordion-item:last-child { border: none }
.accordion-item:last-child { margin: 0 }
.accordion-item .accordion-header { background: 0 0; color: #4c4c4c }
.accordion-item .accordion-header .accordion-button { margin: 0; padding: 20px 50px 20px 27px; font-size: 18px; line-height: 30px; font-family: "Lato", sans-serif; font-weight: 600; border-radius: 0; border: none; color: white; background-color: #012245; text-align: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.accordion-item .accordion-header .accordion-button:focus { outline: none; -webkit-box-shadow: none; box-shadow: none }
.accordion-collapse { border: none }
.accordion-button:not(.collapsed)::after { -webkit-transform: rotate(-225deg); transform: rotate(-225deg); top: 32px; left: -4px }
.accordion-button::after { content: ""; background-image: none; font-size: 14px; right: 27px; position: absolute; top: 28px; width: 10px; height: 10px; border-left: 2px solid #4c4c4c; border-bottom: 2px solid #4c4c4c; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.accordion-button:not(.collapsed)::after { background-image: none }
.accordion-button[aria-expanded=true] { background-color: #012245; color: #fff !important }
.accordion-button:first-child [aria-expanded=true] { border-radius: 15px 15px 0 0 !important }
.accordion-button[aria-expanded=true]:after { border-color: #fff }
.accordion-body { padding: 18px 25px 22px; border-top: 1px solid #ddd; border-radius: 0 0 20px 0; background-color: white; }
.accordion-body p { margin: 0; }
.ecour-faq .accordion-button::after { right: auto; left: 35px }
.ecour-faq .accordion-item { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1); border-bottom: none; margin: 0 0 30px }
.ecour-faq .accordion-item:last-child { margin: 0 }
.ecour-faq .accordion-item .accordion-header .accordion-button { padding: 20px 70px }
.ecour-faq .accordion-button[aria-expanded=true] { background-color: transparent; color: #000 !important; padding-bottom: 10px !important }
.ecour-faq .accordion-button[aria-expanded=true]::after { border-color: #000 }
.ecour-faq .accordion-body { border-top: none; padding: 0 70px 20px }
.company-location .comp-map { height: 400px }
.company-location .comp-map iframe { width: 100%; height: 100% }
#contactForm input, #contactForm textarea { background: #f4f4f4; border-radius: 5px !important }
#contactForm textarea { padding: 15px }
@media only screen and (min-width:1450px) {
  .about-wrap.style2 .about-content { padding-right: calc((100% - 1410px)/2 + 15px) }
}
@media only screen and (min-width:1200px) and (max-width:1449px) {
  .about-wrap.style2 .about-content { padding-right: calc((100% - 1320px)/2 + 15px) }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .faq-img { height: 588px }
  .about-wrap.style2 .about-content { padding-right: calc((100% - 1320px)/2 + 15px) }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .about-wrap.style2 .about-content { padding-right: calc((100% - 960px)/2 + 15px) }
  .about-wrap.style2 .about-img { margin-bottom: 30px !important }
  .about-wrap.style2 .about-img, .about-wrap.style2 .about-content { width: 720px; margin: 0 auto; padding: 0 15px }
}
@media only screen and (max-width:991px) {
  .about-wrap .about-content.style2 { margin: 0 }
  .faq-img { height: 358px; margin: 0 0 30px }
  .about-bg.style2 { margin: 30px 0 0 }
  .about-content { margin: 30px 0 0 }
}
@media only screen and (min-width:768px) {
  .about-features-list.style2 { -webkit-columns: 2; columns: 2 }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .about-wrap.style2 .about-img { margin-bottom: 30px !important }
  .about-wrap.style2 .about-img, .about-wrap.style2 .about-content { width: 540px !important; margin: 0 auto; padding: 0 15px }
}
@media only screen and (max-width:575px) {
  .about-wrap.style2 .about-img { display: none }
  .about-wrap.style2 .about-img, .about-wrap.style2 .about-content { width: 100%; margin: 0 auto; padding: 0 15px }
  .about-subpara h5 span img { max-width: 15px; top: 1px }
  .about-subpara h5 span { width: 30px; height: 30px; top: 0 }
  .about-subpara h5 { padding-left: 40px; font-size: 17px }
}
@media only screen and (max-width:767px) {
    .contact-address .contact-icon { text-align: center; margin: 0 0 20px;     padding: 20px 20px 15px 20px; width: max-content; border: 1px solid red; border-radius: 50%; }
  .about-wrap .about-img { height: 300px }
  .about-wrap .about-content.style2 { padding: 22px 30px 30px }
  .about-wrap.style2 .about-content { padding-left: 0; padding-right: 0 }
  .about-wrap.style2 .about-content { width: 100%; padding: 0 15px }
  .about-wrap.style2 .about-content { width: 100% }
}
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author, .event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap, .discount-wrap .discount-item-wrap, .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap, .team-member .team-member-img .social-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.discount-wrap .discount-item-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; -ms-grid-row-align: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.team-member .team-member-img .social-profile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
@-webkit-keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
@keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
.course-card { border-radius: 5px }
.course-card .course-img { position: relative; overflow: hidden }
.course-card .course-img img { border-radius: 5px 5px 0 0; -webkit-transition: .8s; transition: .8s; width: 100%; max-height: 300px; object-fit: cover; }
.course-card .course-info h3 { font-size: 20px; line-height: 30px; line-height: 1.4; margin: 0 }
.course-card .course-info p { margin: 0; font-size: 14px; line-height: 1.6 }
.course-card .course-metainfo { -webkit-box-shadow: 0 -5px 15px rgba(0, 0, 0, .05); box-shadow: 0 -5px 15px rgba(0, 0, 0, .05); padding: 15px 20px }
.course-card .course-metainfo .course-metainfo-left, .course-card .course-metainfo .course-metainfo-right { width: 49% }
.course-card .course-metainfo .course-metainfo-left { text-align: left }
.course-card .course-metainfo .course-metainfo-right { text-align: right }
.course-card .course-metainfo .course-metainfo-right .price-tag .discount { margin-right: 5px }
.course-card .course-metainfo .course-metainfo-right .price-tag span { color: #26538d }
.course-card .course-metainfo a { color: #4c4c4c }
.course-card .course-metainfo a:hover { color: #26538d }
.course-card .course-metainfo p { font-size: 14px; margin: 0 }
.course-card .course-metainfo p i { margin-right: 5px }
.course-card.style1 { border: 1px solid #ddd; margin: 0 0 30px; border-radius: 5px; -webkit-transition: .3s; transition: .3s }
.course-card.style1:hover { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1); border-color: transparent }
.course-card.style1:hover .course-img img { -webkit-transform: scale(1.07); transform: scale(1.07) }
.course-card.style1 .course-info { padding: 15px 20px 18px }
.course-card.style1 .course-rating { padding: 20px 0 15px }
.course-card.style1 .course-metainfo i { font-size: 14px; position: relative; top: 2px; margin-right: 8px }
.course-card.style1 .course-metainfo .course-metainfo-left ul li:last-child { margin-left: 20px }
.course-card.style2 { border: 1px solid #ddd; margin: 0 0 30px; border-radius: 5px; -webkit-transition: .3s; transition: .3s }
.course-card.style2:hover { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1); border-color: transparent }
.course-card.style2:hover .course-img img { -webkit-transform: scale(1.07); transform: scale(1.07) }
.course-card.style2 .course-info { padding: 40px 20px 18px; position: relative }
.course-card.style2 .course-info .course-price { display: inline-block; font-size: 20px; line-height: 30px; background: #26538d; color: #fff; padding: 10px 20px; border-radius: 5px; position: absolute; top: -28px; left: 20px }
.course-card.style2 .course-rating { padding: 20px 0 15px }
.course-card.style2 .course-metainfo i { font-size: 14px; position: relative; top: 2px; margin-right: 8px }
.course-card.style2 .course-metainfo .course-metainfo-left ul li:last-child { margin-left: 20px }
.course-card.style3 { margin: 0 0 30px; -webkit-transition: .3s; transition: .3s; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1) }
.course-card.style3 .course-img .event-date { position: absolute; top: 20px; left: 20px; background: #26538d; display: inline-block; color: #fff; line-height: 1; border-radius: 5px; font-size: 14px; padding: 10px 12px; border: none }
.course-card.style3 .course-img .event-date i { font-size: 16px; position: relative; top: 1px; margin-right: 5px }
.course-card.style3 .course-info { padding: 0 0 15px; margin: 18px 20px; position: relative; border-bottom: 1px solid #ddd }
.course-card.style3 .course-metainfo { -webkit-box-shadow: none; box-shadow: none; padding: 0 20px 20px }
.course-card.style3 .course-metainfo i { color: #26538d; font-size: 20px }
.course-card.style3 .course-metainfo p { font-weight: 16px; position: relative; padding-left: 22px }
.course-card.style3 .course-metainfo p i { position: absolute; top: 4px; left: 0 }
.course-card.style3 .course-metainfo .course-metainfo-left ul li:last-child { margin-left: 20px }
.course-card.style3 .course-metainfo .course-metainfo-right .btn { background-color: #26538d; padding: 8px 20px; color: #fff; border-radius: 5px; -webkit-transition: .3s; transition: .3s }
.course-rating { padding: 4px 0 }
.course-rating ul { line-height: 1 }
.course-rating ul li { display: inline-block; line-height: 1 }
.course-rating ul li i { font-size: 14px; color: #ffc107 }
.course-rating span { font-size: 14px; padding-left: 20px; position: relative; display: block; line-height: 1; color: #818181 }
.course-rating span:before { position: absolute; top: -2px; left: 9px; content: ""; background: rgba(0, 0, 0, .2); width: 1px; height: 16px }
.sidebar-box { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1); padding: 25px; border-radius: 5px; margin: 0 0 30px }
.course-details-widget ul li { 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; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 20px }
.course-details-widget ul li:last-child { margin: 0 }
.course-details-widget ul li p { margin: 0 }
.course-details-widget ul li p i { color: #26538d; margin-right: 7px; font-size: 20px; position: relative; top: 2px }
.course-enroll-widget { text-align: center }
.course-enroll-widget .single-course-price { font-size: 30px; color: #26538d; font-weight: 600; margin: 0 0 20px }
.course-enroll-widget .btn { width: 100%; display: block; font-size: 18px; padding: 15px }
.course-details-meta { margin: 20px 0 }
.course-details-meta li { display: inline-block; margin-right: 25px }
.course-details-meta li:last-child { margin: 0 }
.course-details-meta li i { color: #26538d; margin-right: 5px; font-stretch: 18px }
.course-details-img img { border-radius: 5px }
.nav.nav-tabs.course-tablist { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: none }
.nav.nav-tabs.course-tablist li { width: 25%; border-right: 1px solid #ddd; background: 0 0 }
.nav.nav-tabs.course-tablist li:last-child { border: none }
.nav.nav-tabs.course-tablist li button { width: 100%; border: none; background: 0 0; border-radius: 0; padding: 15px 5px; color: #000; background-color: #f1f1f1 }
.nav.nav-tabs.course-tablist li button.active { background: #26538d; color: #fff }
.nav.nav-tabs.course-tablist.style2 li { width: 33.33% }
.tab-content.course-tab-content { margin: 25px 0 0; padding: 20px; border: 1px solid #ddd }
.tab-content.course-tab-content h5 { margin: 25px 0 20px }
.tab-content.course-tab-content p { margin: 0 0 20px }
.tab-content.course-tab-content ul.course-details-list li { position: relative; padding-left: 20px; margin: 0 0 15px }
.tab-content.course-tab-content ul.course-details-list li:last-child { margin: 0 }
.tab-content.course-tab-content ul.course-details-list li:before { position: absolute; top: 8px; left: 0; width: 7px; height: 7px; border-radius: 50%; content: ""; background-color: #26538d }
.tab-content.course-tab-content .lecture-accordion { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-radius: 0 }
.tab-content.course-tab-content .lecture-item { border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px }
.tab-content.course-tab-content .lecture-item:last-child { padding: 0; margin: 0; border: none }
.tab-content.course-tab-content .lecture-item p { margin: 0 }
.tab-content.course-tab-content .lecture-item p i { color: #26538d; font-size: 20px; position: relative; top: 1px; margin-right: 5px }
.tab-content.course-tab-content .lecture-item span { display: inline-block; color: #26538d }
.course-tab-content .accordion-button[aria-expanded=true], .course-tab-content .accordion-button[aria-expanded=false] { background-color: #012245; color: #fff !important }
.course-tab-content .accordion-button[aria-expanded=false]::after { border-color: #fff }
.comment-author_info .course-rating { margin-left: 15px; position: relative; top: 1px }
.insructor-tab-content { margin: 25px 0 0 }
.insructor-tab-content .instructor-title { margin: 0 0 10px }
.insructor-tab-content span { display: block; color: #26538d; margin: 0 0 14px }
.insructor-tab-content p:last-child { margin: 0 }
.insructor-tab-content .footer-contact-address li p { color: #012245 }
.skills.style1 { margin: 0 0 15px }
.skills.style1 .skillbar { position: relative; display: block; width: 100%; background: 0 0; border: 1px solid #26538d; height: 10px; border-radius: 15px }
.skills.style1 .skillbar .skillbar-bar { height: 8px; width: 0; background: #26538d; border-radius: 50px 0 0 50px }
.skills p { margin: 0 0 5px }
.instructor-form { background: #f8f8f8; padding: 30px; border-radius: 5px }
@media only screen and (max-width:575px) {
  .nav.nav-tabs.course-tablist li { width: 50%; border-right: 1px solid #ddd; background: 0 0 }
  .nav.nav-tabs.course-tablist li:nth-child(1) { border-bottom: 1px solid #818181 }
  .course-card.style3 .course-metainfo .course-metainfo-right .btn { padding: 8px 18px; font-size: 14px }
}
@media only screen and (max-width:991px) {
  .sidebar-box { margin: 30px 0 }
  .instructor-img { margin: 0 0 30px }
  .course-details-widget.sidebar-box, .course-enroll-widget.sidebar-box { margin-bottom: 0 }
}
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author, .event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap, .discount-wrap .discount-item-wrap, .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap, .team-member .team-member-img .social-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.discount-wrap .discount-item-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; -ms-grid-row-align: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.team-member .team-member-img .social-profile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
@-webkit-keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
@keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
.pricing-text h2 { font-size: 40px; line-height: 50px; margin: 0 0 20px }
.pricing-box-wrap { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; position: relative }
.pricing-box-wrap .pricing-shape-one { position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); z-index: -1 }
.pricing-box-wrap .pricing-box { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1); border-radius: 10px; background: #fff }
.pricing-box-wrap .pricing-box .pricing-box-name { text-align: center; padding: 25px 0; margin: 0; color: #26538d }
.pricing-box-wrap .pricing-box .price-tag { border-bottom: 1px solid #e5eaff; border-top: 1px solid #e5eaff; padding: 18px 0 20px; text-align: center }
.pricing-box-wrap .pricing-box .price-tag h3 { font-size: 40px; line-height: 56px; margin: 0; color: #26538d }
.pricing-box-wrap .pricing-box .price-tag h3 span { display: block; font-size: 14px; font-weight: 400; line-height: 24px; color: #999; font-family: "Lato", sans-serif; }
.pricing-box-wrap .pricing-box .price-box-features { margin: 25px auto; display: block; max-width: 45% }
.pricing-box-wrap .pricing-box .price-box-features li { position: relative; padding: 5px 0 5px 25px }
.pricing-box-wrap .pricing-box .price-box-features li i { position: absolute; top: 10px; left: 0; color: #26538d; font-size: 16px }
.pricing-box-wrap .pricing-box .book-btn { text-align: center; padding-bottom: 35px }
.pricing-box-wrap.style1 { position: relative }
.pricing-box-wrap.style1:before { position: absolute; top: 45%; left: 50%; content: ""; background: 0 0; width: 1px; height: 1px; border-radius: 50%; -webkit-box-shadow: 0 0 79px 35px #26538d; box-shadow: 0 0 79px 35px #26538d; z-index: -1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.pricing-box-wrap.style1 .pricing-box.active { background-color: #26538d }
.pricing-box-wrap.style1 .pricing-box.active .price-box-features li i { color: #fff }
.pricing-box-wrap.style1 .pricing-box.active .btn.v4 { padding: 12px 35px }
.pricing-box-wrap .pricing-box.active .pricing-box-name, .pricing-box-wrap .pricing-box.active .price-tag, .pricing-box-wrap .pricing-box.active .price-box-features li, .pricing-box-wrap .pricing-box.active .price-tag h3, .pricing-box-wrap .pricing-box.active .price-tag h3 span { color: #fff }
.pricing-box-wrap .pricing-box.active .price-tag { border-color: rgba(255, 255, 255, .3) }
@media only screen and (min-width:1200px) and (max-width:1359px) {
  .pricing-box-wrap .pricing-box .price-box-features { max-width: 52% }
}
@media only screen and (min-width:768px) and (max-width:1199px) {
  .pricing-box-wrap { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .pricing-box-wrap .pricing-box .price-box-features { max-width: 60% }
}
@media only screen and (max-width:767px) {
  .pricing-box-wrap .pricing-box .price-box-features { max-width: 65% }
  .pricing-box-wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
}
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author, .event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap, .discount-wrap .discount-item-wrap, .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap, .team-member .team-member-img .social-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.discount-wrap .discount-item-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; -ms-grid-row-align: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.team-member .team-member-img .social-profile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
@-webkit-keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
@keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
.team-member { box-shadow: 0 0 15px rgba(0, 0, 0, .1); max-height: 250px; min-height: 200px; margin-top: 10px; }
.team-member img { max-height: 215px; min-height: 215px; width: 100%;  object-position: 0% 5%; }
.team-member .team-member-img {  /*margin: 0 0 20px;*/
position: relative; overflow: hidden }
.team-member .team-member-img img { -webkit-transition: .4s; transition: .4s; border-radius: 5px }
.team-member .team-member-img .social-profile { -webkit-transition: .3s; transition: .3s; padding-left: 0; padding-right: 0; margin-bottom: 0; position: absolute; top: 15px; right: 15px }
.team-member .team-member-img .social-profile li { margin: 0 0 10px; opacity: 0; -webkit-transform: translateX(30px); transform: translateX(30px); -webkit-transition: .3s; transition: .3s }
.team-member .team-member-img .social-profile li a { background: #012245; border: none }
.team-member .team-member-img .social-profile li a:hover { border-color: transparent }
.team-member .team-member-img .social-profile li a i { color: #fff }
.team-member .team-member-info { text-align: center }
.team-member .team-member-info h4 { margin: 0 0 5px }
.team-member .team-member-info p { position: relative; margin: 0 }
.team-member.style2 { padding: 0; -webkit-box-shadow: none; box-shadow: none }
.team-member:hover .team-member-img .social-profile li { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) }
.team-member-img .social-profile li:nth-child(1) { -webkit-transition: .2s; transition: .2s }
.team-member-img .social-profile li:nth-child(2) { -webkit-transition: .4s; transition: .4s }
.team-member-img .social-profile li:nth-child(3) { -webkit-transition: .6s; transition: .6s }
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author, .event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap, .discount-wrap .discount-item-wrap, .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap, .team-member .team-member-img .social-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.discount-wrap .discount-item-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; -ms-grid-row-align: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.team-member .team-member-img .social-profile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
@-webkit-keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
@keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
/*.testimonial-bg-1 { background-image: url(../img/testimonial/testimonial-bg-1.jpg) }*/
.testimonial-bg-2 { background-image: url(../img/testimonial/testimonial-bg-2.html) }
.testimonial-wrap { position: relative }
.client-quote { padding: 0 0 15px }
.client-quote p { margin: 0; position: relative; z-index: 2 }
.client-info { border-radius: 0 0 20px 0; z-index: 3; position: relative }
.client-info h4 { margin: 10px 0 5px; line-height: 1.1; color: #26538d }
.client-info p { font-size: 14px; opacity: .8; margin: 0 }
.testimonial-slider-one { position: relative; padding-bottom: 25px;    overflow-x: clip; }
.testimonial-slider-one .swiper-slide { padding-top: 10px }
.testimonial-item { text-align: center;height:100%; padding: 20px 20px 20px;     background: white;
    color: black;
    border-radius: 30px; }
.testimonial-item .client-img {
    /*width: 130px;*/
    border-radius: 50%;
    /*position: absolute;*/
    /* padding: 10px; */
    box-shadow: 0 0 4px gray;
    /* border: 2px solid #26538d; */
    left: 15%;
    /*-webkit-transform: translateX(-50%);*/
    /*transform: translateX(-50%);*/
}
.testimonial-item .client-img img { border-radius: 50%; height: 100px; width: 100px; object-fit: cover; }
.testimonial-item .client-name { margin: 0 0 15px }
.testimonial-item .client-name h5 { color: #012245;; font-weight: 400; margin: 0   ;  text-align: center;
    padding-left: 20px;
    
}
.testimonial-item .rating li { display: inline-block }
.testimonial-item .rating li i { color: #ffc107 }
.testimonial-item .client-quote { margin: 0 auto }
.testimonial-item .client-quote p {  margin: 0 }
.testimonial-item .quote-icon { position: absolute; bottom: -13px; left: 50%; -webkit-transform: translateX(-50%) rotate(180deg) scaleX(-1); transform: translateX(-50%) rotate(180deg) scaleX(-1) }
.testimonial-item .quote-icon i { font-size: 100px; color: #012245 }
.testimonial-pagination { text-align: center; position: relative; bottom: 20px }
.testimonial-pagination.swiper-pagination-bullets { bottom: -30px; position: relative; z-index: 9 }
.testimonial-pagination .swiper-pagination-bullet { width: 15px; height: 15px; background: rgba(255, 255, 255, .8); margin: 0 10px !important }
.testimonial-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff }
@media only screen and (min-width:1200px) {
  .testimonial-item .client-quote { max-width: 90% }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .testimonial-item { padding: 95px 30px 60px }
}
@media only screen and (max-width:991px) {
    .testimonial-item .client-img {
    /*width: 150px;*/
    border-radius: 50%;
    position: inherit;
    transform: inherit;
    /*padding: 10px;*/
    border: 2px solid #26538d;
   
}
.testimonial-item {
    text-align: center;
     height: 100%;
    min-height: 500px;
    padding: 45px 20px 60px;
    background: white;
    color: black;
    border-radius: 30px;
}
  .testimonial-bg { margin: 0 0 20px }
  .testimonial-item.style2 { text-align: center }
}
@media only screen and (max-width:767px) {
  .testimonial_btn.style1 { top: auto; left: 50%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
  .slider-btn.style3, .testimonial_btn .testimonial-next-one, .testimonial_btn .testimonial-prev-one { margin: 0 10px }
  .testimonial-item .quote-icon i { font-size: 60px }
}
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author, .event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap, .discount-wrap .discount-item-wrap, .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap, .team-member .team-member-img .social-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.discount-wrap .discount-item-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; -ms-grid-row-align: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.team-member .team-member-img .social-profile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
@-webkit-keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
@keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
.promo-bg-1 { background-image: url(../img/promo/promo-bg-1.jpg) }
.promo-bg-2 { background-image: url(../img/promo/promo-bg-2.jpg) }
.promo-bg-3 { background-image: url(../img/promo/promo-bg-3.jpg) }
.promo-bg-4 { background-image: url(../img/promo/promo-bg-4.jpg) }
.promo-bg-6 { background-image: url(../img/promo/promo-bg-6.png) }
.video-bg-1 { background-image: url(../img/promo/promo-bg-6.png) }
.video-bg-2 { background-image: url(../img/promo/promo-bg-6.png) }
.promo-banner-wrap { position: relative }
.promo-banner-wrap .promo-content { position: relative }
.promo-banner-wrap .promo-content h2 { font-size: 40px; line-height: 1.4; font-weight: 500; margin: 0 0 20px }
.promo-banner-wrap .promo-content p { margin: 0 }
.promo-banner-wrap .promo-content .btn { margin: 35px 0 0 }
.promo-banner-wrap .promo-content:before { position: absolute; top: 0; content: ""; background: #012245; width: 100vw; height: 100%; z-index: -1 }
.promo-banner-wrap.style1 .promo-content, .promo-banner-wrap.style2 .promo-content, .promo-banner-wrap.style3 .promo-content { width: 49% }
.promo-banner-wrap.style1 .promo-img-wrap, .promo-banner-wrap.style2 .promo-img-wrap, .promo-banner-wrap.style3 .promo-img-wrap { width: 49% }
.promo-banner-wrap.style1 .promo-content:before { left: 0 }
.promo-banner-wrap.style2 .promo-content:before { right: 0 }
.promo-banner-wrap.style2 .promo-img-wrap .promo-circle-shape { bottom: 0; right: -80px }
.promo-banner-wrap.style3 { -webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start }
.promo-banner-wrap.style3 .promo-img-wrap .promo-img { border-radius: 0; height: 610px }
.promo-banner-wrap.style3 .promo-img-wrap .promo-circle-shape { left: -70px; right: auto; bottom: 0 }
.promo-banner-wrap.style3 .promo-content:before { left: 0 }
.promo-banner-wrap.style4 { overflow-x: hidden }
.promo-banner-wrap.style4 .promo-content:before { display: none }
.promo-banner-wrap.style4 .promo-circle-shape { position: absolute; bottom: 50px; right: 30px; -webkit-animation: animationFramesOne 5s alternate infinite linear; animation: animationFramesOne 5s alternate infinite linear }
.video-play { position: absolute; width: 110px; height: 110px; top: 50%; left: 50%; background: #26538d; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.video-play i { font-size: 72px; color: #fff }
.video-play:hover i { color: #26538d }
.promo-img-wrap { position: relative }
.promo-img-wrap .promo-circle-shape { position: absolute; bottom: 50px; right: 50px }
.promo-img-wrap .promo-circle-shape img { max-width: 150px }
.promo-img { height: 675px; border-radius: 5px }
.promo-video-bg { height: 700px; border-radius: 5px; -webkit-box-shadow: 0 8px 17px rgba(0, 0, 0, .15); box-shadow: 0 8px 17px rgba(0, 0, 0, .15) }
.promo-video-wrap { position: relative ;     margin-bottom: -31px; }
.promo-video-wrap .container { position: relative }
.promo-video-wrap .container .prom-dot-shape { position: absolute; top: 20px; left: 0; -webkit-animation: animationFramesOne 5s alternate infinite linear; animation: animationFramesOne 5s alternate infinite linear }
.promo-video-wrap .container .prom-circle-shape { position: absolute; bottom: 50px; right: 0 }
.promo-video-wrap .container .prom-circle-shape.style1 { -webkit-animation: animationFramesThree 15s alternate infinite linear; animation: animationFramesThree 15s alternate infinite linear }
.promo-video-wrap:after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: calc(100% - 30px); background: #012245; z-index: -1 }
.discount-wrap .discount-item-wrap { position: relative }
.discount-wrap .discount-item-wrap .promo-circle-shape { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.discount-wrap .discount-item-wrap .discount-item-left { width: 50%; padding: 220px 0; position: relative }
.ds-wrap { position: relative }
.ds-wrap:before, .ds-wrap:after { position: absolute; top: 0; content: ""; width: 50%; height: 100%; z-index: -1 }
.ds-wrap:before { left: 0; background-color: #eee }
.ds-wrap:after { right: 0; background-color: #012245 }
.content-wrap { position: relative }
.content-wrap h2 { font-size: 40px; line-height: 1.4; font-weight: 500; margin: 0 0 20px }
.content-wrap p { margin: 0 }
.content-wrap .btn { margin: 35px 0 0 }
.content-wrap.style1 h2, .content-wrap.style1 p { color: #fff }
.content-wrap.style2 h2, .content-wrap.style2 p { color: #012245 }
@media only screen and (min-width:1600px) {
  .promo-banner-wrap.style1 .promo-img-wrap { padding-right: 100px }
  .promo-banner-wrap.style2 .promo-img-wrap { padding-left: 100px }
  .content-wrap.style1.right { padding-left: 70px }
}
@media only screen and (min-width:1450px) {
  .promo-banner-wrap.style1 .promo-content, .promo-banner-wrap.style3 .promo-content { padding-left: calc((100% - 1410px)/2 + 15px) }
  .promo-banner-wrap.style2 .promo-content { padding-right: calc((100% - 1410px)/2 + 15px) }
  .discount-wrap .discount-item-wrap .discount-item-left { padding-left: calc((100% - 50%) - 1410px/2 + 15px) }
}
@media only screen and (min-width:1360px) and (max-width:1599px) {
  .promo-banner-wrap.style1 .promo-img-wrap { padding-right: 30px }
  .promo-banner-wrap.style2 .promo-img-wrap { padding-left: 30px }
  .content-wrap.style1.right { padding-left: 30px }
}
@media only screen and (min-width:1200px) and (max-width:1449px) {
  .promo-banner-wrap.style1 .promo-content, .promo-banner-wrap.style3 .promo-content { padding-left: calc((100% - 1320px)/2 + 15px) }
  .promo-banner-wrap.style1 .promo-img-wrap { padding-right: 30px }
  .promo-banner-wrap.style2 .promo-content { padding-right: calc((100% - 1320px)/2 + 15px) }
  .promo-banner-wrap.style2 .promo-img-wrap { padding-left: 30px }
  .discount-wrap .discount-item-wrap .discount-item-left { padding-left: calc((100% - 50%) - 1320px/2 + 15px) }
}
@media only screen and (min-width:1200px) and (max-width:1359px) {
  .promo-banner-wrap.style1 .promo-img-wrap { padding-right: 30px }
  .promo-banner-wrap.style1 .promo-content, .promo-banner-wrap.style3 .promo-content { padding-left: calc((100% - 1282px)/2 + 15px) !important }
  .promo-banner-wrap.style2 .promo-img-wrap { padding-left: 30px }
  .promo-banner-wrap.style2 .promo-content { padding-right: calc((100% - 1282px)/2 + 15px) !important }
  .discount-wrap .discount-item-wrap .discount-item-left { padding-left: calc((100% - 50%) - 1320px/2 + 60px) }
  .content-wrap.style1.right { padding-left: 30px }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .promo-banner-wrap.style1 .promo-content, .promo-banner-wrap.style3 .promo-content { padding-left: calc((100% - 960px)/2 + 15px) }
  .promo-banner-wrap.style1 .promo-img-wrap { padding-right: 30px }
  .promo-banner-wrap.style2 .promo-content { padding-right: calc((100% - 960px)/2 + 15px) }
  .promo-banner-wrap.style2 .promo-img-wrap { padding-left: 30px }
  .promo-banner-wrap .promo-content h2 { font-size: 34px }
  .discount-wrap .discount-item-wrap .discount-item-left { width: 65% }
  .discount-wrap .discount-item-wrap .discount-item-left { padding-left: calc((100% - 960px) + 15px); padding-right: 30px }
  .content-wrap.style1.right { padding-left: 30px }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .promo-banner-wrap.style1 .promo-content, .promo-banner-wrap.style2 .promo-content, .promo-banner-wrap.style3 .promo-content { padding-left: calc((100% - 720px)/2 + 15px); padding-right: calc((100% - 720px)/2 + 15px) }
  .promo-banner-wrap.style1 .promo-img-wrap .promo-img, .promo-banner-wrap.style2 .promo-img-wrap .promo-img, .promo-banner-wrap.style3 .promo-img-wrap .promo-img { height: 400px }
  .discount-wrap .discount-item-wrap .discount-item-left { width: 100%; padding: 100px 30px; text-align: center }
  .promo-video-bg { height: 600px }
}
@media only screen and (max-width:991px) {
  .promo-banner-wrap.style1 .promo-content, .promo-banner-wrap.style2 .promo-content, .promo-banner-wrap.style3 .promo-content, .promo-banner-wrap.style1 .promo-img-wrap, .promo-banner-wrap.style2 .promo-img-wrap, .promo-banner-wrap.style3 .promo-img-wrap { width: 100% }
  .promo-banner-wrap.style1 .promo-content, .promo-banner-wrap.style3 .promo-content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
  .promo-banner-wrap.style1 .promo-img-wrap { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; border-radius: 0 }
  .ds-wrap { overflow-x: hidden }
  .ds-wrap:before, .ds-wrap:after { display: none }
  .ds-wrap .content-wrap.style2, .ds-wrap .content-wrap.style3 { position: relative }
  .ds-wrap .content-wrap.style2:before { position: absolute; top: 0; content: ""; width: 200%; height: 100%; background: #eee; z-index: -1; left: -50% }
  .ds-wrap .content-wrap.style1:before { position: absolute; top: 0; left: -50%; content: ""; width: 200%; height: 100%; background: #012245; z-index: -1 }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .promo-banner-wrap.style1 .promo-content, .promo-banner-wrap.style2 .promo-content, .promo-banner-wrap.style3 .promo-content { padding-left: calc((100% - 540px)/2 + 15px); padding-right: calc((100% - 540px)/2 + 15px) }
  .promo-banner-wrap.style1 .promo-img-wrap .promo-img, .promo-banner-wrap.style2 .promo-img-wrap .promo-img { height: 350px }
}
@media only screen and (max-width:767px) {
  .promo-banner-wrap .promo-content h2, .discount-wrap .discount-item-wrap .discount-item-left .content-wrap h2 { font-size: 28px; margin: 0 0 20px }
  .discount-wrap .discount-item-wrap .discount-item-left { width: 100%; padding: 45px 15px 50px; text-align: center }
  .promo-video-bg { height: 400px }
}
@media only screen and (max-width:575px) {
  .promo-banner-wrap.style1 .promo-content, .promo-banner-wrap.style2 .promo-content, .promo-banner-wrap.style3 .promo-content { width: 100%; padding-left: 15px; padding-right: 15px }
  .promo-banner-wrap.style1 .promo-img-wrap .promo-img, .promo-banner-wrap.style2 .promo-img-wrap .promo-img, .promo-banner-wrap.style3 .promo-img-wrap .promo-img { height: 300px }
  .video-play { width: 60px; height: 60px }
  .video-play i { font-size: 34px }
  .content-wrap h2 { font-size: 30px }
  .content-wrap p { font-size: 16px }
}
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author, .event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap, .discount-wrap .discount-item-wrap, .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap, .team-member .team-member-img .social-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.discount-wrap .discount-item-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; -ms-grid-row-align: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.team-member .team-member-img .social-profile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
@-webkit-keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
@keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
.product-filter-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; margin: 0 0 20px }
.product-filter-list button { border: 1px solid #ddd !important; margin: 0 8px; border-radius: 15px 0 !important; color: #201d1e; background-color: #fff; padding: 8px 25px; cursor: pointer; letter-spacing: 1px; text-align: center }
.product-filter-list button.active { background: #26538d; color: #fff; border-color: transparent !important }
.product-wrap { position: relative }
.product-wrap .shape-8 { position: absolute; top: 0; right: 20px }
.product-card { margin: 0 0 30px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1); border-radius: 3px; padding: 25px }
.product-card .product-img { position: relative; margin: 0 0 20px; padding: 25px 0; background-color: #fff8f6 }
.product-card .product-img img { margin: 0 auto; display: block }
.product-card .product-img .product-option { position: absolute; top: 15px; right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: .3s; transition: .3s }
.product-card .product-img .product-option button { width: 44px; height: 44px; background: #26538d; border-radius: 20px 0 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; border: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 10px; -webkit-transition: .3s; transition: .3s }
.product-card .product-img .product-option button:last-child { margin: 0 }
.product-card .product-img .product-option button i { color: #fff; font-size: 20px; -webkit-transition: .3s; transition: .3s }
.product-card .product-info h4 { line-height: 1.3; margin: 0 }
.product-card .product-info h4 a { -webkit-transition: .3s; transition: .3s }
.product-card .product-info .rating { margin: 7px 0 6px }
.product-card .product-info .product-price { font-size: 20px; color: #26538d; font-weight: 400; line-height: 1.2; margin: 0 }
.product-card.style1 .product-img { border-radius: 15px }
.product-card.style1 .product-img .product-option button { border-radius: 50% }
.product-card.style1 .product-info { text-align: center }
.product-card.style1 .product-info h4 { font-weight: 500; font-size: 20px }
.product-card.style1 .product-info .product-rating { margin: 10px 0 }
.product-card:hover .product-info h4 a { color: #26538d }
.discount { color: #999 !important; text-decoration: line-through; margin-left: 7px }
.profuct-result p { color: #201d1e; margin: 0; font-size: 18px; font-weight: 500 }
.filter-item-num select, .filter-item-cat select { width: 100%; border-radius: 5px; border: 1px solid #ddd; padding: 10px 10px 10px 20px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../img/down-arrow.png); background-repeat: no-repeat; background-size: 13px; background-position: 96% 50% }
.filter-item-num .nice-select::after, .filter-item-cat .nice-select::after { right: 20px; border-color: #818181; border-width: 1px }
.product-gallery.swiper-container.gallery-top { height: auto !important }
.gallery-top { padding: 10px }
.product-large-img { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1); border-radius: 5px; margin: 0; padding: 40px 30px }
.product-large-img img { margin: 0 auto; display: block }
.product-large-img .discount-price { position: absolute; top: 20px; left: 20px; background: #26538d; display: inline-block; line-height: 1; padding: 10px 15px; border-radius: 5px; color: #fff; font-weight: 600 }
.gallery-thumbs .product-thumb { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1); padding: 15px; border-radius: 5px; cursor: pointer }
.gallery-thumbs .product-thumb img { max-width: 80%; margin: 0 auto; display: block; padding: 20px 0 }
.swiper-container.gallery-thumbs { padding: 20px }
.single-product-details .single-product-title { position: relative }
.single-product-details .single-product-title h2 { font-size: 40px; color: #000; font-weight: 500; line-height: 52px; margin: 0 0 10px }
.single-product-details .single-product-title h3 { font-size: 20px; color: #26538d; line-height: 1.5; font-weight: 500 }
.single-product-details .rating { margin: 0 0 15px }
.single-product-details .single-product-review-left .rating-star { margin: 0 5px 5px 0; display: inline-block }
.single-product-details .single-product-review-left .rating-star li { margin: 0 }
.single-product-details .single-product-review-left span { font-size: 14px; color: #818181; position: relative; top: -2px }
.single-product-details .single-product-desc p { opacity: .7; margin: 0 0 15px }
.product-tablist { border: none }
.product-tablist li button { font-size: 20px; font-weight: 500; color: #000; background: #26538d; border: none !important; border-radius: 5px 5px 0 0; padding: 22px 5px; width: 180px; text-align: center; border-bottom: 2px solid transparent !important }
.product-tablist li button.active { background: 0 0; color: #000; border-bottom: 2px solid #26538d !important }
.product-tab-content { margin: 30px 0 0; border: 1px solid #ddd; padding: 25px }
.new-product-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 20px }
.new-product-item:last-child { margin: 0 }
.new-product-item .new-product-img { width: 70px; border: 1px solid #ddd; border-radius: 5px; text-align: center; padding: 10px; height: 70px }
.new-product-item .new-product-img img { margin: 0 auto; display: block }
.new-product-item .new-product-info { width: calc(100% - 95px); margin-left: 15px }
.new-product-item .new-product-info h6 { margin: 0 0 5px }
.new-product-item .new-product-info h6 a { color: #201d1e }
.new-product-item .new-product-info span { color: #26538d; font-size: 14px }
.new-product-item .new-product-info span.discount { text-decoration: line-through; margin-left: 5px; color: #818181 }
.single-product-option { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 20px 0 26px }
.single-product-option button:nth-child(1) { margin-right: 15px }
.product-quantity { width: 144px; margin-right: 10px }
.product-quantity .qtySelector { position: relative; border: .5px solid rgba(69, 69, 70, .2); height: 48px; border-radius: 5px }
.product-quantity .qtySelector span { width: 48px; position: absolute; top: 0; height: 100%; background: 0 0; border-radius: 5px; border: none; cursor: pointer; display: block; text-align: center; line-height: 45px; font-size: 22px; color: #000 }
.product-quantity .qtySelector span.decreaseQty { left: 0 }
.product-quantity .qtySelector span.increaseQty { right: 0 }
.product-quantity .qtySelector input { width: calc(100% - 96px); background: 0 0; border-top: none; border-bottom: none; border-left: 1px solid rgba(69, 69, 70, .2); border-right: 1px solid rgba(69, 69, 70, .2); left: 48px; position: relative; height: 48px; top: -1px; text-align: center; color: #000 }
.add-cart button, .add-wishlist button { margin-right: 10px; font-weight: 400 !important }
.add-cart button i, .add-wishlist button i { margin-right: 10px; top: 1px !important }
.add-cart button.v3, .add-wishlist button.v3 { border-color: rgba(0, 0, 0, .2) }
.rating-star { margin: 0 auto; display: block; text-align: center }
.rating-star li { display: inline-block; margin: 0 2px }
.rating-star li i { font-size: 18px; color: #26538d }
.product-description-box { border: 1px solid #ddd; border-radius: 20px 0; padding: 25px }
.product-description-box .product-desc h3 { margin: 0 0 20px }
.product-description-box .product-desc p { margin: 0 }
.additional-info li { margin: 0 0 10px }
.additional-info li:last-child { margin-bottom: 0 }
.additional-info li p span { width: 100px; font-weight: 600; display: inline-block }
.product-more-option-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 22px }
.product-more-option-item:last-child { margin: 0 }
.product-more-option-item h6 { margin: 0 12px 0 0 }
.product-more-option-item a { position: relative; top: 1px }
.product-more-option-item a:hover { color: #26538d }
.cart-popup { position: fixed; top: 0; right: -100%; width: 560px; background: #fff; height: 100vh; z-index: 9999; padding: 30px 40px; visibility: hidden; opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease }
.cart-popup.open { right: 0; visibility: visible; opacity: 1 }
.cart-popup .cart-popup-title { 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; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #ddd; padding: 0 0 10px; margin: 0 0 25px }
.cart-popup .cart-popup-title h2 { font-size: 24px; line-height: 36px; margin: 0 }
.cart-popup .cart-popup-item-wrap { height: calc(100% - 300px); overflow-y: auto }
.cart-popup .cart-popup-item-wrap .cart-popup-item { 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; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 20px }
.cart-popup .cart-popup-item-wrap .cart-popup-item .cart-popup-item-img { width: 110px; padding: 10px 0; border: 1px solid rgba(0, 0, 0, .1) }
.cart-popup .cart-popup-item-wrap .cart-popup-item .cart-popup-item-img img { margin: 0 auto; display: block }
.cart-popup .cart-popup-item-wrap .cart-popup-item .cart-popup-item-name { width: calc(100% - 240px) }
.cart-popup .cart-popup-item-wrap .cart-popup-item .cart-popup-item-name p { font-size: 14px; line-height: 21px; margin: 0 0 10px; font-weight: 600; text-transform: capitalize }
.cart-popup .cart-popup-item-wrap .cart-popup-item .cart-popup-item-price { width: 80px; text-align: right }
.cart-popup .cart-popup-item-wrap .cart-popup-item .cart-popup-item-price button { background: 0 0; border: none; position: relative; top: -13px; opacity: .68; cursor: pointer; display: block; text-align: right; width: 100%; padding: 0 }
.cart-popup .cart-popup-item-wrap .cart-popup-item .cart-popup-item-price button i { width: 30px; height: 30px; border: 1px solid #26538d; border-radius: 50%; text-align: center; line-height: 29px }
.cart-popup .cart-popup-item-wrap .cart-popup-item .cart-popup-item-price span { font-weight: 700; color: #26538d }
.cart-popup .cart-popup-total-wrap { position: absolute; bottom: 35px; left: 40px; width: calc(100% - 80px) }
.cart-popup .cart-popup-total-wrap .cart-popup-total { 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; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid rgba(0, 0, 0, .2); padding: 20px 0 35px }
.cart-popup .cart-popup-total-wrap .cart-popup-total h5 { font-size: 20px; line-height: 27px; margin: 0 }
.cart-popup .cart-popup-total-wrap .btn { display: block; width: 100%; margin: 15px 0 0; padding: 12px 0 }
.cart-popup .cart-popup-total-wrap .btn.v4 { color: #201d1e; border: 1px solid #ddd }
.cart-popup .cart-popup-total-wrap .btn.v4:hover { background: #26538d; border-color: transparent; color: #fff }
.cart-popup .close-popup { background: 0 0; border: 1px solid #26538d; width: 35px; height: 35px; border-radius: 50%; text-align: center; -webkit-transition: .3s; transition: .3s }
.cart-popup .close-popup i { line-height: 33px }
.cart-popup .close-popup:hover { background: #26538d }
.cart-popup .close-popup:hover i { color: #fff }
.checkout-details .form-group input { height: 52px; font-size: 14px; line-height: 20px }
.checkout-details .form-group button { position: absolute; top: 0; right: 0; background: #26538d; border: none; height: 100%; color: #fff; font-size: 14px; padding: 0 20px }
form.checkout textarea { height: 145px }
.bill-item { 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; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 4px 0 }
.bill-item .bill-item-name p { margin: 0 }
.bill-item .bill-item-price span { font-weight: 700; color: #201d1e }
.bill-details { border: 1px solid rgba(0, 0, 0, .1) }
.bill-details>h5 { color: #fff; background: #000; padding: 20px; margin: 0 }
.bill-item-wrap { padding: 10px 20px; border-bottom: 1px solid rgba(0, 0, 0, .1) }
.subtotal-item h6 { margin: 0 0 10px }
.subtotal-wrap { padding: 10px 20px }
.subtotal-wrap .subtotal-item { 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; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 6.5px 0 }
.subtotal-wrap .subtotal-item .subtotal-item-right { color: #201d1e; font-weight: 600 }
.subtotal-wrap .subtotal-item .subtotal-item-left h6 { margin: 0; font-weight: 600 }
.subtotal-wrap .subtotal-item .form-group { position: relative }
.subtotal-item-right span { font-weight: 700 }
.subtotal-item-left p, .subtotal-item-right p { margin: 0 }
.total-wrap { 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; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 20px; border-top: 1px solid rgba(0, 0, 0, .1) }
.total-wrap h5 { font-size: 16px; line-height: 26px; font-weight: 700; margin: 0 }
.total-wrap span { font-weight: 700; color: #201d1e }
.select-method { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 15px 0 0 }
.select-method div { margin-right: 20px }
.select-method [type=radio]:checked, .select-method [type=radio]:not(:checked) { position: absolute; left: -9999px }
.select-method [type=radio]:checked+label, .select-method [type=radio]:not(:checked)+label { position: relative; padding-left: 24px; cursor: pointer; line-height: 20px; display: inline-block; color: #201d1e }
.select-method [type=radio]:checked+label::before, .select-method [type=radio]:not(:checked)+label::before { content: ""; position: absolute; left: 0; top: 3px; width: 12px; height: 12px; border: 1px solid #26538d; border-radius: 100%; background: 0 0 }
.select-method [type=radio]:checked+label::before { background-color: #fff }
.select-method [type=radio]:checked+label:after, .select-method [type=radio]:not(:checked)+label:after { position: absolute; content: ''; width: 6px; height: 6px; border-radius: 50%; background: #26538d; top: 6px; left: 3px; -webkit-transition: all .2s ease; transition: all .2s ease }
.select-method [type=radio]:not(:checked)+label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0) }
.select-method [type=radio]:checked+label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
.wishlist-table { margin: 0 0 25px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1) }
.wishlist-table table { margin: 0 }
.wishlist-table table thead tr th { border: none; background: #26538d; color: #fff; padding: 15px 30px; font-family: "Lato", sans-serif; font-weight: 400; text-align: center; font-size: 18px }
.wishlist-table table tbody tr { vertical-align: middle }
.wishlist-table table tbody tr:last-child td { border-bottom: none }
.wishlist-table table tbody tr td { padding: 12px 15px; text-align: center }
.wishlist-table table tbody tr td .wh_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap }
.wishlist-table table tbody tr td .wh_item a { font-size: 20px; font-weight: 500; margin-left: 15px; width: calc(100% - 80px) }
.wishlist-table table tbody tr td .wh_item a:hover { color: #26538d }
.wishlist-table table tbody tr td .wh_item img { max-width: 60px; margin: 0 auto; display: block }
.wishlist-table table tbody tr td .wh-tem-price { font-size: 16px; font-weight: 400; text-align: center }
.wishlist-table table tbody tr td p { margin: 0 }
.wishlist-table table tbody tr td button { background: 0 0; display: block; margin: 0 auto; padding: 0; border: none }
.wishlist-table table tbody tr td button span { color: #26538d; font-size: 18px; line-height: 30px }
.wh_btn .btn:nth-child(1) { margin-right: 10px }
.wishlist-table table tbody tr td:nth-child(4) { text-align: left }
.wishlist-table table tbody tr td .product-quantity { margin: 0 auto }
.checkout label { font-weight: 600; margin: 0 0 8px }
.checkout .form-group input { border: none; border-radius: 5px; background: #f1f1f1; color: #999 }
.checkout .form-group textarea { border: none; border-radius: 5px; background: #f1f1f1; color: #999; height: 120px }
@media only screen and (min-width:768px) and (max-width:991px) {
  .profuct-result p { font-size: 15px }
  .single-product-details { margin: 50px 0 0 }
}
@media only screen and (min-width:992px) {
  .product-card .product-img .product-option { visibility: hidden; opacity: 0 }
  .product-card:hover .product-img .product-option { visibility: visible; opacity: 1 }
}
@media only screen and (max-width:991px) {
  .product-tab-content .comment-form-wrap { margin: 30px 0 0 }
  .cart-popup .cart-popup-total-wrap .btn.v1, .cart-popup .cart-popup-total-wrap .btn.v2 { width: 100% !important; display: block }
  .wishlist-table { width: 100%; overflow-x: auto }
  .wishlist-table table td:nth-child(3), .wishlist-table table th:nth-child(3) { min-width: 160px }
  .wishlist-table table td, .wishlist-table table th { min-width: 120px }
  .wishlist-table table thead tr th { padding: 15px; font-size: 18px }
  .wishlist-table table tbody tr td .wh_item a, .wishlist-table table tbody tr td .wh-tem-price { font-size: 16px }
}
@media only screen and (max-width:767px) {
  .single-product-details { margin: 30px 0 0 }
  .profuct-result, .filter-item-cat select { margin: 0 0 20px }
  .cart-popup, .contact-popup { padding: 10px 15px; width: 100% }
  .cart-popup .cart-popup-item-wrap .cart-popup-item .cart-popup-item-img { width: 75px }
  .cart-popup .cart-popup-item-wrap .cart-popup-item .cart-popup-item-name { width: calc(100% - 160px) }
  .cart-popup .cart-popup-item-wrap .cart-popup-item .cart-popup-item-price { width: 60px }
  .cart-popup .cart-popup-item-wrap .cart-popup-item .cart-popup-item-price span { font-size: 14px }
  .cart-popup .cart-popup-item-wrap { height: calc(100% - 272px) }
  .cart-popup .cart-popup-total-wrap { bottom: 15px; left: 15px; width: calc(100% - 30px) }
  .cart-popup .cart-popup-total-wrap .cart-popup-total { padding: 15px 0 5px }
  .product-quantity .qtySelector { height: 40px }
  .product-quantity .qtySelector span { width: 40px; line-height: 40px; font-size: 18px }
  .product-quantity .qtySelector input { width: calc(100% - 80px); left: 40px; height: 40px }
  .add-cart button, .add-wishlist button { height: 40px }
  .wishlist-table table tbody tr td .wh_item a, .wishlist-table table tbody tr td .wh-tem-price { font-size: 16px }
  .product-card.style1 .product-info, .product-card.style2 .product-info, .product-card.style3 .product-info { text-align: center }
  .product-card .product-rating { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
  .product-card .product-img .product-option button i { font-size: 15px }
  .product-card .product-img .product-option button { width: 35px; height: 35px }
}
@media only screen and (max-width:1199px) {
  .add-cart span, .add-wishlist span { display: none }
  .add-cart .btn, .add-wishlist .btn { padding: 8px 20px }
  .add-cart .btn i, .add-wishlist .btn i { font-size: 20px; margin: 0; line-height: 1 }
}
@media only screen and (max-width:575px) {
  .product-tablist li button { font-size: 16px; padding: 10px 5px; width: 140px }
  .comment-author_info .rating-star { margin: 0 !important }
  .post-comment-wrap { padding: 15px }
  .comment-form-wrap .comment-form-title h4 { font-size: 18px }
  .product-filter-list li { font-size: 14px; padding: 5px 12px; margin: 0 5px }
  .wishlist-wrap .btn { width: 100% }
  .wishlist-wrap .btn:nth-child(1) { margin: 0 0 15px }
  .cart-popup .cart-popup-item-wrap .cart-popup-item .cart-popup-item-price button i { width: 24px; height: 24px; line-height: 24px; font-size: 14px }
}
@media only screen and (max-width:376px) {
  .cart-popup .product-quantity { width: 118px }
  .cart-popup .cart-popup-item-wrap .cart-popup-item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 0 20px }
  .cart-popup .cart-popup-item-wrap .cart-popup-item .cart-popup-item-price button { top: 0 }
  .product-filter-list li { font-size: 16px; width: 100%; margin: 0 0 15px }
  .product-filter-list li:last-child { margin: 0 }
}
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author, .event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap, .discount-wrap .discount-item-wrap, .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap, .team-member .team-member-img .social-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.discount-wrap .discount-item-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; -ms-grid-row-align: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.team-member .team-member-img .social-profile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
@-webkit-keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
@keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
.blog-bg-1 { background-image: url(../img/blog/blog-1.jpg) }
.blog-bg-2 { background-image: url(../img/blog/blog-2.jpg) }
.blog-bg-3 { background-image: url(../img/blog/blog-3.jpg) }
.blog-card { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1); margin: 0 0 30px; border-radius: 5px }
.blog-card .blog-img { display: block; position: relative; overflow: hidden; border-radius: 5px 5px 0 0 }
.blog-card .blog-img img { -webkit-transition: .8s; transition: .8s }
.blog-card .blog-info { padding: 47px 25px 25px; position: relative }
.blog-card .blog-info .blog-date { position: absolute; top: -55px; left: 25px; background: #26538d; color: #fff; text-align: center; border-radius: 5px }
.blog-card .blog-info .blog-date h6 { font-size: 16px; font-weight: 400; line-height: 24px; margin: 0; color: #fff; padding: 15px 14px 8px }
.blog-card .blog-info .blog-date h6 span { display: block; font-size: 40px; font-weight: 600; line-height: 34px }
.blog-card .blog-info h3 { font-size: 18px; font-weight: 600; line-height: 1.4; margin: 0 0 15px }
.blog-card .blog-info p { margin: 0 0 20px }
.blog-card:hover .blog-img img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.blog-author-wrap { border-top: 1px solid #ddd; padding-top: 28px }
.blog-author-wrap .blog-author .blog-author-img { width: 50px; height: 50px; border-radius: 50% }
.blog-author-wrap .blog-author .blog-author-img img { border-radius: 50% }
.blog-author-wrap .blog-author .blog-author-name p { margin: 0 0 0 15px }
.blog-author-wrap .blog-author .blog-author-name p a { color: #26538d }
.partner-slider { border: 1px solid #ddd; padding: 30px; border-radius: 20px; background: #fff }
.partner-slider .partner-item { text-align: center }
.partner-item img { margin: 0 auto; display: block; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .6 }
.swiper-slide-active .partner-item img { -webkit-filter: grayscale(0); filter: grayscale(0) }
.content-wrapper article { padding-bottom: 20px; margin-bottom: 25px; }
.content-wrapper .post-content h2 { margin: 0 0 15px; line-height: 1.3 }
.content-wrapper .post-content .post-subtitle { font-size: 20px }
.content-wrapper .post-content p { margin: 0 0 20px }
.content-wrapper .post-content .wp-block-quote { position: relative; padding: 35px 35px 20px; background-color: #f2f2f2; border-top: 4px solid #26538d; border-left: 4px solid #26538d; text-align: center; margin: 0 0 38px }
.content-wrapper .post-content .wp-block-quote p { font-weight: 400; position: relative; margin: 0 0 25px; font-style: italic }
.content-wrapper .post-content .wp-block-quote i { position: absolute; bottom: -16px; left: 50%; z-index: 0; font-weight: 700; color: #201d1e; opacity: .1; -webkit-transform: translateX(-50%) scaleX(-1); transform: translateX(-50%) scaleX(-1); font-size: 57px; color: #26538d; opacity: .3 }
.content-wrapper .post-content .wp-block-quote .quote-author h6 { font-size: 20px; line-height: 22px; margin: 0 }
.content-wrapper .post-content .wp-block-quote .quote-author span { font-size: 15px }
.content-wrapper .post-img { margin: 0 0 25px }
.sidebar .sidebar-widget .tag-list, .post-tag.tag-list { margin-top: -12px }
.post-tag.tag-list ul { display: inline-block }
.post-share { display: inline-block; text-align: right }
.post-share .social-profile { display: inline-block; position: relative; top: 2px }
.post-tag span, .post-share span { font-weight: 600; margin-right: 5px }
.ct_author_avatar { width: 100%; height: 100%; border-radius: 50% }
.ct_author_avatar img { border-radius: 50% }
.post-author { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 25px; border: 1px solid #ddd; margin: 25px 0 }
.post-author .post-author-img { width: 130px; height: 130px; border-radius: 50% }
.post-author .post-author-img img { width: 100%; border-radius: 50% }
.post-author .post-author-info { width: calc(100% - 150px); margin-left: 20px }
.post-comment-wrap { border: 1px solid #ddd; padding: 25px; margin: 0 0 25px }
.post-comment-wrap .comment-title { line-height: 1; margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #ddd }
.post-comment-wrap .comment-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 20px }
.post-comment-wrap .comment-item:last-child { margin: 0 }
.post-comment-wrap .comment-item .comment-author_img { width: 100px; height: 100px }
.post-comment-wrap .comment-item .comment-author_text { width: calc(100% - 120px); margin-left: 20px }
.post-comment-wrap .comment-item .comment-author_text p { font-size: 14px; line-height: 24px; opacity: .7; margin: 0 }
.post-comment-wrap.style2 { border: none; padding: 0 }
.post-comment-wrap.style2 .comment-item { border-bottom: 1px solid #ddd; padding-bottom: 23px }
.post-comment-wrap.style2 .comment-item.reply { margin-left: 50px }
.post-comment-wrap.style2 .comment-title { font-size: 20px; margin: 0 0 20px; padding: 0; border: none }
.post-comment-wrap.style2 .comment-author_img { width: 50px; height: 50px; border-radius: 50% }
.post-comment-wrap.style2 .comment-author_img img { border-radius: 50% }
.post-comment-wrap.style2 .comment-author_info { display: inline-block; margin: 0 0 8px }
.post-comment-wrap.style2 .comment-author_info h6 { margin: 0 0 8px }
.post-comment-wrap.style2 .comment-author_info h6, .post-comment-wrap.style2 .comment-author_info p { display: block }
.post-comment-wrap.style2 .comment-author_info p { margin-left: 0 !important }
.post-comment-wrap.style2 .post-reply { background: #26538d; color: #fff; border-radius: 5px; font-size: 14px; line-height: 20px; padding: 7px 12px; display: inline-block; margin: 15px 0 0 }
.comment-author_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0 0 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap }
.comment-author_info h6, .comment-author_info p { display: inline-block }
.comment-author_info h6 { line-height: 21px; margin: 0; font-size: 16px; font-weight: 600 }
.comment-author_info p { margin-left: 25px !important; font-size: 14px; line-height: 24px; margin: 0; opacity: .7 }
.comment-author_info .rating-star { margin: 0 0 0 20px }
.comment-author_info .rating-star li { margin: 0; line-height: 1 }
.comment-author_info .rating-star li i { font-size: 15px }
.comment-form-wrap .comment-form-title { background: #f3f6fb; padding: 20px; margin: 0 0 25px }
.comment-form-wrap .comment-form-title h4 { color: #201d1e; font-weight: 500; line-height: 21px; margin: 0 }
.comment-form-wrap .comment-form-title.style2 { background: 0 0; padding: 0 }
.comment-form-wrap .comment-form-title.style2 h4 { line-height: 1.4 }
.comment-form-wrap .comment-form-title.style2 p { font-size: 14px; margin: 0 }
.comment-form-wrap .comment-form .form-group { margin: 0 0 15px }
.comment-form-wrap .comment-form .form-group textarea { height: 135px; resize: none }
.comment-form-wrap .comment-form .form-group input, .comment-form-wrap .comment-form .form-group textarea { width: 100%; border: 1px solid #ddd; padding: 10px 20px }
.comment-form-wrap .comment-form .form-group input { height: 60px }
.comment-form-wrap .comment-form .checkbox { position: relative }
.comment-form-wrap .comment-form .checkbox label { position: relative; font-size: 14px; line-height: 21px; color: rgba(0, 0, 0, .8); padding-left: 20px; position: relative; cursor: pointer }
.comment-form-wrap .comment-form .checkbox label:before { position: absolute; content: ""; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #26538d; left: 0; top: 3px; padding: 0 }
.comment-form-wrap .comment-form .checkbox input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer }
.comment-form-wrap .comment-form .btn { margin: 15px 0 0 }
.checkbox input:checked+label:after { position: absolute; content: ""; top: 6px; left: 3px; width: 8px; height: 8px; border: none; background-color: #26538d; border-radius: 50%; -webkit-transform: rotate(0deg); transform: rotate(0deg) }
.comment-form.style2 label { font-weight: 600; margin: 0 0 8px }
.comment-form.style2 input { background: #eee; border: none !important; border-radius: 5px; height: 50px !important }
.comment-form.style2 textarea { background: #eee; border: none !important; border-radius: 5px; height: 120px !important }
.comment-form-wrap .comment-form.style2 .form-group { margin: 0 0 20px }
.comment-form-wrap .comment-form.style2 .btn { margin: 6px 0 0 }
.ui-slider-handle.ui-corner-all.ui-state-default { background: #26538d; border-color: transparent; width: 12px; height: 12px; border-radius: 50%; cursor: pointer }
.ui-slider-range.ui-corner-all.ui-widget-header { background: #26538d; border-color: transparent }
.ui-slider-horizontal .ui-slider-range { top: -1px; height: 4px }
#slider-range_one { border-color: transparent; background-color: #ddd; border-radius: 50px; height: 3px }
#amount_one { border: none !important; background: 0 0 }
@media only screen and (min-width:1200px) and (max-width:1440px) {
  .blog-wrap.style1 .blog-right { padding-right: calc((100% - 1320px)/2 + 30px) }
  .blog-wrap.style1 .blog-left .blog-section-title { padding-left: calc((100% - 330px)/2 + 15px) }
}
@media only screen and (min-width:992px) {
  .blog-card.style2 .blog-info { padding-left: 25px }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .blog-wrap.style1 .blog-right { width: calc((100% - 40%) - 28px) }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .blog-wrap.style1 .blog-right { padding-right: calc((100% - 745px)/2 + 15px) }
  .blog-wrap.style1::before { width: 90% }
  .blog-card.style2 .blog-img, .blog-card.style4 .blog-bg { height: 340px }
}
@media only screen and (max-width:991px) {
    .footer-wrap .footer-bottom .copyright-text p {
    
    text-align: center !important;
}
  .blog-card.style1 .blog-img, .blog-card.style2 .blog-img { margin: 0 0 20px }
  .sidebar { margin-top: 50px }
  .blog-card .blog-img .blog-date { padding: 8px 15px; font-size: 14px }
}
@media only screen and (max-width:376px) {
  .breadcrumb-wrap .breadcrumb-title ul li, .breadcrumb-wrap .breadcrumb-title ul li a { font-size: 13px; line-height: 18px }
  .breadcrumb-wrap .breadcrumb-title h2 { font-size: 26px !important }
  .blog-card .blog-img .blog-date { font-size: 13px }
  .post-comment-wrap.style2 .comment-item.reply { margin-left: 30px }
}
@media only screen and (max-width:767px) {
  .blog-wrap.style1 .blog-left .blog-section-title { padding-left: 15px; padding-right: 15px }
  .blog-lg-img { display: none }
  .blog-card.style1 .blog-img { height: 320px }
  .blog-wrap.style1 .blog-left, .blog-wrap.style1 .blog-right { width: 100% }
  .blog-wrap.style1::before { width: 100% }
  .blog-card.style3 .blog-bg-large { height: 500px }
  .blog-card.style3 .blog-bg-large .blog-info { padding: 15px 20px }
  .post-share { text-align: left; margin: 20px 0 0 }
  .post-author .post-author-img { width: 55px; height: 55px }
  .post-author .post-author-info { width: calc(100% - 75px) }
  .post-author-info .social-profile { text-align: left }
  .post-comment-wrap .comment-item .comment-author_img { width: 50px; height: 50px }
  .post-comment-wrap .comment-item .comment-author_text { width: calc(100% - 70px); margin-left: 15px }
}
@media only screen and (max-width:575px) {
  .blog-card .blog-info h3 { font-size: 20px }
  .comment-author_info h6 { width: 100% }
  .comment-author_info p, .comment-author_info .rating { width: 100%; margin-left: 0 !important; text-align: left }
  .content-wrapper .post-content h2 { font-size: 20px }
  .post-author { padding: 15px }
  .post-comment-wrap.review-box .comment-item .comment-author_img { margin: 0 auto 20px }
  .post-comment-wrap.review-box .comment-item .comment-author_text { width: 100%; margin-left: 0; text-align: center }
  .post-comment-wrap.review-box .comment-author_info .course-rating { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 }
}
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author, .event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap, .discount-wrap .discount-item-wrap, .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap, .team-member .team-member-img .social-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.discount-wrap .discount-item-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; -ms-grid-row-align: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.team-member .team-member-img .social-profile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
@-webkit-keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
@keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
.footer-wrap { position: relative }
.footer-wrap .footer-top { background-color: #26538d; border-bottom: 1px solid #001a36;}
.footer-wrap .footer-top .footer-widget { margin: 0 0 30px }
.footer-wrap .footer-top .footer-widget .footer-widget-title, .footer-wrap .footer-top .footer-widget p, .footer-wrap .footer-top .footer-widget a { color: white;text-align:start; }
.footer-wrap .footer-top .footer-widget .footer-logo { margin: 0 0 20px; display: block }
.footer-wrap .footer-top .footer-widget .footer-logo img { max-width: 100px; border-radius: 50%; }
.footer-wrap .footer-top .footer-widget .footer-widget-title { font-size: 20px; font-weight: 500; line-height: 1.4; margin: 0 0 25px; padding: 0 0 10px; position: relative }
.footer-wrap .footer-top .footer-widget .footer-widget-title:after { position: absolute; bottom: 0; left: 0; content: ""; background-color: #26538d; width: 50px; height: 1px }
.footer-wrap .footer-top .footer-widget .footer-menu li { padding-bottom: 21px; display: block }
.footer-wrap .footer-top .footer-widget .footer-menu li a { position: relative; display: inline-block; text-transform: capitalize; -webkit-transition: .4s; transition: .4s }
.footer-wrap .footer-top .footer-widget .footer-menu li a:after { position: absolute; bottom: 0; left: 0; width: 0; height: 1px; content: ""; background-color: #26538d; visibility: hidden; opacity: 0; -webkit-transition: .3s; transition: .3s }
.footer-wrap .footer-top .footer-widget .footer-menu li a i { font-size: 14px; margin-right: 5px }
.footer-wrap .footer-top .footer-widget .footer-menu li a:hover { color: white }
.footer-wrap .footer-top .footer-widget .footer-menu li a:hover:after { width: 100%; visibility: visible; opacity: 1 }
.footer-wrap .footer-top .footer-widget .footer-menu li:last-child { padding-bottom: 0 }
.footer-wrap .footer-top .footer-widget .share-on span { color: #fff; position: relative; font-weight: 500; font-size: 16px; margin: 0 0 20px; padding: 0 0 8px; display: block }
.footer-wrap .footer-top .footer-widget .share-on span:after { position: absolute; bottom: 0; left: 0; content: ""; background-color: #26538d; width: 50px; height: 1px }
.footer-wrap .footer-top .footer-widget .share-on .social-profile li a { width: 30px; height: 30px; background-color: #fff; border-color: transparent; -webkit-transition: .3s; transition: .3s }
.footer-wrap .footer-top .footer-widget .share-on .social-profile li a i { color: #26538d; font-size: 16px; line-height: 27px }
.footer-wrap .footer-top .footer-widget .share-on .social-profile li a:hover { background-color: #26538d }
.footer-wrap .footer-top .footer-widget .share-on .social-profile li a:hover i { color: #fff }
.footer-wrap .footer-bottom { background-color: #26538d; padding: 28px 0 }
.footer-wrap .footer-bottom .copyright-text { text-align: center }
.footer-wrap .footer-bottom .copyright-text p { color: #fff; margin: 0; font-size: 15px; text-align: end; }
.footer-wrap .footer-bottom .copyright-text p a { color: #26538d }
.footer-wrap .footer-bottom .footer-bottom-menu { text-align: right }
.footer-wrap .footer-bottom .footer-bottom-menu li { display: inline-block; margin: 0 13px; position: relative }
.footer-wrap .footer-bottom .footer-bottom-menu li:before { position: absolute; top: 5px; left: -15px; content: ""; background: #fff; width: 2px; height: 15px; -webkit-transform: skew(-18deg); transform: skew(-18deg) }
.footer-wrap .footer-bottom .footer-bottom-menu li:first-child:before { display: none }
.footer-wrap .footer-bottom .footer-bottom-menu li:last-child { margin-right: 0 }
.footer-wrap .footer-bottom .footer-bottom-menu li a { color: #fff }
.footer-contact-address { margin: 0 0 9px }
.footer-contact-address li { position: relative; padding-left: 30px; color: #fff; line-height: 32px; padding-bottom: 12px }
.footer-contact-address li i { position: absolute; top: 5px; left: 0; font-size: 20px; line-height: 1;  }
.newsletter-wrap .form-group { position: relative; margin: 0 0 10px }
.newsletter-wrap .form-group input { height: 48px; width: calc(100% - 48px); font-size: 14px; padding: 10px 20px; text-transform: capitalize; background-color: #2d4865; border: none; color: #fff }
.newsletter-wrap .form-group input:placeholder { opacity: .7 }
.newsletter-wrap .form-group button { width: 50px; position: absolute; top: 0; right: 0; border: none; height: 100%; text-align: center; font-size: 16px; line-height: 50px; background-color: #26538d }
.newsletter-wrap .form-group button i { font-size: 22px; color: #fff }
@media only screen and (min-width:1200px) and (max-width:1360px) {
  .newsletter-form h3 { font-size: 42px }
}
@media only screen and (min-width:768px) {
  .copyright-text { text-align: right }
}
@media only screen and (min-width:991px) and (max-width:1199px) {
  .footer-wrap .footer-top .footer-widget .footer-menu li a, .footer-wrap .footer-top .footer-widget p, .footer-wrap .footer-top .footer-widget a { font-size: 13px }
  .footer-wrap .footer-top .footer-widget .share-on span { margin: 0 15px 15px 0; font-size: 16px }
}
@media only screen and (max-width:767px) {
  .footer-bottom .social-profile { text-align: center }
  .copyright-text { text-align: center; margin: 10px 0 0 }
  .footer-wrap .footer-bottom { padding: 20px 0 15px }
}
@media only screen and (max-width:575px) {
  .footer-widget { text-align: left }
}
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author, .event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap, .discount-wrap .discount-item-wrap, .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap, .team-member .team-member-img .social-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.header-wrap .header-top .header-top-left, .course-card.style1 .course-metainfo .course-metainfo-left ul, .course-card.style2 .course-metainfo .course-metainfo-left ul, .course-card.style3 .course-metainfo .course-metainfo-left ul, .course-rating, .blog-author-wrap .blog-author { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.event-countdown .event-cd .countdown, .hero-wrap.style3 .hero-item-wrap, .about-wrap.style2, .course-card .course-metainfo, .tab-content.course-tab-content .lecture-item, .promo-banner-wrap, .blog-author-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.discount-wrap .discount-item-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; -ms-grid-row-align: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-menu-wrap, .mobile-bar-wrap { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }
.team-member .team-member-img .social-profile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
@-webkit-keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
@keyframes border-transform {
  0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% }
  14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% }
  28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% }
  42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% }
  56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% }
  70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% }
  84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% }
}
@media only screen and (max-width:767px) {
  .sm-none { display: none !important }
  .sm-center { text-align: center !important }
  .pt-100 { padding-top: 50px }
  .pb-100 { padding-bottom: 50px }
  .ptb-100 { padding-top: 50px; padding-bottom: 50px }
  .pt-70 { padding-top: 20px }
  .pb-70 { padding-bottom: 20px }
  .pb-75 { padding-bottom: 25px }
  .pb-50 { padding-bottom: 0 }
  .mb-40 { margin-bottom: 25px !important }
  .content-title h2, .section-title h2 { font-size: 36px }
  .section-title.style3 span { font-size: 18px }
  /*.breadcrumb-wrap { padding: 80px 0 }*/
  .contact-address, .comp_map { padding: 50px 15px 38px }
  .contact-address .contact-info p, .contact-address .contact-info p a { font-size: 14px }
  .back-to-top { font-size: 20px; width: 60px; height: 60px; line-height:65px }
 .back-to-top i {
    font-size: 32px;
       
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .pt-100 { padding-top: 70px }
  .pb-100 { padding-bottom: 70px }
  .ptb-100 { padding-top: 70px; padding-bottom: 70px }
  .pt-70 { padding-top: 40px }
  .pb-70 { padding-bottom: 40px }
  .pb-75 { padding-bottom: 45px }
  .pb-50 { padding-bottom: 20px }
  .smt-30 { margin-top: 30px }
}
@media only screen and (max-width:991px) {
  .btn-box-number { max-width: 400px; }
  .main-menu { margin-left: 0px; }
  .page-wrapper { overflow-x: hidden !important }
  .smb-30 { margin-bottom: 30px }
  .md-none { display: none !important }
  .md-center { text-align: center !important }
  .smb-0 { margin-bottom: 0 !important }
  .smt-30 { margin-top: 30px !important }
  .smt-20 { margin-top: 20px !important }
  .content-para { margin: 15px 0 0 }
  .hero-wrap.style3 { margin: 0 }
  /*.hero-wrap, .breadcrumb-wrap { margin: 94px 0 0 }*/
  .hero-wrap .hero-content .hero-promo-text span { display: block }
  .breadcrumb-wrap.style2 { padding: 70px 0 80px }
  .breadcrumb-wrap .breadcrumb-title h2 { font-size: 32px }
  .hero-slider-item .overlay, .hero-v2 .overlay { opacity: .7 }
  .testimonial-item.style2 .testimonial-text { padding-right: 0 }
  .user-tablist { margin: 0 0 50px }
  .contact-img { height: 360px; margin: 30px 0 0 }
  #contactForm .checkbox label { font-size: 14px }
}
@media only screen and (min-width:768px) {
  .lg-none { display: none !important }
}
@media only screen and (min-width:992px) {
  .xl-none { display: none !important }
  .mmt-20 { margin-top: -20px }
}
@media only screen and (max-width:1199px) {
  .lg-center { text-align: center !important }
  .lpb-20 { padding-bottom: 20px !important }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .mpx-0 { padding: 0 }
}
@media only screen and (min-width:1200px) and (max-width:1439px) {
  .exp-box { top: 130px; right: 1px }
  .tour-slider-v1 { margin-left: 15px !important }
  .testimonial_btn.style1 { top: 54%; left: 0; width: 100% }
}
@media only screen and (min-width:1440px) and (max-width:1599px) {
  .header-wrap .container-fluid, .hero-wrap.style2 .container-fluid { padding: 0 30px !important }
}
@media only screen and (min-width:1200px) {
  .container { max-width: 1320px }
  .ml-30 { margin-left: 30px !important }
  .tour-slider-v1 { margin-left: calc((100% - 1320px)/2 + 15px) }
  .tour-details-pagination.swiper-pagination-progressbar { width: 1355px }
}
@media only screen and (min-width:1450px) {
    .mt-145{margin-top:145px !important;}
  .header-wrap .container-fluid, .hero-wrap.style2 .container-fluid { padding: 0 100px }
  .header-wrap.style2 .container-fluid { padding: 0 30px }
  .container { max-width: 1410px  }
  .tour-slider-v1 { margin-left: calc((100% - 1410px)/2 + 15px) }
  .tour-details-pagination.swiper-pagination-progressbar { width: 1385px }
  .tour-progress-v2.swiper-pagination-progressbar { width: 1380px; margin: 0 auto; left: calc((100% - 1380px)/2 + 0px) }
}
@media only screen and (max-width:575px) {
  .xs-center { text-align: center }
  .content-title h2, .section-title h2 { font-size: 28px }
}
@media only screen and (max-width:400px) {
  p { font-size: 14px; line-height: 24px }
  .content-title h2, .section-title h2 { font-size: 26px }
  .btn { font-size: 14px; padding: 10px 20px }
  .login-form .form_group label, .login-form .link { font-size: 14px }
  .error-content span { font-size: 80px; line-height: 80px; margin: 0 0 25px }
}
.theme-light body { background-color: #fff }
.theme-dark body { background-color: #000 }
.switch { position: relative; display: inline-block; width: 60px; height: 34px }
.switch input { opacity: 0; width: 0; height: 0 }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s }
.slider.round { border-radius: 34px }
.slider.round:before { border-radius: 50% }
.slider:before { position: absolute; content: ""; height: 40px; width: 40px; left: 0; bottom: 4px; top: 0; bottom: 0; margin: auto 0; -webkit-transition: .4s; transition: .4s; -webkit-box-shadow: 0 0 15px #2020203d; box-shadow: 0 0 15px #2020203d; background: #fff url(../../../../../i.ibb.co/7JfqXxB/sunny.png); background-repeat: no-repeat; background-position: center }
input:checked+.slider { background-color: #000 }
input:focus+.slider { -webkit-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000 }
input:checked+.slider:before { -webkit-transform: translateX(24px); transform: translateX(24px); background: #fff url(https://i.ibb.co/FxzBYR9/night.png); background-repeat: no-repeat; background-position: center }
.theme-light .comp-logo .logo-dark, .theme-light .logo .logo-dark { display: none !important }
.theme-light .comp-logo .logo-light, .theme-light .logo .logo-light { display: block !important }
.theme-dark .comp-logo .logo-light, .theme-dark .logo .logo-light { display: none !important }
.theme-dark .comp-logo .logo-dark, .theme-dark .logo .logo-dark { display: block !important }
.theme-dark .body, .theme-dark .bg-midnight { background-color: #000 }
.theme-dark .hero-wrap.style3 .hero-content-wrap .overlay.bg-white { background-color: #000 !important }
.theme-dark .blog-card, .theme-dark .contact-popup.open, .theme-dark .header-wrap .header-bottom, .theme-dark .about-wrap .about-content.style2, .theme-dark .team-member.style2, .theme-dark .instructor-form, .theme-dark .header-search .form-group input, .theme-dark #contactForm input, .theme-dark #contactForm textarea, .theme-dark .comment-form-wrap .comment-form .form-group input, .theme-dark .comment-form-wrap .comment-form .form-group textarea, .theme-dark .checkout .form-group input, .theme-dark .checkout .form-group textarea, .theme-dark .cart-popup, .theme-dark .footer-wrap .footer-top { background-color: #000 }
.theme-dark .footer-wrap .footer-top { border-top: 1px solid rgba(255, 255, 255, .15) }
.theme-dark .promo-banner-wrap .promo-content::before, .theme-dark .promo-video-wrap::after, .theme-dark .ds-wrap::after, .theme-dark .newsletter-wrap .form-group input, .theme-dark .blog-wrap, .theme-dark .team-member, .theme-dark .feature-item, .theme-dark .nav.nav-tabs.course-tablist li button, .theme-dark .course-tab-content .accordion-button[aria-expanded=true], .theme-dark .course-tab-content .accordion-button[aria-expanded=false], .theme-dark .tab-content.course-tab-content .lecture-accordion, .theme-dark .social-profile.style2 li a, .theme-dark .course-card.style3, .theme-dark .contact-address, .theme-dark .pricing-box-wrap .pricing-box, .theme-dark .accordion-item, .theme-dark .accordion-item .accordion-header .accordion-button, .theme-dark .blog-card.style2, .theme-dark .content-wrapper .post-content .wp-block-quote, .theme-dark .nav-tabs .nav-item .nav-link, .theme-dark .comment-form-wrap .comment-form-title, .theme-dark .product-category-list li.has-subcat>a span, .theme-dark .footer-wrap .footer-bottom { background-color: #222 }
.theme-dark .nav.nav-tabs.course-tablist li button.active { background-color: #26538d }
.theme-dark h2, .theme-dark h3, .theme-dark h4, .theme-dark h5, .theme-dark h6, .theme-dark .hero-wrap.style3 .hero-content-wrap .hero-content h1, .theme-dark .section-title h2, .theme-dark .about-wrap .about-content h5, .theme-dark .blog-card .blog-info h3 a, .theme-dark .sidebar-menu i, .theme-dark .mobile-top-bar i, .theme-dark .main-menu-wrap.style1 #menu>ul>li>a, .theme-dark .testimonial-item .quote-icon i, .theme-dark .team-member .team-member-info h4, .theme-dark .course-card .course-info h3 a, .theme-dark .feature-item h5 a, .theme-dark .comment-author_info h6, .theme-dark .project-details-para h4, .theme-dark .team-member.style2 .team-member-info h4 a, .theme-dark .insructor-tab-content .instructor-title, .theme-dark .tab-content.course-tab-content h5, .theme-dark .nav.nav-tabs.course-tablist li button, .theme-dark .form-group input, .theme-dark .form-group textarea, .theme-dark #contactForm input, .theme-dark #contactForm textarea, .theme-dark .contact-address .contact-info h5, .theme-dark .course-details-widget.sidebar-box h5, .theme-dark .accordion-item .accordion-header .accordion-button, .theme-dark .search-box input, .theme-dark .sidebar .sidebar-widget h4, .theme-dark .pp-post-item .pp-post-info h6 a, .theme-dark .ecour-faq .accordion-item .accordion-header .accordion-button[aria-expanded=true], .theme-dark .pp-content h4, .theme-dark .error-content h2, .theme-dark .error-content h4, .theme-dark .category-box ul li a, .theme-dark .content-wrapper .post-content .post-subtitle, .theme-dark .post-author-info h4, .theme-dark .post-tag span, .theme-dark .post-share span, .theme-dark .social-profile li a i, .theme-dark .post-comment-wrap.style2 .comment-title, .theme-dark .comment-form-wrap .comment-form-title.style2 h4, .theme-dark .comment-form.style2 label, .theme-dark .login-form .login-body label, .theme-dark .checkout .form-group input, .theme-dark .checkout .form-group textarea, .theme-dark .wishlist-table table tbody tr td .wh-tem-price, .theme-dark .form-group .or, .theme-dark .product-quantity .qtySelector input, .theme-dark .wishlist-table table tbody td a, .theme-dark .product-quantity .qtySelector span, .theme-dark .total-wrap span, .theme-dark .product-card:hover .product-info h4 a, .theme-dark .nav-tabs .nav-item .nav-link, .theme-dark .nav-tabs .nav-link.active, .theme-dark .new-product-item .new-product-info h6 a, .theme-dark .product-card .product-info h4 a, .theme-dark .product-category-list li.has-subcat>a, .theme-dark .cart-popup .cart-popup-item-wrap .cart-popup-item .cart-popup-item-price button i, .theme-dark .cart-popup .close-popup i, .theme-dark .mobile-menu a i { color: #fff !important }
.theme-dark p, .theme-dark .hero-wrap.style3 .hero-content-wrap .hero-content p, .theme-dark .section-title p, .theme-dark .content-title p, .theme-dark .feature-item p, .theme-dark .about-features-list li, .theme-dark .course-card .course-info p, .theme-dark .course-card .course-metainfo p, .theme-dark .course-card .course-metainfo p a, .theme-dark .team-member .team-member-info p, .theme-dark .course-details-widget ul li p, .theme-dark .tab-content.course-tab-content p, .theme-dark .tab-content.course-tab-content ul.course-details-list li, .theme-dark .post-comment-wrap .comment-item .comment-author_text p, .theme-dark .course-details-meta li, .theme-dark .insructor-tab-content p, .theme-dark .project-details-para p, .theme-dark .contact-address .contact-info p, .theme-dark .contact-address .contact-info a, .theme-dark .insructor-tab-content span, .theme-dark .insructor-tab-content .footer-contact-address li a, .theme-dark .insructor-tab-content .footer-contact-address li p, .theme-dark .course-rating span, .theme-dark .content-wrapper .post-content .wp-block-quote p, .theme-dark .checkbox label, .theme-dark .checkout label, .theme-dark .pricing-box-wrap .pricing-box .price-tag h3 span, .theme-dark .pricing-box-wrap .pricing-box .price-box-features li, .theme-dark .accordion-body p, .theme-dark .pp-content p, .theme-dark .error-content p, .theme-dark .tag-list ul li a, .theme-dark .footer-contact-address li a, .theme-dark .footer-contact-address li, .theme-dark .footer-contact-address li p, .theme-dark .page-navigation .page-nav li a, .theme-dark .pp-post-item .pp-post-info span, .theme-dark .content-wrapper .post-content p, .theme-dark .post-author-info p, .theme-dark .comment-form-wrap .comment-form-title.style2 p, .theme-dark .select-method [type=radio]:checked+label, .theme-dark .select-method [type=radio]:not(:checked)+label, .theme-dark .bill-item .bill-item-price span, .theme-dark .subtotal-item-right span, .theme-dark .single-product-details .single-product-desc p, .theme-dark .comment-form-wrap .comment-form .checkbox label, .theme-dark #amount_one, .theme-dark .blog-card .blog-info p { color: rgba(255, 255, 255, .8) }
.theme-dark .footer-wrap .footer-top .footer-widget .social-profile li a i, .theme-dark .course-card .course-metainfo p i { color: #26538d !important }
.theme-dark .course-rating span:before { background: rgba(255, 255, 255, .19) }
.theme-dark .blog-card .blog-info .read-more i, .theme-dark .feature-item a, .theme-dark .main-menu-wrap.style1 #menu>ul>li>a.active, .theme-dark .main-menu-wrap.style1 #menu>ul>li>a:hover { color: #26538d }
.theme-dark .instructor-form, .theme-dark .form-group input, .theme-dark .form-group textarea, .theme-dark #contactForm input, .theme-dark #contactForm textarea, .theme-dark .comment-form-wrap .comment-form .form-group input, .theme-dark .comment-form-wrap .comment-form .form-group textarea, .theme-dark .search-box input, .theme-dark .comment-form-wrap .comment-form .form-group input, .theme-dark .comment-form-wrap .comment-form .form-group textarea, .theme-dark .sidebar .sidebar-widget, .theme-dark .page-navigation .page-nav li a, .theme-dark .login-form .login-body, .theme-dark .checkout .form-group input, .theme-dark .checkout .form-group textarea, .theme-dark .bill-details, .theme-dark .product-card, .theme-dark .product-large-img, .theme-dark .product-thumb, .theme-dark .cart-popup .cart-popup-item-wrap .cart-popup-item .cart-popup-item-price button i, .theme-dark .cart-popup .close-popup i, .theme-dark .sidebar-box { border: 1px solid rgba(255, 255, 255, .19) !important }
.theme-dark .course-card .course-metainfo { border-top: 1px solid rgba(255, 255, 255, .19) }
.theme-dark .tab-content.course-tab-content, .theme-dark .accordion-item .accordion-header .accordion-button, .theme-dark .tab-content.course-tab-content .lecture-accordion, .theme-dark .tab-content.course-tab-content .lecture-item, .theme-dark .accordion-item, .theme-dark .header-search .form-group button, .theme-dark .course-card.style3 .course-info, .theme-dark .pricing-box-wrap .pricing-box .price-tag, .theme-dark .post-author, .theme-dark .content-wrapper article, .theme-dark .post-comment-wrap.style2 .comment-item, .theme-dark .bill-item-wrap, .theme-dark .wishlist-table table thead tr th, .theme-dark .wishlist-table table tbody tr td, .theme-dark .product-quantity .qtySelector, .theme-dark .product-quantity .qtySelector input, .theme-dark .wishlist-table table tbody tr, .theme-dark .product-category-list li.has-subcat>a, .theme-dark .cart-popup .cart-popup-total-wrap .cart-popup-total, .theme-dark .nav.nav-tabs.course-tablist li { border-color: rgba(255, 255, 255, .19) }
.theme-dark .wishlist-table table thead tr { border-top: none }
.theme-dark .ecour-faq .accordion-button[aria-expanded=true]::after, .theme-dark .accordion-button::after { border-color: #fff }
.theme-dark .course-card.style1, .theme-dark .course-card.style2 { border: 1px solid rgba(255, 255, 255, .19) }
.theme-dark .blog-author-wrap { border-top: 1px solid rgba(255, 255, 255, .19); padding-top: 28px }
.theme-dark .feature-item a span::after { background-color: rgba(255, 255, 255, .19) }
.theme-dark .testimonial-item { background: rgba(0, 0, 0, .35) }
.theme-dark .feature-item { border-right: 1px solid rgba(255, 255, 255, .19) }
.theme-dark h3 a:hover { color: #26538d !important }
.theme-dark .course-card.style3 .course-metainfo { border: none }
@media screen and (max-width:991px) {
  .theme-dark .header-wrap .main-menu-wrap.style1 #menu .main-menu li a { color: #000 !important }
}
.share-on span { color: white; position: relative; font-weight: 500; font-size: 16px; margin: 0 0 20px; padding: 0 0 8px; display: block; }
.share-on .social-profile li a i { color: white; font-size: 18px; line-height: 33px; }
.share-on .social-profile li a:hover i { color: #fff; }
.countImg { }
.countImg img { width: 100%; max-height: 400px; object-fit: cover; object-position: 0 10%; border-radius: 30px; }
.appBthn { background-color: #012245; color: #fff; }
ul.main-menu li a { text-transform: uppercase; }
.pp-content-wrap { margin: auto; }
p.text-white.abtTxt2 { text-align: justify; }
.course-info { height: 130px; }
.fixed-bottom { position: sticky !important; }
.faq-wrap { position: relative; }
.faq-containersub { width: 100%; }
.faqdecor { border-radius: 0px 0px 10px 10px; }
.faq-item { margin: 0 0 25px; }
.faq-item:last-child { margin-bottom: 0; }
.faq-item h5 { font-size: 25px; line-height: 1.4; margin: 0 0 12px; }
.faq-item p { margin: 0; }
.faq-item.style2 { margin: 0 0 30px; }
.header-top-right .header-contact i { color: red; }
.header-top-right .header-contact span.numcontain { color: #fff; }
.header-top-right .header-contact span.numcontain a { color: #fff; padding-right: 5px; }
.header-contact .d-flex { flex-direction: row; align-items: center; }
span.numcontain b { padding-right: 10px; padding-left: 8px; font-weight: 400; }
.hero-content h1 { opacity: 0; }
.success_thumb { position: relative; }
.success_thumb a.video-play.circle.style1 { width: 50px; height: 50px; }
.success_thumb a.video-play.circle.style1 i.ri-play-fill { font-size: 35px; }
.success_stry { margin-bottom: 20px; }
.socialfeed { text-align: center; }
span.glry_anim { position: absolute; top: -4px; font-size: 10px; background: red; color: #fff; height: 20px; width: 30px; text-align: center; right: -12px; line-height: 20px; border-radius: 50%; animation: blinker 1s linear infinite; }
@keyframes blinker {
  50% { opacity: 0; }
}
@media(max-width:600px) {
  .hero-wrap.style2 .hero-slider-two .hero-slider-item { padding: 0px 0 0px !important; }
}
.nav-link { color: white; }
b.num_anim { top: -4px; font-size: 17px; background: red; color: #fff; height: 41px; width: 30px; text-align: center; right: -12px; line-height: 22px;    /* border-radius: 41%; */ animation: blinker 1s linear infinite; }
.boxmap iframe { height: 220px; width: 100%; }
.cstmhgt { height: 208px; }


.col-xl-8.offset-xl-2.col-lg-10.offset-lg-1.col-md-10.offset-md-1 {
    margin-left: 0;
}

ul.main-menu.super-menu-main {
    flex-wrap: unset;
    gap: 0px !important;
}

.super-news-content-wrap {
    position: sticky;
    top: 133px;
    margin-bottom: 15px;
}
.super-view-acheive-btn{
    background-color: #26538d;
    color: white;
    border-radius: 6px;
    margin: 0 !important;
}
.super-view-acheive-btn:hover{
    color: white;
    background-color: black;
}

.super-img-card-achieve{
    background-color: white !important;
    padding: 16px;
        display: flex;
    align-items: center;
}
.super-img-card-achieve img{
    width: 100%;
    max-width: 352px;
    min-height: 264px;
    max-height: 264px;
}

.super-card-updown{
        height: 100%;
    max-height: 462px;
}
.super-card-updown .super-marq{
    height: 400px;
}
.super-carousel-inner-main{
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.super-main-carousel-slide {
    width: 100%;
}

.super-team-member-card{
    max-height: 268px !important;
    margin-top: 0px !important;
}
.super-team-head-main h4{
    font-size: 15px;
    padding: 10px;
    margin: 0;
    text-align: center;
}

.super-para-about .super-one-para{
    /*height: 221px;*/
    /*display: none;*/
}

.super-para-about p{
        max-height: 247px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
}

.super-pop-up-img img{
    border-radius: 12px;
}




.top-head-pharmacynew {
  display: flex;
  justify-content: center; /* center-align the list */
  align-items: center;
  /*gap: 20px;*/
  padding-left: 0;
  margin: 0;
  list-style: none;
  flex-wrap: wrap;
}

.top-head-pharmacynew li {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 500;
  color: #000;
}

.top-head-pharmacynew li:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 16px;
  background-color: #003366; /* deep blue separator like your image */
  margin-left: 10px;
}
  
.top-head-pharmacynew li a {
  color: black;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  white-space: nowrap;
}


.main-menu-wrap.style1 #menu ul li a{
    padding: 10px 7px;
}



    .announcement-bar {
      display: flex;
      align-items: center;
      overflow: hidden;
      background-color: #26538D;
      color: #fff;
      height: 50px;
    }

    .announcement-label {
      background-color: #4CAF50; /* Green */
      color: white;
      padding: 12px 25px;
      font-weight: bold;
      position: relative;
      clip-path: polygon(0 0, 93% 0, 100% 50%, 93% 100%, 0 100%);
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      white-space: nowrap;
    }

    .marquee {
      flex: 1;
      overflow: hidden;
      white-space: nowrap;
      padding-left: 20px;
    }

    .marquee span {
      display: inline-block;
      padding-left: 100%;
      animation: marquee 15s linear infinite;
    }

    .marquee:hover span {
      animation-play-state: paused;
    }

    @keyframes marquee {
      0%   { transform: translateX(0%); }
      100% { transform: translateX(-100%); }
    }
    
    
    
.download-section {
      display: flex;
      flex-wrap: wrap;
      background: #fff;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }

    .download-img {
      flex: 1;
      min-width: 300px;
    }

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

    .download-content {
      flex: 1;
      padding: 30px;
      min-width: 300px;
      /* display: flex; */
      flex-direction: column;
    }

    .download-content h2 {
      font-size: 30px;
      font-weight: 600;
      margin-bottom: 20px;
    }

    .pdf-link {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 0;
      border-bottom: 1px solid #ddd;
    }

    .pdf-link i {
      color: red;
      font-size: 20px;
    }

    .pdf-link a {
      text-decoration: none;
      color: #333;
      font-weight: 500;
      transition: 0.3s;
    }

    .pdf-link a:hover {
      color:#26538D;
    }

    .scroll-box {
      margin-top: 30px;
      height: 204px;
      overflow: hidden;
      position: relative;
    }

    .scroll-content {
      display: flex;
      flex-direction: column;
      animation: scroll-vertical 10s linear infinite;
    }

    .scroll-box:hover .scroll-content {
      animation-play-state: paused;
    }

    .scroll-item {
      padding: 10px 0;
      border-bottom: 1px dashed #ccc;
    }

    .scroll-item a {
      color: #26538D;
      text-decoration: none;
      font-weight: 500;
    }
    
    .scroll-content i{
        font-size: 18px;
        color: #125875;
    }


    @keyframes scroll-vertical {
      0% {
        transform: translateY(0%);
      }
      100% {
        transform: translateY(-50%);
      }
    }

    /* Responsive */
    @media (max-width: 768px) {
      .download-section {
        flex-direction: column;
      }
    }




  .recruiter-section {
      background: #f8f9fa;
      padding: 60px 20px;
      text-align: center;
    }

    .recruiter-section h2 {
      font-size: 30px;
      font-weight: 600;
      margin-bottom: 40px;
      color: black;
    }

    .recruiter-box {
      position: relative;
      width: 150px;
      height: 150px;
      margin: 0 auto 30px;
      transform: rotate(45deg);
      border: 1px solid #ccc;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      transition: 0.3s;
    }

    .recruiter-box:hover {
      box-shadow: 0 0 12px rgba(0,0,0,0.1);
    }

    .recruiter-box img {
      width: 80%;
      transform: rotate(-45deg);
    }


.director-card {
      background: transparent;
      border-radius: 20px;
      padding: 40px;
      /*box-shadow: 0 10px 30px rgba(0, 85, 255, 0.1);*/
      text-align: center;
      transition: transform 0.3s ease;
    }
    .director-card:hover {
      /*transform: translateY(-5px);*/
    }
    .director-img {
      width: 160px;
      height: 160px;
      border-radius: 50%;
      object-fit: cover;
      border: 4px solid transparent;
      background: #125875;
      padding: 3px;
      margin-bottom: 20px;
    }
    .scroll-content i{
        font-size: 18px;
        color: #125875;
    }
    .director-name {
      font-size: 1.5rem;
      font-weight: 600;
      color: white;
    }
    .director-address {
      color: #777;
      font-size: 0.95rem;
      text-align: center;
      margin-bottom: 15px;
      color: white;
    }
    .direct-maincontainer{
        background-color: #26538d;
    }
    .director-msg {
      font-size: 1rem;
      /*color: #444;*/
      /*font-style: italic;*/
      color: white;
      text-align: justify;
    }
    .directorswiper{
        height: unset;
    }
    
     .blue-filter {
    filter: invert(33%) sepia(24%) saturate(1037%) hue-rotate(179deg) brightness(92%) contrast(92%);
  }
  
  .course-headingnew{
      font-size: 20px;
  }
  
  .right-fixed-panel {
      position: fixed;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      z-index: 9999;
    }

    .right-fixed-panel a {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      /*width: 70px;*/
      /*height: 70px;*/
      background-color: #26538d;
      color: #fff;
      text-decoration: none;
      font-size: 12px;
      font-weight: 500;
      border-bottom: 1px solid #ffffff50;
      text-align: center;
      padding: 5px;
    }

    .right-fixed-panel a i {
      font-size: 20px;
      /*margin-bottom: 5px;*/
    }

    .right-fixed-panel a:last-child {
      border-bottom: none;
    }

    .right-fixed-panel a:hover {
      background-color: #14467b;
      text-decoration: none;
    }
    
    
     /* Sidebar Form */
    .newpharmacysuper.slide-form {
      position: fixed;
          top: 50%;
    transform: translateY(-50%);
      left: -350px;
      width: 350px;
      height: unset;
      background-color: #26538d;
      color: white;
      padding: 20px;
      z-index: 1000;
      transition: all 0.3s ease;
      overflow-y: auto;
    }

    .newpharmacysuper.slide-form.active {
      left: 0;
    }

    /* Toggle Button */
    .newpharmacysuper.toggle-btn {
      position: fixed;
          top: 50%;
    transform: translatey(-50px);
      left: 0;
      background-color: #26538d;
      color: white;
      border: none;
      padding: 8px 10px;
      border-radius: 0 5px 5px 0;
      z-index: 1001;
      cursor: pointer;
      transition: left 0.3s ease;
    }

    .newpharmacysuper.toggle-btn.move-right {
      left: 350px;
    }

    /* Form Elements */
    .newpharmacysuper .form-control,
    .newpharmacysuper .form-select {
      margin-bottom: 10px;
    }

    .newpharmacysuper .submit-btn {
      width: 100%;
      background: black;
      color: white;
      padding: 10px;
      font-weight: bold;
      border: none;
      margin-top: 10px;
    }

    .newpharmacysuper .captcha-box {
      background: white;
      color: black;
      text-align: center;
      font-weight: bold;
      padding: 6px 10px;
    }

    .newpharmacysuper ::placeholder {
      color: #000;
    }

    .newpharmacysuper .form-check-label {
      font-size: 13px;
    }
    
    .marquee-anchor-main a{
        color: white;
    }
    .marquee-anchor-main{
        display: flex !Important ;
        gap: 12px
    }
    .aboutimgpharmacy{
        position: sticky;
        top: 110px;
    }
    .overlay-pharmacy{
        background-color: rgb(12 112 255 / 74%);
    padding: 30px 0 0px;
    }
    
    .left-button {
    text-align: left;
}
.orange-square-button {
    margin-right: 120px;
    margin-top: 50px;
}

.orange-square-button a {
    width: 128px;
    height: 104px;
    border: 4px solid #26538d;
    background-color: #fff;
    position: relative;
    display: block;
    color: #212529;
    background: transparent;
}

.call-to-action .left-button .orange-square-button .programname-main {
    left: 35%;
    background-color: white;
    font-weight: 700;
}
.white-bg .orange-square-button .programname-main {
    background: #fff;
}
.orange-square-button .programname-main {
    position: absolute;
    display: block;
    white-space: nowrap;
    font-size: 16px;
    background: #fff;
    line-height: 56px;
    margin: 0;
    top: 50%;
    left: 0;
    background: transparent;
    margin-left: 14px;
    transform: translate(0, -50%);
    -webkit-font-smoothing: antialiased;
}

.orange-square-button a .right-arrow {
    border: solid #26538d;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    cursor: pointer;
}
.orange-square-button a:hover {
    /*background-color: #26538d;*/
    color: white;
    transform: translateY(-5px);
    /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);*/
}
.orange-square-button a:hover .programname-main {
    color: black;
}
.orange-square-button a:hover .right-arrow {
    /*border-color: white;*/
    transform: rotate(-45deg) translateX(5px);
}

.orange-square-button a {
    /* Existing styles */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.btn-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.program-pharmacystick{
    position: sticky;
    top: 110px;
}

.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}
.bluelinemain{
    display: block;
    background: #26538d;
    width: 48px;
    height: 4px;
    margin-bottom: 5px;
}

.broch-phar a{
    color:#26538d;
}
.phar-programbelow{
    font-size: 20px;
    color: black;
    font-weight: 700;
}
.top-pdf-navnew:hover{
    color: black;
}
.top-pdf-navnew:focus, .top-pdf-navnew:hover{
    color: black;
}
.new-dropdwon-pdf li{
    padding: 0;
}
.new-dropdwon-pdf li a{
    color: white;
}
.new-dropdwon-pdf li:not(:last-child)::after{
    display: none;
}
.student-achieve-newhover {
  transition: all 0.4s ease-in-out; 
  height: 100%;
  border-radius: 12px;
}

.student-achieve-newhover:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}
.student-positi-name{
    font-size: 15px;
    margin-bottom: 0;
}


    /* Modal Header */
    .scholer-modalmain .modal-header {
      background-color: #26538d;
      color: #fff;
    }

    /* Submit Button */
    .scholer-modalmain .btn-submit {
      background-color: #26538d;
      color: #fff;
    }
    .scholer-modalmain .btn-submit:hover {
      background-color: #1d4270;
      color: #fff;
    }
    .scholer-modalmain h5{
    font-size: 18px;
    color: white;
    width: 100%;
    }
    .scholer-modalmain .crossbtnscholer{
        position: absolute;
    }