@charset "UTF-8";

/*----------------------------------------------------------------------------------- * * Theme Name: Sperty - Multipurpose Business HTML Template * Description: Multipurpose Business HTML Template * Author: Website Design Templates * Version: 2.0 * * ----------------------------------------------------------------------------------- */

/* ---------------------------------- * * Table of contents * * 01. Common styles * 02. Section titles * 03. Navigation * 04. Page Title * 05. Main Banner * 06. Cards * 07. Portfolio * 08. Video * 09. OwlCarousel * 10. Testmonials * 11. Tabs * 12. Team * 13. Accordion * 14. Others * 15. Contact info * 16. Footer * * ---------------------------------- */

/*============================== * Common styles * ================================ */

 :root{

     --main-color: #1a2b5c;

     --secondary-color: #ee1d23;

}

html{

    overflow-x: hidden;

}

/*start faizan css*/

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap");

* {

  margin: 0;

  padding: 0;

  font-family: "Poppins", sans-serif;

}

:root {

  --pinkish-red: #c35a74;

  --medium-blue: #307baa;

  --greenish-blue: #53bab5;

  --bright-orange: #ff7445;

  --white-smoke: #f5f5f4;

  --white: #fff;

  --dark-gray: #7d7c7c;

  --black: #000;

}


/*start today 05-09-2024*/
.rcm-automation-banner{
    background-image: none;
}
.rcm-automation-banner:before{
    background: #000!important;
    opacity:0.7!important;
}
.resp-tabs-container img{
    width:100%!important;
    border-radius:0!important;
}
.success-story-tab-heading-sec .tab-box h6{
    line-height:23px!important;
}
.success-story-tab-heading-sec{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.success-story-banner{
    background-image:block;
}
.awards-and-recognition-sec .serviced-ul{
    grid-template-columns:1fr;
    margin-top:3%;
    padding-left:12px;
}
.awards-and-recognition-sec .serviced-ul li{
    margin-bottom:1.2%;
    padding-left:3.5%;
}
.awards-and-recognition-sec h5{
    margin-top:3%;
}
.awards-and-recognition-sec .img-box{
    margin-bottom:5%;
}
.rcm-blog-listing  article.card .card-body .h5{
    min-height:102px!important;
}

@media (max-width:600px){
    .rcm-blog-listing  article.card .card-body .h5{
        min-height:143px!important;
    }
    .rcm-blog-listing h2{
        font-size:22px;
    }
    .success-story-tabs-sec h2.resp-accordion{
        display:flex;
    }
    .success-story-tabs-sec .resp-arrow{
        position:absolute;
        right:7%;
    }
    .dashboard-tabs-sec .tab_image{
        height:260px;
    }
    .success-story-tabs-sec .tab_image{
        height:260px;
        margin-bottom:0;
    }
    .dashboard-tabs-sec .tab_image{
        margin-bottom:0;
    }
     .success-story-tabs-sec .order-1{
        margin-bottom:0!important;
    }
     .dashboard-tabs-sec .order-1{
        margin-bottom:0!important;
    }
     .dashboard-tabs-sec .tab_image img{
        border-radius:0!important;
    }
    .awards-and-recognition-sec .tab_image img{
        border-radius:0!important;
    }
     .success-story-tabs-sec .tab_image img{
        border-radius:0!important;
    }
    .awards-and-recognition-sec .resp-arrow{
        position:relative;
        top:17px;
    }
    .rcm-automation-banner{
        padding:114px 0 70px!important;
    }
    .awards-and-recognition-sec .img-box{
        margin-bottom:0;
    }
    .awards-and-recognition-sec .resp-tab-content{
        margin-bottom:11%;
    }
    .awards-and-recognition-sec .serviced-ul li{
        font-size:14px;
        padding-left:10.5%;
        margin-bottom:4%;
    }
    .awards-and-recognition-sec  h5{
        margin-top:25px!important;
        margin-bottom:26px!important;
    }
   .awards-and-recognition-sec  h2.resp-accordion{
        padding-top:2px;
        margin-bottom:20px;
    }
}



/*end today 05-09-2024*/



.serviced-ul.padding-right li{

        padding-right:7%;

    }

.blog-detail .list-style1 li:before{

    top:2px;

    width: 20px;

    height: 20px;

    display: flex;

    justify-content: center;

    align-items: center;

    left:7px;

}

.charge-main-sec .charge-rcm-left h3{

    font-size:24px;

    color:var(--secondary-color)!important;

}

.charge-main-sec .charge-rcm-left .text-shadow-large{

    text-shadow:unset;

}

.career-page-banner h1{

    font-weight: 800;

    font-size:60px!important;

    font-family:"Poppins", sans-serif;

}

.career-contact-form-sec{

    padding:6% 0;

}

.career-contact-form-sec .col-12.col-sm-6{

    margin-top:8px;

}

.career-page-xxl .bg-light.rounded p{

    display:flex;

    align-items:baseline;

}

.career-contact-form-sec .col-12.col-sm-6 input{

    min-height:unset;

}

.career-contact-form-sec .col-12.col-sm-6 input, textarea::placeholder{

    font-size:14px;

}

.quform-input input, textarea::placeholder {

    font-size:14px;

}

.career-contact-form-sec label{

    font-weight: normal;

    padding-bottom: 5px;

    margin-bottom: 0;

    color: #6a747b;

    font-size: 13px;

}

.career-contact-form-sec label span{

    color:red;

}

.job-listing-btn{

    background:var(--main-color);

    color:#fff;

    transition:all .5s linear;

}

.text-truncate{

    color: var(--main-color);

    font-weight:500;

}

.job-listing-btn:hover{

    background: var(--secondary-color);

    color:#fff;

}

.career_tabs_section .nav-item a{

    padding:15px 12px 11px;

}

.career_tabs_section .nav-item a.active{

    background: var(--secondary-color);

    color:#fff;

    border-radius:5px;

}

.career_tabs_section .nav-item a.active h6{

    color:#fff;

}

.specialty-cards-sec{

    margin:5% 0;

}

article.card{

    border-radius: 6px 36px 6px 6px;

    overflow:hidden;

}

article.card img{

    transition:all .5s linear;

}

article.card:hover img{

    transform:scale(1.10);

}

.specialty-cards-sec article.card .card-img{

    height:232px;

}

article.card .card-img img{

    height:100%;

    object-fit:cover;

    object-position:center;

}

.specialty-cards-sec article.card img{

    border-radius: 6px 36px 0 0;

}

.specialty-cards-sec .card-body{

    padding:1.5rem 1.5rem 1rem;

}



.specialty-cards-sec .card-body h3 a{

    font-size:20px;

}

.pricing-table-section section {

  display: flex;

  justify-content: center;

  align-items: center;

  min-height: 100vh;

  background: var(--white-smoke);

}

.pricing-table-section h2{

    margin:0!important;

}

.pricing-table-section .content {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  margin-top:5%;

  gap: 2%;

}



.pricing-table-section .box {

  display: flex;

  flex-direction: column;

/*  height: 586px;*/

/*  width: 300px;*/

  border-radius: 20px;

/*  margin-left: 10px;*/

/*  margin-right: 10px;*/

  background: var(--white);

  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 20%);

}



.pricing-table-section .title {

  width: 100%;

  padding: 13px 0;

  font-size: 1.2em;

  font-weight: lighter;

  text-align: center;

  border-top-left-radius: 20px;

  border-top-right-radius: 20px;

  color: var(--white-smoke);

  font-family: 'Montserrat', sans-serif;

  font-size: 22px !important;

  font-weight: 600;

  border:1px solid #fff;

  text-transform:uppercase;

}

.pricing-table-section i{

    font-size:38px;

    color:var(--main-color);

}

.pricing-table-section .cost p{

/*    color:#fff;*/

}

.pricing-table-section{

    margin-bottom:8%;

}

.month-dates p{

/*    color: #fff;*/

}



.pricing-table-section .cost .amount{

    font-size:35px;

    margin-bottom: 0;

    color:var(--secondary-color);

    font-weight:600;

} 

.pricing-table-heading{

    margin-top:5%;

}

.pricing-table-section .month-date{

    font-size:14px;

}

.pricing-table-section .Collection{

    margin-bottom: 0;

}

.month-dates p{

    text-align:center;

    font-size:12px;

    margin-bottom:0;

}

.pricing-table-section .content .box{

    transition:all .5s linear;

}

.pricing-table-section .content .box:hover{

    transform:scale(1.05);

}

.pricing-table-section .cost .detail{

    font-size:17px;

    text-decoration: line-through;

    font-weight:400;

}   



.pricing-table-section .basic .title {

  background: var(--secondary-color);

}



.pricing-table-section .standard .title {

  background: var(--main-color);

}



.pricing-table-section .business .title {

  background: var(--greenish-blue);

}



.pricing-table-section .view {

  display: block;

  width: 100%;

  padding: 30px 0 20px;

  background: #f5f5f4;

}

.description ul li{

    text-align:center;

    position:relative;

    color:#000;

    font-weight:400;

}

.description ul li a{

    text-decoration:underline;

}

.description ul li::before{

    content: "\e64c";

    font-family: 'themify';

    color: #fff;

    font-size: 12px;

    background: var(--secondary-color);

    margin-right: 12px;

    border-radius: 30px;

    padding: 4px;

    position:relative;

    left: 0;

    top: 2px;

    line-height: 12px;

    opacity: 1;

    width: 20px;

    height: 20px;

    text-decoration: none;

}

.description ul li{

    display:flex;

    text-align:left; 

}

.description ul{

    padding-left:0;

}

.pricing-table-section .icon {

  display: flex;

  justify-content: center;

}



.pricing-table-section .icon img {

  width: 100px;

}



.pricing-table-section .cost {

  display: flex;

  justify-content: center;

  flex-direction: row;

  margin-top: 10px;

  align-items:center;

}



.pricing-table-section .amount {

  font-size: 2.8em;

  font-weight: bolder;

}



.pricing-table-section .detail {

  margin: auto 0 auto 5px;

  width: 70px;

  font-size: 12px!important;

  font-weight: bold;

  line-height: 15px;

}



.pricing-table-section .description {

/*  margin: 30px auto;*/

  font-size: 0.8em;

  color: #7d7c7c;

  padding:7% 13%    ;

}



.pricing-table-section ul {

  list-style: none;

}



.pricing-table-section li {

  margin-top:20px;

}



.pricing-table-section li::before {

  content: "";

  background-image: url("https://i.postimg.cc/ht7g996V/check.png");

  background-position: center;

  background-size: cover;

  opacity: 0.5;

  display: inline-block;

  width: 10px;

  height: 10px;

  margin-right: 10px;

}



.pricing-table-section button {

  margin: 0 auto 30px;

  display:block;

  transition: all .5s linear;

}



.pricing-table-section button {

  height: 40px;

  width: 250px;

  font-size: 0.7em;

  font-weight: bold;

  letter-spacing: 0.5px;

  color: #7d7c7c;

  border: 2px solid var(--dark-gray);

  border-radius: 50px;

  background: transparent;

}



.pricing-table-section button:hover {

  color: var(--white-smoke);

  transition: 0.5s;

  border: none;



  background: var(--bright-orange);

}





.blog-listing-sec .card-body {

    padding:2rem!important;

}

.contact-form-new-row .border-radius-10 {

    border-radius:10px 56px 10px 10px;

}

.contact-banner-main:before{

    background: unset;

}

.contact-form-new-row{

    display:flex;

    justify-content:space-between;

    margin-top:3%;

    flex-direction: column;

}

.contact-form-new-row .card-body{

    padding: 3rem 1rem 4rem!important;

}

.contact-form-new-row .card-body p{

    text-align:center;

    color:var(--secondary-color);

    font-weight:400;

}

.contact-form-new-row .card-body p a{

    text-align:center;

    color:var(--secondary-color);

    font-weight:400;

} 

.counter-mobile-slider .slick-dots li button:before{

    font-size:10px;

}

.quform-input select{

    display: block;

    width: 100%;

    padding: .375rem .75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #ced4da;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #cbd6e2;

    border-radius: .25rem;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    font-size:16px;

}

.quform-input input, textarea{

    border:1px solid #cbd6e2!important;

}

.quform-input select{

    min-height: 46px;

}

.quform-input select option{

    color: #191f4d;   

    font-size:13px;

}

.quform-input input:focus , select:focus{

    border:1px solid #cbd6e2  !important;

}

.quform-input select:hover{

    color: #cbd6e2!important;   

}

.contact-form-new-row .primary-shadow{

    padding: 4%;

}

.quform-element > label{

    font-size:12px!important;

}

.counter-mobile-slider .slick-dots li{

    margin: 0;

}

.counter-mobile-slider .slick-dots{

    position:unset!important;

}

.counter-mobile-slider{

    overflow: hidden;

/*    padding: 0 4%;*/

}

.counter-mobile-slider .slick-slide{

    padding:10px;

}

.counter-mobile-slider .slick-dots{

    bottom: -55px;

}

.counter-mobile-slider .slick-dots li.slick-active button:before{

    color: var(--secondary-color);

}

.pillard-of-imagnum-banner:before{

    background: unset;

}

.charge_entry_accordian h3{

    /*padding-bottom:4%!important;*/

    margin-bottom:0!important;

    color: #fff;

    font-size:20px;

}

.charge_entry_accordian .serviced-ul{

    padding-top:4%;

}

.charge_entry_accordian .serviced-ul-main{

   display:none; 

}

.accordian-heading{

    display: flex;

    justify-content: space-between;

    align-items: center;

    background: #ee1d23;

    text-align: left;

    padding: 1% 2%;

    border-radius: 10px;

    margin-top: 3%;

    cursor:pointer;

}

.accordian-heading i {

    transition:all .5s linear;

    cursor:pointer;

    font-size:18px;

}

.accordian-heading i.rotate{

    transform:rotate(180deg);

}

.accordian-heading i{

    color:#fff;

    font-size:22px;

}

.charge-slider-sec .position-relative.z-index-9{

    display:none;

}

.charge-rcm-row .col-lg-9 img{

    max-height:385px;

    object-fit: cover;

    object-position: center;

    transition:all .5s linear;

}

.charge-rcm-row .col-lg-9 img:hover {

    transform: scale(1.04);

}

.charge-float-left-img{

    float: left;

    width: 350px;

/*    width:315px;*/

/*    height:260px;*/

    margin-right: 30px;

    object-fit:cover;

    object-position:center;

}

.read-popular{

    padding:2% 0 5%;

}

.page-title-section2 h1{

    margin-top:8px!important;

    font-size:30px;

}

.page-title-section2:before{

    opacity:0.5;

}

.blog-listing-sec article.card .card-body .h5{

    font-size:17px!important;

/*    font-size:15px!important;*/

    min-height:40px;

}

.blog-listing-sec{

    margin:5% 0;

}

.blog-listing-sec article.card .card-body .text-secondary{

    margin-top:6px;

    font-size:14px;

}

.blog-listing-sec article.card .card-img{

    height:220px;

}

.home-blog-listing-page .card-body .h5{

    min-height:61px!important;

}

.blog-listing-sec .card-style2{

    border-radius:6px 36px 6px 6px;

}

.blog-listing-sec article.card .card-img img{

    border-radius:6px 36px 0 0;

    height:100%;

    object-fit:cover;

    object-position:center;

}

.charge-main-sec {

    margin: 5% 0 0;

}

.charge-main-sec img{

/*    border-radius: 8px 50px 8px 8px!important;*/

}

.charge-main-sec .col-lg-9 img{

    border-radius: 8px 50px 8px 8px!important;

} 

.vp-service-sec{

    margin-top:5%;

}

.charge-rcm-row{

    flex-direction:row-reverse;

}



.admin span{

    font-size:12px;

    display:flex;

    align-items:center;

    margin-right:4px;

}

.admin a{

    font-size:12px;

}

.read-more{

    font-size:12px;

}

.charge-right-img{

/*    height:400px;*/

/*    max-width: 350px;*/

/*    float: left;*/

/*    margin-right: 5%;*/

    border-radius:8px 50px 8px 8px!important;

    display: grid;

    grid-template-columns:40% 56%;

    justify-content: space-between;



}

.charge-right-img img{

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center;

    border-radius:8px 50px 8px 8px!important;

    transition:all .5s linear;

    cursor:pointer;

}

.blog-detail{

    margin:5% 0;

}

.blog-detail p{

    font-size:13px;

}



.charge-right-img img:hover{

    transform:scale(1.04);

}

.charge_main_img{

    height:90%;

}

.blog-detail .card-body ul li a{

    font-size:12px;

}



.blog-detail .card-body ul li {

    font-size:12px;

}

.bg-img.secondary-overlay.cover-background.rounded.wow.fadeInUp.vp-service-sec{

    border-radius: 0!important;

}

.serviced-ul{

    list-style:none;

    padding: 0;

    display: grid;

    grid-template-columns: 1fr 1fr;

    /*margin-top: 4%;*/

    padding-left:2%;

}

.serviced-ul li{

    text-align:left;

    position:relative;

    padding-left:6%;

    margin-bottom:2%;

}

.serviced-ul li:before{

    content: "\e64c";

    font-family: 'themify';

    color: #fff;

    font-size: 12px;

    background: var(--secondary-color);

    margin-right: 12px;

    border-radius: 30px;

    padding: 4px;

    position: absolute;

    left: 0;

    top: 4px;

    line-height: 12px;

}

.for-card-hover .col-md-6:nth-child(even) .hover_effect_1:before{

    background:var(--main-color);

/*    background: blue;*/

}

.charge-rcm-left{

    padding:8% 6%!important;

    border-radius:6px;

}

.slider-padding{

    padding:5% 2% 3%!important;

}

.revenue-right-sec{

  padding-top:10%;

}

.imagnum-right-img-height{

  height:450px;

}

.imagnum-right-img-height img{

  height:100%;

  object-fit:cover;

  object-position:center;

}

.portfolio-gallery .portfolio-text h3 a{

  text-align:center;

  font-size:20px;

  display:block;

}

.portfolio-gallery .portfolio-text h3 a:hover{

  color:#fff!important;

}

.portfolio-gallery .portfolio-text span{

  text-align:center;

  display:block;

}



.pillars-page-we-are .team-content h3{

  margin-top:13px;

}

.we-received-sec{

  width: 70%;

  margin:auto;

}

.pillars_of_team_sec{

  margin-top:5px!important;

}

 .counter_sec .sub-title{

     color:var(--main-color);

}

 .innovative-sec{

     padding:4% 0;

     margin-bottom:5%;

}

 .innovative-sec h2{

     font-size:28px;

}

 .innovative-sec h3{

     min-height: 48px;

}

 .innovative-sec .rounded-circle{

     border-radius:6px 65px 6px 6px!important;

}

 .innovative-sec .we-offer .offer-img{

     border-radius:6px 65px 6px 6px;

     transition:all .5s linear;

}

.innovative-sec .we-offer .offer-img:hover{

  transform:scale(1.1);

}

 .accordian_sec{

     padding:6% 0 5%;

}

 .accordian_sec .image_label h4{

     font-size:25px;

}

 .accordian_sec .image_label{

     padding:20% 12%!important;

    /* height:128px;

    */

}

 .team-content h3{

     min-height:45px;

     padding-top:1px!important;

     font-size:17px;

     line-height:1.2;

}

 .partner-of-team-sec.second-row{

     margin-top:4%!important;

}

 .mission-vision{

     margin:5% 0;

}

 .pillars-page-we-are{

     margin:5% 0 0;

}

 .pillars_page_content{

     text-align:left;

     margin-bottom:5%;

}

 header{

     background: #fff;

}

 .countup.dollar:before{

     content:'$';

     margin-right:5px;

}

 .counter_sec {

/*     padding-bottom:60px;*/

    padding:6% 0 7%;

}

 .our-mission-sec .owl-item{

    /* background: #000;

    */

     width: 50% !important;

}

 .our-mission-sec .owl-stage{

     width:100%!important;

}

 .mission-vision .main{

     display: grid;

     grid-template-columns: 1fr 1fr;

     gap: 7%;

     align-items:center;

}

 .mission-vision .main{

     margin-top:7%;

}

 .mission-vision .content h2{

     font-size:24px;

     color:var(--secondary-color);

     font-weight:700;

}

 .mission-vision .img{

     height:400px;

     overflow:hidden;

}

 .mission-vision .img img{

     height:100%;

     object-fit:cover;

     object-position:center;

     width:100%;

     transition:all .5s linear;

}

 .mission-vision .img:hover img{

     transform:scale(1.1);

}

 .mission-vision .content p{

     color: var(--main-color);

     font-weight: 400;

}



/*end faizan css*/

.butn.white.text-secondary-hover.shadow-dark.my-1.my-sm-0{

    line-height:1;

}

.pillars-about-sec{

  display: grid;

  grid-template-columns: 58% 35%;

  justify-content: space-between;

}

.pillars-right-image{

  height:450px;

  border-radius:8px 55px 8px 8px;

}

.pillars-right-image img{

  width:100%;

  height:100%;

  object-fit:cover;

  object-position:center;

  border-radius:8px 55px 8px 8px;

}

 .certificate_sec{

     margin:5% 0;

}

 .text-main{

    color: var(--main-color);

}

 .radius_logo{

     border-radius: 5% 24% 5% 5%!important;

     height: 100%;

     object-fit: cover;

     height:463px;

}

.radius_logo_img{

    border-radius: 5% 24% 5% 5% !important;

    height: 100%;

    object-fit: cover;

    width: 100%;

    object-position:center;

}

.tab_image{

    height:627px;

}

.tab_image img{

     border-radius: 5% 24% 5% 5%;

     height:100%;

     object-fit:cover;

     object-position:center;

     width:100%;

}

 .o-hidden{

     overflow: hidden;

}

 .w_70{

     width: 70%;

     margin: auto;

}

 .m_h-200{

     max-height: 200px;

}

 .m_h-300{

     min-height: 300px;

}

 .obj-cover{

    object-fit: cover;

}

 .hover_effect_1{

     position: relative!important;

}

 .hover_effect_1:before{

     width: 100%;

     height: 100%;

     content: '';

     position: absolute;

     bottom: -30%;

     left: -30%;

     background: var(--secondary-color);

     z-index: -1;

     border-radius: 50%;

     transform: scale(0);

     transform-origin: bottom left;

     transition: transform 0.6s linear;

}

 .hover_effect_1:hover:before{

     transform: scale(2);

}

 .hover_effect_1:hover{

     scale: 1.03;

}

 .card-front.hover_effect_1:hover i, .card-front.hover_effect_1:hover h3, .card-front.hover_effect_1:hover p, .card-front.hover_effect_1:hover a, .card-front.hover_effect_1:hover svg {

     color: #fff!important;

     fill: #fff;

}

 .svg_icon svg{

     width: 26%;

     height: auto;

     margin-bottom: 1.5rem;

     fill: var(--secondary-color);

}

 .transition{

     transition: all .5s linear;

}

 .scale-1-3:hover{

     scale: 1.03;

}

 .cus-smaller-col{

     width: 30%;

}

 .cus-larger-col{

     width: 68%;

}

 .m-h-500px{

     max-height: 500px;

}

 @media(min-width: 1199px){

     .card-style3{

        height: 300px!important;

    }

     .card-style3 .card-front{

        height:300px!important;

    }

}

 @media(max-width: 991px){

     .card-style3{

        height: auto!important;

    }

}

 @media(max-width: 768px){

     .cus-smaller-col{

        width: 100%

    }

     .cus-larger-col{

        width: 100%;

    }

}

/* loader */

 #preloader {

     position: fixed;

     top: 0;

     right: 0;

     left: 0;

     bottom: 0;

     background-color: #fff;

     z-index: 999999;

     transition: 0.3s ease opacity;

     text-align: center;

     width: 100%;

     height: 100%;

}

 #preloader:before {

     content: "";

     width: 80px;

     height: 80px;

     border: 3px solid var(--main-color);

     display: block;

     border-radius: 50%;

     position: absolute;

     top: 50%;

     left: 50%;

     opacity: 0;

     transform: translate(-50%, -50%);

     animation-name: LoaderCicle;

     animation-duration: 2s;

     animation-iteration-count: infinite;

     animation-timing-function: linear;

}

 #preloader:after {

     content: "";

     width: 80px;

     height: 80px;

     border: 3px solid var(--main-color);

     display: block;

     border-radius: 50%;

     position: absolute;

     top: 50%;

     left: 50%;

     opacity: 0;

     transform: translate(-50%, -50%);

     animation-name: LoaderCicle;

     animation-duration: 2s;

     animation-iteration-count: infinite;

     animation-timing-function: linear;

     animation-delay: 1s;

}

 @keyframes LoaderCicle {

     0% {

         width: 0;

         height: 0;

         opacity: 0;

    }

     10% {

         width: 10px;

         height: 10px;

         opacity: 1;

    }

     80% {

         width: 60px;

         height: 60px;

         opacity: 0.1;

    }

     100% {

         width: 70px;

         height: 70px;

         opacity: 0;

    }

}

/* theme color and basic options */

 a:hover, a:active {

     color: var(--main-color);

     text-decoration: none;

}

 .bg-primary {

     background-color: var(--main-color) !important;

}

 .primary-overlay[data-overlay-dark]:before {

     background: var(--main-color);

}

 .dark-overlay[data-overlay-dark]:before {

     background: #2a334e;

}

 .bg-secondary {

     background-color: var(--secondary-color) !important;

}

 .bg-dark {

     background-color: #2a334e !important;

}

 .secondary-overlay[data-overlay-dark]:before {

/*     background: var(--secondary-color);*/

}

 .left-overlay-dark[data-overlay-dark]:before {

     background: rgba(42, 51, 78, 0.76);

     background: linear-gradient(-90deg, transparent, #2a334e 65%);

}

 .border-color-primary {

     border-color: var(--main-color);

}

 .border-color-secondary {

     border-color: var(--secondary-color);

}

 .text-primary, .text-primary-hover:hover {

     color: var(--secondary-color) !important;

}

 .text-secondary, .text-secondary-hover:hover {

     color: var(--secondary-color) !important;

}

 .white-hover:hover {

     color: #ffffff;

}

 .shadow-light {

     box-shadow: 0px 0px 10px rgba(83, 88, 93, 0.1);

}

 .clearfix {

     clear: both;

}

 .text-white a {

     color: #fff;

}

 .shadow-block {

     box-shadow: 0px 10px 30px 0px rgba(17, 12, 79, 0.1);

     background-color: #fff;

}

 .badge-soft-primary {

     color: var(--main-color);

     background: rgba(55, 125, 255, 0.1);

     padding: 5px 20px;

     font-size: 14px;

     display: inline-block;

     font-weight: 600;

}

 .badge-soft-white {

     color: #fff;

     background: rgba(225, 225, 225, 0.1);

     padding: 5px 20px;

     font-size: 14px;

     display: inline-block;

     font-weight: 600;

}

 .h-1px {

     height: 1px;

}

 .h-100vh {

     height: 100vh;

}

 .text-highlight {

     padding: 0;

     background-image: linear-gradient(45deg, rgba(55, 125, 255, 0.98) 0, #377dff 100%);

     background-repeat: no-repeat;

     background-position: 0 80%;

     position: relative;

     animation-delay: 1s;

     background-size: 100% .3em;

}

 .primary-shadow {

     box-shadow: 6px 5px 15px 0px rgba(0, 0, 0, 0.08) !important;

}

 .secondary-shadow {

     box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1) !important;

}

 .dark-shadow {

     box-shadow: 6px 5px 30px 0px rgba(0, 0, 0, 0.25) !important;

}

 .vw-lg-60 {

     width: 60vw;

}

 .theme-circle {

     width: 65px;

     height: 65px;

     line-height: 65px;

     border-radius: 50%;

     text-align: center;

}

 .text-animation, .text-animations {

     line-height: 1.4;

}

 .text-stroke-secondary {

     text-shadow: -2px -2px 0 var(--secondary-color), 2px -2px 0 var(--secondary-color), -2px 2px 0 var(--secondary-color), 2px 2px 0 var(--secondary-color);

}

 .text-stroke-primary {

     text-shadow: -1px -1px 0 var(--main-color), 1px -1px 0 var(--main-color), -1px 1px 0 var(--main-color), 1px 1px 0 var(--main-color);

}

 .text-stroke-black {

     text-shadow: -1px -1px 0 #1e2022, 1px -1px 0 #1e2022, -1px 1px 0 #1e2022, 1px 1px 0 #1e2022;

}

 .text-stroke-dark {

     text-shadow: -1px -1px 0 #2a334e, 1px -1px 0 #2a334e, -1px 1px 0 #2a334e, 1px 1px 0 #2a334e;

}

 .text-stroke-white {

     text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;

}

 .mt-n70 {

     margin-top: -70px;

}

 .pt-40 {

     padding-top: 40px;

}

 .pb-40 {

     padding-bottom: 40px;

}

 @media screen and (min-width: 1200px) {

     .mt-xl-n70 {

         margin-top: -70px;

    }

    h2{

      font-size:2rem!important;

    }

    h2{

      margin:15px 0 20px!important;

    }

}

 @media screen and (min-width: 992px) {

    .blog-listing-sec article.card .card-body .h5{

        min-height:83px;

    }

     .mt-lg-n70 {

         margin-top: -70px;

    }

     .pt-lg-40 {

         padding-top: 40px;

    }

     .pb-lg-40 {

         padding-bottom: 40px;

    }

}

 .overlap-column {

     margin-bottom: 3rem;

}

 .overlap-column > [class*="col-"]:first-child {

     position: relative;

     left: 2rem;

}

 .overlap-column > [class*="col-"]:last-child {

     position: relative;

     left: -2rem;

     top: 3rem;

}

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

     .vw-lg-60 {

         width: 100%;

    }

     .overlap-column {

         margin-bottom: 0;

    }

     .overlap-column > [class*="col-"]:last-child {

         left: 0;

         top: 0;

    }

}

/* right container */

 .right-container {

     position: relative;

     z-index: 1;

     border-bottom-left-radius: .35rem;

     border-top-left-radius: .35rem;

}

 .right-container:before {

     position: absolute;

     left: 0;

     right: inherit;

     top: 0;

     height: 100%;

     width: 1600px;

     background-color: #2a334e;

     content: "";

     z-index: 1;

}

/* scroll to top */

 .scroll-to-top {

     font-size: 20px;

     text-align: center;

     color: #fff;

     text-decoration: none;

     position: fixed;

     bottom: 20px;

     right: 20px;

     display: none;

     border-radius: 50%;

     background: #000;

     border: 1px solid #2a2a2a;

     width: 35px;

     height: 35px;

     line-height: 30px;

     z-index: 9999;

     outline: 0;

     -webkit-transition: all .3s ease;

     -moz-transition: all .3s ease;

     -o-transition: all .3s ease;

     -ms-transition: all .3s ease;

}

 .scroll-to-top i {

     color: #fff;

     margin-top: -3px;

     display: inline-block;

     vertical-align: middle;

}

 .scroll-to-top:hover {

     color: #1e2022;

     background: #fff;

}

 .scroll-to-top:hover i {

     color: #1e2022;

}

 .scroll-to-top:visited {

     color: #1e2022;

     text-decoration: none;

}

/* list style1 */

 .list-style1 {

     list-style: none;

     padding: 0;

}

 .list-style1 li {

     position: relative;

     padding: 0 0 0 40px;

     margin: 0 0 14px 0;

}

 .list-style1 li span {

     position: absolute;

     top: 3px;

     right: 0;

}

 .list-style1 li:last-child {

     margin-bottom: 0;

}

 .list-style1 li:before {

     content: "\e64c";

     font-family: 'themify';

     color: #fff;

     font-size: 12px;

     background: var(--secondary-color);

     margin-right: 12px;

     border-radius: 30px;

     padding: 6px;

     position: absolute;

     left: 0;

     top: 8px;

     line-height: 12px;

}

 .list-style1 li i {

     color: var(--main-color);

     font-size: 12px;

     background: rgba(55, 125, 255, 0.1);

     margin-right: 12px;

     border-radius: 30px;

     padding: 6px;

     position: absolute;

     left: 0;

     top: 2px;

     line-height: 12px;

}

/* liststyle 2 */

 .list-style2 {

     list-style: none;

}

 .list-style2 li {

     display: inline-block;

     margin-right: 15px;

}

 .list-style2 li:last-child {

     margin-right: 0;

}

 .list-style2 li a {

     color: rgba(255, 255, 255, 0.8);

}

 .list-style2 li a:hover {

     color: white;

}

 .list-style2.dark li a {

     color: #575a7b;

}

 .list-style2.dark li a:hover {

     color: var(--main-color);

}

/* liststyle 3 */

 .list-style3 {

     list-style: none;

     padding: 0;

     margin-bottom: 0;

}

 .list-style3 li {

     position: relative;

     padding: 0 0 10px 35px;

     margin: 0 0 10px 0;

}

 .list-style3 li span {

     position: absolute;

     top: 3px;

     right: 0;

}

 .list-style3 li:last-child {

     margin-bottom: 0;

     padding-bottom: 0;

}

 .list-style3 li:before {

     content: "\f00c";

     font-family: Font Awesome\ 5 Free;

     color: var(--secondary-color);

     font-size: 16px;

     margin-right: 12px;

     border-radius: 30px;

     padding: 6px 0;

     position: absolute;

     left: 0;

     font-weight: 800;

     top: 2px;

     line-height: 12px;

}

 .list-style3 li i {

     color: var(--secondary-color);

     font-size: 12px;

     background: rgba(55, 125, 255, 0.1);

     margin-right: 12px;

     border-radius: 30px;

     padding: 6px;

     position: absolute;

     left: 0;

     top: 2px;

     line-height: 12px;

}

/* liststyle 4 */

 .list-style4 {

     list-style: none;

     padding: 0;

}

 .list-style4 li {

     margin-bottom: 8px;

}

 .list-style4 li:last-child {

     margin-bottom: 0;

}

 .list-style4 li:before {

     content: "\e64c";

     font-family: 'themify';

     margin-right: 10px;

     color: var(--main-color);

     font-size: 12px;

}

/* liststyle 5 */

 .list-style5 ul {

     margin: 0;

     padding: 0;

     list-style: none;

}

 .list-style5 li {

     border-bottom: 1px solid #ececec;

}

 .list-style5 li:last-child {

     border-bottom: none;

}

 .list-style5 li a {

     display: block;

     border-left: 4px solid transparent;

     font-weight: 500;

     padding: 14px 0px 14px 0px;

     font-size: 13px;

}

 .list-style5 li a:hover, .list-style5 li a:active, .list-style5 li a:focus {

     color: var(--secondary-color);

}

 .list-style5 li.active a {

     border-left-color: var(--secondary-color);

     color: var(--secondary-color);

}

/* social icon style1 */

 .social-icons-style1 {

     margin: 0;

     padding: 0;

}

 .social-icons-style1 li {

     display: inline-block;

     margin-right: 1px;

     margin-bottom: 0;

}

 .social-icons-style1 li:last-child {

     margin-right: 0;

}

 .social-icons-style1 li a {

     font-size: 14px;

     height: 35px;

     line-height: 36px;

     width: 35px;

     background: #f5f5f5;

     color: rgba(0, 0, 0, 0.65);

     border-radius: 3px;

     display: inline-block;

     text-align: center;

}

 .social-icons-style1 li a:hover {

     background: var(--main-color);

     color: #fff;

}

/* button style */

 .butn {

     background-color: var(--main-color);

     box-shadow: 5px 4px 13px 0 rgba(78, 134, 255, 0.45);

     border: none;

     color: #fff;

     text-align: center;

     border-radius: 3px;

     padding: 18px 30px;

     line-height: normal;

     text-transform: uppercase;

     font-weight: 600;

     font-size: 15px;

     position: relative;

     z-index: 9999;

     display: inline-block;

     letter-spacing: 1px;

     white-space: nowrap;

     transition: all 0.4s ease-in-out 0s;

     cursor: pointer;

}

 .butn span {

     z-index: 9;

     position: relative;

}

 .butn:hover, .butn:focus, .butn:active {

     background: var(--secondary-color);

     box-shadow: 5px 4px 13px 0 rgba(51, 214, 135, 0.45);

     color: #fff;

}

 .butn.secondary {

     background-color: var(--secondary-color);

     box-shadow: 5px 4px 13px 0 rgba(78, 134, 255, 0.45);

}

 .butn.secondary:hover, .butn.secondary:focus, .butn.secondary:active {

     background: var(--main-color);

     box-shadow: 5px 4px 13px 0 rgba(78, 134, 255, 0.45);

     color: #fff;

}

 .butn.white {

     background: #fff;

     color: #1e2022;

}

 .butn.white-opacity {

     background: rgba(225, 225, 225, 0.1);

     color: #fff;

}

 .butn.white-opacity:hover, .butn.white-opacity:active, .butn.white-opacity:focus {

     background: #fff;

     color: var(--main-color);

}

 .butn.light {

     background: rgba(55, 125, 255, 0.1);

     color: var(--main-color);

}

 .butn.light:hover, .butn.light:active, .butn.light:focus {

     background: var(--main-color);

     color: #fff;

}

 .butn.text-primary-hover:hover, .butn.white.text-primary-hover:hover, .butn.text-primary-hover:active, .butn.white.text-primary-hover:active, .butn.text-primary-hover:focus, .butn.white.text-primary-hover:focus {

     background: var(--main-color) !important;

     color: #fff !important;

}

 .butn.text-secondary-hover:hover, .butn.white.text-secondary-hover:hover, .butn.text-secondary-hover:active, .butn.white.text-secondary-hover:active, .butn.text-secondary-hover:focus, .butn.white.text-secondary-hover:focus {

     background: var(--secondary-color) !important;

     color: #fff !important;

}

 .butn.dark {

     background: #1e2022;

     color: #fff;

}

 .butn.dark:hover, .butn.dark:active, .butn.dark:focus {

     background: var(--main-color);

     color: #fff;

}

 .butn.gray {

     background: #f0f0f0;

     color: #666;

}

 .butn.gray:hover, .butn.gray:active, .butn.gray:focus {

     background: var(--main-color);

     color: #fff;

}

 .butn.white-hover:hover, .butn.white-hover:active, .butn.white-hover:focus {

     background: #fff;

     color: #232323;

}

 .butn.border {

     background: transparent;

     border: 1px solid var(--main-color);

     color: #282b2d;

     box-shadow: none;

}

 .butn.border:hover, .butn.border:active, .butn.border:focus {

     background: var(--main-color);

     border: transparent;

     color: #fff;

}

 .butn.border.reverse:hover, .butn.border.reverse:active, .butn.border.reverse:focus {

     background: transparent;

     border: 1px solid var(--main-color);

     color: #282b2d;

     box-shadow: none;

}

 .butn.small {

     padding: 12px 20px !important;

     font-size: 14px;

     letter-spacing: 0.5px;

}

 .butn.medium {

     padding: 12px 24px !important;

}

 .butn.shadow-dark {

     box-shadow: 5px 4px 13px 0px rgba(0, 0, 0, 0.15) !important;

}

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

     .butn {

         padding: 15px 28px;

    }

     .butn.medium {

         padding: 10px 22px;

    }

     .butn.small {

         padding: 8px 18px;

    }

    .serviced-ul li{

        padding-left:12%;

    }



}

 .butn-style1 {

     position: relative;

     display: inline-block;

     vertical-align: middle;

     -webkit-appearance: none;

     border: none;

     outline: none !important;

     background-color: var(--main-color);

     color: #fff;

     font-size: 14px !important;

     text-align: center;

     font-weight: 700;

     text-transform: uppercase;

/*     padding: 12px 17px !important;*/

     padding: 12px 28px !important;

     border-radius: 4px;

     transition: all 0.3s linear;

     overflow: hidden;

     letter-spacing: 0.1em;

     z-index: 1;

}

 .butn-style1:after {

     position: absolute;

     content: "";

     top: 0;

     left: 0;

     right: 0;

     height: 100%;

     background-color: var(--secondary-color);

     transition-delay: .1s;

     transition-timing-function: ease-in-out;

     transition-duration: .5s;

     transition-property: all;

     opacity: 1;

     transform-origin: bottom;

     transform-style: preserve-3d;

     transform: scaleY(0);

     z-index: -1;

}

 .butn-style1:hover, .butn-style1:active, .butn-style1:focus, .butn-style1.white:hover {

     color: #fff;

}

 .butn-style1:hover:after, .butn-style1:active:after, .butn-style1:focus:after {

     opacity: 1;

     transform: scaleY(1);

}

 .butn-style1.white {

     background-color: #fff;

     color: var(--secondary-color);

}

 .butn-style1.white:after {

     background-color: var(--secondary-color);

}

 .butn-style1.secondary {

     background-color: var(--secondary-color);

}

 .butn-style1.secondary:after {

     background-color: var(--main-color);

}

 .rounded-top-md-right {

     border-top-right-radius: 8px;

}

 .rounded-top-left {

     border-top-left-radius: 8px;

}

 .rounded-top-lg {

    /* border-top-right-radius: 8px;

    */

    /* border-top-left-radius: 8px;

    */

/*     border-radius:8px 65px 8px 8px;*/

     border-radius:8px 65px 0 0;  

     width:100%;

}

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

    article.card img {

        max-width:100%!important;

        float: unset!important;

        margin-bottom:5%;

    }

    .pricing-table-section .content {

        grid-template-columns:1fr!important;

        gap:1.2%;

    }

    .pricing-table-section{

        margin-bottom:32%;

    }



    .charge_entry_accordian .row.mb-2-4{

        margin-bottom:0;

    }

     .w_70{

        width: 100%;

    }

     .rounded-top-md-right {

         border-top-right-radius: 0px;

    }

     .rounded-top-sm-right {

         border-top-right-radius: 8px;

    }

    .serviced-ul li a{

        font-size:14px;

    }

}

/*============================== * Section titles * ================================ */

/* title style1 */

 .title-style1 {

     text-align: center;

     position: relative;

     margin-bottom: 70px;

}

 .title-style1 h1, .title-style1 h2, .title-style1 h3, .title-style1 h4, .title-style1 h5, .title-style1 h6 {

     padding-bottom: 0;

}

 .title-style1 h1:after, .title-style1 h2:after, .title-style1 h3:after, .title-style1 h4:after, .title-style1 h5:after, .title-style1 h6:after {

     content: none;

}

 .title-style1 span {

     position: relative;

     font-size: 15px;

     padding-bottom: 10px;

     letter-spacing: 2px;

     font-weight: 600;

     color: var(--main-color);

     line-height: 200%;

     margin-bottom: 10px;

}

 .title-style1 span:before {

     content: '';

     display: block;

     width: 75px;

     height: 1px;

     background: var(--main-color);

     margin: 0 auto;

     position: absolute;

     left: 0;

     right: 0;

     bottom: 0;

}

 .title-style1 span:after {

     position: absolute;

     content: '';

     background: var(--main-color);

     width: 75px;

     height: 1px;

     bottom: -2px;

     left: 0;

     right: 0;

     margin: 0 auto;

}

 .title-style1.white span {

     color: #fff;

}

 .title-style1.left span:before, .title-style1.left span:after {

     margin: 0;

}

 .title-style1.white span:before, .title-style1.white span:after {

     background: #fff;

}

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

     .title-style1 {

         margin-bottom: 50px;

    }

}

/* title-style2 */

 .title-style2 .sub-title {

     font-size: 12px;

     font-weight: 700;

     text-transform: uppercase;

     display: inline-block;

     background-color: #FFFFFF;

     margin-bottom: 15px;

     padding: 3px 10px;

     border-radius: 50rem;

     z-index:1;

    /* box-shadow: 5px 4px 13px 0px rgba(46, 63, 99, 0.15);

    */

     position: relative;

     color: var(--main-color);

     letter-spacing: 3px;

     font-weight: 800;

     font-size:14px;

}

 .title-style2 .sub-title:before {

     content: '';

     width: 4px;

     height: 68px;

     position: absolute;

     left: -2px;

     border-radius: 7px;

     margin: -2px 8px 0 0;

     background-color: var(--secondary-color);

     display: inline-block;

     vertical-align: middle;

}

 .title-style2 .sub-title.white {

     color: #ffffff;

     background-color: rgba(255, 255, 255, 0.1);

}

/* light title */

 .light-title {

     font-size: 172px;

     text-transform: lowercase;

     font-weight: bold;

     letter-spacing: -13px;

     position: absolute;

     letter-spacing: 1px;

}

 .light-lg-title {

     font-size: 260px;

     text-transform: lowercase;

     font-weight: bold;

     letter-spacing: -13px;

     position: absolute;

}

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

     .light-title {

         font-size: 148px;

    }

}

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

    .pricing-table-section .content {

        grid-template-columns:1fr 1fr;

    }

     .light-title {

         font-size: 136px;

    }

    .contact-location-row-sec{

        column-gap: 0!important;

    }

}

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

     .light-title {

         font-size: 126px;

    }

    .contact-location-row-sec{

        grid-template-columns:1fr 1fr!important;

    }

}

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

     .light-title {

         font-size: 110px;

    }

    .contact-location-row-sec{

        grid-template-columns:1fr!important;

    }

}

/*============================== * Navigation * ================================ */

/* top bar */

 .top-bar-info {

     display: inline-block;

     vertical-align: middle;

}

 .top-bar-info ul {

     margin-bottom: 0;

}

 .top-bar-info li {

     font-weight: 500;

     color: #fff;

     list-style-type: none;

     font-size: 14px;

     padding: 0 5px 0;

     display: inline-block;

     margin-bottom: 0;

}

 .top-bar {

     display: block;

     position: relative;

     z-index: 999;

     padding: 7px 0;

}

 .top-bar-info li i {

     font-size: 16px;

     color: #fff;

     margin-right: 8px;

     margin-top: 0;

     display: inline-block;

     vertical-align: text-bottom;

}

 .top-social-icon {

     padding: 0;

     float: right;

     margin: 0;

}

 .top-social-icon li {

     font-size: 14px;

     list-style-type: none;

     float: left;

     text-align: center;

     margin: 0;

     padding: 0 7px;

}

 .top-social-icon li:last-child {

     padding-right: 0;

}

 .top-social-icon li:last-child a {

     padding-right: 0;

}

 .top-social-icon li a {

     color: #fff;

     line-height: 28px;

     -webkit-transition-duration: .3s;

     transition-duration: .3s;

     padding: 0 3px;

}

 .top-social-icon li a:hover {

     color: rgba(255, 255, 255, 0.65);

}

/* menu area light */

 .navbar-nav li.current > a, .navbar-nav li.active > a {

     color: var(--main-color);

}

 .navbar > ul > li.current > a:after {

     border-color: transparent var(--main-color) var(--main-color) transparent;

}

 .menu_area-light .navbar-nav li.current > a, .menu_area-light .navbar-nav li.active > a {

     color: var(--main-color);

}

 .menu_area-light .navbar > ul > li.current > a:after {

     border-color: transparent var(--main-color) var(--main-color) transparent;

}

 .menu_area-light.scrollHeader .navbar-nav li.current > a {

     color: var(--main-color);

}

 .menu_area-light.scrollHeader .navbar-nav li.current > a:hover {

     color: var(--main-color);

}

 .menu_area-light.scrollHeader .navbar-nav li.active > a {

     color: var(--main-color);

}

 .menu_area-light.scrollHeader .navbar > ul > li.current > a:after {

     border-color: transparent var(--main-color) var(--main-color) transparent;

}

/* header style 2 */

 .header-style2 .navbar-nav li.current > a {

     color: var(--main-color);

}

 .header-style2 .navbar > ul > li.current > a:after {

     border-color: transparent var(--main-color) var(--main-color) transparent;

}

 .header-style2.scrollHeader .navbar-nav li.current > a {

     color: var(--main-color);

}

 .header-style2.scrollHeader .navbar-nav li.current > a:hover {

     color: var(--main-color);

}

 .header-style2.scrollHeader .navbar > ul > li.current > a:after {

     border-color: transparent var(--main-color) var(--main-color) transparent;

}

@media (min-width:575.99px){

    .counter-mobile-slider {

        padding:0 0 3%;

    }

    .pillars-page-we-are {

        margin: 9% 0 0;

    }

}

 @media screen and (min-width: 992px) {

     .header-style1 .navbar-nav li.current > a, .menu_area-light .navbar-nav li.current > a {

         color: var(--main-color);

    }

     .header-style1 .navbar > ul > li.current > a:after, .menu_area-light .navbar > ul > li.current > a:after {

         border-color: transparent var(--main-color) var(--main-color) transparent;

    }

     .header-style1.scrollHeader .navbar-nav li.current > a, .menu_area-light.scrollHeader .navbar-nav li.current > a, .header-style1.scrollHeader .navbar-nav li.current > a:hover, .menu_area-light.scrollHeader .navbar-nav li.current > a:hover {

         color: var(--main-color);

    }

     .header-style1.scrollHeader .navbar > ul > li.current > a:after, .menu_area-light.scrollHeader .navbar > ul > li.current > a:after {

         border-color: transparent var(--main-color) var(--main-color) transparent;

    }

}

/*============================== * Page Title * ================================ */

/* page-title2 */

 .page-title-section2 {

     padding: 210px 0 150px;

/*     padding: 190px 0 150px;*/

     height:500px;

}

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

     .page-title-section2 {

         padding: 170px 0 110px;

    }

    .charge-right-img{

        flex-direction:column;

        display:flex;

        margin-bottom:5%;

    }

    .charge-right-img img{

        margin-bottom:5%;

    }

}



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

     .page-title-section2 {

         padding: 150px 0 90px;

    }

}

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

     .page-title-section2 {

         padding: 130px 0 70px;

    }

}

/* title-style3 */

 .title-style3 span {

     position: relative;

     font-weight: 600;

     text-transform: uppercase;

/*     font-size: 14px;*/

    font-size:12px;

     color: var(--secondary-color);

     letter-spacing: 3px;

     display: inline-block;

     z-index: 1;

     padding: 0 18px 0 18px;

/*     margin-bottom: 8px;*/

}

 .title-style3 span:before {

     transform: scaleX(0);

     transform-origin: bottom right;

}

 .title-style3 span:hover:before {

     transform: scaleX(1);

     transform-origin: bottom left;

}

 .title-style3 span:before {

     content: " ";

     display: block;

     position: absolute;

     top: 0;

     right: 0;

     bottom: 0;

     left: 0;

/*     inset: 0 0 0 0;*/

    inset: -4px 0 -3px 0;

     background: var(--secondary-color);

     z-index: -1;

     transition: transform .3s ease;

}

 .title-style3 span:hover {

     color: #fff;

}

 .title-style3 span:after {

     width: 6px;

     content: " ";

     display: block;

     position: absolute;

     top: 8px;

     right: 0;

     bottom: 0;

     left: 0;

      inset: 0 0 0 0;

     background: var(--secondary-color);

     z-index: -1;

     transition: transform .3s ease;

}

 .title-style3.white span {

     color: #fff;

}

 .title-style3.white span:before {

     background: #fff;

}

/*============================== * Main Banner * ================================ */

/*slider fade1*/

 .slider-fade1 .title {

     margin-bottom: 25px;

     animation-delay: 0.8s;

}

 .slider-fade1 p {

     animation-delay: 1.2s;

}

 .slider-fade1 a {

     animation-delay: 1.6s;

}

 .slider-fade1 .h5 {

     font-weight: 500;

     animation-delay: 0.5s;

     display: block;

     position: relative;

}

 .slider-fade1 .light-title {

     top: -25%;

}

 .slider-fade1.owl-theme .owl-nav {

     margin-top: 0;

}

 .slider-fade1.owl-carousel.owl-theme .owl-dots {

     position: absolute;

     bottom: 80px;

     width: 100%;

     margin: 0;

     left: 0;

}

 .slider-fade1.owl-theme .owl-nav [class*='owl-'] {

     position: absolute;

     right: inherit;

     top: 35%;

     bottom: 0;

     width: 60px;

     height: 60px;

     border: none;

     background: var(--main-color);

     border-radius: 60px;

     line-height: 65px;

     transition-duration: 500ms;

     left: 15px;

     text-align: center;

    /*margin: auto;

    */

     opacity: 0.2;

}

 .slider-fade1.owl-theme .owl-nav .owl-next {

     top: 35%;

     bottom: 0;

     left: inherit;

     right: 15px;

}

 .slider-fade1.owl-theme .owl-nav .owl-next:hover {

     opacity: 1;

     background: var(--main-color);

}

 .slider-fade1.owl-theme .owl-nav .owl-prev:hover {

     opacity: 1;

     background: var(--main-color);

}

 .slider-fade1 .owl-nav i, .slider-fade1 .owl-nav span {

     font-weight: 600;

     color: #fff;

     transition-duration: 500ms;

     font-size: 20px;

}

 .slider-fade1 .owl-nav .owl-next:hover i, .slider-fade1 .owl-nav .owl-prev:hover i {

     color: #fff;

}

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

     .slider-fade1 .light-title {

         top: -20%;

    }

}

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

     .slider-fade1 .light-title {

         top: -18%;

    }

}

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

     .slider-fade1 .light-title {

         top: -16%;

    }

}

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

     .slider-fade1 .light-title {

         top: -12%;

    }

}

/* slider-fade2 */

 .slider-fade2 .title {

     margin-bottom: 25px;

     animation-delay: 0.8s;

}

 .slider-fade2 p {

     animation-delay: 1.2s;

}

 .slider-fade2 a {

     animation-delay: 1.6s;

}

 .slider-fade2.owl-theme .owl-nav {

     margin-top: 0;

}

 .slider-fade2.owl-carousel.owl-theme .owl-dots {

     position: absolute;

     bottom: 80px;

     width: 100%;

     margin: 0;

     left: 0;

}

 .slider-fade2.owl-theme .owl-nav [class*='owl-'] {

     position: absolute;

     right: inherit;

     top: 0;

     bottom: 0;

     width: 60px;

     height: 60px;

     border: none;

     background: var(--main-color);

     border-radius: 60px;

     line-height: 65px;

     transition-duration: 500ms;

     left: 15px;

     text-align: center;

     margin: auto;

     opacity: 0.2;

}

 .slider-fade2.owl-theme .owl-nav .owl-next {

     top: 0;

     bottom: 0;

     left: inherit;

     right: 15px;

}

 .slider-fade2.owl-theme .owl-nav .owl-next:hover {

     opacity: 1;

     background: var(--main-color);

}

 .slider-fade2.owl-theme .owl-nav .owl-prev:hover {

     opacity: 1;

     background: var(--main-color);

}

 .slider-fade2 .owl-nav i, .slider-fade2 .owl-nav span {

     font-weight: 600;

     color: #fff;

     transition-duration: 500ms;

     font-size: 20px;

}

 .slider-fade2 .owl-nav .owl-next:hover i, .slider-fade2 .owl-nav .owl-prev:hover i {

     color: #fff;

}

/*slider fade3*/

 .slider-fade3 h1 {

     margin-bottom: 25px;

     animation-delay: 0.8s;

}

 .slider-fade3 p {

     animation-delay: 1.2s;

}

 .slider-fade3 a {

     animation-delay: 1.6s;

}

 .slider-fade3 .owl-theme .owl-nav {

     margin-top: 0;

}

 .slider-fade3 .owl-theme .owl-dots .owl-dot span {

     background: rgba(255, 255, 255, 0.85);

}

 .slider-fade3 .owl-nav .owl-next {

     position: absolute;

     right: 15px;

     top: 45%;

     height: 55px;

     width: 55px;

     background: #fff !important;

     opacity: 1;

     border-radius: 0.25rem;

     line-height: 32px;

     font-size: 18px !important;

     transition: all .3s ease;

}

 .slider-fade3 .owl-nav .owl-next:hover {

     background: #34da89 !important;

}

 .slider-fade3 .owl-nav .owl-next:hover span {

     color: #fff;

}

 .slider-fade3 .owl-nav .owl-next span {

     color: #34da89;

     font-size: 24px;

     line-height: 55px;

     transition: all .3s ease;

}

 .slider-fade3 .owl-nav .owl-prev {

     position: absolute;

     left: 15px;

     top: 45%;

     height: 55px;

     width: 55px;

     background: #fff !important;

     opacity: 1;

     border-radius: 0.25rem;

     transition: all .3s ease;

}

 .slider-fade3 .owl-nav .owl-prev:hover {

     background: #34da89 !important;

}

 .slider-fade3 .owl-nav .owl-prev span {

     color: #34da89;

     font-size: 24px;

     line-height: 55px;

     transition: all .3s ease;

}

 .slider-fade3 .owl-nav .owl-prev:hover span {

     color: #fff;

}

 .slider-fade3.owl-carousel.owl-theme .owl-dots {

     position: absolute;

     bottom: 80px;

     width: 100%;

     margin: 0;

     left: 0;

}

/*============================== * Cards * ================================ */

/* card-style1 */

 .card-style1 {

     position: relative;

     z-index: 1;

     transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

     border: none;

     word-break: break-word;

}

 .card-style1:before {

     content: '';

     z-index: -1;

     position: absolute;

     left: 0;

     right: 0;

     bottom: 0;

     height: 0px;

     border-radius: 3px;

     transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

     background-color: var(--secondary-color);

}

 .card-style1.feel:before, .card-style1:hover:before {

     height: 100%;

}

 .card-style1 i {

     color: var(--main-color);

}

 .card-style1:hover p, .card-style1:hover h4, .card-style1:hover h3, .card-style1:hover i, .card-style1:hover a {

     color: #fff;

     transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

}

 .contact-lg-icon {

     opacity: 0;

}

 .card-style1:hover .contact-lg-icon {

     opacity: 0.4;

}

/* other card */

 .card-back .card-butn {

     transform: translateZ(45px) scale(0.94);

}

/* card-style2 */

 .card-style2 {

/*     box-shadow: 6px 5px 30px 0px rgba(0, 0, 0, 0.08);*/

    box-shadow: 6px 5px 30px 0px rgba(0, 0, 0, 0.08);

     border: none;

}

 .card-style2 .category {

     position: absolute;

     top: 20px;

     right: 50px;

     padding: 4px 10px 3px 10px;

     color: #fff;

     font-weight: 600;

     text-transform: uppercase;

     font-size: 13px;

     background-color: var(--main-color);

}

 .card-style2 .card-footer {

     border-color: rgba(0, 0, 0, 0.085);

     display:none;

}

 .card-style2 .card-footer i {

     vertical-align: text-top;

}

 .card-style2 .category:hover {

     background-color: var(--secondary-color);

}

/* card-style3 */

 .card-style3 {

     position: relative;

     height: 280px;

     border-radius: 10px;

}

 .card-style3:hover .card-body {

     transform: rotateY(180deg);

}

 .card-style3 .card-body {

     position: relative;

     z-index: 1;

     transition: 0.7s;

     width: 100%;

     height: 100%;

     transform-style: preserve-3d;

     perspective: inherit;

}

 .card-style3 .card-front, .card-style3 .card-back {

     padding: 38px 28px 38px 28px;

     border-radius: 5px 5px 5px 5px;

     box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.12);

}

 .card-style3 .card-front {

     text-align: left;

    /* justify-content: space-between;

    */

     background-color: #ffffff;

     z-index: 2;

     display: flex;

     flex-direction: column;

     position: absolute;

     top: 0;

     left: 0;

     width: 100%;

     height: 100%;

     -webkit-backface-visibility: hidden;

     backface-visibility: hidden;

     transform: rotate(0);

     transition: 0.7s;

     perspective: inherit;

     transform-style: preserve-3d;

}

 .card-style3 .card-back {

     display: flex;

     flex-direction: column;

     position: absolute;

     top: 0;

     left: 0;

     width: 100%;

     height: 100%;

     -webkit-backface-visibility: hidden;

     backface-visibility: hidden;

     transform: rotate(0);

     transition: 0.7s;

     perspective: inherit;

     transform-style: preserve-3d;

     text-align: center;

     justify-content: center;

     background-position: center center;

     background-repeat: no-repeat;

     background-size: cover;

     transform: rotateY(-180deg);

}

 .card-back .card-butn {

     transform: translateZ(45px) scale(0.94);

}

/* card-style4 */

 .card-style4 {

     background: none;

     transition: all .5s ease-out 0s;

     box-shadow: 6px 5px 30px 0px rgba(0, 0, 0, 0.25);

     height: 100%;

     border-radius: 10px;

}

 .card-style4 h1 a, .card-style4 h2 a, .card-style4 h3 a, .card-style4 h4 a, .card-style4 h5 a, .card-style4 h6 a, .card-style4 h1, .card-style4 h2, .card-style4 h3, .card-style4 h4, .card-style4 h5, .card-style4 h6 {

     color: #fff;

     font-weight: 600;

}

 .card-style4 p {

     color: #fff;

}

 .card-style4 i {

     color: var(--secondary-color);

     opacity: 0.80;

}

 .card-style4:hover i {

     opacity: 1;

}

 .card-style4 .read-more {

     color: var(--secondary-color);

     font-size: 13px;

     font-weight: 500;

     letter-spacing: 1px;

     opacity: 0.80;

}

 .card-style4 .read-more:hover {

     color: var(--main-color);

     opacity: 1;

}

 .card-style4:hover {

     background: #fff;

}

 .card-style4:hover h1 a, .card-style4:hover h2 a, .card-style4:hover h3 a, .card-style4:hover h4 a, .card-style4:hover h5 a, .card-style4:hover h6 a, .card-style4:hover h1, .card-style4:hover h2 {

     color: #1e2022;

     font-weight: 600;

}

 .card-style4 h3 {

     color: #1e2022;

     font-weight: 600;

}

 .card-style4:hover h4, .card-style4:hover h5, .card-style4:hover h6 {

     color: #1e2022;

     font-weight: 600;

}

 .card-style4 h1 a:hover, .card-style4 h2 a:hover, .card-style4 h3 a:hover, .card-style4 h4 a:hover, .card-style4 h5 a:hover, .card-style4 h6 a:hover {

     color: var(--secondary-color);

}

 .card-style4:hover p {

     color: #575a7b;

}

/* card-style5 */

 .card-style5 {

     border: none;

}

 .card-style5 .post-date {

     position: absolute;

     right: 25px;

     top: -30px;

     font-size: 20px;

     background: var(--secondary-color);

     color: #fff;

     border-radius: 3px;

     line-height: normal;

     text-align: center;

     text-transform: uppercase;

     font-weight: bold;

     padding: 8px 16px;

}

 .card-style5 .post-date .month {

     font-size: 12px;

     text-transform: uppercase;

}

 .card-style5 .read-more {

     font-weight: bold;

     letter-spacing: 1px;

     font-size: 14px;

     color: var(--main-color);

}

 .card-style5 .read-more:hover {

     color: var(--secondary-color);

}

/* card-style6 */

 .card-style6 {

     position: relative;

     transition: all 0.5s;

     border-radius: 0;

     border: none;

     height: 100%;

}

 .card-style6 .card-img {

     opacity: 0;

     position: absolute;

     left: 0;

     top: 0;

     background-size: cover;

     width: 100%;

     height: 100%;

     transition: all 0.5s;

}

 .card-style6:hover .card-img {

     opacity: 1;

}

 .card-style6 .card-body {

     transition: all 0.5s;

     padding: 28px 40px 40px 40px;

     position: relative;

     z-index: 9;

}

 .card-style6 a {

     font-weight: 500;

}

 .card-style6:hover h3, .card-style6:hover p {

     color: #fff;

}

 .card-style6:hover a {

     color: var(--secondary-color);

}

/* card-style7 */

 .card-style7 .category {

     position: absolute;

     top: 20px;

     left: -15px;

     padding: 4px 10px 3px 10px;

     color: #fff;

     font-weight: 600;

     z-index: 9;

     text-transform: uppercase;

     font-size: 13px;

     background-color: var(--main-color);

}

 .card-style7 .card-footer {

     border-color: rgba(0, 0, 0, 0.085);

}

 .card-style7 .card-footer i {

     vertical-align: text-top;

}

 .card-style7 .card-img:before {

     content: '';

     display: block;

     position: absolute;

     z-index: 2;

     top: 0;

     left: 0;

     width: 100%;

     height: 100%;

     border-radius: 10px;

     background-color: rgba(40, 40, 40, 0.5);

     opacity: 0;

     transition: opacity 0.3s;

}

 .card-style7:hover .card-img:before {

     opacity: 1;

     transition: 0.4s;

}

 .card-style7 .category:hover {

     background-color: var(--secondary-color);

}

/* card-style8 */

 .card-style8 {

     box-shadow: 6px 5px 30px 0px rgba(0, 0, 0, 0.08);

     border: none;

     position: relative;

}

 .card-style8 .category {

     position: absolute;

     bottom: 20px;

     left: 35px;

     padding: 4px 10px 3px 10px;

     color: #fff;

     font-weight: 600;

     text-transform: uppercase;

     font-size: 13px;

     background-color: var(--secondary-color);

}

 .card-style8 .category:hover {

     background-color: var(--main-color);

}

 .card-style8 .butn-read-more {

     display: inline-block;

     z-index: 1;

     vertical-align: middle;

     transition: all .3s ease-in-out;

     box-sizing: border-box;

     width: 55px;

     height: 55px;

     position: absolute;

     bottom: -27.5px;

     background: var(--secondary-color);

     color: #fff;

     line-height: 55px;

     text-align: center;

     border-radius: 50%;

     opacity: 0;

     visibility: hidden;

     margin-left: 4px;

     margin-bottom: 0;

}

 .card-style8:hover .butn-read-more {

     -webkit-animation: bounceReadMore .6s ease-in-out both;

     -moz-animation: bounceReadMore .6s ease-in-out both;

     -o-animation: bounceReadMore .6s ease-in-out both;

     animation: bounceReadMore .6s ease-in-out both;

     opacity: 1;

     visibility: visible;

     margin-bottom: 0;

}

 @-webkit-keyframes bounceReadMore {

     0% {

         margin-bottom: 30px;

    }

     50% {

         margin-bottom: -10px;

    }

     100% {

         margin-bottom: 0;

    }

}

/* card-style9 */

 .card-style9 {

     background: #fff;

     transition: all .5s ease-out 0s;

     box-shadow: 6px 5px 30px 0px rgba(0, 0, 0, 0.25);

     height: 100%;

     border-radius: 10px;

}

 .card-style9 h1 a, .card-style9 h2 a, .card-style9 h3 a, .card-style9 h4 a, .card-style9 h5 a, .card-style9 h6 a, .card-style9 h1, .card-style9 h2, .card-style9 h3, .card-style9 h4, .card-style9 h5, .card-style9 h6 {

     color: #1e2022;

     font-weight: 600;

}

 .card-style9 p {

     color: #575a7b;

}

 .card-style9 i {

     color: var(--secondary-color);

     opacity: 0.80;

}

 .card-style9:hover i {

     opacity: 1;

}

 .card-style9 .read-more {

     color: var(--secondary-color);

     font-size: 13px;

     font-weight: 500;

     letter-spacing: 1px;

     opacity: 0.80;

}

 .card-style9 .read-more:hover {

     color: var(--main-color);

     opacity: 1;

}

 .card-style9:hover {

     background: none;

     box-shadow: 6px 5px 30px 0px rgba(0, 0, 0, 0.25);

}

 .card-style9:hover h1 a, .card-style9:hover h2 a, .card-style9:hover h3 a, .card-style9:hover h4 a, .card-style9:hover h5 a, .card-style9:hover h6 a, .card-style9:hover h1, .card-style9:hover h2 {

     color: #fff;

     font-weight: 600;

}

 .card-style9 h3 {

     color: #fff;

     font-weight: 600;

}

 .card-style9:hover h4, .card-style9:hover h5, .card-style9:hover h6 {

     color: #fff;

     font-weight: 600;

}

 .card-style9 h1 a:hover, .card-style9 h2 a:hover, .card-style9 h3 a:hover, .card-style9 h4 a:hover, .card-style9 h5 a:hover, .card-style9 h6 a:hover {

     color: var(--secondary-color);

}

 .card-style9:hover p {

     color: #fff;

}

/* card-style10 */

 .card-style10 .card-heading {

     background: var(--main-color);

     padding: 18px 30px;

/*     border-radius: 10px;*/

     border-radius: 10px 30px 10px 10px;

     margin-right: 30px;

     margin-left: -20px;

     margin-top: -28px;

     overflow: hidden;

     z-index: 9;

     transition: all .3s ease;

}

 .card-style10:hover .card-heading {

     background: var(--secondary-color);

}

 .card-style10 img {

     border-top-right-radius: 10px;

     border-top-left-radius: 10px;

}

 .card-style10.faq-info .card-heading {

     position: absolute;

     margin: 0;

     width: 92%;

     left: -15px;

     bottom: 30px;

}

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

     .card-style10 .card-heading {

         padding: 14px 20px;

         margin-right: 15px;

         margin-left: -10px;

         margin-top: -28px;

    }

    .blog-detail .serviced-ul li:before {

        left:1px;

    }

     .serviced-ul.padding-right li{

            padding-right:0;

        }



    .blog-detail h4{

        margin-bottom:7%!important;

    }

    .for-mobile-width{

        width:100%;

    }

    .mobile-padding{

        padding: 0;

        column-gap:4%;

        margin-top:0;

    }

    .job-location{

        flex-direction: column;

        display: flex;

        row-gap: 12px;

    }

    .for-senior-padding{

        padding-left: 0!important;

        padding-right: 0!important;

        margin-top:18px;

    }

    .for-senior-padding .d-flex.mb-3{

        text-align:center;

        margin:auto;

    }

    .job-listing-btn{

        margin:auto;

        display: block;

        text-align: center;

    }

    .mobile-padding img{

        width: 100%!important;

        height: 250px!important;

        object-fit: cover;

        object-position: center;

        margin-bottom: 22px;

    }

    .text-truncate {

        font-size:14px;

    }

    .job-listing-btn {

        font-size:12px;

    }

    .career_tabs_section .job-item{

        padding-left:0!important;

        padding-right:0!important;

        margin-bottom:-1%!important;

    }

    .career_tabs_section .job-item .text-start.ps-4{

        padding-left:0!important;

        text-align:center!important;

    }

    small.text-truncate {

        text-align:center!important;

        display:block;

        width:100%;

    }

    .ems-space-mobile{

        margin-top:2rem;

    }

    .specialty-cards-sec {

        margin:9% 0;

    }

    .slick-arrow{

        display:none!important;

    }

    .pricing-table-heading h2{

        font-size:22px;

        margin-top:3%;

    }

    .pricing-table-heading {

        margin-top:9%;

    }

    .pricing-table-section{

/*        margin-bottom:42%;*/

    }

    .charge-main-sec p{

        font-size:14px;

    }

    .charge-main-sec ul li{

        font-size:14px;

    }

    .charge_entry_accordian .serviced-ul{

        padding-top:7%;

    }

    .serviced-ul li:before{

        top:5px;

    }

    .charge-main-sec .col-lg-3 > div{

        margin-right: 0!important;

    }

    .title-style3 span {

        font-size:11px;

    }

    

    .serviced-ul li{

        padding-left:11%;

    }

    .vp-service-sec{

        margin-top:11%;

    }

    .charge-slider-sec p{

        font-size:14px;

    }

    .serviced-ul li a{

        font-size:14px;

    }

    .page-title-section2 h1 {

        font-size:20px;

    }

    .charge-main-sec{

        margin:13% 0 3%;

    }

    .charge-right-img h6{

        font-size:22px!important;

/*        margin-top:9%;*/

        margin-top:5%;

    }

    .charge_entry_accordian h3{

        font-size:16px;

    }

    .accordian-heading {

        padding:3% 4%;

    }

    .accordian-heading i{

        font-size:16px;

    }

    

    .blog-listing-page-banner h1{

        width:100%!important;

    }



    .contact-banner .slick-slide {

        padding:0;

        margin-right:15.5px;

    }

    .right-n5{

        width:16%;

    }

    .contact-banner{

        padding: 45px 0 20px!important;

    }

    .contact-banner h2{

        font-size:22px;

        margin-top:22px;

    }

    .contact-form-new-row{

        margin-top:9%;

    }

    .contact-form-new-row .card-body{

        padding:2rem 1rem 2rem!important;

    }

    .contact-form-new-row .card-body p {

        font-size:14px;

    }

    .home-counter-rounded{

        padding: 0!important;

    }

}

/* card-style11 */

 .card-style11 {

     position: relative;

     min-height: 280px;

     height: 100%;

     border-radius: 10px;

}

 .card-style11:hover .card-body {

     transform: rotateY(180deg);

}

 .card-style11 .card-body {

     position: relative;

     z-index: 1;

     transition: 0.7s;

     width: 100%;

     height: 100%;

     transform-style: preserve-3d;

     perspective: inherit;

}

 .card-style11 .card-front, .card-style11 .card-back {

     padding: 20px 42px 20px 42px;

     border-radius: 5px 5px 5px 5px;

     box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.12);

}

 .card-style11 .card-front {

     text-align: left;

     justify-content: center;

     background-color: #ffffff;

     z-index: 2;

     display: flex;

     flex-direction: column;

     position: absolute;

     top: 0;

     left: 0;

     width: 100%;

     height: 100%;

     -webkit-backface-visibility: hidden;

     backface-visibility: hidden;

     transform: rotate(0);

     transition: 0.7s;

     perspective: inherit;

     transform-style: preserve-3d;

}

 .card-style11 .card-back {

     display: flex;

     flex-direction: column;

     position: absolute;

     top: 0;

     left: 0;

     width: 100%;

     height: 100%;

     -webkit-backface-visibility: hidden;

     backface-visibility: hidden;

     transform: rotate(0);

     transition: 0.7s;

     perspective: inherit;

     transform-style: preserve-3d;

     text-align: center;

     justify-content: center;

     background-position: center center;

     background-repeat: no-repeat;

     background-size: cover;

     transform: rotateY(-180deg);

}

/*============================== * Portfolio * ================================ */

/* filtering */

 .filtering {

     margin-bottom: 40px;

}

 .filtering span:last-child {

     margin: 0;

}

 .filtering .active {

     color: #ffffff;

     background: var(--main-color);

}

 .filtering span {

     cursor: pointer;

     font-size: 14.4px;

     font-weight: 600;

     margin-right: 10px;

     display: inline-block;

     margin-bottom: 5px;

     padding: 4px 15px;

     background: var(--secondary-color);

     color: #fff;

     border-radius: 3px;

}

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

     .filtering {

         margin-bottom: 30px;

    }

     .filtering span {

         padding: 6px 8px;

         margin-right: 5px;

         font-size: 13px;

    }

    .specialty-cards-sec .card-body h3{

        min-height:48px;

    }

    

}

/* portfolio-style1 */

 .portfolio-style1 {

     position: relative;

     overflow: hidden;

     transition: all 0.3s ease 0s;

}

 .portfolio-style1:hover .portfolio-img {

     transition: all 0.3s ease 0s;

}

 .portfolio-style1 .portfolio-img {

     transition: all 0.3s ease 0s;

     background-color: #000;

     border-radius: 3px;

}

 .portfolio-style1:hover .portfolio-img img {

     opacity: 0.3;

}

 .portfolio-style1:hover img {

     transform: scale(1.1, 1.1);

     transition: all 0.3s ease 0s;

}

 .portfolio-style1:hover .portfolio-text {

     opacity: 1;

     transition: all 0.3s ease 0s;

}

 .portfolio-style1 .portfolio-text {

     bottom: 0;

     left: 0;

     opacity: 0;

     position: absolute;

     transition: all 0.3s ease 0s;

     width: 100%;

     height: 100%;

     padding: 45px;

     z-index: 1;

}



/* portfolio-style2 */

 .portfolio-style2 {

     position: relative;

     overflow: hidden;

     border-radius: 10px;

     border: 2px solid var(--main-color);

    box-shadow: 0px 2px 10px 1px #cacaca;

}

 .portfolio-style2:hover .portfolio-inner {

     transform: scaleX(1);

     opacity: 1;

}

 .portfolio-style2 .portfolio-inner {

     position: absolute;

     top: 0;

     left: 0;

     bottom: 0;

     right: 0;

     z-index: 99;

     padding: 10px 20px;

     transition: all 300ms linear 0ms;

     transform: scaleX(0);

     opacity: 0;

}

 .portfolio-style2 .portfolio-inner .portfolio-overlay {

     z-index: -1;

     position: absolute;

     top: 0;

     left: 0;

     width: 100%;

     height: 100%;

     opacity: .6;

     background-color: var(--main-color);

     transition: all 300ms linear 0ms;

}

 .portfolio-style2 .portfolio-inner .portfolio-text {

     position: absolute;

     bottom: 40px;

}

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

     .portfolio-style2 .portfolio-inner .portfolio-text {

         bottom: 25px;

         left: 25px;

    }

}

/* portfolio-style3 */

 .portfolio-block.owl-theme .owl-nav.disabled + .owl-dots {

     margin-top: 25px;

}

 .portfolio-style3 {

     position: relative;

}

 .portfolio-style3 .portfolio-img img {

     transition: all .3s ease-out 0s;

     overflow: hidden;

}

 .portfolio-style3:hover .portfolio-img img {

     transform: scale(1.1);

     border-radius: 3px;

}

 .portfolio-block-static .portfolio-style3 .portfolio-text, .portfolio-block .owl-item.center .portfolio-style3 .portfolio-text {

     opacity: 1;

     visibility: visible;

}

 .portfolio-style3 .portfolio-text {

     position: relative;

     z-index: 1;

     padding: 30px 30px;

     background-color: #fff;

     visibility: hidden;

     opacity: 0;

     transition: .3s;

     text-align: center;

}

/* portfolio-style4 */

 .portfolio-style4 .portfolio-content {

     position: absolute;

     z-index: 3;

     opacity: 0;

     overflow: hidden;

     transition: 0.5s;

     top: initial;

     left: 0;

     bottom: 0;

     width: calc(100% - 50px);

     margin: 0 20px 20px;

     border-radius: 10px;

     word-break: break-word;

     transform: translateY(15px);

     padding: 26px 30px 21px 30px;

     background-color: #FFFFFF;

}

 .certificate_sec .portfolio-content{

     width:100%;

     margin:unset;

     background: unset;

}

 .certificate_sec .portfolio-style4{

     transition: 1s cubic-bezier(.23, 1, .32, 1);

}

 .certificate_sec .portfolio-style4:before{

     position: absolute;

     bottom: 0;

     left: 0;

     width: 100%;

     height: 100%;

     z-index: 1;

     content: ' ';

     transition: .4s cubic-bezier(.12, .65, .4, 1);

     opacity: 0;

     background-color: transparent;

     background-image: linear-gradient(180deg, transparent 0, #ee1d23 100%);

     border-radius:8px;

}

 .certificate_sec .portfolio-style4:hover:before{

     opacity:1;

}

 .certificate_sec .portfolio-style4 .portfolio-content h3.h5{

     color: #fff!important;

}

 .certificate_sec .portfolio- style4 .portfolio-content span{

     color: #fff!important;

}

 .certificate_sec .portfolio-style5:hover img {

     transform: scale(1.05);

}

 .portfolio-style4:hover .portfolio-content {

     transform: translateY(0);

     opacity: 1;

}

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

     .portfolio-block.owl-theme .owl-nav.disabled + .owl-dots {

         margin-bottom: 25px;

         margin-top: 15px;

    }

}

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

     .portfolio-block.owl-theme .owl-nav.disabled + .owl-dots {

         margin-bottom: 35px;

         margin-top: 0;

    }

}

/* portfolio-style5 */

 .portfolio-style5 {

     overflow: hidden;

     position: relative;

     text-align: center;

     transition: 1s cubic-bezier(0.23, 1, 0.32, 1);

     border-radius: 10px;

}

 .portfolio-style5:hover:before {

     opacity: 1;

}

 .portfolio-style5:before {

     position: absolute;

     bottom: 0;

     left: 0;

     width: 100%;

     height: 100%;

     z-index: 1;

     content: ' ';

     transition: all 0.4s cubic-bezier(0.12, 0.65, 0.4, 1);

     opacity: 0;

     background-color: transparent;

     background-image: linear-gradient(180deg, transparent 0%, var(--main-color) 100%);

}

 .portfolio-style5:hover img {

     transform: scale(1.05);

}

 .portfolio-style5 img {

     vertical-align: top;

     max-width: 100%;

     backface-visibility: hidden;

     transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);

}

 .portfolio-style5:hover .portfolio-inner {

     visibility: visible;

     opacity: 1;

}

 .portfolio-style5 .portfolio-inner {

     position: absolute;

     top: 0;

     bottom: 0;

     left: 0;

     right: 0;

     align-items: center;

     z-index: 3;

     display: flex;

     flex-direction: column;

     justify-content: flex-end;

     line-height: 1.1em;

     color: #fff;

     padding-bottom: 60px;

     box-sizing: border-box;

     opacity: 0;

     transition: opacity .4s ease-in-out;

}

/*============================== * Video * ================================ */

 .video_btn {

     position: relative;

     height: 80px;

     width: 80px;

     background: var(--main-color);

     text-align: center;

     display: inline-block;

     line-height: 80px;

     color: #fff;

     border-radius: 50%;

     transition-duration: 0s;

     -ms-transition-duration: 0s;

     -moz-transition-duration: 0s;

     -webkit-transition-duration: 0s;

     -o-transition-duration: 0s;

}

 .video_btn:hover i, .video_btn:focus i {

     color: #fff;

}

 .video_btn:after {

     content: "";

     position: absolute;

     left: 50%;

     top: 50%;

     height: 80px;

     width: 80px;

     border: 2px solid #fff;

     border-radius: 50%;

     transform: translate(-50%, -50%);

     -moz-transform: translateX(-50%) translateY(-50%);

     -webkit-transform: translateX(-50%) translateY(-50%);

     -ms-transform: translateX(-50%) translateY(-50%);

     -o-transform: translateX(-50%) translateY(-50%);

     transform: translateX(-50%) translateY(-50%);

     opacity: .3;

     animation: pulse-border 1500ms ease-out infinite;

}

 .video_btn:before {

     content: "";

     position: absolute;

     left: 50%;

     top: 50%;

     height: 95px;

     width: 95px;

     border: 2px solid #fff;

     border-radius: 50%;

     transform: translate(-50%, -50%);

     -moz-transform: translateX(-50%) translateY(-50%);

     -webkit-transform: translateX(-50%) translateY(-50%);

     -ms-transform: translateX(-50%) translateY(-50%);

     -o-transform: translateX(-50%) translateY(-50%);

     transform: translateX(-50%) translateY(-50%);

     opacity: .3;

     animation: pulse-border 1500ms ease-out infinite;

}

 .video_btn.small {

     width: 50px;

     height: 50px;

     line-height: 50px;

}

 .video_btn.small:after {

     height: 50px;

     width: 50px;

}

 .video_btn.small:before {

     height: 65px;

     width: 65px;

}

 @keyframes pulse-border {

     0% {

         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

         opacity: 1;

    }

     100% {

         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

         opacity: 0;

    }

}

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

     .video_btn {

         height: 75px;

         width: 75px;

         line-height: 75px;

    }

     .video_btn:after {

         height: 75px;

         width: 75px;

    }

     .video_btn:before {

         height: 90px;

         width: 90px;

    }

}

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

     .video_btn {

         height: 70px;

         width: 70px;

         line-height: 70px;

    }

     .video_btn:after {

         height: 70px;

         width: 70px;

    }

     .video_btn:before {

         height: 85px;

         width: 85px;

    }

     @keyframes pulse-border {

         0% {

             transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

        }

         100% {

             transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);

        }

    }

}

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

   

     .video_btn {

         height: 60px;

         width: 60px;

         line-height: 60px;

    }

     .video_btn:after {

         height: 60px;

         width: 60px;

    }

     .video_btn:before {

         height: 75px;

         width: 75px;

    }

    .serviced-ul {

        grid-template-columns: 1fr;

    }

}

/*============================== * OwlCarousel * ================================ */

 .dots-white.owl-theme .owl-dots .owl-dot span {

     background: rgba(255, 255, 255, 0.5);

}

 .dots-white.owl-theme .owl-dots .owl-dot:hover span, .dots-white.owl-theme .owl-dots .owl-dot.active span {

     background: #fff;

}

 .owl-thumbs button {

     border: none;

}

 .owl-thumbs button img {

     opacity: .5;

}

 .owl-thumbs button.active img {

     opacity: 1;

}

 .owl-thumb-item {

     cursor: pointer;

}

 .owl-theme .owl-nav.disabled + .owl-dots {

     margin-top: 50px;

}

 .owl-carousel .owl-item img {

     width: auto;

     display: inline-block;

}

 .owl-theme .owl-dots .owl-dot {

     display: inline-block;

     zoom: 1;

     cursor: pointer;

     margin-left: 12px;

}

 .owl-theme .owl-dots .owl-dot:first-child {

     margin-left: 0;

}

 .owl-theme .owl-dots .owl-dot span {

     display: inline-block;

     width: 16px;

     height: 16px;

     box-sizing: border-box;

     background-color: var(--main-color);

     border: 3px solid transparent;

     border-radius: 50%;

     -webkit-transform: scale(0.6);

     transform: scale(0.6);

     transition: .3s;

     margin: 0;

}

 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

     background-color: transparent;

     border-color: var(--main-color);

     -webkit-transform: scale(0.9);

     transform: scale(0.9);

}

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

     .owl-theme .owl-nav.disabled + .owl-dots {

         margin-top: 35px;

    }

}

/*============================== * Testmonials * ================================ */

/* testimonial-style */

 .testimonial-style {

     overflow: visible !important;

}

 .testimonial-style .testimonial-details {

     background: #fff;

     margin-left: -10%;

     box-shadow: -5px 0px 30px 0px rgba(214, 215, 216, 0.57);

}

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

     .testimonial-style .testimonial-details {

         margin-left: -5%;

    }

}

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

     .testimonial-style .testimonial-details {

         background: rgba(255, 255, 255, 0.9);

         margin-left: 0;

    }

}

/* testimonial-style3 */

 .testimonial-style3 {

     overflow: visible !important;

}

 .testimonial-style3 .testimonial-details {

     background: #fff;

     margin-left: -10%;

     box-shadow: -5px 0px 30px 0px rgba(214, 215, 216, 0.57);

}

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

     .testimonial-style3 .testimonial-details {

         margin-left: -5%;

    }

}

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

     .testimonial-style3 .testimonial-details {

         background: rgba(255, 255, 255, 0.9);

         margin-left: 0;

    }

}

/* testimonial-style4 */

 .testimonial-style4.owl-theme .owl-nav.disabled + .owl-dots {

     margin-top: 20px;

}

 .testimonial-style4 i {

     width: 65px;

     height: 65px;

     line-height: 65px;

     border-radius: 50%;

     text-align: center;

}

 .testimonial-style4.owl-theme .owl-dots .owl-dot.active span, .testimonial-style4.owl-theme .owl-dots .owl-dot:hover span {

     border-color: #ffffff;

     background-color: transparent;

}

 .testimonial-style4.owl-theme .owl-dots .owl-dot span {

     background-color: #ffffff;

}

 .testimonial-01 {

     margin-bottom: -90px;

     position: relative;

     z-index: 9;

}

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

     .testimonial-bg .title-style3 h2 {

         color: var(--secondary-color);

    }

}

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

     .testimonial-bg {

         background-image: unset !important;

    }

     .testimonial-01 {

         margin-bottom: -20px;

    }

     .client-bottom {

         padding-top: 30px;

    }

     .testimonial-bg .title-style3 h2 {

         color: #232323;

    }

}

/*============================== * Tabs * ================================ */

 ul.resp-tabs-list {

     margin: 0px;

     padding: 0px;

}

 .resp-tabs-list li {

     font-weight: 600;

     font-size: 14px;

     display: inline-block;

     padding: 13px 15px;

     margin: 0 4px 0 0;

     list-style: none;

     cursor: pointer;

}

 .resp-tabs-list li:last-child {

     margin-right: 0;

}

 .resp-tabs-list li i {

     font-size: 20px;

     padding-right: 5px;

     vertical-align: text-bottom;

}

 .resp-tabs-container {

     padding: 0px;

     background-color: #fff;

     clear: left;

}

 .resp-tab-content {

     display: none;

     padding: 20px;

}

 .resp-tabs-list li.resp-tab-active {

     border: 1px solid var(--main-color);

     border-bottom: none;

     border-color: var(--main-color) !important;

     margin-bottom: -1px;

     padding: 12px 14px 14px 14px;

     border-top: 4px solid var(--main-color) !important;

     border-bottom: 0px #fff solid;

     border-bottom: none;

     background-color: #fff;

     color: var(--main-color);

}

 .resp-content-active, .resp-accordion-active {

     display: block;

}

 .resp-tab-content {

     border: 1px solid #c1c1c1;

     border-top-color: #c1c1c1;

     float: left;

     width: 100%;

}

 h2.resp-accordion {

     cursor: pointer;

     display: none;

     font-size: 14px;

     border: 1px solid #c1c1c1;

     border-top: 0px solid #c1c1c1;

     margin: 0px;

     padding: 14px 15px;

     float: left;

     width: 100%;

}

 h2.resp-tab-active {

     border-bottom: 0px solid #c1c1c1 !important;

     background-color: var(--main-color) !important;

     color: #fff;

}

 h2.resp-tab-title:last-child {

     border-bottom: 12px solid #c1c1c1 !important;

     background: blue;

}

 .resp-arrow {

     border-color: transparent #282b2d #282b2d transparent;

     border-style: solid;

     border-width: 0 1px 1px 0;

     float: right;

     display: block;

     height: 8px;

     transform: rotate(45deg);

     width: 8px;

     margin-top: 4px;

}

 h2.resp-tab-active span.resp-arrow {

     border-color: #fff transparent transparent #fff;

     border-style: solid;

     border-width: 1px 0 0 1px;

     float: right;

     display: block;

     height: 8px;

     transform: rotate(45deg);

     width: 8px;

     margin-top: 7px;

}

/* accordion styles */

 .resp-easy-accordion h2.resp-accordion {

     display: block;

}

 .resp-easy-accordion .resp-tab-content {

     border: 1px solid #c1c1c1;

}

 .resp-easy-accordion .resp-tab-content:last-child {

     border-bottom: 1px solid #c1c1c1;

    /* !important;

     */

}

 .resp-jfit {

     width: 100%;

     margin: 0px;

}

 .resp-tab-content-active {

     display: block;

     border-color: var(--main-color) !important;

}

 h2.resp-accordion:first-child {

     border-top: 1px solid #c1c1c1;

}

 h2.resp-accordion.resp-tab-active {

     border-color: var(--main-color) !important;

}

/* change the breakpoint to set the accordion */

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

     ul.resp-tabs-list {

         display: none;

    }

     h2.resp-accordion {

         display: block;

    }

     h2.resp-accordion i {

         margin-right: 8px;

         font-size: 18px;

    }

     .resp-vtabs .resp-tab-content {

         border: 1px solid #C1C1C1;

    }

     .resp-vtabs .resp-tabs-container {

         border: none !important;

         float: none;

         width: 100%;

         min-height: 100px;

         clear: none;

    }

     .resp-accordion-closed {

         display: none !important;

    }

     .resp-vtabs .resp-tab-content:last-child {

         border-bottom: 1px solid #c1c1c1 !important;

    }

     .resp-tab-content {

         background-color: #fff;

    }

}

/* tab-style1 */

 .tab-style1 .tab-box {

     display: inline-block;

     vertical-align: middle;

}

 .tab-style1 h2.resp-accordion i {

     margin-right: 15px;

}

 .tab-style1 .tab-box h6 {

     margin-bottom: 2px;

     font-size: 14px;

     font-weight: 600;

}

 .tab-style1 .tab-box span {

     font-size: 12px;

}

 .tab-style1 .resp-tab-active h6 {

     color: #fff;

}

 .tab-style1 .resp-tabs-list .count {

     color: rgba(0, 0, 0, 0.03);

     position: absolute;

     left: 0;

     right: 0;

     margin: 0 auto;

     line-height: 40px;

}

 .tab-style1 .resp-tabs-list .tab-box {

     text-align: left;

     margin-top: 8px;

}

 @media screen and (min-width: 768px) {

     .tab-style1 ul.resp-tabs-list {

         text-align: center;

    }

     .tab-style1 ul.resp-tabs-list li:last-child {

         margin-right: 0;

    }

     .tab-style1 ul.resp-tabs-list li.resp-tab-active {

         border-bottom-color: var(--main-color);

         color: var(--main-color);

    }

     .tab-style1 .resp-tab-content {

         border: none;

         margin-top: 30px;

         padding: 0;

    }

     .tab-style1 .resp-tabs-list .tab-box {

         display: inline-block;

         vertical-align: middle;

         text-align: center;

    }

     .tab-style1 .resp-tabs-list li.resp-tab-active h6 {

         color: var(--main-color);

    }

     .tab-style1 .resp-tabs-list .tab-box h6 {

         margin: 0;

         font-weight: 700;

         font-size: 16px;

         color: #6f6f6f;

         line-height: 12px;

    }

     .tab-style1 .resp-tabs-list .tab-box span {

         text-transform: lowercase;

         font-size: 12px;

    }

     .tab-style1 .resp-tabs-list li {

         font-size: 18px;

         border-bottom: 2px solid transparent !important;

         margin: 0;

         background: none !important;

         padding: 0 35px 15px 35px;

         text-transform: uppercase;

         position: relative;

    }

     .tab-style1 .resp-tabs-list li.resp-tab-active {

         border-width: 0 0 2px 0 !important;

         border-color: var(--main-color) !important;

    }

     .tab-style1 ul.resp-tabs-list i {

         margin-right: 15px;

         border: 1px solid #d5d5d5;

         border-radius: 70px;

         width: 70px;

         height: 70px;

         line-height: 68px;

         font-size: 30px;

         padding: 0;

         vertical-align: middle;

    }

     .tab-style1 ul.resp-tabs-list li.resp-tab-active i {

         background: var(--main-color);

         border-color: var(--main-color);

         color: #fff;

    }

}

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

     .tab-style1 .resp-tabs-list li {

         padding: 0 25px 10px 25px;

    }

}

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

     .tab-style1 .resp-accordion .count {

         font-size: 36px;

         line-height: 32px;

         margin-right: 10px;

         opacity: 0.2;

         vertical-align: middle;

    }

     .tab-style1 .resp-accordion.resp-tab-active .count {

         opacity: 0.7;

    }

     .tab-style1 .bg-white.box-shadow-large {

         padding: 0;

         box-shadow: none;

    }

}

/*============================== * Team * ================================ */

 .team-style1 .team-text {

     position: relative;

}

 .team-style1 .team-social-icon {

     top: 0;

     left: 0;

     background: rgba(0, 0, 0, 0.6);

     width: 100%;

     height: 100%;

     transition: opacity .5s ease;

     opacity: 0;

     margin: 0;

     border-radius: 3px;

     position: absolute;

     z-index: 9;

}

 .team-slider .team-style1 .team-social-icon {

     border-radius: 10px;

}

 .team-style1 .team-social-icon li {

     display: inline-block;

     font-size: 17px;

     margin: 0 10px;

     position: relative;

     top: 50%;

     opacity: 0;

     transform: translateY(100%);

     color: #fff;

     transition: all .5s ease;

}

 .team-style1 .team-social-icon li a {

     color: #fff;

     transition: all .5s ease;

}

 .team-style1 .team-social-icon li:hover, .team-style1 .team-social-icon li a:hover {

     opacity: 0.65;

}

 .team-style1 .team-social-icon li:nth-child(2) {

     transition-delay: .1s;

}

 .team-style1 .team-social-icon li:nth-child(3) {

     transition-delay: .2s;

}

 .team-style1 .team-social-icon li:nth-child(4) {

     transition-delay: .3s;

}

 .team-style1 .team-social-icon li:nth-child(5) {

     transition-delay: .4s;

}

 .team-style1:hover .team-social-icon {

     opacity: 1;

}

 .team-style1:hover .team-social-icon li {

     opacity: 1;

     transform: translateY(-50%);

}

/* team-style2 */

 .team-style2 {

     position: relative;

     z-index: 1;

     border-radius: 10px;

     height: 100%;

     background: #f9f9f9;

     transition: 0.3s;

     border-radius:8px 65px 8px 8px;

}

 .team-style2:hover {

     box-shadow: 6px 5px 25px rgba(0, 0, 0, 0.08);

     background: #ffffff;

}

 .team-style2:hover .team-icon:first-child {

/*     border-top-right-radius: 0;*/

/*     border-bottom-right-radius: 0;*/

}

 .team-style2:hover .team-icon:not(:first-child) {

     opacity: 1;

     transform: translate(0);

}

 .team-style2 .team-image {

     display: inline-block;

     width:100%;

     position: relative;

     border-radius: 8px 65px 8px 8px;

}

 .team-style2 .team-content {

     padding: 0 22px 25px;

     background-repeat: no-repeat;

     background-position: 106% 94%;

     transition: 0.4s;

}

 .team-style2 .team-social-icon {

     display: flex;

     position: relative;

     margin-top: -18px;

     transition: 0.4s;

}

 .team-style2 .team-social-icon .fa-share-alt {

     transition: 0.4s;

}

 .team-style2 .team-social-icon .fa-share-alt:hover {

     filter: brightness(0.95);

}

 .team-style2 .team-social-icon a:hover {

     color: #ffffff;

     background: var(--main-color);

}

 .team-style2 .team-icon {

     width: 36px;

     height: 36px;

     border-radius: unset;

     font-size: 14px;

     line-height: 36px;

     color: #ffffff;

     background: var(--secondary-color);

     text-align: center;

}

 .team-style2 .team-icon:first-child {

     border-radius: 5px;

}

 .team-style2 .team-icon:last-child {

     border-top-right-radius: 5px;

     border-bottom-right-radius: 5px;

}

 .team-style2 .team-icon:not(:first-child) {

     opacity: 0;

     transform: translateX(-10px);

}

 .team-style2 .team-icon:nth-child(2) {

     transition-delay: 0.05s;

}

 .team-style2 .team-icon:nth-child(3) {

     transition-delay: 0.1s;

}

 .team-style2 .team-icon:nth-child(4) {

     transition-delay: 0.15s;

}

/* team-style3 */

 .team-style3 {

     position: relative;

     z-index: 1;

     padding: 30px 40px;

     transition: 0.3s;

}

 .team-style3:hover {

     background: #ffffff;

     box-shadow: 9px 12px 38px rgba(0, 0, 0, 0.1);

}

 .team-style3 .team-icons {

     position: absolute;

     top: 0;

     left: 0;

     right: 0;

     bottom: 0;

     transition: 0.4s;

}

 .team-style3 .team-icons .team-icon {

     position: absolute;

     z-index: 3;

     bottom: calc(50% - 20px);

     left: calc(50% - 20px);

     margin-bottom: -40%;

     margin-left: 30%;

     color: #ffffff;

}

 .team-style3 .team-icons .team-icon:first-child {

     font-size: 12px;

     transform: rotate(45deg);

}

 .team-style3 .team-icons .team-icon:hover {

     background-color: var(--main-color);

     box-shadow: 11px 10px 38px 0 rgba(0, 0, 0, 0.2);

}

 .team-style3:hover .team-icon {

     color: #ffffff;

     background: #24c373;

}

 .team-style3 .team-inner-img {

     display: block;

     position: relative;

}

 .team-style3 .team-inner-img:before {

     content: '';

     position: absolute;

     top: 0;

     bottom: 0;

     left: 0;

     right: 0;

     transition: 0.3s;

}

 .team-style3 .team-inner-img:after {

     content: '';

     position: absolute;

     top: 0;

     bottom: 0;

     left: 0;

     right: 0;

     transition: 0.3s;

     opacity: 0;

}

 .team-style3 .team-icon {

     width: 36px;

     height: 36px;

     margin: 5px;

     border-radius: 50%;

     font-size: 14px;

     line-height: 36px;

     text-align: center;

     color: #ffffff;

     background: var(--main-color);

}

 .team-style3:hover .team-inner-img:before {

     opacity: 0;

}

 .team-style3:hover .team-inner-img:after {

     opacity: 1;

}

 .team-style3:hover .team-image .team-icons .team-icon {

     opacity: 1;

}

 .team-style3:hover .team-image .team-icons .team-icon:nth-child(1) {

     transition: all 0.4s, opacity 0.3s 0s, margin 0.4s 0s;

}

 .team-style3:hover .team-image .team-icons .team-icon:nth-child(2) {

     transition: all 0.4s, opacity 0.3s 0.1s, margin 0.4s 0.1s;

}

 .team-style3:hover .team-image .team-icons .team-icon:nth-child(3) {

     transition: all 0.4s, opacity 0.3s 0.2s, margin 0.4s 0.2s;

}

 .team-style3:hover .team-image .team-icons .team-icon:nth-child(4) {

     transition: all 0.4s, opacity 0.3s 0.3s, margin 0.4s 0.3s;

}

 .team-style3:hover .team-image .team-icons .team-icon:nth-child(2) {

     margin-bottom: -15%;

     margin-left: 50%;

}

 .team-style3:hover .team-image .team-icons .team-icon:nth-child(3) {

     margin-bottom: 16%;

     margin-left: 50%;

}

 .team-style3:hover .team-image .team-icons .team-icon:nth-child(4) {

     margin-bottom: 42%;

     margin-left: 30%;

}

 .team-style3 .team-icons .team-icon:not(:first-child) {

     opacity: 0;

}

 .team-style3 .team-icons .team-icon:nth-last-child(1) {

     transition: all 0.4s, opacity 0.3s 0s, margin 0.4s 0s;

}

 .team-style3 .team-icons .team-icon:nth-last-child(2) {

     transition: all 0.4s, opacity 0.3s 0.1s, margin 0.4s 0.1s;

}

 .team-style3 .team-icons .team-icon:nth-last-child(3) {

     transition: all 0.4s, opacity 0.3s 0.2s, margin 0.4s 0.2s;

}

 .team-style3 .team-icons .team-icon:nth-last-child(4) {

     transition: all 0.4s, opacity 0.3s 0.3s, margin 0.4s 0.3s;

}

 .team-style3 .team-icons .team-icon:nth-child(3) {

     margin-bottom: -15%;

     margin-left: 50%;

}

 .team-style3 .team-icons .team-icon:nth-child(4) {

     margin-bottom: 16%;

     margin-left: 50%;

}

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

     .team-style3 {

         padding: 30px 25px;

    }

}

 .team-style4 {

     position: relative;

     overflow: hidden;

     border-radius: 10px;

     box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);

     transition: all 0.5s linear;

}

 .team-style4 .profile-image {

     position: relative;

     background-color: var(--main-color);

}

 .team-style4 .profile-image img {

     transition: all 0.5s linear;

}

 .team-style4:hover .profile-image img {

     opacity: 0.5;

}

 .team-style4 .icons {

     opacity: 0;

     position: absolute;

     left: 50%;

     top: 90%;

     width: 100%;

     text-align: center;

     transform: translate(-50%, -50%);

     transition: all 0.5s linear;

}

 .team-style4 .icons span {

     color: #fff;

     display: inline-block;

     font-size: 14px;

     font-weight: 800;

     margin-right: 3px;

}

 .team-style4 .icons i {

     color: #fff;

     display: inline-block;

     font-size: 14px;

     text-align: center;

     background-color: var(--secondary-color);

     width: 46px;

     border-radius: 10px;

     height: 46px;

     line-height: 46px;

     transition: all 0.2s linear;

}

 .team-style4 .icons i:hover {

     background-color: #fff;

     color: var(--secondary-color);

}

 .team-style4:hover .icons {

     opacity: 1;

}

 .team-style4:hover .icons a i, .team-style4:hover .icons a span {

     -webkit-animation: scale-up-hor-center 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;

     animation: scale-up-hor-center 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;

}

 @-webkit-keyframes scale-up-hor-center {

     0% {

         -webkit-transform: scaleX(0.4);

         transform: scaleX(0.4);

    }

     100% {

         -webkit-transform: scaleX(1);

         transform: scaleX(1);

    }

}

 @keyframes scale-up-hor-center {

     0% {

         -webkit-transform: scaleX(0.4);

         transform: scaleX(0.4);

    }

     100% {

         -webkit-transform: scaleX(1);

         transform: scaleX(1);

    }

}

/* team-single-img */

 .team-single-img {

     position: absolute;

     top: -10%;

     left: -30px;

}

/*============================== * Accordion * ================================ */

/* accordion 1 */

 .accordion-style1 .card {

     background: transparent;

     box-shadow: none;

     margin-top: 0 !important;

     border: none;

}

 .accordion-style1 .card-header {

     border: 0px;

     padding: 0;

     background: none;

}

 .accordion-style1 .btn-link {

     background: var(--main-color) !important;

     font-weight:600;

     color: #fff;

     font-size: 15px;

     line-height: 20px;

     position: relative;

     letter-spacing: 1px;

     border: none;

     display: block;

     width: 100%;

     text-align: left;

     white-space: normal;

     border-radius: 4px;

     padding: 15px 45px 15px 15px;

     box-shadow: none;

     transition:all .2s linear;

     text-decoration: none;

}

 .accordion-style1 .btn-link.collapsed {

     background: rgba(225, 225, 225, 0.8) !important;

     color: #1e2022;

}

 .accordion-style1 .btn-link:hover, .accordion-style1 .btn-link:active, .accordion-style1 .btn-link:focus {

     background: var(--main-color) !important;

     border: none;

     text-decoration: none;

     color: #fff;

}

 .accordion-style1 .btn-link:after {

     background: none;

     content: "-";

     right: 17px;

     left: inherit;

     font-size: 20px;

     height: auto;

     transform: none;

     width: auto;

     top: 13px;

     position: absolute;

}

 .accordion-style1 .btn-link.collapsed:after {

     background: none;

     content: "+";

     right: 15px;

     left: inherit;

     font-size: 20px;

     height: auto;

     transform: none;

     width: auto;

     top: 15px;

}

 .accordion-style1 .btn-link.collapsed:hover:after, .accordion-style1 .btn-link.collapsed:active:after, .accordion-style1 .btn-link.collapsed:focus:after {

     color: #fff;

}

 .accordion-style1 .card-body {

     padding: 20px;

     text-align: left;

     background: #fff;

}

 .accordion-style1.white .btn-link.collapsed {

     background: #fff !important;

}

 .accordion-style1.white .btn-link:hover, .accordion-style1.white .btn-link:active, .accordion-style1.white .btn-link:focus {

     background: var(--main-color) !important;

}

/*============================== * Others * ================================ */

/* we-offer section */

 .we-offer {

     transition-duration: 0.3s;

}

 .we-offer .offer-img {

     max-width: 185px;

     max-height: 185px;

     width: 100%;

     height: 100%;

     padding: 8px;

     border: 4px solid var(--secondary-color);

     border-radius: 50%;

     transition-duration: 0.3s;

     margin: 0 auto;

}

 .we-offer:hover .offer-img {

     border-color: var(--main-color);

}

 .we-offer .offer-butn {

     color: var(--secondary-color);

}

 .we-offer:hover .offer-butn {

     color: var(--main-color);

}

/* error-page */

 .error-page h1 {

     font-size: 150px;

     line-height: 1;

}

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

     .error-page h1 {

         font-size: 130px;

    }

}

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

     .error-page h1 {

         font-size: 110px;

    }

}

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

     .error-page h1 {

         font-size: 90px;

    }

}

/* countdown */

 .countdown {

     list-style: none;

     padding-left: 0;

}

 .countdown li {

     display: inline-block;

     padding: 20px 10px;

     min-width: 110px;

     text-align: center;

     color: #232323;

     background: #fff;

     border-radius: 0.25rem;

}

 .countdown li span {

     font-size: 40px;

     color: var(--main-color);

     display: block;

     margin-bottom: 0;

     line-height: 1;

     font-weight: 600;

     position: relative;

}

 .countdown li span:before {

     content: "";

     height: 1px;

     position: absolute;

     width: 100%;

}

 .countdown li p.timeRefDays, .countdown li p.timeRefHours, .countdown li p.timeRefMinutes, .countdown li p.timeRefSeconds {

     font-size: 14px;

     font-weight: 600;

     margin: 0;

     color: var(--secondary-color);

     padding: 0;

     text-transform: uppercase;

}

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

     .countdown li span {

         font-size: 38px;

    }

}

 .counter-style {

     background-color: rgba(255, 255, 255, 0.1);

}

/* become-client */

 .become-client-form {

     background: #fff;

     box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);

     margin-left: -100px;

}

 .become-client-img {

     margin-right: -100px;

}

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

     .become-client-img {

         display: none;

    }

     .become-client-form {

         margin-left: 0;

    }

}

/* clients-style1 */

 .client-style1 {

     transition: 0.4s;

}

 .client-style1 img {

     transition: 0.3s;

}

 .client-style1 .image-wrapper {

     overflow: hidden;

     position: relative;

     z-index: 1;

     max-width: 225px;

     margin: 0 auto;

     border-radius: inherit;

}

 .client-style1 .image-wrapper > img {

     border-radius: inherit;

}

 .client-style1 .hover-image {

     display: block;

     transform: translateY(-100%);

     opacity: 0;

     display: none;

     position: absolute;

     z-index: 1;

     top: 0;

     left: 0;

     visibility: hidden;

}

 .client-style1 .image-wrapper:hover .hover-image {

     opacity: 1;

     visibility: visible;

     transform: translateY(0%);

}

 .client-style1 .image-wrapper:hover .hover-image + .main-image {

     opacity: 0;

     transform: translateY(100%);

}

/* clients-style3 */

 .clients-style3 {

     transition: 0.4s;

}

 .clients-style3 img {

     transition: 0.3s;

}

 .clients-style3 .image-wrapper {

     overflow: hidden;

     position: relative;

     z-index: 1;

     justify-content: center;

     margin: 0 auto;

     border-radius: 0.25rem;

     transition: 0.4s;

     max-width: 225px;

}

 .clients-style3 .hover-image {

     display: block;

     transform: translateY(-100%);

     opacity: 0;

     display: none;

     position: absolute;

     z-index: 1;

     top: 0;

     left: 0;

     visibility: hidden;

}

 .clients-style3 .image-wrapper:hover {

     background-color: #fff;

}

 .clients-style3 .image-wrapper:hover .hover-image {

     opacity: 1;

     visibility: visible;

     transform: translateY(0%);

}

 .clients-style3 .image-wrapper:hover .hover-image + .main-image {

     opacity: 0;

     transform: translateY(100%);

}

/* popup gallery */

 .lg-backdrop {

     z-index: 99999;

}

 .lg-outer {

     z-index: 999999;

}

 .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {

     border-color: var(--main-color);

}

 .lg-progress-bar .lg-progress {

     background-color: var(--main-color);

}

 .lg-backdrop.in {

     opacity: 0.85;

}

/* service-block */

 .service-block {

     margin-top: -70px;

     background: transparent;

}

 .service-style2 .service-icon {

     width: 70px;

     height: 70px;

     line-height: 70px;

     text-align: center;

     background: var(--secondary-color);

     display: inline-block;

     border-radius: 50%;

     color: #fff;

     transition: 0.4s;

}

 .service-style2:hover .service-icon {

     background: var(--main-color);

}

 .service-style2 .service-butn {

     color: var(--secondary-color);

}

 .service-style2:hover .service-butn {

     color: var(--main-color);

}

/* client-block */

 .client-block {

     margin-bottom: -70px;

}

/* principles-block */

 .bg-shape2 {

     position: absolute;

     top: 0;

}

 .bg-shape2.rotate {

     right: 0;

     transform: rotate(180deg);

}

/* process-style1 */

 .process-style1 span {

     background: rgba(55, 125, 255, 0.1);

     border-radius: 50%;

     font-size: 22px;

     width: 60px;

     font-weight: 500;

     height: 60px;

     line-height: 60px;

     display: inline-block;

     text-align: center;

     position: relative;

}

/* about-style1 */

 .about-style1 .shadow-block {

     position: absolute;

     bottom: -20px;

     z-index: 2;

     left: -40px;

}

 .about-style1 .shadow-block i {

     position: absolute;

     left: -35px;

     top: 25px;

     font-size: 90px;

}

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

     .about-style1 .shadow-block {

         left: -20px;

    }

}

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

    .career_tabs_section .nav-item a{

        padding:15px 9px 11px;

    }

     .career_tabs_section .nav-item a h6{

        font-size:13px;

     }

    .page-title-section2 h1 {

        width: 92%!important;

    }

    .accordian_sec .image_label{

        padding: 7% 6%!important;

    }

    .innovative-sec h2{

        font-size:22px;

        margin:5% 0 0;

    }

    .innovative-sec .title-style3{

        margin-bottom:8%!important;

    }

    .why-imagnum-accordian h2{

        margin:5% 0 7%!important;

    }

    .why-imagnum-accordian{

        padding: 9% 0 11%;

    }

    .page-title-section2 h1{

        width: 75%;

        line-height: 1.3;

    }

    .page-title-section2 h1 br{

        display:none;

    }

    .page-title-section2{

        height:348px!important;

        padding: 130px 0 70px;

    }

    .page-title-section2 .row {

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        left: 54%;

        transform: translate(-50%, -50%);

    }

    .banner-height-for-all h1{

        width: 75%;

    }

    .banner-height-for-all h1 br{

        display:none;

    }

    .banner-height-for-all{

        height:300px!important;

    }

    .counter_sec.purpose_sec .title-style3 span:after {

        left:1%;

    }

    .counter_sec.purpose_sec h2{

        margin-top: 10%;

        margin-bottom: 4%;

    }

    .title-style3 {

/*        margin-bottom:10px!important;*/

    }

     .about-style1 .shadow-block {

         left: 0;

    }

    .butn{

        padding:12px 20px;

        font-size:11px;

    }

    .slider-fade1.owl-carousel.owl-theme .owl-dots {

        bottom:70px;

    }

    .home-leading-provider {

        /*margin-top:0;*/

    }



    .home-leading-provider h2{

        font-size: 22px;

        line-height: 1.4;

    }

    .we-are-go-to-sec h2{

        font-size:20px;

        line-height:1.5;

    }

    .radius_logo_img {

        border-radius:3% 20% 3% 3% !important;

    }

    .radius_logo{

        height:390px;

    }

    .title-style3{

        margin-bottom:17px!important;

    }

    section.md {

        padding:40px 0;

    }

    .md h2{

        font-size:21px;

    }

    .resp-tab-content {

        padding:20px 10px;

    }

    .tab_image{

        height:380px;

    }

    .tab_image img{

        border-radius:3% 20% 3% 3% !important;

    }

    .md h5{

        margin-top:-20px;

        margin-bottom:18px;

    }

    .list-style1 li{

        font-size:14px;

    }

    section {

        padding:48px 0;

    }

    .svg_icon svg {

        width:18%;

    }

    .title-style3 span:after{

/*        left:3%;*/

    }

    .home-slider_sec{

        padding-top:10px!important;

    }

    .blog-listing-sec{

        margin:9% 0 4%;

    }

    .home-counter-rounded{

        padding-top:6%!important;

    }

}

/* about-style2 */

 .about-style2 .about-inner {

     box-shadow: 6px 5px 30px 0px rgba(0, 0, 0, 0.12);

     z-index: 9;

     background: #fff;

     position: relative;

}

/*about vision and mission*/

 .vision-wrapper {

     overflow: hidden;

     height: 550px;

     position: relative;

     border-right: 1px solid rgba(255, 255, 255, 0.2);

     z-index: 99;

}

 .vision-changebg[data-overlay-dark]:before, .vision-changebg[data-overlay-light]:before {

     z-index: -1;

}

 .vision-content {

     overflow: hidden;

     position: absolute;

     left: 0;

     bottom: -50px;

     width: 100%;

     padding: 25px;

     transition: all 0.3s;

     z-index: 9;

}

 .vision-wrapper:hover .vision-content {

     bottom: 10px;

}

 .vision-content p {

     visibility: hidden;

     opacity: 0;

     transition: all 0.3s ease 0.1s;

}

 .vision-wrapper:hover .vision-content p, .vision-wrapper:hover .vision-content a {

     visibility: visible;

     opacity: 1;

}

 @media screen and (min-width: 992px) {

     .vision-wrapper {

         background-image: none !important;

    }

}

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

     .vision-wrapper {

         height: 500px;

    }

     .vision-content {

         bottom: -70px;

    }

}

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

     .vision-wrapper {

         height: 450px;

    }

     .vision-content {

         bottom: -70px;

         padding: 15px;

    }

}

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

    .banner-height-for-all{

        height: 400px;

    }

    .page-title-section2{

        height:400px;

    }

     .vision-wrapper {

         border-bottom: 1px solid rgba(255, 255, 255, 0.2);

    }

     .vision-content {

         bottom: -50px;

    }

     .vision-wrapper .vision-content {

         bottom: 10px;

    }

     .vision-content p {

         opacity: 1;

         visibility: visible;

    }

}

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

     .vision-wrapper {

         height: 400px;

    }

    .title-style3 span br{

        display:none;

    }

    .emr-section h2{

        font-size:22px;

    }

    .we-are-go-to-sec .display-28.display-lg-27.display-xl-26{

        padding: 0!important;

    }

    .certificate-page-banner h1 {

        width:100%;

    }

    .certificate-page-banner {

        padding:115px 0 70px;

    }

    .we-received-sec{

        width:100%;

        text-align:left;

        margin-bottom:18px;

    }

    .certificate_sec{

        margin:12% 0;

    }

}

/* icon box */

 .icon-box {

     transition: all 0.5s;

     height: 100%;

}

 .icon-box .text-start {

     max-width: 68%;

}

 .icon-box i {

     max-width: 50px;

     width: 100%;

}

 .icon-box:hover {

     background: var(--secondary-color);

}

 .icon-box:hover .text-secondary, .icon-box:hover p, .icon-box:hover h4 {

     color: #fff !important;

}

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

     .icon-box .text-start {

         max-width: 64%;

    }

}

/* custom css */

 .list-style1.secondary-color li:before {

     color: var(--secondary-color);

     background: rgba(51, 214, 135, 0.1);

}

 .border-bottom-radius-10 {

     border-bottom-left-radius: 10px;

     border-bottom-right-radius: 10px;

}

 .border-top-radius-10 {

     border-top-left-radius: 10px;

     border-top-right-radius: 10px;

}

 .min-height-200 {

     min-height: 200px;

}

 .min-height-300 {

     min-height: 300px;

}

/* why-choose-us1 */

 .why-choose-us1 {

     padding: 60px 60px 60px 290px;

     margin-top: -230px;

}

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

     .why-choose-us1 {

         padding: 60px 60px 60px 200px;

         margin-top: -160px;

    }

}

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

     .why-choose-us1 {

         padding: 60px 60px 60px 170px;

    }

}

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

     .why-choose-us1 {

         padding: 30px;

         margin-top: 30px;

    }

    .pillars-about-sec {

        grid-template-columns: 1fr;

    }

   

}

/* clients-style1 */

 .client-bottom {

     margin-bottom: -120px;

     position: relative;

     z-index: 9;

     padding-top: 15px;

}

 .client-style4 {

     transition: 0.4s;

}

 .client-style4 img {

     transition: 0.3s;

}

 .client-style4 .image-wrapper {

     overflow: hidden;

     position: relative;

     z-index: 1;

     max-width: 225px;

     margin: 0 auto;

     border-radius: inherit;

}

 .client-style4 .image-wrapper > img {

     border-radius: inherit;

     opacity: 0.5;

}

 .client-style4 .hover-image {

     display: block;

     transform: translateY(-100%);

     opacity: 0;

     display: none;

     position: absolute;

     z-index: 1;

     top: 0;

     left: 0;

     visibility: hidden;

}

 .client-style4 .image-wrapper:hover .hover-image {

     opacity: 1;

     visibility: visible;

     transform: translateY(0%);

}

 .client-style4 .image-wrapper:hover .hover-image + .main-image {

     opacity: 0;

     transform: translateY(100%);

}

/* image-oval */

 .image-oval {

     position: relative;

     overflow: hidden;

}

 .image-oval:before {

     position: absolute;

     top: 50%;

     left: 50%;

     z-index: 1;

     display: block;

     content: "";

     width: 0px;

     height: 0px;

     -webkit-transform: translate(-50%, -50%);

     -ms-transform: translate(-50%, -50%);

     transform: translate(-50%, -50%);

     opacity: 0;

     background: rgba(255, 255, 255, 0.2);

     border-radius: 50%;

}

 .image-oval:hover:before {

     -webkit-animation-duration: 0.95s;

     animation-duration: 0.95s;

     -webkit-animation-timing-function: ease;

     animation-timing-function: ease;

     -webkit-animation-delay: 0s;

     animation-delay: 0s;

     -webkit-animation-iteration-count: 1;

     animation-iteration-count: 1;

     -webkit-animation-direction: normal;

     animation-direction: normal;

     -webkit-animation-fill-mode: none;

     animation-fill-mode: none;

     -webkit-animation-play-state: running;

     animation-play-state: running;

     -webkit-animation-name: circle;

     animation-name: circle;

}

 @-webkit-keyframes circle {

     0% {

         opacity: 1;

    }

     40% {

         opacity: 1;

    }

     100% {

         width: 200%;

         height: 200%;

         opacity: 0;

    }

}

 @keyframes circle {

     0% {

         opacity: 1;

    }

     40% {

         opacity: 1;

    }

     100% {

         width: 200%;

         height: 200%;

         opacity: 0;

    }

}

/* about-style3 */

 .about-style3 .round-icon {

     position: absolute;

     bottom: 29%;

     text-align: center;

     right: 14%;

     z-index: 999;

     line-height: 0;

}

 .about-style3 .round-icon i {

     width: 80px;

     height: 80px;

     display: block;

     border-radius: 50%;

     line-height: 80px;

     box-shadow: 0 0 7px 0 rgba(43, 52, 59, 0.08);

     text-align: center;

     font-size: 30px;

     background: #fff;

}

 .about-style3 .round-icon:before {

     height: 130px;

     width: 130px;

     top: -24px;

     right: -24px;

}

 .about-style3 .round-icon:after, .about-style3 .round-icon:before {

     content: '';

     border-radius: 50%;

     border: 2.5px dashed;

     display: inline-block;

     border-color: var(--secondary-color) !important;

     opacity: 0.2;

     position: absolute;

     animation: spin 10s linear infinite;

}

 .about-style3 .round-icon:after {

     height: 180px;

     width: 180px;

     top: -50px;

     right: -50px;

}

 @keyframes spin {

     100% {

         transform: rotateZ(360deg);

    }

}

/* about page */

 .about-video .video_btn.small {

     height: 40px;

     line-height: 40px;

     width: 40px;

     font-size: 13px;

}

 .about-video .video_btn:before, .about-video .video_btn:after {

     content: none;

}

/* pricing-style1 */

 .pricing-style1 {

     box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);

}

 .pricing-style1 h3 {

     background: var(--main-color);

     color: #fff;

     display: inline-block;

     padding: 10px 20px;

     border-radius: 10px;

     margin-left: -40px;

}

/* blog-tags */

 .blog-tags a {

     background-color: #f1f7ff;

     border-radius: 10px;

     padding: 5px 20px;

     font-size: 14px;

     line-height: 20px;

     margin: 0.6rem 3px 0 0;

     display: inline-block;

}

 .blog-tags a:hover {

     background-color: var(--main-color);

     color: #fff;

}

/* category-listing */

 .category-listing {

     margin: -0.5rem 0 0 0;

     padding: 0;

     list-style: none;

}

 .category-listing li {

     margin-top: 0.5rem;

     list-style: none;

}

 .category-listing li a {

     background-color: #f1f7ff;

     border-radius: 10px;

     padding: 10px 20px;

/*     font-size: 14px;*/

    font-size:11px;

     line-height: 20px;

     display: block;

}

 .category-listing li a:hover {

     background-color: var(--main-color);

     color: #fff;

}

/* widgets */

 .widget {

    margin-bottom: 30px;

    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.10);

    padding: 30px 25px;

    border-radius: 6px;

}

.vp-service-main-row{



 .search-butn {

     margin-top: -1px;

     padding: 14px 30px;

}

}

 .widget:last-child {

     margin-bottom: 0;

}

/* downloads */

 .downloads li {

     list-style: none;

     margin-bottom: 15px;

}

 .downloads li:last-child {

     margin-bottom: 0;

}

 .downloads li a {

     border: 1px solid var(--secondary-color);

     border-radius: 4px;

     position: relative;

     width: 100%;

     display: inline-block;

     padding: 9px 0 9px 55px;

}

 .downloads li a:hover {

     color: var(--secondary-color);

}

 .downloads i {

     background: var(--secondary-color);

     padding: 15px;

     color: #fff;

     vertical-align: top;

     position: absolute;

     left: 0;

     top: 0;

     height:100%;

}

 .downloads .label {

     display: inline-block;

}

/* elements page */

 .icon-gallery .d-table {

     margin-top: 30px;

}

 .icon-gallery .d-table-cell {

     width: 125px;

     height: 125px;

     text-align: center;

     margin-bottom: 25px;

     border: 1px solid rgba(0, 0, 0, 0.075);

     vertical-align: middle;

     font-size: 14px;

     transition: all 0.2s ease-in-out;

     padding: 10px;

     background: #fff;

}

 .icon-gallery i {

     display: block;

     margin-bottom: 15px;

     font-size: 28px;

     color: var(--main-color);

}

/* modal */

 .modal-backdrop {

     z-index: 99999;

}

 .modal {

     z-index: 999999;

}

 .bd-example button, .bd-example a {

     margin-top: .25rem;

     margin-bottom: .25rem;

}

/* Copy Elements */

 pre[class*="language-"] {

     max-height: 45vh;

     height: 100%;

     margin: 35px 0 15px 0;

     padding-top: 0;

}

 .html-code {

     background-color: #fbfbfb;

     position: relative;

     box-shadow: inset 0 0 0 1px #dde1e6, 0 3px 5px rgba(0, 0, 0, 0.15);

     padding: 30px;

     border-radius: 5px;

     border: 1px solid #ededed;

}

 .html-code:before {

     color: #c8dfab;

     content: "•••";

     font-size: 30px;

     left: 24px;

     letter-spacing: 4px;

     line-height: 12px;

     position: absolute;

     top: 24px;

}

 .copy-element {

     position: absolute;

     top: 0;

     right: 85px;

     transition: opacity 0.3s ease-in-out;

}

 .source-element {

     position: absolute;

     top: 0;

     right: 0;

     transition: opacity 0.3s ease-in-out;

}

 .html-code .copy-element {

     top: 15px;

     right: 30px;

}

 .html-code:hover .copy-element, .html-code:hover .source-element {

     opacity: 1;

}

 .box-hover:hover .copy-element, .box-hover:hover .source-element {

     opacity: 1;

}

 .copy-element > a, .source-element > a {

     border-radius: 0.25rem;

     background: #dde1e6;

     color: #777 !important;

     display: inline-block;

     padding: 5px 15px;

     font-size: 14px;

     text-transform: capitalize;

     cursor: pointer !important;

     font-weight: 600;

}

 .copy-element > a:hover, .source-element > a:hover {

     background: var(--main-color);

     color: #fff !important;

}

 .copy-clipboard {

     cursor: pointer;

     padding: 5px 15px;

}

 .white-popup-block {

     background-color: #fbfbfb;

     position: relative;

     max-width: 650px;

     box-shadow: inset 0 0 0 1px #dde1e6, 0 3px 5px rgba(0, 0, 0, 0.15);

     padding: 60px 30px 30px 30px;

     border-radius: 5px;

     margin: 40px auto;

     border: 1px solid #ededed;

}

 .white-popup-block.popup-copy.mfp-hide {

     display: block !important;

     height: 0;

     position: absolute;

     z-index: -1;

     padding: 0;

     opacity: 0;

     margin: 0;

}

 .white-popup-block:before {

     color: rgba(78, 134, 255, 0.2);

     content: "•••";

     font-size: 30px;

     left: 24px;

     letter-spacing: 4px;

     line-height: 12px;

     position: absolute;

     top: 24px;

}

 .white-popup-block:hover .copy-element {

     opacity: 1;

}

 .white-popup-block .copy-element {

     top: 45px;

     right: 30px;

}

 .box-hover {

     position: relative;

}

 .box-hover .container {

     position: relative;

}

 .inner-title {

     border-bottom: 1px solid rgba(0, 0, 0, 0.09);

     margin-bottom: 35px;

     padding-bottom: 20px;

}

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

    .charge-float-left-img{

        float: unset;

        width: 100%;

    }

    .charge-main-sec .col-lg-9 img{

        margin-bottom:5%;

    }

    .mission-vision .main{

        flex-direction: column;

        display:flex;

    }

    .mission-vision .main .mission{

        margin-bottom:8%;

    }

    .counter_sec {

        padding:12% 0 9%;

    }

    .mission-vision{

        margin:5% 0 13%;

    }

    .mission-vision .main .icon-head{

        margin-top:8%;

    }

    .main.second-row .img{

        order:2;

    }

    .main.second-row .content{

        order:1;

    }

    .elements-block .inner-title {

         margin-bottom: 65px;

    

    }

     .copy-element, .source-element {

         top: 65px;

    }

}

/* pagination */

 .pagination {

     border-radius: 0;

     padding: 0;

     margin: 0;

}

 .pagination ul {

     display: inline-block;

     *display: inline;

     *zoom: 1;

     margin: 0 auto;

     padding: 0;

}

 .pagination li {

     display: inline-block;

     margin-left: 5px;

     margin-top: 1rem;

}

 .pagination a, .pagination span.current {

     display: inline-block;

     vertical-align: middle;

     width: 50px;

     text-align: center;

     border-radius: 3px;

     padding: 10px 18px;

     text-decoration: none;

     font-weight: 600;

     border: 1px solid #dbdbdb;

     background: #fff;

}

 .pagination a:hover {

     background-color: var(--main-color);

     color: #fff;

}

 .pagination .active a {

     background-color: var(--main-color);

     color: #fff;

     cursor: default;

}

 .pagination span.current {

     background-color: var(--main-color);

     color: #fff;

     border-color: transparent;

}

/* page navigation */

 .page-navigation {

     position: relative;

     display: flex;

     align-items: center;

     justify-content: space-between;

     padding: 0;

     background-color: #f1f7ff;

     border-radius: 8px;

}

 .page-navigation:last-child {

     margin-bottom: 60px;

}

 .prev-page, .next-page {

     position: relative;

     width: 50%;

     max-width: 350px;

     margin: 10px;

}

 .prev-page:before, .next-page:before {

     content: '';

     position: absolute;

     top: 0;

     right: 0;

     bottom: 0;

     left: 0;

     border-radius: 8px;

     background-color: rgba(255, 255, 255, 0);

     box-shadow: 0 0 0 0 rgba(34, 35, 40, 0);

     transform: scale(1.04, 1.12);

     transition: .3s ease-in-out;

     pointer-events: none;

}

 .prev-page .page-info > a, .next-page .page-info > a {

     display: flex;

     align-items: center;

     position: relative;

     padding: 16px 20px;

     min-height: 110px;

     transition: 0.8s;

}

 .prev-page .page-info .image-prev, .prev-page .page-info .image-next {

     position: relative;

     flex-shrink: 0;

     width: 70px;

     height: 70px;

     vertical-align: middle;

     transition: inherit;

     border-radius: 4px;

     overflow: hidden;

}

 .next-page .page-info .image-prev, .next-page .page-info .image-next {

     position: relative;

     flex-shrink: 0;

     width: 70px;

     height: 70px;

     vertical-align: middle;

     transition: inherit;

     border-radius: 4px;

     overflow: hidden;

}

 .prev-page .page-info .prev-title, .prev-page .page-info .next-title {

     display: inline-block;

     position: relative;

     max-width: 220px;

     font-size: 16px;

     line-height: 1.5;

     font-weight: 600;

     word-wrap: break-word;

     vertical-align: middle;

     transition: 0.45s;

}

 .next-page .page-info .prev-title, .next-page .page-info .next-title {

     display: inline-block;

     position: relative;

     max-width: 220px;

     font-size: 16px;

     line-height: 1.5;

     font-weight: 600;

     word-wrap: break-word;

     vertical-align: middle;

     transition: 0.45s;

}

 .prev-page .page-info .prev-title:empty, .prev-page .page-info .next-title:empty {

     display: none;

}

 .next-page .page-info .prev-title:empty, .next-page .page-info .next-title:empty {

     display: none;

}

 .prev-page:hover:before, .next-page:hover:before {

     background-color: white;

     transform: scale(1);

     box-shadow: 0 10px 30px 0 rgba(34, 35, 40, 0.1);

}

 .prev-page a {

     justify-content: flex-start;

     text-align: left;

}

 .prev-page a:hover .image-prev:after {

     visibility: visible;

     opacity: 1;

}

 .prev-page a:hover .image-prev:before {

     visibility: visible;

     opacity: 1;

     margin-left: 0;

}

 .prev-page .image-prev {

     margin-right: 20px;

}

 .prev-page .image-prev:after {

     background-color: var(--main-color);

}

 .next-page .image-next:after {

     background-color: var(--main-color);

}

 .prev-page .image-prev:before {

     display: block;

     position: absolute;

     z-index: 2;

     left: 0;

     right: 0;

     margin-left: 20px;

     content: "\e64a";

     font-family: 'themify';

     font-size: 21px;

     line-height: 70px;

     color: #fff;

     text-align: center;

     opacity: 0;

     visibility: hidden;

     transition: .3s ease-in-out;

}

 .prev-page .image-prev:after {

     content: '';

     display: block;

     position: absolute;

     top: 0;

     left: 0;

     width: 100%;

     height: 100%;

     opacity: 0;

     visibility: hidden;

     transition: .3s ease-in-out;

}

 .next-page {

     margin-left: auto;

}

 .next-page a {

     justify-content: flex-end;

     text-align: right;

}

 .next-page a:hover .image-next:after {

     visibility: visible;

     opacity: 1;

}

 .next-page a:hover .image-next:before {

     visibility: visible;

     opacity: 1;

     margin-right: 0;

}

 .next-page .image-next {

     margin-left: 20px;

}

 .next-page .image-next:before {

     display: block;

     position: absolute;

     z-index: 2;

     left: 0;

     right: 0;

     margin-right: 20px;

     content: "\e64a";

     font-family: 'themify';

     font-size: 21px;

     line-height: 70px;

     color: #fff;

     text-align: center;

     opacity: 0;

     visibility: hidden;

     transition: .3s ease-in-out;

     transform: scaleX(-1);

}

 .next-page .image-next:after {

     content: '';

     display: block;

     position: absolute;

     top: 0;

     left: 0;

     height: 100%;

     width: 100%;

     opacity: 0;

     visibility: hidden;

     transition: .3s ease-in-out;

}

 .next-page .next-title {

     text-align: right;

}

 .prev-link-page-info > span, .next-link-page-info > span {

     display: block;

}

 .prev-link-page-info .date-details, .next-link-page-info .date-details {

     font-size: 14px;

     letter-spacing: .025em;

     line-height: 20px;

     margin-bottom: -2px;

}

 .prev-link-page-info .date-details > div, .prev-link-page-info .date-details > span {

     line-height: inherit;

     transition: 0.45s;

     font-weight: 500;

}

 .next-link-page-info .date-details > div, .next-link-page-info .date-details > span {

     line-height: inherit;

     transition: 0.45s;

     font-weight: 500;

}

 .prev-link-page-info .date-details:only-child, .next-link-page-info .date-details:only-child {

     margin-top: 0;

}

 @media (max-width: 767px) {

     .prev-page, .next-page {

         width: calc(100% - 20px);

         max-width: unset;

    }

     .prev-page + .next-page {

         margin-top: 0;

    }

     .page-navigation {

         flex-direction: column;

    }

}

 @media (max-width: 575px) {

    .footer-peak-logo{

        display: flex;

        align-items:center;

        column-gap: 10px;

        overflow:hidden;

    }

    .blog-listing-sec .title-style3 span {

        margin-bottom:18px;

    }

    .blog-listing-sec article.card .card-body .h5{

        min-height:73px;

    }

    .blog-listing-mobile-slider .slick-arrow{

        display:block!important;

        z-index: 999;

    }

    p{

        font-size:14px;

    }

    .blog-listing-mobile-slider  i{

        color: red;

        font-size: 25px;

    }

    .blog-listing-mobile-slider .slick-next{

        position: absolute;

        right:-47%!important;

    }

    .blog-listing-mobile-slider .slick-prev{

        position: absolute;

        left:-47%!important;

    }

    .blog-listing-mobile-slider .slick-arrow:before{

        display:none;

    }

    .blog-listing-mobile-slider .slick-slide{

        padding:25px;

    }

    .footer-peak-logo img{

        margin-bottom:0!important;

        width:48%!important;

    }

     .prev-page .page-info > a, .next-page .page-info > a {

         padding: 10px;

    }

     .prev-page .page-info .prev-title, .prev-page .page-info .next-title {

         max-width: 168px;

    }

     .next-page .page-info .prev-title, .next-page .page-info .next-title {

         max-width: 168px;

    }

    .slider-fade1 p{

        font-size:16px;

    }

    .slider-fade1 .h5{

        font-size:16px;

        margin-bottom:18px;

    }

}

/* large icons */

 .icon-lg {

     font-size: 236px;

     position: absolute;

     z-index: 1;

}

 .icon-lg.right-bottom {

     right: -125px;

     bottom: -60px;

}

.footer-peak-logo img{

    margin-top:36%;

}

/* tags */

 .tags a {

     border: 1px solid rgba(0, 0, 0, 0.1);

     border-radius: 3px;

     padding: 5px 10px;

     font-size: 14px;

     line-height: 20px;

     margin: 0.6rem 10px 0 0;

     display: inline-block;

}

 .tags a:hover {

     border-color: var(--main-color);

     background: var(--main-color);

     color: #fff;

}

/* meta details */

 .meta {

     padding: 0;

     margin-bottom: 1rem;

}

 .meta li {

     display: inline-block;

     font-size: 16px;

     font-weight: 500;

     margin: 5px;

}

 .meta li i {

     margin-right: 6px;

     color: var(--secondary-color);

}

.media-body h5 a{

    font-size:12px;

    text-transform:uppercase;

}

/* share post */

 .share-post span {

     font-weight: 700;

}

 .share-post li {

     display: inline-block;

     margin: 0 5px 0 5px;

}

 .share-post li:last-child {

     margin-right: 0;

}

/* post reply */

 .comments-area .comment-box {

     margin-bottom: 2rem;

     padding-bottom: 2rem;

     border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

 .comments-area > .comment-box:last-child {

     margin-bottom: 0;

     padding-bottom: 0;

     border-bottom: none;

}

 .author-thumb img {

     border-radius: 50%;

     width: 80px;

}

 .comment-box .author-thumb {

     width: 80px;

     float: left;

}

 .comment-box .comment-info {

     overflow: hidden;

     position: relative;

     margin-left: 100px;

}

 .comment-reply-link {

     color: var(--main-color);

     background: rgba(55, 125, 255, 0.1);

     padding: 5px 18px;

     font-weight: 500;

     border-radius: 4px;

     font-size: 14px;

}

 .comment-reply-link:hover {

     color: #fff;

     background: var(--main-color);

}

 a#cancel-comment-reply-link {

     color: var(--main-color);

     background: rgba(55, 125, 255, 0.1);

     padding: 12px 18px;

     font-weight: 500;

     border-radius: 4px;

     font-size: 14px;

     transition: 0.3s;

     float: right;

}

 a#cancel-comment-reply-link:hover {

     color: #fff;

     background: var(--main-color);

}

/* progress bars */

 .progress-text {

     font-size: 15px;

     margin-bottom: 8px;

}

 .custom-progress {

     height: 4px;

     border-radius: 50px;

     box-shadow: none;

     margin-bottom: 2rem;

}

 .custom-bar {

     height: 100%;

     background-color: var(--main-color);

     box-shadow: none;

}

/* animation */

 .ani-left-right {

     animation-duration: 5s;

     animation-iteration-count: infinite;

     animation-name: LeftRight;

     animation-timing-function: ease-in-out;

}

 @keyframes LeftRight {

     0% {

         transform: translate(0px, 0px);

    }

     65% {

         transform: translate(30px, 0);

    }

     100% {

         transform: translate(0px, 0px);

    }

}

 .ani-top-bottom {

     animation-duration: 5s;

     animation-iteration-count: infinite;

     animation-name: TopBottom;

     animation-timing-function: ease-in-out;

}

 @keyframes TopBottom {

     0% {

         transform: translate(0px, 0px);

    }

     65% {

         transform: translate(0, 30px);

    }

     100% {

         transform: translate(0px, 0px);

    }

}

/* triangle */

 .triangle-shape {

     position: absolute;

     animation: animationFramesOne 30s infinite linear;

     opacity: .5;

     background-color: var(--secondary-color);

     text-align: left;

     -webkit-transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866);

     transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866);

     width: 15px;

     height: 15px;

     border-top-right-radius: 30%;

}

 .triangle-shape:before {

     -webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);

     transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);

}

 .triangle-shape:after, .triangle-shape:before {

     content: '';

     position: absolute;

     background-color: inherit;

}

 .triangle-shape:after {

     -webkit-transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);

     transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);

     width: 15px;

     height: 15px;

     border-top-right-radius: 30%;

}

 .triangle-shape:before {

     width: 15px;

     height: 15px;

     border-top-right-radius: 30%;

}

 .triangle-shape:after, .triangle-shape:before {

     content: '';

     position: absolute;

     background-color: inherit;

}

/* square */

 .square-shape {

     width: 0;

     height: 0;

     border: 10px solid transparent;

     border-bottom-color: var(--main-color);

     position: absolute;

     animation: animationFramesTwo 13s infinite linear;

}

 .square-shape:after {

     content: '';

     width: 0;

     height: 0;

     position: absolute;

     left: -10px;

     top: 10px;

     border: 10px solid transparent;

     border-top-color: var(--main-color);

}

 @keyframes animationFramesOne {

     0% {

         transform: translate(0px, 0px) rotate(0deg);

    }

     20% {

         transform: translate(73px, -1px) rotate(36deg);

    }

     40% {

         transform: translate(141px, 72px) rotate(72deg);

    }

     60% {

         transform: translate(83px, 122px) rotate(108deg);

    }

     80% {

         transform: translate(-40px, 72px) rotate(144deg);

    }

     100% {

         transform: translate(0px, 0px) rotate(0deg);

    }

}

 @-webkit-keyframes animationFramesOne {

     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 animationFramesTwo {

     0% {

         transform: translate(0px, 0px) rotate(0deg) scale(1);

    }

     20% {

         transform: translate(73px, -1px) rotate(36deg) scale(0.9);

    }

     40% {

         transform: translate(141px, 72px) rotate(72deg) scale(1);

    }

     60% {

         transform: translate(83px, 122px) rotate(108deg) scale(1.2);

    }

     80% {

         transform: translate(-40px, 72px) rotate(144deg) scale(1.1);

    }

     100% {

         transform: translate(0px, 0px) rotate(0deg) scale(1);

    }

}

 @-webkit-keyframes animationFramesTwo {

     0% {

         -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);

    }

     20% {

         -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);

    }

     40% {

         -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);

    }

     60% {

         -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);

    }

     80% {

         -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);

    }

     100% {

         -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);

    }

}

/* shapes */

 .square-shape-two {

     position: absolute;

     opacity: 0;

     width: 20px;

     height: 20px;

     border: 2px solid var(--secondary-color);

     animation: animationFramesTwo 25s infinite linear;

}

 .round-shape-one {

     position: absolute;

     width: 225px;

     height: 225px;

     border-radius: 50%;

     border: 1px dashed rgba(51, 214, 135, 0.4);

     animation: rotated 10s infinite linear;

}

 .round-shape-one:before {

     content: "";

     width: 10px;

     height: 10px;

     position: absolute;

     top: 50%;

     left: -5px;

     background: var(--secondary-color);

     border-radius: 50%;

}

 @-webkit-keyframes rotated {

     0% {

         -webkit-transform: rotate(0);

         transform: rotate(0);

    }

     100% {

         -webkit-transform: rotate(360deg);

         transform: rotate(360deg);

    }

}

 @keyframes rotated {

     0% {

         -webkit-transform: rotate(0);

         transform: rotate(0);

    }

     100% {

         -webkit-transform: rotate(360deg);

         transform: rotate(360deg);

    }

}

 .shape-five {

     position: absolute;

     width: 16px;

     height: 16px;

     border-radius: 16px;

     background: var(--main-color);

     -webkit-animation: rotate3d 10s linear infinite;

     -moz-animation: rotate3d 10s linear infinite;

     -o-animation: rotate3d 10s linear infinite;

     animation: rotate3d 10s linear infinite;

}

 @keyframes rotate3d {

     0% {

         -webkit-transform: rotateY(0deg);

         -moz-transform: rotateY(0deg);

         -ms-transform: rotateY(0deg);

         -o-transform: rotateY(0deg);

         transform: rotateY(0deg);

    }

     100% {

         -webkit-transform: rotateY(360deg);

         -moz-transform: rotateY(360deg);

         -ms-transform: rotateY(360deg);

         -o-transform: rotateY(360deg);

         transform: rotateY(360deg);

    }

}

/*search page*/

 .search-form_input {

     color: var(--main-color);

}

 .search-frame h4 a:hover {

     color: var(--main-color);

}

 .search-frame .search_list .match {

     color: var(--main-color);

}

 .search-frame .search_list li:before {

     color: var(--main-color);

}

 .search-frame .search_list li + li {

     border-top: 3px solid var(--main-color);

}

 .search-frame .search {

     color: var(--main-color);

}

/*============================== * Contact info * ================================ */

/* contact form */

 .contact-form {

     background: #fff;

     box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);

     margin-left: -100px;

}

 .contact-img {

     margin-right: -100px;

}

 .contact-map {

     height: 900px;

     width: 100%;

     vertical-align: top;

     border: 0;

}

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

     .contact-img {

         margin-right: 0;

    }

     .contact-map {

         height: 400px;

    }

     .contact-form {

         margin-left: 0;

    }

    .partner-of-team-sec .counter-mobile-slider .slick-slide{

        padding:0 20px 0 35px;

    }

    .partner-of-team-sec .slick-dotted.slick-slider{

        padding-right:0;

    }

}

 .map {

     height: 400px;

     width: 100%;

     vertical-align: top;

     border: 0;

}

/* quform */

 .form-group {

     margin-bottom: 1rem;

}

 .form-group label {

     margin-bottom: .5rem;

}

 .form-control:focus {

     border-color: var(--main-color);

}

 .form-check-input:checked {

     border-color: var(--main-color);

     background-color: var(--main-color);

}

 .quform-input {

     position: relative;

}

 .quform-input .quform-errors-wrap {

     position: absolute;

     right: 8px;

     top: 0;

     line-height: normal;

     z-index: 1;

}

 .quform-element > label {

     font-weight: normal;

     padding-bottom: 5px;

     margin-bottom: 0;

     color: #6a747b;

     font-size: 15px;

}

 .quform-element > label .quform-required {

     color: #cc0101;

     font-size: 10px;

}

 .quform-inner input {

     width: 100%;

}

 .quform-elements .quform-element textarea {

     margin-bottom: 0;

     padding: 8px 15px;

     vertical-align: top;

}

 .quform-elements .quform-element select {

     margin-bottom: 0;

     padding: 8px 35px 8px 15px;

}

 .quform-errors {

     padding: 0;

     margin: 0;

     line-height: normal;

}

 .quform-errors > .quform-error {

     padding: 0;

     background: none;

     border: none;

     float: none;

     color: #f5543f;

     font-size: 11px;

     line-height: normal;

     letter-spacing: normal;

}

 .quform-outer-no-js .quform-error {

     padding: 0;

     background: none;

     border: none;

     float: none;

     color: #f5543f;

     font-size: 11px;

     line-height: normal;

     letter-spacing: normal;

}

 .quform-outer-no-js .quform-success-message {

     padding: 0.75rem 1.25rem 0.75rem 3rem;

}

 .quform-has-error input, .quform-has-error textarea, .quform-has-error select, .quform-has-error input[type=file], .quform-has-error .custom-file-label {

     border-color: #f5543f;

}

 .quform-success-message {

     padding: 0.75rem 1.25rem 0.75rem 3rem;

}

 .quform-submit-inner {

     float: none;

     margin-top:1%;

}

 .quform-loading-wrap {

     float: none;

}

 .quform-loading-wrap .quform-loading {

     display: inline-block;

}

 .quform-element {

     margin-bottom: 1rem;

}

/* newsletter */

 .newsletter-form .quform-elements {

     position: relative;

}

 .newsletter-form .quform-submit-inner {

     position: absolute;

     right: 0;

     top: 1px;

     width: auto;

     background: var(--secondary-color);

     height: 48px;

     border-left: 1px solid rgba(0, 0, 0, 0.05);

     -webkit-border-top-right-radius: 0.25em;

     -webkit-border-bottom-right-radius: 0.25em;

     -moz-border-radius-topright: 0.25em;

     -moz-border-radius-bottomright: 0.25em;

     border-top-right-radius: 0.25em;

     border-bottom-right-radius: 0.25em;

}

 .newsletter-form .quform-loading-wrap {

     margin-top: 0;

     margin-bottom: 0;

     margin-left: 0;

}

 .newsletter-form input {

     border: 1px solid rgba(0, 0, 0, 0.1);

     height: 50px;

     padding: 0.5rem 4rem 0.5rem 1rem;

}

 .newsletter-form .quform-has-error input, .newsletter-form .quform-has-error textarea, .newsletter-form .quform-has-error select {

     border-color: #f5543f;

}

 .newsletter-form .quform-input .quform-errors-wrap {

     right: 15px;

}

 .newsletter-form i {

     font-size: 1.2rem;

     line-height: 2rem;

}

/*============================== * Footer * ================================ */

 footer {

     background: #1e2022;

     word-break: break-word;

}

/* footer-style1 */

 .footer-style1 > .container {

     padding-top: 70px;

     padding-bottom: 24px;

}

 .footer-style1 h3 {

     color: #fff;

     font-size: 18px;

     font-weight: 600;

     margin-bottom: 25px;

     line-height: 1;

     position: relative;

}

 .footer-style1 h3:after {

     content: none;

}

 .footer-style1 .footer-bar {

     padding-top: 20px;

     padding-bottom: 20px;

     margin-top: 0;

     border-top: 1px solid rgba(255, 255, 255, 0.075);

     color: rgba(255, 255, 255, 0.85);

}

 .footer-style1 .footer-bar p {

     margin-top: 5px;

     margin-bottom: 0;

}

 .footer-style1 ul {

     margin-bottom: 0;

}

 .footer-style1 li {

     margin-bottom: 10px;

     list-style: none;

}

 .footer-style1 li:last-child {

     margin-bottom: 0;

}

 .footer-style1 li a {

     color: rgba(255, 255, 255, 0.85);

}

 .footer-style1 li a:hover {

     color: var(--secondary-color);

}

 .footer-style1 .social-icons ul {

     margin: 0;

     padding: 0;

}

 .footer-style1 .social-icons li {

     display: inline-block;

     margin-right: 1px;

     margin-bottom: 0;

}

 .footer-style1 .social-icons li:last-child {

     margin-right: 0;

}

 .footer-style1 .social-icons li a {

     font-size: 14px;

     height: 35px;

     line-height: 36px;

     width: 35px;

     background: #f5f5f5;

     color: rgba(0, 0, 0, 0.65);

     border-radius: 3px;

     display: inline-block;

     text-align: center;

}

 .footer-style1 .social-icons li a:hover {

     background: var(--main-color);

     color: #fff;

}

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

     .footer-style1 > .container {

         padding-top: 50px;

         padding-bottom: 24px;

    }

}

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

     .footer-style1 > .container {

         padding-top: 40px;

         padding-bottom: 40px;

    }

     .footer-style1 h3 {

         margin-bottom: 20px;

    }

    .footer-peak-logo img {

        margin-top:2%;

    }

}

/* custom footer style */

 .footer-style1 .social-icons2 ul {

     margin: 0;

     padding: 0;

}

 .footer-style1 .social-icons2 li {

     display: inline-block;

     margin-right: 5px;

     margin-bottom: 0;

}

 .footer-style1 .social-icons2 li:last-child {

     margin-right: 0;

}

 .footer-style1 .social-icons2 li a {

     font-size: 14px;

     height: 35px;

     line-height: 36px;

     width: 35px;

     background: rgba(255, 255, 255, 0.1);

     color: #fff;

     border-radius: 50px;

     display: inline-block;

     text-align: center;

}

 .footer-style1 .social-icons2 li a:hover {

     background: #fff;

     color: var(--secondary-color);

}


      /* Marquee container styling */
      .marquee-container {
        width: 100%;
        overflow: hidden;
        background-color: #f4f4f4;
        padding: 6px 15px;
        margin-bottom: 0px;
        position: relative;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        display: flex;
        align-items: center; /* Ensure vertical alignment */
      }
 
      /* Email icon container */
      .email-icon-container {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: white;
        width: 30px;
        height: 30px;
        margin-right: 10px; /* Space between icon and marquee text */
        flex-shrink: 0; /* Prevent the icon from shrinking */
      }
 
      /* Email icon styling */
      .email-icon {
        font-size: 20px;
        color: red;
      }
 
      .marquee-wrapper {
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
        border: 1px solid rgb(36, 3, 144);
      }
 
      .marquee-text {
        display: inline-block;
        white-space: nowrap;
        padding-left: 38%; /* Start fully offscreen on the right */
        animation: marquee 20s linear infinite;
      }
 
      /* Marquee animation */
      @keyframes marquee {
        0% {
          transform: translateX(100%); /* Start off the screen to the right */
        }
        100% {
          transform: translateX(-100%); /* Move offscreen to the left */
        }
      }
 
      /* Stop animation on hover */
      .marquee-container:hover .marquee-text {
        animation-play-state: paused;
      }
 
      /* Link styling */
      .marquee-text a {
        text-decoration: none;
        color: black;
        transition: color 0.3s;
      }
 
      .marquee-text a:hover {
        color: #007bff;
      }

.twitter-scroll {
    background: #eee;
    height: 30px;
    line-height: 30px;
    margin: 5px 20px;
    overflow: hidden;
    position: relative
}
.dap-tw-logo {
    background-color: #fff;
    box-shadow: 1px 0 0 0 #ddd;
    height: 30px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 38px
}

.dap-tw-logo:after {
    border-bottom: 6px solid transparent;
    border-left: 6px solid #ee1d23;
    border-top: 6px solid transparent;
    filter: drop-shadow(2px 0px 0px #fff);
    content: "";
    height: 0;
    margin-top: -6px;
    position: absolute;
    right: -5px;
    top: 50%;
    width: 0
}

.dap-tw-logo img {
    vertical-align: text-bottom
}    

/* hideen list code */

.hidden-list {
    display: none;
}



/*# sourceMappingURL=styles.css.map */