*{margin: 0; padding: 0}
:focus{outline: none}
html {
    scroll-behavior: smooth;
}
html,
body {
    font-size: 100%;
    color: #31334E; font-size: 16px; line-height: 1.1; font-family: 'Sofia Pro Regular'; font-weight: 400;
}
body a {
    transition: 0.6s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    text-decoration: none;
    font-size: 1rem;
}
body a:hover{text-decoration: none}
body img {
    transition: 0.6s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    text-decoration: none;
}
a:not([href]):not([tabindex]) {
    color: #fff;
}
a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
    color: #fff;
    cursor: pointer;
    user-select: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 400;
    color: #31334E;
    transition: 0.6s all ease;
} 

/* title */
p,
.table th,
.table td {
    line-height: 2.2rem;
    font-size: 1.4rem;
    color: #231F20;
    margin: 0;
    transition: 0.6s all ease;
}
p,
li,
a {
    line-height:1.5;
    font-size: 16px;
    color: #31334E;
    font-weight: 400;
    margin: 0;
    transition: 0.6s all ease;
}
ul {
    margin: 0;
    padding: 0;
}

li {
    list-style-type: none;
}

/* fluid */
.container-fluid {
    padding-left: 80px;
    padding-right: 80px;
}
.page-wrapper{padding: 0 40px}

h1{font-size: 70px; line-height: 1.1; font-family: 'Sofia Pro SemiBold'; }
h2{font-size: 60px; line-height: 1.1; font-family: 'Sofia Pro SemiBold'; }
h3{font-size: 50px; line-height: 1.1; font-family: 'Sofia Pro SemiBold'; }
h4{font-size: 40px; line-height: 1.1; font-family: 'Sofia Pro Regular'; }
h5{font-size:36px; line-height: 1.1;  font-family: 'Sofia Pro Regular'; }
h6{font-size:28px; line-height: 1.1; font-family: 'Sofia Pro SemiBold';}
h1 span, h2 span, h3 span{color: #FA3B29;}
.bg-red{background: #FA3B29 !important; color: #fff !important;}
.grey-color {color: #76778E !important;}
.button-group{display: flex; justify-content: center; align-items: center; gap:10px}

.blue-btn {
    background: #31334E;
    color: #fff;
    min-width: 140px;
    border-radius: 50px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    height: 100%;
    padding: 4px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
}
.blue-btn img {
    margin: 0 -10px 0 10px;
}
.blue-btn:hover {
    background: #FA3B29;
    color: #fff;
}



.common-btn{
    background: #fff;
    border-radius: 50px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    min-width:140px;
    height:32px;
    padding: 4px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px; border: 2px solid transparent; line-height:27px;
}
.common-btn img {
    margin-left: 10px;
    position: relative;
    right: -12px;
}
.common-btn:hover {
    color: #fff !important;
    border-color: #FA3B29 !important;
    background: none !important;
}
.menu-toggle{display: none;}
.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff; /* White with 0.5 opacity */
    z-index: 1000;
}
header{padding: 15px 0; transition: 0.6s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
}
header .logo{max-width:100%;}
header .logo img{width:100%;}
header .header-right {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: flex-end;
    align-items: center; gap: 50px;
}

header .header-right .nav {
    display: flex;
    gap:30px;
    justify-content: flex-end;
}

header .header-right .nav li{ font-size:16px; line-height:1.1;}
header .header-right .nav li.active a::before{width: 100%;  background: #FA3B29;
    left: 0;}

header .header-right .nav li a{position: relative; color: #31334E;
        padding: 10px 0px;
    display: block;}
header .header-right .nav li a::before {
    bottom:5px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: all .3s linear;
    width: 0;
}
header .header-right .nav li a:hover{text-decoration: none}
header .header-right .nav li a:hover::before {
    background: #FA3B29;
    left: 0;
    width: 100%;
}
header .header-right li.menu-item-has-children ul.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    background: #fff;
    padding: 5px 0;
    min-width: 300px;
    box-shadow: 0 4px 8px rgb(0 0 0 / 10%);
    z-index: 999;
    padding: 0;
}

header .header-right li.menu-item-has-children:hover   ul.sub-menu {
    display: block;
}

header .header-right li{
    position:relative;
}

ul.sub-menu li > a {
    padding: 10px 20px !important;
    display: block;
    border-bottom: solid 1px #00000014;
    font-size: 14px;
}

header .header-right li.menu-item-has-children ul.sub-menu li a:before {
    display: none;
}

ul.sub-menu li a:hover {
    background: #fa3b29;
    color: #fff;
}
header .header-right .nav li.current_page_item a::before {
    background: #FA3B29;
    left: 0;
    width: 100%;
}


header .header-right ul.action-links{display: flex; gap: 10px}
header .header-right ul.action-links li{ font-size:14px;}
header .header-right ul.action-links li a {
    background: #fff;
    border-radius: 50px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    width: 100%;
    height: 100%;
    padding: 4px 15px;
    display: flex;
    align-items: center;
    justify-content: center; font-size: 14px;
   
}

header .header-right ul.action-links li:last-child a{background: #FA3B29; color: #fff; min-width: 126px}
header .header-right ul.action-links li a:hover{background: #31334E; color: #fff;}

header .header-right ul.action-links li:last-child a img {
    margin: 0 -15px 0 10px;
}
header .header-right ul.action-links li a img {
    margin-right: 5px;
    margin-left: -11px;
}
.home-hero{padding: 50px 0}
.home-hero h1 span{color: #FA3B29}
.home-hero ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 50px 0;
}
.home-hero ul li{width: calc((100% - 20px) / 3); box-sizing: border-box;}
.home-hero ul li .card-links:hover{background: #31334E;}
.home-hero ul li .card-links:hover h5{color: #fff;}
.home-hero ul li .card-links:hover .right a{left: 5px}
.home-hero ul li .card-links {
    display: flex;
    gap: 20px;
    align-items: center;
    border-radius: 12px;
    padding: 40px;
    background: rgba(118, 119, 142, 0.1);
    justify-content: space-between;
    transition: 0.6s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease; height:145px;
}
.home-hero ul li .card-links h5{font-size: 26px; line-height: 1.1; text-transform: capitalize; font-family: 'Sofia Pro SemiBold';}
.home-hero ul li .card-links h5 span{color: #FA3B29}
.home-hero ul li .card-links .right{display: flex; align-items: center; gap:15px}
.home-hero ul li .card-links .right > img{border-radius: 100%; width: 65px; height: 65px; object-fit: cover;}

.home-hero ul li .card-links .right a{position: relative; left: 0}
.home-hero ul li .card-links .right .arrow{max-width: 26px; height: auto;}


.welcome-container{width:100%; border-radius: 40px; background: url(../images/wel-come-bg.svg) no-repeat top center #31334E; position: relative; background-size: cover;}
.welcome-container .welcome-top{width:100%;  text-align: center; position: relative;}
.welcome-container .welcome-top figure{position: relative;}

.welcome-container .welcome-top figure::before {
    position: absolute;
    left: 0;
    bottom: -30px;
    width: 100%;
    height: 100%;
    content: "";
    background: url(../images/girl-image-overlay.png) no-repeat top center;
    background-size: cover;
    z-index: 1;
}




.welcome-container .welcome-top figure{margin:0;}
.welcome-container .welcome-top figure img{margin-top: 20px}
.welcome-text h3{color: #fff;  max-width:860px; margin:0 auto 35px}
.welcome-text p{color: #fff; font-size: 22px; line-height: 1.3; max-width: 865px; margin: 0 auto 25px}
.welcome-container .welcome-top .welcome-text {
    position: absolute;
    top: 330px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    z-index: 2;
}


.expertise-section {
    color: #fff;
    padding: 0;
    position: relative;
    z-index: 2;
    margin: 50px 0 80px; 
	justify-content: center;
}

.expertise-section .left-panel {
  position: relative;
  border-radius: 12px;
  overflow: hidden; 
  width:100%; 
  height: 800px;
}
.expertise-section .left-panel h3{color: #fff; margin-bottom:20px}
.expertise-section .left-panel p{color: #fff; font-size: 20px; line-height: 1.3; max-width: 448px; margin: 0 auto;}
.expertise-section .left-panel > figure {
    position: relative;
    margin: 0;
    height: 100%;
}
.expertise-section .left-panel > figure::before {
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 100%;
    content: "";
    background: url(../images/girl-image-overlay.svg) no-repeat top center;
    background-size: cover;
}
.expertise-section .left-panel .main-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; border-radius: 15px;
}

.expertise-section .left-panel .left-panel-text {
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 50px 30px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.expertise-section .left-panel .text-overlay h2 {
  margin: 0;
  font-size: 32px;
  font-weight: bold;
}

.expertise-section .left-panel .text-overlay p {
  margin-top: 15px;
  font-size: 16px;
  line-height: 1.5;
}

.expertise-section  .right-panel {
    display: flex;
    gap: 10px; width:100%;
}

.expertise-section  .right-panel .col {
    padding: 0;
    gap: 10px;
    display: flex;
    flex-direction: column;
}
.expertise-section  .right-panel .exp-box {
    background: #FA3B29;
    border-radius: 15px;
    color: white;
    text-align: center;
    padding: 30px 20px;
    flex-shrink: 0;
    min-height: 220px;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.expertise-section  .right-panel .exp-box h3 {
    font-size: 90px;
    margin: 0 0 10px 0;
    color: #fff;
}
.expertise-section  .right-panel .exp-box p {
    margin:0;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff;
}

.expertise-section  .right-panel .img-box {
  border-radius: 12px;
  overflow: hidden;
  height: 100%;
}

.expertise-section  .right-panel .img-box img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 15px;
}


.medical-info-container {
    width: 100%;
    border-radius: 40px;
    margin: 50px 0;
}
.medical-info-container .top-img-box {
    width: 100%;
    position: relative;
    margin: 0;
    text-align: center;
}
.medical-info-container .top-img-box img {
    max-width: 100%;
    width: 100%; border-radius: 40px 40px 0 0;
}

.medical-info-container .top-img-box::before {
    position: absolute;
    left: 0;
    bottom:0;
    width: 100%;
    height: 100%;
    content: "";
    background: url(../images/medical-container-overlay.svg) no-repeat top center;
    background-size: cover;
    z-index: 1;
}

.medical-info-container .top-img-box h2 {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #31334E;
    bottom:50px;
    width: 100%;
    color: #31334E;
    z-index: 1; max-width: 1200px;
}
.medical-info-container .top-img-box h2 .grey-color{color:#76778E !important;}

.medial-card-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
}
.medial-card-container .row{margin: 0 -5px}

.medial-card-container [class^="col-"],
.medial-card-container [class*=" col-"] {
  padding: 5px;
}
.medial-card-container .card {
    background: #31334E;
    border-radius: 12px;
    padding: 40px 30px;
    text-align: center;
    box-sizing: border-box;
    width:100%; border: 0; position: relative;  max-height: 570px; height: 100%;
    transition: 0.6s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    overflow: hidden;
    position: relative;
}
.medial-card-container .card.last:hover:after{opacity: 0;}
.medial-card-container .card:hover:after{
opacity: 1;
}
.medial-card-container .card:after {
  content: "";
  position: absolute; border-radius: 14px;
  inset: 0;
  background: linear-gradient(180deg, #31334E 0%, #76778E 100%);
  opacity: 0;
  -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
} 
.medial-card-container .card figure {
    max-width: 280px;
    width: 100%;
    margin: 0 auto; position: relative; z-index: 1; margin-top: -10px;
}
.medial-card-container .card figure img{width: 100%;}
.medial-card-container .card .top-text {
    position: relative;
    z-index: 2;
}

.medial-card-container .card.full {
    width: 100%;
    display: flex;
    flex-direction: row; overflow: visible;
}
.medial-card-container .card.full .left-text {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    max-width: 360px; position: relative; z-index: 1;
}
.medial-card-container .card.full figure {
    position: absolute;
    right: 50px;
    bottom: 0;
    margin: 0;
    width: 100%;
    max-width: 270px;
    height: 400px;
    overflow: hidden;
}
.medial-card-container .card.full figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top;
}

.medial-card-container .card.full .left-text .common-btn{margin:0}

.medial-card-container .card h5{color: #ffff}
.medial-card-container .card h5 span{color: #76778E}
.medial-card-container .card p {
    color: #ffff;
    font-size: 20px;
    line-height: 1.3;
    margin: 20px 0 30px;
    display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;  
}

.medial-card-container .card .common-btn {
    max-width: 135px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.18) !important; color: #fff; border: 1px solid #A0A0A0;
}

.medial-card-container .card.last{padding: 0; position: relative; background: none}
.medial-card-container .card.last > img{width: 100%;}
.medial-card-container .card.last .bottom-text{width: 100%;}
.medial-card-container .card.last .bottom-text {
    position: absolute;
    left: 0;
    bottom:25px;
    z-index: 1;
    color: #fff;
    padding:25px 50px;
}
.medial-card-container .card.last .bottom-text h6 {
    color: #fff;
    margin-bottom: 27px;
    line-height: 1.1;
}


.faq-container{width:100%; padding:40px 0;}
.faq-container .top-text{width: 100%; text-align: center;}
.faq-container .top-text span{ font-size: 16px; line-height: 1.1; color: #FA3B29} 
.faq-container .top-text h3{margin:20px 0}
.faq-container .top-text h3 span{font-size: 100%;}
.faq-container .top-text p{font-size: 18px; line-height: 1.1;}
.faq-container .faq-data {
    padding: 40px 0;
    max-width: 1062px;
    margin: 0 auto;
}
.faq-container .faq-item {
    border-bottom: 2px solid #ddd;
    padding:16px 0;
    cursor: pointer;
}

.faq-container .faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    font-family: 'Sofia Pro Medium';
    color: #31334E;
}
.faq-container .faq-icon i{
    font-size: 24px;
    transition: transform 0.3s ease;
    background: #7B768E10;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    color: #76778E; flex-shrink: 0; margin-left: 15px;
     transition: 0.6s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
.faq-container .faq-icon i:hover{background: #31334E;}
.faq-container .faq-icon:hover i{color: #fff;}

.faq-container .faq-answer {
      overflow: hidden;
      height: 0;
      opacity: 0;
      transition: height 0.4s ease, opacity 0.4s ease;
    }

.faq-container .faq-text {
      padding-top: 10px;
      color: #555;
      font-size: 16px; line-height: 1.5; font-family: 'Sofia Pro Regular';
    }
.faq-container .faq-text p{margin-bottom:15px;}
.faq-container .faq-text p:last-child{margin-bottom: 0;}



.testimonial-container {
    width: 100%;
    position: relative;
    padding-bottom: 100px;
}
.testimonial-container .slick-list{margin: 0 -15px}

.testimonial-slider{display: flex; gap: 15px; margin:30px 0}
.testimonial-card {
    background: #31334E;
    border-radius: 12px;
    padding: 40px 30px;
    display: flex !important;
    flex-direction: column;
    gap: 35px;
    min-height: 280px;
    justify-content: space-between;
}
.testimonial-card .text{position: relative;}
.testimonial-card .text::before {
    position: absolute;
    content: "";
    width: 32px;
    height: 30px;
    background: url(../images/quote.svg) no-repeat 0 0;
    right: 0;
    bottom: -31px;
}
.testimonial-card .text p{font-size: 16px; line-height: 1.4; color: #fff;}
.testimonial-card figure {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 15px;
}
.testimonial-card figure img{width: 50px; height: 50px; border-radius: 100%; object-fit: cover; background: #fff;}

.testimonial-card figure span{color: #76778E; font-size: 16px; font-family: 'Sofia Pro Bold';}

.testimonial-slider .slick-arrow{position:absolute; top: 0; z-index: 9;}
.testimonial-slider .slick-next {
    right: 8px;
    left: auto;
    font-size: 0;
    border: 0;
    background: url(../images/next-arrow.svg) no-repeat center center #fff;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    top: -70px;
    background-size:15px;
    transition: all .3s linear; border: 1px solid #ddd;
}
.testimonial-slider .slick-prev {
    right: 56px;
    left: auto;
    font-size: 0;
    border: 0;
    background: url(../images/prev-arrow.svg) no-repeat center center #fff;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    top: -70px;
    background-size:15px;
    transition: all .3s linear; border: 1px solid #ddd;
}

.testimonial-slider .slick-prev:hover{ background: url(../images/prev-arrow-white.svg) no-repeat center center #FA3B29;  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border: 0;}
.testimonial-slider .slick-next:hover{ background: url(../images/next-arrow-white.svg) no-repeat center center #FA3B29;  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border: 0;}

.testimonial-slider .slick-dots {
    display: flex;
    list-style: none;
    position: absolute;
    width: 100%;
    justify-content: center;
    align-items: center;
    bottom: -65px;
    gap:10px;
}

.testimonial-slider .slick-dots li button {
    width: 10px;
    height: 10px;
    border: 0;
    font-size: 0;
    background: #31334E;
    border-radius: 100%;
    transition: all .3s linear;
    transform: scale(1);
}

.testimonial-slider .slick-dots li.slick-active button{background: #FA3B29; transform: scale(1.5);}

.testimonial-slider .slick-slide {
    margin: 0 15px;
}


.our-partner-container{width:100%;}

.our-partner-box {
    background: #76778E10;
    padding: 45px 30px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 30px;
    overflow: hidden;
}
.our-partner-box h6{font-size: 26px; line-height: 1.1; color: #31334E; font-family: 'Sofia Pro SemiBold';}
.partner-slider {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin-left: auto;
}


.partner-slider .partner-logo {
    width: 20%;
    text-align: center;
    padding: 0 10px;
}
.partner-slider .partner-logo img {
    margin: 0 auto;
    max-width: 180px;
    max-height: 40px; width: 100%;
}


footer{width:100%; padding: 50px 0;}
.footer-data{display: flex; gap: 30px}
.footer-data .left {
    width:100%;
    background: #76778E10;
    border-radius: 20px;
    padding: 40px;
    display: flex;
    gap: 30px;
    flex-direction: column;
    display: flex;
    justify-content: space-between; height: 100%;
}
.footer-data .left .top-row{width:100%; display: flex;}
.footer-data .left .botton-row {
    display: flex;
    gap: 10px;
}
.footer-data .left .botton-row ul{width:auto;}

.footer-data .left h5{ font-size:24px; line-height:1.1; color: #31334E; font-family: 'Sofia Pro SemiBold'; position: relative; margin-bottom:45px}
.footer-data .left h5::before {
    bottom: -15px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 30px;
    background: #FA3B29;
}
.footer-data .left .column1{flex: 3; padding-right: 15px;}
.footer-data .left ul.address li b{margin-right: 5px; font-family: 'Sofia Pro SemiBold'; font-weight: normal;}
.footer-data .left .column2{flex: 1}
.footer-data .left ul{list-style: none; width:100%; display: flex; flex-direction: column; gap: 10px}
.footer-data .left ul li{font-size: 16px; line-height: 1.1; font-family: 'Sofia Pro Regular'; color: #31334E; text-transform: capitalize; }
.footer-data .left .botton-row ul li{position: relative;}
.footer-data .left .botton-row ul li::before {
    position: absolute;
    left: -4px;
    top: 1px;
    height: 18px;
    content: "";
    border-left: 1px solid #76778E;
}
.footer-data .left ul li a{color: #31334E;}
.footer-data .left ul.footer-menu li a{position: relative;}
.footer-data .left ul.footer-menu li a::before {
    bottom: -3px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: all .3s linear;
    width: 0;
}
.footer-data .left ul.footer-menu li a:hover::before {
    background: #FA3B29;
    left: 0;
    width: 100%;
}

.footer-data .left ul.social-media {
    flex-direction: row;
    margin: 40px 0 0 0;
    gap: 20px;
}
.footer-data .left ul.social-media li i{font-size:22px;}
.footer-data .left .botton-row p{font-size: 14px; color: #76778E; font-family: 'Sofia Pro Regular';}
.footer-data .left .botton-row ul{display: flex; flex-direction: row}
.footer-data .left .botton-row ul li a{font-size: 14px;}
.footer-data .left .botton-row ul li a:hover{color: #FA3B29;}




.footer-data .right{width:100%;}

.footer-data .right .card {
    background: #31334E;
    border-radius:20px;
    padding: 40px 30px;
    overflow: hidden; border:0;
    position: relative;
}
.footer-data .right .card::before {
    background: rgba(3, 5, 53, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 20px;
    z-index: 1;
}


.footer-data .right .card h6 {
    color: #fff;
    font-size: 30px;
    line-height: 1.1;
    font-family: 'Sofia Pro Regular';
}
.footer-data .right .card h6 span{color: #76778E}
.footer-data .right .certified-box {width: 100%; margin: 25px 0;}
.footer-data .right .certified-box p{color: #fff; font-size: 16px; margin-bottom: 10px}
.footer-data .right .certified-box ul{width:100%; display: flex; gap: 10px}
.footer-data .right .certified-box ul li img{max-width:85px; width: 85px; height: 85px}
.footer-data .right .card .text-box {
    max-width: 280px;
    position: relative;
    z-index: 1;
}
.footer-data .right .card .text-box .common-btn {
    max-width: 135px;
    margin: 0 auto;
   background: rgba(255, 255, 255, 0.18);
    color: #fff;
    border: 1px solid #A0A0A0;
   margin: 0;
}
.footer-data .right .card figure img{max-width: 100%;}
.footer-data .right .card figure {
    position: absolute;
    right: 0;
    margin: 0;
    bottom: -2px;
    max-width: 225px;
}


/********************Breadcrumb**********************/
.breadcrumb-container{margin: 50px 0;}
.breadcrumb-container .inner {
    background: #76778E10;
    border-radius: 12px;
    padding: 15px 55px;
    min-height: 135px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.breadcrumb-container .inner h3 {
    font-family: 'Sofia Pro Medium';
    font-size: 40px; line-height:1;
    max-width: 770px;


}


.breadcrumb-container nav ol {
    text-align: center;
    margin: 0;
    display: flex;
    justify-content:flex-end;
    align-items: center;
}
.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
   
}
.breadcrumb-container nav ol li a:hover{ color: #31334E;}
.breadcrumb-container nav ol li.active{color: #FA3B29;}

.welcome-container.about{margin-top:130px;}

.mission-vision-container{width: 100%; margin-top:80px;}
.mission-vision-container h3{text-align: center; font-family: 'Sofia Pro Regular'; margin-bottom:50px}
.mission-vision-container p {
    font-size: 22px;
    line-height: 1.5;
    font-family: 'Sofia Pro Regular';
}

.mission-vision-container .card{background: #76778E10; border-radius: 20px; padding:40px; border: 0; height: 100%; transition: background 0.8s ease, transform 0.8s ease;
position: relative;
}


.mission-vision-container .card:hover{
background: linear-gradient(180deg, #31334E 0%, #76778E 100%);
  transform: translateY(-5px); /* Optional lift effect */
}

..mission-vision-container .card:hover a{color: #fff;}
.mission-vision-container .card:hover p{color: #fff;}


.mission-vision-container .card .action-link {
    background: #FA3B29;
    min-height: 35px;
    max-width: 135px;
    border-radius: 30px;
    color: #fff;
    font-size: 18px;
    font-family: 'Sofia Pro Medium';
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 30px 0;
}


.heading-reff {
    font-size: 20px;
    line-height: 1.3;
    text-transform: uppercase;
    color: #fa3b29;
    letter-spacing: 1px;
    font-family: 'Sofia Pro SemiBold';
    margin-bottom: 15px;
    display: block;
}



.our-team { margin:80px 0;}

.our-team .inner {
    display: flex;
    flex-direction: column;
}
.our-team .top{width:100%; text-align:center;}
.our-team .top p{max-width: 800px; margin: 0 auto;}
.our-team .top h3{font-family: 'Sofia Pro Regular'; margin-bottom: 50px;}
.our-team .bottom{width:100%;}
.team-slider .slick-track{
	padding: 0 0 30px 0;
}
.team-slider .team-card {
    width: 25%;
    box-sizing: border-box;
    margin: 0 15px;
    background: #fff;
    border-radius: 12px;
}

.team-slider .team-card .inner{width:100%; position: relative;}
.team-slider .team-card .inner figure {
    width: 100%;
    margin: 0;
    position: relative;
    overflow: hidden;
    border-radius: 12px 12px 0 0; min-height: 350px; border-radius: 20px;
}
.team-slider .team-card .inner figure img{width:100%; border-radius:20px; 
object-fit: cover;
transition: all 0.4s ease-in-out; max-width: 400px; min-height: 335px;}
.team-slider .team-card .inner .text {
    margin: 0;
    width: 100%;
    padding: 20px 10px;
    background: rgba(49, 51, 78, 0.2);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  transition: background 0.6s ease, transform 0.6s ease;
  border-radius: 0 0 20px 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
}
.team-slider .team-card .inner .text h5{font-size:26px; font-family: 'Sofia Pro SemiBold'; margin-bottom:10px; color: #fff}
.team-slider .team-card .inner .text span {
    color: #fff;
    font-size: 16px;
}

.team-social-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
     position: absolute;
    right: 30px;
    top: 0;
    left: 30px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    z-index: 2;
}
.team-social-icon li a{width: 36px;
height: 36px;
border: 1px solid #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.4s ease-in-out;
}

.team-social-icon li a i {
    font-size: 18px;
    color:#fff;
}

.team-slider .team-card .inner figure::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(46, 48, 63, 0) 56.82%, rgba(46, 48, 63, 0.8) 100%);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    z-index: 1;
}

.team-slider .team-card .inner figure::after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255,255,255,.3);
    transform: translate(-50%,-50%) rotate(-45deg);
    z-index: 1;
}

.team-slider .team-card .inner figure:hover::after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.team-slider .team-card:hover .team-social-icon {
    top: 50%;
    opacity: 1;
    visibility: visible;

}

.team-slider .team-card:hover img {
    transform: scale(1.1);
}

.team-slider .team-card:hover .inner figure::before {
    opacity: 1;
}

.team-social-icon li a:hover{background: #31334E;}



.team-slider .slick-dots {
    display: flex;
    list-style: none;
    position: absolute;
    width: 100%;
    justify-content: center;
    align-items: center;
    bottom: -15px;
    gap:10px;
}

.team-slider .slick-dots li button {
    width: 10px;
    height: 10px;
    border: 0;
    font-size: 0;
    background: #31334E;
    border-radius: 100%;
    transition: all .3s linear;
    transform: scale(1);
}

.team-slider .slick-dots li.slick-active button{background: #FA3B29; transform: scale(1.5);}


.team-slider .slick-arrow{position:absolute; top: 0; z-index: 9;}
.team-slider .slick-next {
    right: 8px;
    left: auto;
    font-size: 0;
    border: 0;
    background: url(../images/next-arrow.svg) no-repeat center center #fff;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    top: -70px;
    background-size:15px;
    transition: all .3s linear; border: 1px solid #ddd;
}
.team-slider .slick-prev {
    right: 56px;
    left: auto;
    font-size: 0;
    border: 0;
    background: url(../images/prev-arrow.svg) no-repeat center center #fff;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    top: -70px;
    background-size:15px;
    transition: all .3s linear; border: 1px solid #ddd;
}

.team-slider .slick-prev:hover{ background: url(../images/prev-arrow-white.svg) no-repeat center center #FA3B29;  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border: 0;}
.team-slider .slick-next:hover{ background: url(../images/next-arrow-white.svg) no-repeat center center #FA3B29;  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border: 0;}

.award-container{
width: 100%;
border-radius: 20px;
position: relative;
text-align: center;
margin: 50px 0; position: relative;
}
.award-container .container-fluid{padding: 0;}

.awards-section h3{margin-bottom: 20px;}

.awards-container{
      display:flex;
      gap: 30px;
      margin: 35px 0; flex-wrap: wrap; justify-content: center;
    }
.awards-section  h3, .awards-section  p{max-width: 800px; margin: 0 auto 15px;}
.award-card-container{margin:45px 0 0 0}
.award-card {
    padding: 20px;
    border-radius: 12px;
    background: #f1f1f3;
    width: 100%;
    position: relative;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

 .award-card:hover {
      transform: translateY(-5px);
    }

  .award-card img {
    width: auto;
    max-height: 120px;
    margin-bottom: 15px;
}
    .award-card h4 {
      font-size: 18px;
      margin-bottom: 5px;
    }

    .award-card p {
      font-size: 14px;
      color: #76778E;
    }


/*****************Contact us********************/
.contact-container{width: 100%; padding-top: 30px}
.contact-container .image-box {
    width: 100%;
    margin: 0;
    height: 100%;
}
.contact-container .image-box img{width: 100%; border-radius: 20px; height: 100%; object-fit: cover;}
.contact-container .form-box{padding-left:100px;}
.contact-container .form-box form{width:100%;}
.contact-container .form-box form label{font-size: 16px; color: #31334E; font-family: 'Sofia Pro SemiBold';}
.contact-container .form-box form .inner{position: relative; width:100%; margin-bottom: 20px;}
.contact-container .form-box form .inner .wpcf7-not-valid-tip {
	position: absolute;
	left: 0;
	bottom: -20px;
	font-size: 14px;
	width: 100%;
	display: inline-block;
}
.contact-container .form-box form .inner label {
    position: absolute;
    left: 10px;
    top: -12px;
    background: #fff;
    padding: 2px 7px; z-index:9;
}
.contact-container .form-box form .form-control { min-height: 63px; border-radius: 12px;}

.contact-container .form-box form .submit-btn {
    width: 100%;
    background: #31334E;
    border-radius: 50px;
    font-size: 16px;
    color: #fff;
    font-family: 'Sofia Pro SemiBold';
    border: 0;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 35px;
    transition: 0.6s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}

.contact-container .form-box form .submit-btn img{position: relative; left: 0}
.contact-container .form-box form .submit-btn:hover img{left:15px}
.contact-container .form-box form .submit-btn:hover{background: #FA3B29;}
.contact-container .form-box form textarea{resize: none; height: 63px;}



.form-control {
  border-radius: 12px;
  border: 1px solid #ddd;
  padding: 12px 16px;
  box-shadow: none;
}
.form-box h4{font-size: 40px; line-height: 1.5; color: #31334E; margin-bottom: 30px; font-family: 'Sofia Pro Medium';}
textarea.form-control:focus,
input.form-control:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 0.15rem rgba(0, 123, 255, 0.25);
}
.map-container{margin: 80px 0 40px;}
.map-container .map-box{width: 100%; height:550px; border-radius:20px;}
.map-container .map-box iframe{width: 100%; height:100%; border-radius:20px;}

/***************FAQ Page************************/
.faq-page{padding-top: 0;}
.faq-page .faq-data{padding: 0;}
.help-faq{margin: 50px 0;}
.help-faq .inner {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
    max-width: 735px;
    width: 100%;
    min-height: 120px;
    border-radius: 20px;
    background: rgba(118, 119, 142, 0.1);
    padding: 30px;
    margin: 0 auto;
}
.help-faq h6{font-size: 24px; font-family: 'Sofia Pro Medium';}
.help-faq .contact-btn{
    background: #FA3B29;
    color: #fff;
    min-width: 126px;
    border-radius: 50px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
height: 100%;
padding: 4px 15px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
}

.help-faq .contact-btn:hover {
    background: #31334E;
    color: #fff;
}
.help-faq .contact-btn img {
    margin: 0 -15px 0 10px;
}


/**************Blog Page*****************/
.blog-top-container{width: 100%; background:rgba(118, 119, 142, 0.1); border-radius: 20px; padding: 80px 0;}
.blog-top-container figure {
    width: 100%;
    margin: 0;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}
.blog-top-container figure .date {
    background: #FA3B29;
    width: 70px;
    height: 63px;
    font-size: 14px;
    line-height: 1.5;
    display: flex;
    flex-basis: initial;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0 0 12px 12px;
    position: absolute;
    top: 0; right: 55px; z-index: 1;
}
.blog-top-container figure .date b{ font-size:30px; line-height: 1;  font-weight: 700; font-family: 'Sofia Pro SemiBold';}
.blog-top-container figure img {
    width: 100%;
    border-radius: 12px;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s ease-in-out; position: relative;
}
.blog-top-container figure:hover img{transform: scale(1.1);}
.blog-top-container .blog-content {
    padding: 40px;
    background: #fff;
    border-radius: 12px;
    height: 100%;
}
.blog-top-container .blog-content .date {
    background: #FA3B29;
    color: #fff;
    padding: 6px 25px;
    border-radius: 20px;
    margin-bottom: 25px;
    display: inline-block;
}

.blog-top-container .blog-content h4{font-size:35px; line-height: 1.2; color:#31334E; margin-bottom: 20px; display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden; font-family: 'Sofia Pro Regular';}
.blog-top-container .blog-content p{margin-bottom: 30px; display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;}
.blog-top-container .row:first-child{margin-bottom: 30px}


.blog-card-container{width: 100%; margin: 80px 0 0 0;}
.blog-card-container .blog-card {
    width: 100%;
    background: rgba(241, 241, 244, 1);
    border-radius: 0 0 12px 12px;
   transition: transform 0.4s ease-in, box-shadow 0.4s ease-in, background 0.4s ease-in; margin-bottom: 24px;
}
.blog-card-container .blog-card figure{width:100%; height: 300px; margin: 0; border-radius: 12px; position: relative; overflow: hidden; }
.blog-card-container .blog-card figure img{width: 100%; height: 100%; object-fit: cover; border-radius: 12px; transition: transform 0.4s ease-in-out;
    position: relative;}
.blog-card-container .blog-card:hover figure img{transform: scale(1.1);}
.blog-card-container .blog-card:hover{background: rgba(255, 255, 255, 1); box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.06);
}

.blog-card-container .blog-card figure .date {
    background: #FA3B29;
    width: 70px;
    height: 63px;
    font-size: 14px;
    line-height: 1.5;
    display: flex;
    flex-basis: initial;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0 0 12px 12px;
    position: absolute;
    top: 0; right:30px; z-index: 1;
}
.blog-card-container .blog-card figure .date b{font-weight: bold;}
.blog-card-container .blog-card figure .date b {
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
    font-family: 'Sofia Pro SemiBold';
}

.blog-card-container .blog-card .text-box{width:100%; padding: 30px; height:270px}
.blog-card-container .blog-card .text-box h6{font-size: 26px; line-height: 1.1; color: #31334E;  margin-bottom: 15px; display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden; font-family: 'Sofia Pro Regular';}
.blog-card-container .blog-card .text-box p{margin-bottom: 20px; display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blog-pagination {
    justify-content: center;
    display: flex;
    gap: 20px; margin: 20px 0;
}
.blog-pagination li {
    font-size: 26px;
    color: #31334E;
    font-family: 'Sofia Pro Regular';
    display: flex;
    align-items: center;
}
.blog-pagination li:first-child, .blog-pagination li:last-child{margin: 0 45px;}

.blog-pagination li.active a, .page-item.active .page-link{color: #FA3B29;
    background-color: none !important;
    border-bottom: 1px solid #FA3B29;
    background: none !important; border-color: #FA3B29 !important; color: #FA3B29 !important; font-size:16px; border:0; padding:0;
}

.blog-pagination li a {
    color: #31334E;
    border: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center; line-height: 1.2; height:20px; border-bottom: 1px solid transparent;
}
.blog-pagination li a:hover {
    z-index: 2;
    color: #FA3B29;
    background-color: none !important;
    border-bottom: 1px solid #FA3B29;
    background: none !important;
    
}
.blog-pagination li a:focus {
    outline: none;
    box-shadow: none; background: none;
}

.blog-pagination li a.next, .blog-pagination li a.prev{
    width: 46px;
    height: 46px;
    border-radius: 100%;
    background: rgba(241, 241, 244, 1);
    color: #31334E;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
}
.blog-pagination li a.next:hover, .blog-pagination li a.prev:hover{background: #FA3B29 !important;}
.blog-pagination li a.next:hover i, .blog-pagination li a.prev:hover i{color:#fff !important;}
.blog-pagination li a.next:hover, .blog-pagination li a.prev:hover{text-decoration: none; border: 0 !important}
.page-item:not(:first-child) .page-link {
    margin-left: 0;
}

.blog-content .author{margin-top:70px;}
.blog-content .author p{margin:10px 0;}
.may-like{text-align: center; margin-bottom: 35px; }
.common-typography .inner {
    max-width: 850px;
    width: 100%;
    margin: 50px auto 0;
}

.common-typography .inner h4{font-size: 40px; line-height: 1.2; margin-bottom: 25px;  font-family: 'Sofia Pro Regular';}
.common-typography .inner span {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 20px;
    font-family: 'Sofia Pro Medium';
    display: block;
}
.common-typography .inner span a{font-size: 100%; font-weight: bold;}

.common-typography .inner p{margin-bottom: 25px}
.common-typography .inner .first-box{margin-bottom:50px}
.common-typography .inner h5{font-size:30px; line-height: 1.2; margin-bottom: 20px;  font-family: 'Sofia Pro Regular';}
.common-typography .inner ul {
    width: 100%;
    padding-left: 20px;
    margin-bottom: 30px;
}
.common-typography .inner ul li{position: relative; color: #31334E; margin: 3px 0;}
.common-typography .inner ul li::before {
    position: absolute;
    left: -20px;
    top: 9px;
    background: #31334E;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    content: "";
}
.common-typography .inner figure{width: 100%; border-radius: 20px; margin:45px 0;}
.common-typography .inner figure img{width: 100%; height: auto; border-radius: 20px}
.style-italic{font-family: 'Sofia Pro Medium Italic' !important; margin-bottom: 35px !important;}
.may-like h3{font-family: 'Sofia Pro Regular';}
.blog-card-container.detail{margin-top:60px;}



/***************Service Page******************/
.services{padding-top: 0}
.home-hero.services ul{margin-top: 30px;}
.testimonial-container.services{margin-top: 80px;}

/**************Service detail page*******************/
.service_details_top .left{width: 100%; padding-left: 30px;}
.service_details_top .left .sub-head {
    background: #FA3B29;
    padding: 8px 20px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-family: 'Sofia Pro Medium';
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 25px; text-transform: uppercase; height:32px; line-height:19px;
}

.service_details_top .left h4 .grey-color{font-weight: bold}

.service_details_top .left h4{margin-bottom: 15px;}
.service_details_top .left p{margin-bottom:20px;}
.service_details_top .left p b{font-weight: bold;}

.service_details_top .left ul{
	padding-left:25px;
    margin-bottom: 25px;
}
.service_details_top .left ul li{position: relative; margin:5px 0;}
.service_details_top .left ul li::before {
      position: absolute;
    left: -25px;
    top: 3px;
    background: #FA3B29;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    content: "\F26E";
    font-family: bootstrap-icons !important;
    color: #fff;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}



.service_details_top .right {
	width: 100%; 
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
	
}

.service_details_top .right .image-grid {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}
.service_details_top .right .left-column {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	max-width: 290px;
}

.service_details_top .right .image-box {
  border-radius: 12px;
  overflow: hidden;
}

.service_details_top .right .image-box img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 12px;
  -webkit-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.service_details_top .right .image-box:hover img{transform: scale(1.1);}

.service_details_top .right .right-column {
    display: flex;
    align-items: center; width:100%; max-width:290px;
}


.service_details_top{padding:50px 0; }

.service_details_top:nth-child(2n){background: rgba(118, 119, 142, 0.1);}
.service_details_top:nth-child(2n) .left{padding:0 30px 0 0;}

.service_details_mid{background:rgba(118, 119, 142, 0.1); border-radius: 20px; }

.service_details_mid h3{font-family: 'Sofia Pro Medium'; margin-bottom: 15px;}
.service_details_mid h3 span{font-family: 'Sofia Pro SemiBold';}
.service_details_mid .text-top {
    display: flex;
    gap: 100px;
    margin-bottom: 40px;
    justify-content: space-between;
}
.service_details_mid .text-top .right{display: flex; align-items: flex-end;}
.service_details_mid .text-top .right .blue-btn{height: auto;}
.icon-cards .card {
    width: 100%;
    border: 0;
    border-radius: 20px;
    padding: 30px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 0.6s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    position: relative;
    bottom: 0;
}
.icon-cards .card:hover{bottom: 10px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.icon-cards .card.image{position: relative; padding: 0}
.icon-cards .card.image:before{ position:absolute; left:0; top:0; width:100%; height:100%; content:""; background: linear-gradient(180deg, rgba(97, 98, 119, 0) 0%, #31334E 100%); border-radius: 20px;}

.icon-cards .card.image figure{width: 100%; margin: 0; border-radius: 20px; height: 100%;}
.icon-cards .card.image figure img{width: 100%; height: 100%; border-radius: 20px; object-fit: cover;}
.icon-cards .card.image figcaption {
    position: absolute;
    bottom:30px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size:25px;
	padding:0 15px;
}


.icon-cards > div{margin-bottom: 24px;}
.icon-cards .card .icon-box{width: 100%; text-align: center; margin-bottom: 28px;}
.icon-cards .card .icon-box img{max-height: 70px;}
.service_details_mid .last{text-align: center; margin-bottom: 0;}
.service_details_mid .last p{margin-top: 25px;}


.service_details_bottom h4 .grey-color{font-weight: bold}
.service_details_bottom h4{margin-bottom: 15px; line-height: 1.2}
.service_details_bottom p{margin-bottom: 15px;}
.service_details_bottom p b{font-weight: bold;}

.service_details_bottom ul{padding-left:25px; margin-bottom:25px}
.service_details_bottom ul li{position: relative; margin:5px 0;}
.service_details_bottom ul li::before {
  position: absolute;
  left:-25px;
  top:4px;
  background: #FA3B29;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  content: "\F26E";
  font-family: bootstrap-icons !important;
  color: #fff;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center; font-size: 14px;
}
.service_details_bottom .right {
    padding-left: 90px;
}
.service_details_bottom .right p{font-size: 22px;}
.service_details_bottom .left{width: 100%;}
.service_details_bottom .left figure{width: 100%; margin: 0; border-radius: 12px; position: relative; overflow: hidden;}
.service_details_bottom .left figure img{width: 100%; height: 100%; border-radius: 12px; -webkit-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.service_details_bottom .left figure img:hover{transform: scale(1.1);}
.service_details_bottom .left figure figcaption {
    max-width: 360px;
    width: 100%;
    padding: 25px;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(40px);
    position: absolute;
    bottom: 15px;
    right: 15px;
    display: flex;
    gap: 15px;
}
.service_details_bottom .left figure figcaption .tick{max-width: 28px;}
.service_details_bottom .left figure figcaption p {
    color: #fff;
    font-size:18px;
    margin-bottom: 0;
    line-height: 1.4;
    font-family: 'Sofia Pro Light';
}


.follow-up{width: 100%; border-radius: 20px; background: url(../images/wel-come-bg.svg) no-repeat 0 0; background-size:cover; padding: 80px 0; margin: 80px 0;}

 .follow-up h4{color: #fff; margin-bottom: 25px; font-family: 'Sofia Pro Medium';}  
.follow-up p{color: #fff; font-size: 22px; margin-bottom: 25px}  
.follow-up p:last-child{margin-bottom: 0}
.bottom-banner .inner {
    background: rgba(118, 119, 142, 0.1);
    border-radius: 20px;
    padding: 25px 50px;
    position: relative;
	min-height:215px; overflow:hidden;
}
.bottom-banner .inner h4{ margin-bottom:15px; font-size: 35px; font-family: 'Sofia Pro Medium'; }
.bottom-banner .inner p{margin-bottom: 20px;}
.bottom-banner .inner .button-group {
    justify-content: flex-start; flex-wrap: wrap;
}
.bottom-banner .inner .button-group a {
    border: 0;
    padding: 5px 25px;
    height: 32px;
}
.bottom-banner .inner .button-group a img{margin:0 -10px 0 5px;}
.bottom-banner .inner .button-group .common-btn.bg-red:hover{background: #31334E !important; color: #fff;}
.common-btn.blue-btn{background: #31334E;}
.blue-btn:hover{background:#FA3B29 !important;}
.bottom-banner .inner figure {
    margin: 0;
    width: 100%;
    position: absolute;
    max-width: 280px;
    right: 0;
    bottom: 0;
}
.bottom-banner .inner figure img{width: 100%; height: auto; filter: grayscale(100%);}
.bottom-banner .inner h6 {
    font-size: 20px;
    margin-bottom:5px;
    font-family: 'Sofia Pro Medium';
}
.bottom-banner .inner p{margin-bottom: 15px;}

.target-support{margin-top: 30px;}

.service_details_bottom.full-width{background: rgba(118, 119, 142, 0.1); border-radius: 20px;
padding: 80px 0; margin: 80px 0;}
.service_details_bottom.full-width .right{padding: 0;}
.service_details_bottom.full-width .right figure {
    width: 100%;
    margin: 20px 0 30px;
    border-radius: 12px;
}
.service_details_bottom.full-width .right figure img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    max-height: 320px;
}

.service_details_bottom.full-width .right .last {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    background: #31334E;
    padding: 20px;
    border-radius: 12px;
    color: #fff;
}

.service_details_bottom.full-width .right .last p{margin: 0; color: #fff; font-size: 18px;}
.service_details_bottom.full-width .right h6{font-size: 18px; margin-bottom: 15px;}
.service_details_bottom.full-width .right ul li {
    position: relative;
    font-size: 14px;
}
.service_details_bottom.full-width .right ul li::before {
    top: 5px;
    transform: none;
}
.service_details_bottom.full-width .row .col{width:100%; flex: 0 0 100%;}
.service_details_bottom.full-width .row .col ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    gap: 10px;
}
.service_details_bottom.full-width .row .col ul li{display: flex;
  flex-direction: column;  
  position: relative;
  gap: 10px;
  border-radius: 12px;
  padding: 20px 20px 20px 35px;
  background: #fff;
  width:32%; flex: 0 0 32%;
  box-sizing: border-box;
  transition: 0.6s all ease; font-size: 16px;

}
.service_details_bottom.full-width .row .col ul li::before {
    left: 10px;
    top: 25px;
}
.scal-margin{margin-bottom: 80px;}
.submit-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  background-color: #222;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-weight: bold;
  cursor: pointer;
}

.submit-btn img {
  width: 16px;
  height: auto;
}


.default-page {
	text-align: center;
	background: #f5f5f5;
	padding: 50px 0;
}
.default-page h1{margin-bottom:20px}
.default-page h5{margin-bottom:15px}
.default-page p{margin-bottom:12px}
.default-page .common-btn{width:auto; display:inline-block; border:0;}
.default-page .common-btn:hover {
    color: #fff !important;
    background:#31334E  !important;
}

.wpcf7 form.sent .wpcf7-response-output {
	margin:15px 0 0 0 !important;
	color: #1e8427 !important;
	border: 0 !important;
	text-align: center !important;
}

.wpcf7 form .wpcf7-response-output{
	margin:15px 0 0 0 !important;
	color: #f00 !important;
	border: 0 !important;
	text-align: center !important;}

.wpcf7-spinner{position: absolute !important;
  right: 20px !important;
  bottom: 19px !important;
  margin: 0 !important;
}
.wpcf7-form .text-end{position:relative}
.wpcf7-form-control-wrap {
	position: static !important;
}

.service_details_top .left h6 {
    margin-bottom: 12px;
}

.service_details_mid .left {
	padding: 0 30px 0 0;
}
.full-image-box {
	width: 100%;
	border-radius: 25px; 
	overflow:hidden; 
	display:block; 
	margin:25px 0 0 0;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; margin-bottom:30px;
}
.full-image-box img{width:100%; height:100%; object-fit:cover;}
.service_details_top.full .left{padding-left:0;}
.vitamin-to-buy{margin-top:50px;}
.vitamin-to-buy .inner{background: #76778E10;
border-radius: 12px;
padding: 15px 55px;
min-height: 135px;
display: flex;
align-items: center;
justify-content: space-between;}