@charset "utf-8";


/*~-~-~-~-~-~-~-~-~-~ Embeded fonts ~-~-~-~-~-~-~-~-~-~*/

@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');

/*~-~-~-~-~-~-~-~-~-~ Embeded fonts ~-~-~-~-~-~-~-~-~-~*/

/*~-~-~-~-~-~-~-~-~-~ Custom fonts ~-~-~-~-~-~-~-~-~-~*/

@font-face {
    font-family: 'Helvetica-Condensed';
    src: url('../fonts/Helvetica-Condensed.eot');
    src: url('../fonts/Helvetica-Condensed.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Condensed.woff2') format('woff2'),
        url('../fonts/Helvetica-Condensed.woff') format('woff'),
        url('../fonts/Helvetica-Condensed.ttf') format('truetype'),
        url('../fonts/Helvetica-Condensed.svg#Helvetica-Condensed') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Condensed-Bold.eot');
    src: url('../fonts/Helvetica-Condensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Condensed-Bold.woff2') format('woff2'),
        url('../fonts/Helvetica-Condensed-Bold.woff') format('woff'),
        url('../fonts/Helvetica-Condensed-Bold.ttf') format('truetype'),
        url('../fonts/Helvetica-Condensed-Bold.svg#Helvetica-Condensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.eot');
    src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica.woff2') format('woff2'),
        url('../fonts/Helvetica.woff') format('woff'),
        url('../fonts/Helvetica.ttf') format('truetype'),
        url('../fonts/Helvetica.svg#Helvetica') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/*~-~-~-~-~-~-~-~-~-~ Custom fonts ~-~-~-~-~-~-~-~-~-~*/

    
/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */

:root {

    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --body-font: "Helvetica", sans-serif;
    --heading-font: "Bricolage Grotesque", sans-serif;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 100px;
    --f-size-XXL: 90px;
    --f-size-XL: 60px;
    --f-size-L: 24px;
    --f-size-M: 18px;
    --f-size-S: 16px;
    --f-size-Body: 18px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --common-transition: all 0.8s ease;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --color-white: #fff;
    --color-black-primary: #000000;
    --color-black-secondary: #222222;
    --color-body: #626262;
    --color-blue: #344394;
    /* ~-~-~-~-~ colors ~-~-~-~-~ */
}


/* html { overflow-x: hidden; } */
body { font-size: var(--f-size-Body);margin: 0; padding: 0; font-family: var(--body-font); line-height: 1.2; font-weight: 400; color: var(--color-body); transition: var(--common-transition); scroll-behavior: smooth; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 30px; padding: 0; line-height: 1.1; font-family: var(--heading-font); text-transform: uppercase; font-weight: 500; color: var(--color-black-secondary); }

h1 {font-size: var(--f-size-XXXL);}
h2 {font-size: var(--f-size-XXL);}
h3 {font-size: var(--f-size-XL);}
h4 {font-size: var(--f-size-L);}
h5 {font-size: var(--f-size-M);}
h6 {font-size: var(--f-size-S);}
  
p{ margin: 0 0 30px; padding: 0; line-height: 1.3;}
p:last-child {margin-bottom: 0;}

img { max-width: 100%; }
a, img { border: 0; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover { color: var(--clr-black-primary); outline: none; text-decoration: none; transition: var(--common-transition); }
a:hover{  text-decoration: none; transition: var(--common-transition); }

.mb-15 {margin-bottom: 15px;}

button{border: none;}


textarea, select, .form-control, input { font-size: 18px; padding: 16px 20px; background-color: transparent; width: 100%; border-radius: 0; border: 1px solid #9D9D9D; outline: none !important; box-shadow: none !important; color: #626262; margin-bottom: 15px; height: 60px; font-family: var(--body-font); font-weight: 500; }
textarea { min-height: 105px !important; resize: none; }
input[type="submit"], button[type="submit"] { padding-right: 84px; transition: all 0.3s ease 0s; outline: none; width: auto; font-size: 16px; background-image: url(../images/white-btn.svg); background-repeat: no-repeat; background-position: center right 45px; height: auto; margin: 0;}
input[type="submit"]:hover, button[type="submit"]:hover {background-image: url(../images/btn-arrow.svg); background-repeat: no-repeat; background-position: center right 35px;}
textarea:focus, select:focus, .form-control:focus, .form-select:focus { outline: none !important; box-shadow: inherit!important; border: 1px solid #D2CEDA; }

select, .form-select { font-size: 18px; padding: 16px 20px; background-color: transparent; border-radius:0; border: 1px solid #9D9D9D; background-image: url(../images/select-arrow.svg); background-repeat: no-repeat; background-position: center right 20px; background-size: 12px; color: #626262; height: 60px; cursor: pointer; }
input:focus, input:focus-visible { border: none; outline: none; box-shadow: none; border: 1px solid var(--clr-grey-secondary); }
.btn-check:focus+.btn, .btn:focus { box-shadow: inherit;}

/* --- for placeholder color --- */
input::-moz-placeholder , .form-control::-moz-placeholder { color: #626262; opacity: 1; }
input:-ms-input-placeholder, .form-control:-ms-input-placeholder { color: #626262; }
input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: #626262; }
/* --- for placeholder color --- */

label { margin-bottom: 10px; font-family: var(--body-font); font-weight: 500; font-size: 18px; color: var(--color-black-secondary); }
  
.common-padding{ padding-top: 100px; padding-bottom: 100px; }

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


.btn, a.btn {overflow: hidden; position: relative; z-index: 1; letter-spacing: 0; display: inline-flex; align-items: center; vertical-align: top; color: var(--color-white); padding: 22px 48px;line-height: 1; border-radius: 0; font-weight: 700; text-align: center; text-transform: uppercase; background: var(--color-blue); border: 1px solid transparent; transition: background 0.4s ease, color 0.4s ease, border-color 0.4s ease; height: 74px; }

.btn img{margin-left: 26px; transition: transform 0.4s ease;filter: brightness(0) invert(1); }

.btn:hover{ background: var(--color-white); color: var(--color-blue); border: 1px solid var(--color-blue); }
.btn:hover img {transform: translateX(10px); filter: none;}

.white-border, a.white-border {background: transparent; border-color: var(--color-white); color: var(--color-white); }
.white-border:hover, a.white-border:hover{background: var(--color-blue); color: var(--color-white); }
.white-border:hover img, a.white-border:hover img{filter: brightness(0) invert(1);}

/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */

/* -- Header -- */

.hdr-wrap { display: flex; align-items: stretch; width: 80%; background: #3443941A; backdrop-filter: blur(54px);}

.main-header {position: absolute; top: 0; left: 0; right: 0;z-index: 9;overflow-x: hidden;}
body.home .main-header .container-fluid {width: calc(100% - 102px); margin-left: 0;}

.custom-header-wrap { display: flex; align-items: stretch }

.hdr-wrap ul { display: flex; align-items: center; padding: 0; list-style: none; margin: 0; }

.logo-wrap { width: 20%;background: var(--color-blue); display: flex; align-items: center; justify-content: center; }
.logo-wrap a {display: block; width: 190px; }
.logo-wrap a img{ width: 100%;}

.main-menu { width: 100%; border: 1px solid var(--color-white); }
.main-menu ul li { width: 176px; text-align: center; border-right: 1px solid var(--color-white); }
.main-menu ul li.current-menu-item a, .main-menu ul li:hover a { color: var(--color-blue); }
.main-menu ul li a {color: var(--color-white);position: relative;display: block; text-transform: uppercase; padding: 25px 0;}
.main-menu ul li.btn { display: none; padding: 15px 60px 15px 20px; background-image: url(../images/white-btn.svg); background-repeat: no-repeat; background-position: center right 20px; background-size: 20px; }
.main-menu ul li.btn:hover {background-image: url(../images/btn-arrow.svg); background-position: center right 15px;}
.main-menu ul li.btn:hover a {color: var(--color-blue);}

.header-btn { margin-left: auto; }
.header-btn .btn.mobile{display: none;}

.header-sticky  { left: 0; position: fixed; top: 0; width:100%; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s; z-index: 9;}
.header-sticky .main-header { margin: 0; }
.header-sticky .main-header .container-fluid { width: 100% !important; }




@keyframes slide-down { 

0% {transform: translateY(-100%); 
-moz-transform: translateY(-100%); 
-webkit-transform: translateY(-100%); 
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%); } 
100% { 
transform: translateY(0); 
-moz-transform: translateY(0); 
-webkit-transform: translateY(0); 
-o-transform: translateY(0); 
-ms-transform: translateY(0); } 
}

/* -- Header -- */

/* Banner */

.banner-sec {height: 100vh; display: flex; align-items: center; position: relative; z-index: 1; }
.banner-sec::after {content: ""; position: absolute; top: 0;right: 0;bottom: 0;left: 0;background: linear-gradient(12.15deg, rgba(2, 2, 5, 0.74) 11.39%, rgba(52, 67, 148, 0) 85.54%); z-index: -1;}

.banner-video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
.banner-video video {object-fit: cover;}

.banner-content { padding-top: 74px; max-width: 1600px; padding-left: 73px; position: relative; }
.banner-content h1 {color: var(--color-white); }
.banner-content p { color: var(--color-white); margin: 0; width: 100%; max-width: 495px; margin-left: auto; margin-top: -20px; font-size: 24px; }

.banner-social { position: absolute; right: 0; height: 100%; background: #03040C; backdrop-filter: blur(94px); display: flex; align-items: center; justify-content: center; }
.banner-social ul { list-style: none; padding: 0; margin: 0; color: var(--color-white); writing-mode: vertical-rl; display: flex; }
.banner-social ul li:not(:last-child) { margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid rgb(255 255 255 / 20%); }
.banner-social ul li a { padding: 0 40px; display: block; font-family: "Helvetica-Condensed"; letter-spacing: 2.08px; text-transform: uppercase; }

.sec-content-wrap {padding-left: 60px;}

.video-img-wrap { position: relative; }
.video-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #00000066; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 50%; z-index: 1; }

.video-thumbnail-img img { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; }
.video-thumbnail-img { position: relative; padding: 0 0 80%; }

.sec-content-wrap h2 {letter-spacing: -0.96px;}
.sec-content-wrap h4 {font-weight: 500; text-transform: none;}

.better-health-sec {position: relative; z-index: 1;}

.sec-tp { width: 100%; max-width: 905px; margin: 0 auto; text-align: center; color: var(--color-white); }
.sec-tp h3 { color: var(--color-white); }

.tab-content-wrap { padding-top: 50px; }
.tab-content-wrap .nav-tabs { justify-content: center; border: 0; margin-bottom: 50px; }
.tab-content-wrap .nav-tabs li button { border: 1px solid #FFFFFF40; border-radius: 0; padding: 27px; font-weight: 700; text-transform: uppercase; color: var(--color-white); line-height: 1; }
.tab-content-wrap .tab-content .col-lg-3 { padding: 0; }
.tab-content-wrap .nav-tabs li button.active { background: var(--color-blue) !important; color: var(--color-white) !important; }

.card-wrapper { position: relative; transition: all 0.6s ease; overflow: hidden; display: block; }
.card-img-hold { position: relative; padding-bottom: 100%; }
.card-img-hold img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.6s ease; }
.card-content { position: absolute; bottom: 0; text-align: center; color: var(--color-white); z-index: 1; left: 0; right: 0; box-sizing: border-box; padding: 30px; width: 100%; }
.card-wrapper::after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 24.59%, #000000 100%); transition: all 0.6s ease; }
.card-wrapper::before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; transform: translateY(100%); background: linear-gradient(0deg, rgb(22 21 21) 0%, #0A1C56 100%); transition: all 0.6s ease; }
.card-content h4 { color: var(--color-white); margin: 0; }
.card-content p {margin-top: 30px;}
.card-content p, .card-content .see-more { display: none; }
.card-wrapper:hover:after { opacity: 0; }
.card-wrapper:hover:before { transform: translateY(0); }
.card-wrapper:hover .card-img-hold img { opacity: 0; }
.card-wrapper:hover .card-content {top: 50%;left: 50%;bottom: inherit; transform: translate(-50%, -50%);}
.card-wrapper:hover .card-content p, .card-wrapper:hover .card-content .see-more { display: block; }

.see-more-wrap { background: linear-gradient(0deg, rgb(22 21 21) 0%, #0A1C56 100%); height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.see-more-wrap h4 { color: var(--color-white); }

.why-choose-sec .content-wrap { width: 100%; max-width: 560px; }
.why-choose-rt ul { list-style: none; padding: 0; margin: 0; }
.why-choose-rt ul li:not(:last-child) { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #00000033; }
.why-choose-rt ul li h4 { margin: 0 0 15px; background: url(../images/checked.svg) no-repeat left center / 38px; padding-left: 53px; min-height: 38px; padding-top: 6px; }

.team-card { position: relative; }
.team-img { position: relative; padding-bottom: 100%; }
.team-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.team-info { background: linear-gradient(236.12deg, #344394 39.08%, #10152E 100%); padding: 40px; text-align: center; color: var(--color-white); margin: -110px 22px 0; position: relative; }
.team-info h4 { color: var(--color-white); margin: 0 0 10px; }
.team-info .team-prof { background: var(--color-blue); border: 1px solid #FFFFFF40; width: 100%; max-width: 268px; margin: 0 auto 30px; font-family: var(--heading-font); text-transform: uppercase; border-radius: 500px; padding: 5px 20px;}
.team-info p { display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis; overflow: hidden;}
.team-info a { text-decoration: underline; }

.meet-our-team-sec {background: url(../images/team-bg.png) no-repeat center bottom;}

.sec-ttl h3 { margin: 0; }

.our-blog-sec {background: #F6F8FD;}

.blog-img { position: relative; padding-bottom: 59%; display: block; }
.blog-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.blog-content { background: var(--color-white); padding: 56px 40px; }
.blog-content h4 {text-transform: none; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.blog-content p {display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis; overflow: hidden;}
.blog-content a.read-more { color: var(--color-blue); text-decoration: underline; font-weight: 500; }
.blog-slider .slick-list { margin: 0 -12px; }
.blog-slider .slick-slide { margin: 0 12px; }

.slick-arrow { background: #FFFFFFB2; width: 90px; height: 90px; z-index: 1;display: flex ;align-items: center;justify-content: center; border: 1px solid #34439440; border-radius: 50%; backdrop-filter: blur(10px); font-size: 0; transition: var(--common-transition); }
.slick-arrow:hover, .slick-arrow:focus{border: 1px solid var(--color-pink); background: var(--color-white); }
.slick-arrow::before { content: ""; position: absolute; opacity: 1;width: 16px; height: 30px;font-size: 0; display: block; background-repeat: no-repeat; background-position: center;}
.slick-prev::before{background-image: url(../images/prev-arrow.svg);}
.slick-next::before{background-image: url(../images/next-arrow.svg);}

.blog-slider .slick-prev {left: -45px;}
.blog-slider .slick-next {right: -45px;}

.client-say-sec {overflow: hidden;}
.client-say-sec h3 { margin: 0; font-weight: 700; }
.client-say-sec .row.align-items-end { padding-bottom: 60px; }
.client-say-sec .row.align-items-end p { font-size: 24px; }

.client-slide-item { background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%); border-bottom: 2px solid #34439466; border-radius: 30px; text-align: center; padding: 40px; }
.client-slide-item img { display: block; margin: 0 auto; }

.client-slider .slick-list { margin: 0 -25px; }
.client-slider .slick-slide { margin: 0 25px; }

.ratings { margin: 0 0 20px; justify-content: center; }
.ratings img:not(:last-child) {margin-right: 5px;}
.ratings img { margin: 0; }

.client-slide-item > p { width: 100%; max-width: 484px; margin: 0 auto 30px; }
.client-info { display: flex; justify-content: center; align-items: center; text-align: left; }
.client-info-cnt h4 { margin: 0 0 5px; }
.client-img { width: 85px; height: 85px; margin: 0 20px 0 0; }
.client-img img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }

.client-slider { margin: 0 !important; } 

.slick-dots { position: relative; bottom: inherit; margin-top: 80px; }
.slick-dots li button::before { border: 1px solid var(--color-blue); content: ""; opacity: 1; border-radius: 50%; width: 13px; height: 13px; }
.slick-dots li, .slick-dots li button { width: 13px; height: 13px; }
.slick-dots li.slick-active, .slick-dots li.slick-active button, .slick-dots li.slick-active button::before { width: 51px; }
.slick-dots li.slick-active button::before { border-radius: 50px; background: var(--color-blue); opacity: 1; }

/* ======== Homepage ======== */

footer {overflow: hidden;}
footer .container-fluid {padding-left: 60px; padding-right: 0; }

.ftr-logo { display: block; width: 100%; max-width: 250px; margin: 0 0 30px; }
.ftr-logo img { width: 100%; }
.ftr-lt {padding: 60px 0 0;}
.ftr-lt-btm ul { list-style: none; padding: 0; margin: 0 0 70px; }
.ftr-lt-btm ul li:not(:last-child) { margin: 0 0 15px; }
.ftr-lt-btm ul li a {font-weight: 700;color: var(--color-black-secondary);text-transform: uppercase;}

.ftr-rt {position: relative;border-left: 1px solid #00000033;}
.ftr-rt-tp {display: flex; justify-content: space-between;}

.ftr-menu {width: calc(100% - 158px); display: flex; justify-content: center; border-bottom: 1px solid #00000033; }
.ftr-menu ul {list-style: none; padding: 0;margin: 0; display: flex; align-items: center; justify-content: center; }
.ftr-menu ul li:not(:last-child) {margin-right: 75px; padding-right: 75px; border-right: 1px solid #00000080;}
.ftr-menu ul li a {font-weight: 700; font-size: 24px; text-transform: uppercase; color: var(--color-black-secondary);}

.map-hold { position: relative; padding-bottom: 85%; }
.map-hold iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.go-up-wrap { background: var(--color-blue); width: 158px; height: 150px; display: flex; align-items: center; justify-content: center; }

.ftr-btm-menu {padding-top: 60px;}
.ftr-btm-menu h4 {font-weight: 600;}
.ftr-btm-menu ul { list-style: none; padding: 0; margin: 0; }
.ftr-btm-menu ul li:not(:last-child) { margin-bottom: 15px; }
.ftr-btm-menu ul li, .ftr-btm-menu ul li a { font-family: var(--heading-font); font-weight: 500;  color: var(--color-black-secondary); }
.ftr-btm-menu ul li i { margin-right: 20px; color: var(--color-blue); }
.ftr-btm-menu.left ul li:last-child { text-transform: capitalize; }

.ftr-btm-rt-menu {padding-top: 30px; padding-right: 158px;}
.ftr-btm-rt-menu ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: flex-end; color: var(--color-black-secondary); }
.ftr-btm-rt-menu ul li:not(:last-child) { margin-right: 40px; }
.ftr-btm-rt-menu p { text-align: right; margin-top: 10px; color: var(--color-black-secondary); display: none; }


/* -- Blog Page -- */

.inner-banner{position: relative;height: 60vh;min-height: 700px;z-index: 1;}
.inner-banner::after{content: '';background: linear-gradient(12.15deg, rgba(2, 2, 5, 0.74) 11.39%, rgba(52, 67, 148, 0) 85.54%);position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;z-index: 2;}
.inner-banner .container-fluid{position: relative;z-index: 3;}
.inner-banner .banner-content{padding-top: 233px;padding-left: 80px;padding-right: 80px;max-width: 100%;}
.inner-banner .banner-content h2{color: var(--color-white);margin-bottom: 30px;font-weight: 700;}
.inner-banner .banner-content p{margin-top: 80px;max-width: 636px;}

.our-blog-sec.blog-list-sec{background: var(--color-white);}
.blog-list-sec .blog-list ul{display: flex;padding: 0;margin: -12px;list-style: none;flex-wrap: wrap;}
.blog-list-sec .blog-list ul li{width: 33.33%;padding: 12px;height: auto;}
.blog-list-sec .blog-list ul li .blog-item{height: 100%;}
.our-blog-sec.blog-list-sec .blog-content{background:#F6F8FD;}

.blog-list-sec .pagination-wrap{margin-top: 50px;}
.blog-list-sec .pagination-wrap ul{display: flex;justify-content: center;align-items: center;}
.blog-list-sec .pagination-wrap ul li { width: fit-content; padding: 0 5px 0 0; }
.blog-list-sec .pagination-wrap ul li span , .blog-list-sec .pagination-wrap ul li a{padding: 14px 19px;border-radius: 5px;background: #CEDAFA;color: var( --color-black-secondary); border: 1px solid transparent;}
.blog-list-sec .pagination-wrap ul li span:hover , .blog-list-sec .pagination-wrap ul li a:hover , .blog-list-sec .pagination-wrap ul li span:hover , .blog-list-sec .pagination-wrap ul li.active span{border: 1px solid var(--color-black-primary);background: var(--color-white);color: var(--color-black-primary);pointer-events: none;}
.blog-list-sec .pagination-wrap ul li.disable {opacity: 0.5;pointer-events: none;}


/* -- Blog Page -- */



/* -- Service Page -- */


.service-list-wrap ul{display: flex;padding: 0;margin: -12px;list-style: none;flex-wrap: wrap;justify-content: center;}
.service-list-wrap ul li{width: 33.33%;padding: 12px;height: auto;}
.service-list-wrap ul li .secrvice-card{padding: 20px;border: 1px solid #0F163421;box-shadow: 0px 5px 15px 0px #0000000D;border-radius: 20px;height: 100%;}
.service-list-wrap ul li .secrvice-card .image-holder{margin-bottom: 30px;}
.service-list-wrap ul li .secrvice-card .image-holder a { position: relative; padding: 65% 0 0; display: block; }
.service-list-wrap ul li .secrvice-card .image-holder a img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 20px;}
.service-list-wrap ul li .secrvice-card h4{margin-bottom: 16px;}
.service-list-wrap ul li .secrvice-card h4 a{text-transform: capitalize;font-weight: 600;font-family: var(--body-font);}
.service-list-wrap ul li .secrvice-card p{margin-bottom: 20px;}
.service-list-wrap ul li .secrvice-card .btn{padding: 12px 30px;height: auto;background: transparent;color: var(--color-blue);border: 1px solid var(--color-blue);border-radius: 10px;}
.service-list-wrap ul li .secrvice-card .btn:hover{background: var(--color-blue);color: var(--color-white);}

.service-sec .tab-wrap .nav-tabs{justify-content: center;}
.service-sec .tab-content-wrap .nav-tabs li button { color: var(--color-blue); background: transparent; border: 1px solid var(--color-blue); }

/* -- Service Page -- */



/* -- Blog Details Page -- */

body.blog-detail .main-menu ul li a{color: #888888;}

.blog-details-sec { padding-top: 180px; }
.blog-details-sec .blog-details-wrap{max-width: 1170px;margin: 0 auto;}
.blog-details-sec .blog-details-top h3{text-align: center;text-transform: uppercase;font-weight: 700;color: var(--color-black-secondary);margin-bottom: 50px;}

.top-row{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.top-row .date-wrap h5{font-weight: 600;color: var(--color-blue);margin: 0;}
.top-row .social-wrap {display: flex;align-items: center;}
.top-row .social-wrap p{color: var(--color-black-primary);margin: 0 10px 0 0;font-weight: 700;font-family: var(--heading-font);margin-bottom: 0 !important;}
.top-row .social-wrap ul{display: flex;padding: 0;margin: 0;list-style: none;}
.top-row .social-wrap ul li:not(:last-child){padding-right: 10px;}
.top-row .social-wrap ul li a{width: 39px;height: 39px;border-radius: 50%;border: 1px solid var(--color-blue);display: flex;align-items: center;justify-content: center;color: var(--color-blue);background: transparent;}
.top-row .social-wrap ul li a:hover{background: var(--color-blue);color: var(--color-white);}

.blog-det-banner { position: relative; padding: 52% 0 0; margin-bottom: 40px;}
.blog-det-banner img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 30px;}

.title-wrap{padding-bottom: 40px;border-bottom: 1px solid #CCCCCC;margin-bottom: 40px;}
.title-wrap h4{margin: 0;color: #0F0C2F;text-transform: capitalize;font-weight: 700;}

.blog-details-wrap p:not(:last-child){margin-bottom: 50px;}
.blog-details-wrap img{width: 100%;height: 100%;border-radius: 30px;max-height: 520px;object-fit: cover;object-position: top;margin-bottom: 50px;}


/* -- Blog Details Page -- */

/* -- About page -- */

.know-wrap{background: url(../images/about-page-bg.jpg) no-repeat center / cover;border-radius: 30px;}
.know-wrap .know-content{max-width: 726px;padding: 100px 0 100px 80px;}
.know-wrap .know-content h3{color: var(--color-black-primary);margin: 0 0 50px;font-weight: 700;}
.know-wrap .know-content h4{color: var(--color-black-primary);margin: 0 0 50px;font-weight: 700;text-transform: capitalize;}

.why-choose-title{text-align: center;max-width: 1330px;margin: 0 auto 50px;}
.why-choose-title h3{color: var(--color-black-primary);margin: 0 0 50px;}
.why-choose-title p{margin: 0;}

.why-card-wrap ul{display: flex;padding: 0; margin: 0 -15px;list-style: none;flex-wrap: wrap;}
.why-card-wrap ul li{width: 50%;padding: 15px;height: auto;}
.why-card-wrap ul li .why-card{padding: 40px 30px;background: #F6F8FD;border: 1px solid #D8D8D8;border-radius: 10px;height: 100%;}
.why-card .top-row{align-items: start;min-height: 80px; justify-content: flex-start;}
.why-card .top-row img{margin-right: 5px;}
.why-card .top-row h4{margin: 0;}

.why-card .bottom-row ul{display: block;margin: 0 0 20px;padding: 0 0 0 20px;list-style: disc;}
.why-card .bottom-row ul li{width: 100%;font-family: var(--body-font);}
.why-card .bottom-row ul li:not(:last-child){padding: 0;padding-bottom: 10px;}
.why-card .bottom-row ul li:last-child{padding: 0;}

.meet-our-team-sec.about{background: #F6F8FD;}

/* -- About page -- */

/* -- Service detail page -- */

.stifness-wrap{background: url(../images/service-detail-img.jpg) no-repeat center / cover;padding: 100px 30px;border-radius: 20px;}
.stifness-wrap .stifness-content{max-width: 785px;}
.stifness-wrap .stifness-content ul {padding-left: 20px; }
.stifness-wrap .stifness-content h3{color: var(--color-black-secondary);margin-bottom: 50px;font-weight: 700;}

/* -- Service detail page -- */


/* -- 22.07.2025 -- */

.ftr-btm-menu.left { padding-left: 40px; }


/* -- 22.07.2025 -- */


/* -- 24.07.2025 -- */

.wpcf7-not-valid-tip { display: none; } 
input.wpcf7-not-valid { border: 1px solid red; }

.error404 img { max-width: 350px; display: block; margin: 0 auto 20px; }

/* -- 24.07.2025 -- */

/* -- Body Adjustment -- */
.modal-body.meet-ur-teams-modal-body { padding: 40px; }
.meet-ur-teams-modal-cont p { font-size: 14px; }
.modal-header { position: relative; border: 0; padding: 0; }
.modal-body.meet-ur-teams-modal-body button.btn-close { --bs-btn-close-hover-opacity: 1; top: 12px; position: absolute; right: 12px; background-color: var(--color-blue); opacity: 1; border-radius: 0; width: 35px; height: 34px; font-size: 13px; --bs-btn-close-color: #fff;--bs-btn-close-bg: url(../images/white-cross.svg); }
.meet-ur-teams-modal-img img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; object-fit: cover; }
.meet-ur-teams-modal-img { position: relative; padding: 0 0 120%; }
.modal-header button { width: 30px; height: 30px; background-color: var(--color-blue); background-image: url(../images/cross.png); border: 2px solid var(--color-blue); border-radius: 0; opacity: 1; margin: 0 0 0 auto !important; background-size: 36px; }
.modal-content { border-radius: 0; }

body.modal-open { padding: 0 !important; }

.contact-modal .modal-body { padding: 0 50px 50px; }
.contact-modal .modal-body h4 { text-transform: none; width: 100%; max-width: 545px; }
body.error404.wp-theme-health-care.header-nav-class section.common-padding { margin-top: 100px; margin-bottom: 46px; }
.error404 .header-btn a img {
    margin-bottom: 0;
}


@media only screen and (min-width: 1799px){
  .container {max-width: 1600px;}
}

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

    :root {
    --f-size-XXXL: 80px;
    --f-size-XXL: 60px;
    --f-size-XL: 50px;
    --f-size-L: 24px;
    --f-size-M: 18px;
    --f-size-S: 14px;
    --f-size-Body: 16px;
    }
    .main-menu ul li a { padding: 26px 0; }
    .main-header .container-fluid { width: calc(100% - 99px) !important; }

    .banner-content { max-width: 1300px; padding-top: 86px; }
    .banner-content p { font-size: 20px; }

    .slick-arrow { width: 70px; height: 70px; }
    .blog-slider .slick-next { right: -35px; }
    .blog-slider .slick-prev { left: -35px; }

    .ftr-menu ul li:not(:last-child) { margin-right: 60px; padding-right: 60px; }

    .ftr-btm-menu { font-size: 17px; }
    .ftr-btm-menu ul li i { margin-right: 10px; }

    .ftr-btm-menu.left { padding-left: 0px; }

    .header-nav-class .main-header .container-fluid{width: 100% !important;}

}

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

    .main-menu ul li { width: 130px; }

    .client-say-sec .row.align-items-end p { font-size: 20px; }

    .ftr-menu ul li:not(:last-child) { margin-right: 40px; padding-right: 40px; }

    .ftr-btm-menu { font-size: 15px; }

    .inner-banner{min-height: 650px;}
    .video-play { width: 70px; height: 70px; }
    .go-up-wrap { width: 128px; height: 110px; }
    a.go-up-wrap img { max-height: 50px; }
}

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

    :root {
    --f-size-XXXL: 60px;
    --f-size-XXL: 50px;
    --f-size-XL: 40px;
    --f-size-L: 18px;
    --f-size-M: 16px;
    --f-size-S: 15px;
    --f-size-Body: 15px;
    }

    .btn, a.btn { height: 64px; padding: 22px 30px; }

    .header-btn .btn {padding: 22px 45px 22px 20px;}

    .main-menu ul li { width: 120px; }
    .main-menu ul li a { padding: 22px 0; font-size: 14px; }

    .banner-content { max-width: 1100px;}
    .banner-content p{margin-right: 20px;}

    .card-content { padding: 15px; }

    .slick-arrow { width: 60px; height: 60px; }
    
    .blog-slider .slick-prev { left: -30px; }
    .blog-slider .slick-next { right: -30px; }

    .logo-wrap a {width: 150px;}

    .team-info { padding: 30px; }

    .blog-content { padding: 30px; }

    .client-say-sec .row.align-items-end p { font-size: 16px; }

    .client-slide-item { padding: 20px; }

    footer .container-fluid { padding-left: 15px;}
    .ftr-lt { padding: 40px 0 0; }
    .ftr-lt-btm ul { margin: 0 0 50px; }
    .ftr-menu ul li a {font-size: 18px;}
    .ftr-btm-menu { padding-top: 40px; font-size: 13px; }
    .ftr-btm-rt-menu { font-size: 13px; display: flex; justify-content: space-between; align-items: center; }
    .ftr-rt .ftr-btm-rt-menu p{margin-top: 0;margin-left: 20px;}
    .go-up-wrap { width: 98px; height: 80px; }
    a.go-up-wrap img { max-height: 39px; }
    

}

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

    :root {
    --f-size-XXXL: 50px;
    --f-size-XXL: 40px;
    --f-size-XL: 40px;
    --f-size-L: 18px;
    --f-size-M: 16px;
    --f-size-S: 15px;
    --f-size-Body: 15px;
    }

    .common-padding { padding-top: 80px; padding-bottom: 80px; }
    .padding-top { padding-top: 80px; }
    .padding-bottom { padding-bottom: 80px; }


    h1, h2, h3, h4, h5, h6, p { margin: 0 0 20px;}

    header { position: fixed; top: 0; left: 0; width: 100%; z-index: 9; }

    .main-header .container-fluid { width: 100%; }

    .header-btn .btn {padding: 22px 30px;}

    .hdr-wrap { background: #ffffff70; backdrop-filter: none; }

    .hdr-wrap ul{display: block;}
    .main-menu { position: absolute; left: inherit; left: 0; right: 0; top: 0; z-index: 999; width: 100%; margin: 0 auto; background-color: var(--color-black-primary); border: 0; padding: 12rem 30px 60px; display: block; overflow: auto; display: none; height: 100vh; }
    .main-menu>ul {flex-direction: column;}
    .main-menu>ul li { width: 100%; text-align: center; margin: 15px 0; border: 0; }
    .main-menu ul li:not(:last-child) { margin-right: 0; }
    .main-menu>ul>li a { display: block; color: var(--color-white); padding: 0; }
    .main-menu ul li.current-menu-item a, .main-menu ul li:hover a{color: var(--color-white);}
    .hdr-rt ul li a {color: var(--color-white);padding: 10px;}

    .nav_btn { display: block; cursor: pointer; position: relative; margin: auto 10px auto 10px; width: 30px; height: 20px; z-index: 999; }
    .nav_btn::before {content: "";position: absolute;width: 100%;height: 2px;background: var(--color-blue);top: 0;right: 0;transition: ease-in-out 0.4s;}
    .nav_btn span {width: 100%;height: 2px;background: var(--color-blue);display: block;position: absolute;top: 50%;transform: translateY(-50%);}
    .nav_btn::after {content: "";position: absolute;width: 100%;height: 2px;background: var(--color-blue);right: 0;bottom: 0;transition: ease-in-out 0.4s;}

    .nav_btn.sidebar_active span {display: none;}
    .nav_btn.sidebar_active::after{transform: rotate(45deg);bottom: 9px; background: var(--color-white);}
    .nav_btn.sidebar_active::before{transform: rotate(135deg);top: 9px; background: var(--color-white);}

    .banner-social { height: auto; width: 100%; left: 0; bottom: 0;}
    .banner-social ul { writing-mode: inherit; }
    .banner-social ul li:not(:last-child) { margin-bottom: 0; margin-right: 30px; padding-bottom: 0; padding-right: 30px; border-bottom: 0; border-right: 1px solid rgb(255 255 255 / 20%); }
    .banner-social ul li a {padding: 20px 0;}

    .banner-content { padding-left: 0; max-width: 100%; }
    .banner-content p { font-size: 18px; }

    .sec-content-wrap { padding-left: 0; }

    .sec-tp {max-width: 700px;}

    .card-content p {margin-top: 20px;}

    .see-more img { width: 40px; }

    .team-prof { font-size: 12px; }
    .team-info { padding: 20px; }

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

    footer .container-fluid {padding-left: 0;}
    .ftr-lt { text-align: center; }
    .ftr-lt-btm p { display: none; }
    .ftr-lt-btm ul { margin: 0; }
    .ftr-logo { margin: 0 auto 20px; }
    .ftr-rt { border-left: 0; border-top: 1px solid #00000033; margin-top: 30px; }
    .ftr-rt .ftr-btm-rt-menu p { display: block; }

    body.home .main-header .container-fluid{width: 100% !important;}
    .main-header{overflow-x: visible;}

    .inner-banner { min-height: 430px; height: 45vh; }
    .inner-banner .banner-content { padding-top: 163px; padding-left: 40px; padding-right: 40px; max-width: 100%; }

    .blog-content { padding: 20px; }

    .inner-banner .banner-content p{margin-top: 0;}

    .know-wrap .know-content{padding: 30px 0 30px 30px;}

    .know-wrap .know-content h3 , .know-wrap .know-content h4{margin: 0 0 20px;}

    .why-choose-title h3{margin: 0 0 20px;}

    .why-card-wrap ul li{width: 50%;}

    .ftr-menu{width: calc(100% - 100px);}
    .go-up-wrap { width: 80px; height: 80px; }
    a.go-up-wrap img { max-height: 29px; }
       
}
@media only screen and (max-width:991px){

    :root {
    --f-size-XXXL: 40px;
    --f-size-XXL: 30px;
    --f-size-XL: 30px;
    --f-size-L: 18px;
    --f-size-M: 16px;
    --f-size-S: 15px;
    --f-size-Body: 15px;
    }

    .btn, a.btn { height: auto; padding: 15px 20px; font-size: 14px; }
    .btn img { width: 20px; margin-left: 15px; }

    .common-padding { padding-top: 60px; padding-bottom: 60px; }
    .padding-top { padding-top: 60px; }
    .padding-bottom { padding-bottom: 60px; }

    .banner-content p { margin-top: 30px; }

    .logo-wrap { width: 30%; }
    .hdr-wrap { width: 70%; }

    .video-play { width: 70px; height: 70px; }

    .sec-content-wrap { padding-top: 30px; }

    .why-choose-sec .content-wrap { max-width: 100%; padding-bottom: 30px; }
    .why-choose-sec .content-wrap h3 br { display: none; }

    .team-card { padding-top: 24px; }
    
    .meet-our-team-sec .padding-top { padding-top: 36px; }
    
    .slick-arrow { width: 50px; height: 50px; }
    .slick-arrow::before { background-size: 80%; }

    .blog-slider .slick-next { right: -25px; }
    .blog-slider .slick-prev { left: -25px; }

    .client-img { width: 60px; height: 60px; }

  
    .go-up-wrap img { width: 40px; }
    
    .ftr-menu { width: calc(100% - 110px); }
    .ftr-menu ul li:not(:last-child) { margin-right: 30px; padding-right: 30px; }
    
    .map-hold { padding-bottom: 40%; }
    
    .ftr-rt { text-align: center; }
    .ftr-btm-rt-menu { padding: 30px 0 40px; text-align: center; }
    .ftr-btm-rt-menu ul { justify-content: center; }
    .ftr-rt .ftr-btm-rt-menu p { text-align: center; }
    
    .ftr-btm-menu { padding-top: 30px; }

    .contact-modal .modal-body { padding: 0 30px 30px; }

    label, textarea, select, .form-control, input, .form-select { font-size: 15px; }
    input[type="submit"], button[type="submit"] { padding-right: 60px; background-position: center right 25px; background-size: 25px; }
    input[type="submit"]:hover, button[type="submit"]:hover { background-position: center right 15px; }

    .inner-banner .banner-content{padding-top: 130px;}
    .inner-banner .banner-content p{margin-left: 0;margin-top: 20px;}

    .blog-list-sec .blog-list ul li{width: 50%;}

    .ftr-btm-rt-menu{display: block;}
    .ftr-rt .ftr-btm-rt-menu p{margin: 10px 0 0;}

    .service-list-wrap ul li{width: 50%;}
    .service-sec .tab-content-wrap{padding-top: 0;}
      .meet-ur-teams-modal .modal-dialog { max-width: inherit; padding: 0 60px; }
}
@media only screen and (max-width:767px){

    :root {
    --f-size-XXXL: 30px;
    --f-size-XXL: 28px;
    --f-size-XL: 26px;
    --f-size-L: 18px;
    --f-size-M: 16px;
    --f-size-S: 15px;
    --f-size-Body: 14px;
    }

    .common-padding { padding-top: 40px; padding-bottom: 40px; }
    .padding-top { padding-top: 40px; }
    .padding-bottom { padding-bottom: 40px; }

    .container{width: 95%;}


    .main-menu ul li.btn { display: inline-block; width: auto; }

    .see-more-wrap { width: 100%; aspect-ratio: 1 / 1; }

    .header-btn .btn { display: none; }
    .header-btn .btn.mobile { display: flex; align-items: center; justify-content: center; background: var(--color-blue); color: var(--color-white); border: 1px solid transparent; width: 30px; height: 30px; border-radius: 50%; padding: 0; }

    textarea, select, .form-control, input, select, .form-select { padding: 12px 15px; height: 50px; }
    select, .form-select { background-position: center right 15px; }
    
    .logo-wrap { width: 50%; }
    .logo-wrap a { width: 120px; }
    
    .hdr-wrap { width: 50%; padding: 15px 0; }
    
    .banner-content { max-width: calc(100% - 41px); }
    .banner-content p { font-size: 15px; }

    .banner-social ul li:not(:last-child) { margin-right: 10px; padding-right: 10px; }
    .banner-social ul li a { font-size: 12px; }

    .tab-content-wrap { padding-top: 30px; } 
    .tab-content-wrap .nav-tabs { margin-bottom: 30px; }
    .tab-content-wrap .nav-tabs li button { padding: 15px 10px; font-size: 13px; }

    .card-wrapper::before { transform: translateY(0); }
    .card-wrapper::after { background: linear-gradient(0deg, rgb(22 21 21) 0%, #0A1C56 100%); opacity: 0.5; }
    .card-content { transform: translate(-50%, -50%); right: inherit; top: 50%; left: 50%; bottom: inherit; }
    .card-content p, .card-content p + a { display: block; }

    .card-wrapper:hover:after { opacity: 0.8; }
    .card-wrapper:hover .card-img-hold img { opacity: 1; }

    .team-info { margin: -110px 12px 0; }

    .slick-dots { margin-top: 30px; }
    
    .blog-slider { margin: 0 !important; }

    .client-slider .slick-slide { margin: 0 8px; }
    .client-slider .slick-list { margin: 0 -8px; }

    .ftr-rt-tp { flex-direction: column; }
    
    .ftr-menu { width: 100%; flex-direction: column; padding: 15px 0; border: 0; }
    .ftr-menu ul { flex-direction: column; text-align: center; }
    .ftr-menu ul li:not(:last-child) { margin: 0 0 15px; padding: 0; border: 0; }
    .ftr-menu ul li a { font-size: 14px; }
    
    .go-up-wrap { height: 60px; width: 100%; margin: 0 auto; }
    .go-up-wrap img { width: 30px; }

    .contact-modal .modal-body { padding: 0 15px 15px; }
    .contact-modal .modal-body h4 { margin-top: 15px; }

    .why-card-wrap ul{margin: 0;}
    .why-card-wrap ul li{width: 100%;padding: 5px 0;}
    .why-card .top-row{min-height: auto;}

    .inner-banner{height: 65vh;}
    .inner-banner .banner-content{padding-left: 0;padding-right: 0;}

    .blog-list-sec .blog-list ul{margin: 0;}
    .blog-list-sec .blog-list ul li{width: 100%;padding: 5px 0;}

    .term-sec { padding: 60px 0; }

    .service-list-wrap ul{margin: 0;}
    .service-list-wrap ul li{width: 100%;padding: 10px 0;}
    .meet-ur-teams-modal-img { position: relative; padding: 0 0 101%; }
    .meet-ur-teams-modal-cont { margin-top: 20px; }
    .modal-body.meet-ur-teams-modal-body button.btn-close { top: 5px; right: 5px; width: 30px; height: 30px; font-size: 11px; }


    .stifness-wrap { padding: 50px 20px; }


}

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

    :root {
    --f-size-XXXL: 28px;
    --f-size-XXL: 26px;
    --f-size-XL: 24px;
    --f-size-L: 18px;
    --f-size-M: 16px;
    --f-size-S: 15px;
    --f-size-Body: 14px;
    }
    .modal-body.meet-ur-teams-modal-body { padding: 20px; }
    .modal-body.meet-ur-teams-modal-body button.btn-close { top: 0; right: 0; width: 18px; height: 18px; font-size: 8px; }
    .meet-ur-teams-modal .modal-dialog { padding: 0 20px; }
    .error404 img { max-width: 269px; }
}