/* Google Fonts */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');


@font-face { font-family: "Raspoutine-DemiBold-Italic"; src:url("font/RaspoutineClassic.otf") format("woff"), url("../font/Raspoutine-DemiBold-Italic.ttf.svg#Raspoutine-DemiBold-Italic") format("svg"), url("../font/Raspoutine-DemiBold-Italic.ttf.eot"), url("../font/Raspoutine-DemiBold-Italic.ttf.eot?#iefix") format("embedded-opentype"); font-weight: normal; ont-style: normal;}

@font-face{font-family:RaspoutineClassic;src:url(../fonts/RaspoutineClassic.eot?#iefix) format("embedded-opentype"),url(../fonts/RaspoutineClassic.otf) format("opentype"),url(../fonts/RaspoutineClassic.woff) format("woff"),url(../fonts/RaspoutineClassic.ttf) format("truetype"),url(../fonts/RaspoutineClassic.svg#RaspoutineClassic) format("svg");font-weight:400;font-style:normal}


@font-face { font-family: 'Raspoutine Classic'; font-style: normal; font-weight: normal; src: local('Raspoutine Classic'), url('../font/RaspoutineClassic_TB.woff') format('woff');} 

@font-face { font-family: 'Raspoutine Medium'; font-style: normal; font-weight: normal; src: local('Raspoutine Medium'), url('../font/RaspoutineMedium_TB.woff') format('woff');} 

@font-face { font-family: 'Raspoutine DemiBold'; font-style: normal; font-weight: normal; src: local('Raspoutine DemiBold'), url('../font/RaspoutineDemiBold_TB.woff') format('woff');}


@property --progress { syntax: '<integer>'; inherits: true; initial-value: 0;}

@keyframes load { to { --progress: var(--value) }

}

@keyframes background_animation { from { background-size: 100%; }

 to { background-size: 110%; }

}

@keyframes ripple { from { opacity: 0.7; transform: scale3d(1, 1, 1); transform-origin: center; border-width: 1px; }

 to { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); transform-origin: center; border-width: 10px; }

}



:root { --dark-bg: #111111;
--secondary-dark: #222222;
--accent-color:#9FCFE2;
--accent-color-1: #161441;
--accent-color-2: #E5E9F0;
--bs-light-rgb: 229,233,240;
--gray-color: #161441;
--font-1: 'Titillium Web', sans-serif;;
--font-2: 'Raspoutine Medium', sans-serif;
--primary-color: #273A29;
--secondary-color: #F5F5F5;
--divider-color: #273A291A;
--dark-divider-color: #FFFFFF1A;
--white-color:#FFF; 
}



h1 { font-size: 30px;}

h2 { font-size: 20px;}

h3 { font-size: 30px;}

h4 { font-size: 30px;}

h5 { font-size: 22px;}

h6 { font-size: 20px;}

ul { list-style: none;}

.breadcrumb { font-family: var(--font-2);  margin-bottom: 0px !important; letter-spacing: 1px;}

ul.b { list-style-type: square; text-transform: capitalize;}

.float{float:left;clear:none;}  
img { object-fit: cover;}

.img-fluid { width:100%; }

section { background-size: cover; background-position: center;}

.latest-post{ padding: 15px 14px; background: #fff;}

button,

a[type="button"] { padding-inline: 1rem; padding-block: 0.5rem; text-decoration: none; transition: all 0.5s; color:#000;}

button.button { padding-inline: 1rem; padding-block: 0.5rem; border: 2px solid var(--accent-color); text-decoration: none; transition: all 0.5s; color: white;}

button.button:hover { background-color: var(--accent-color); color: white; filter: brightness(0.8);}

a:hover { color: var(--accent-color);}

button:hover,

a[type="button"]:hover {

 color: white; filter: brightness(0.8);}

.service-content a{  color: #ffffff;}

a { text-decoration: none; color: #7abed9;}

.work-step-content h6 a { text-decoration: none; color: #fff;}

.work-step-content h3 a { text-decoration: none; color: #fff;}

p { hyphens: auto;;   line-height: 27px !important;   font-family: 'Titillium Web', sans-serif;  text-align: justify; }

.font-1 { font-weight: 500; color: #7abed9; font-family: var(--font-1);}

.font-2 { letter-spacing: 1px; line-height: 38px !important; font-family: var(--font-2); font-weight: 400;}

.first-head {color:#7abed9 !important;}

.my-4 { margin-top: 1rem!important; margin-bottom: 1rem !important;}

.navbar-brand { padding-top: 0px !important; padding-bottom: 0px !important;}

.navbar { --bs-navbar-padding-x: 0 !important; --bs-navbar-padding-y: 0 !important;}

.bg-blue{ background-color: var(--accent-color-1);}

.sticky-top { box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1); z-index: 99999;}

.common-anchor { width: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; height: 100%;}


.form input,

.form textarea { background-color: white; border-radius: 5px; border: none; width: 100%;}

.form input:focus,

.form textarea:focus { box-shadow: none;}

.form input::placeholder,

.form textarea::placeholder { color: #88888893;}

.form .submit_form { padding-inline: 2rem; padding-block: 0.7rem; text-decoration: none; transition: all 0.5s; color: white; background-color: var(--accent-color-1); border-radius: 5px;}

.submit_form-subscribe { padding-inline: 2rem; padding-block: 0.7rem; text-decoration: none; transition: all 0.5s; color: white; background-color: var(--accent-color-1); border-radius: 5px;}

.submit_form-subscribe:hover{ background-color: var(--dark-bg); color: white; filter: none;}

.maps { width: 100%; height: 280px;}

.promis-btn {display: flex; padding: 0px !important; right: -20px !important; top: 35% !important;  border-radius: 48px !important; margin-bottom: 0rem !important;  width: 76% !important;}

.promis-btn img{ width: 20%;}

.promis-btn span { margin-top: 14px;}

.gahc-list ul {font-size: 14px;  list-style: disc;  text-align: left; }

.gahc-list ul li{ margin-bottom: 10px;} 
.gahc-list{margin-bottom: 10px !important;}


/*------------------banner------------------*/

#slider { width:100%; min-width:320px; max-width:100%; height:83vh; overflow:hidden; position:relative;}

.slides-wrapper { height: 100%; padding: 0px; position: initial;}

.slides-wrapper li { margin-left: 0px;    position:relative; text-align:left; float:left; height: 100%; background: no-repeat center center;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.slides-wrapper li img { display:none;}

.slides-wrapper li .carousel-caption { color:#fff; position:absolute; font-family: 'Raspoutine Classic', sans-serif; font-style:italic; font-size:2em;   width:50%; text-align:left; top:43%; height: auto;} 

.slides-wrapper li .carousel-caption a { color:#7abed9; } 

.carousel-caption { top: 290px; position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: left;}

.slide-controls { position:absolute; top:45%; z-index:2; font-size:3em; font-weight:bold; padding: 10px 5px; opacity:0.3;}

.slide-controls:hover { opacity:0.6; cursor:pointer; }

.slide-left { left:0; border-radius:0 5px 5px 0;}

.slide-right { right:0; border-radius:5px 0 0 5px;}

.info { text-align:center; color:#787878; font-family: 'Raspoutine Classic', sans-serif; font-size:0.7em; line-height:1.3;}

.carousel-caption h2{ font-weight: 600; letter-spacing: -1px; font-size: 40px; font-family: 'Raspoutine Classic', sans-serif; font-style: italic;}

.carousel-caption h6{ font-style: normal; font-weight: 400; font-size: 18px; font-family: 'Raspoutine Classic', sans-serif;}

.welcome-text{ font-weight: 700 !important; color: #fff !important; font-size: 12px !important; text-transform: uppercase !important; letter-spacing: 2px !important;}

.rating-icons{position: relative; bottom: 168px; animation-play-state: running; opacity: 1; z-index: 9999; display: flex; margin-right: 2%;}


.img-stars { width: 80px;}

.testimonial-circle {  width: 45px;  height: 45px;   background-color: grey;   border: 2px solid white;  border-radius: 50%;   margin-left: -7px;}

.testimonial-circle-first { width: 45px;   height: 45px;  background-color: grey;  border: 2px solid white; border-radius: 50%; }

.review-text { font-size: 14px; font-weight: 500;  color: white;}

.large-padding-top-1 { padding-top: 680px;}

.large-padding-bottom{ padding-bottom: 350px;}

.img-offer {width: 50px;}






.slider_area { width: 100%; max-width: 100%; height: 80vh; overflow: initial; position: relative; min-height: 450px;}

.slider_area .single_slider { height: 50vw; background-size: cover; background-repeat: no-repeat; background-position: center center; max-height: 80vh; min-height: 500px;}

.slider_area .single_slider .phone_thumb { position: relative; top: 110px;}

.slider_area .single_slider .slider_text { width: 100%; max-width: 50%; margin: 0 auto; color:#fff; position:absolute; text-align:left; top:32%; height: auto;}

.slider_area .single_slider .slider_text h2 {font-weight: 400; letter-spacing: 0px; font-size: 49px; font-family: 'Raspoutine Classic', sans-serif; font-style: italic; margin-bottom: 15px;}

.slider_area .single_slider .slider_text h6 { font-style: normal; font-weight: 400; font-size: 16px; color: #ccc  font-family: 'Raspoutine Classic', sans-serif; margin-bottom: 15px;}

.slider_area .single_slider .banner-row1 { position: absolute; width: 100%; bottom: 7%; margin: 0 auto; left: 0; right: 0;}  
.slider_area .single_slider:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; right: 0; display: block; margin: 0 auto; background-image: linear-gradient(#ffffff00, #00000066, #000000cf); z-index: 0;}

.slider_area .single_slider .container { z-index: 9;}



.slider_area .owl-carousel .owl-nav div { background: transparent; opacity:0.5; height: auto; width: auto; left: 0px; position: absolute; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; color: #fff; background-color: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-family: 'Raspoutine Classic', sans-serif; font-style:italic; font-size:2em; }

.slider_area .owl-carousel .owl-nav div.owl-next { left: auto; right: 5px;}

.slider_area .owl-carousel .owl-nav div.owl-next i { position: relative; right: 0;}

.slider_area .owl-carousel .owl-nav div.owl-prev { left: 5px; right: auto;}

.slider_area .owl-carousel .owl-nav div.owl-prev i { position: relative; top: 0px;}
 

.slider_area .owl-carousel .owl-nav div:hover { color: #fff;  opacity:0.9;}

 


.btn:hover { color: #fff; background-color: #161541; border-color:  #161541;}

.form-control { color: #a6a6a6;}

#header { transition: all 0.5s ease;}

.nav-link { font-size: 16px; text-transform: capitalize;}

.nav-link:hover { color: var(--accent-color);}

.nav-link.active { color: var(--accent-color) !important;}

.nav-link:focus { color: var(--accent-color) !important;}

.navbar-toggler:focus { box-shadow: none;}

.dropdown-menu { background-color: white; border-radius: 0; border: none; padding: 0; padding-block: 0.5rem; box-shadow: 1px 1px 23px 1px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 1px 1px 23px 1px rgba(0, 0, 0, 0.17); -moz-box-shadow: 1px 1px 23px 1px rgba(0, 0, 0, 0.17); border-radius: 10px;}

.dropdown-item { padding-block: 0.5rem;}

.dropdown-item.active { color: var(--accent-color); background-color: transparent;}

.dropdown-item:hover { color: var(--accent-color); background-color: transparent;}

.dropdown-item:focus { color: var(--accent-color);}

.section { padding: 3em 0em 2em 0em; overflow: hidden;}

.r-container { max-width: 1140px; margin-right: auto; margin-left: auto;}

.bg-dark-color { background-color: var(--dark-bg);}

.bg-dark-transparent { background-color: #232323b7;}

.bg-secondary-dark { background-color: var(--secondary-dark);}

.bg-accent-color { background-color: var(--accent-color);}

.bg-accent-color-1 { background-color: var(--accent-color-1);}

.bg-accent-color-2 { background-color: var(--accent-color-2);}

.accent-color { color: var(--accent-color);}

.accent-color-1 { color: var(--accent-color-1);}

.accent-color-2 { color: var(--accent-color-2);}

.border-accent-color { border-color: var(--accent-color) !important;}

.border-accent-color-1 { border-color: var(--accent-color-1) !important;}

.border-accent-color-2 { border-color: var(--accent-color-2) !important;}

.text-gray { color: var(--gray-color) !important;}

.text-gray a { color: #2fa5dd !important;}

.bg-accent-color-hover:hover { background-color: var(--accent-color); color: white;}

.btn-dark { background-color: var(--dark-bg); color: white; border: none;}

.btn-dark:hover {background-color: var(--accent-color-1); color: white; border: none;}

.content-links a{transition-property: all; color: #2ca5de; font-weight: 600; }

.image-overlay { height: 100%; width: 100%; top: 0; left: 0; position: absolute; background-color: #000; opacity: 0.5; transition: background 0.3s, border-radius 0.3s, opacity 0.3s;}

.image-overlay-2 {height: 100%; width: 100%; top: 0; left: 0; position: absolute; background-color:#000000c4; opacity: 0.8; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; display: none;}

.image-overlay-3 {height: 100%; width: 100%; top: 0; left: 0; position: absolute; background-color: #FFFFFF; transition: background 0.3s, border-radius 0.3s, }

.overlay { display: none; background-image: url(../image/bg.png); background-size: contain; background-position: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-repeat: no-repeat; background-size: 65% auto; opacity: 1;}

.overlay1 { background-image: url(../image/bg1.png); background-size: contain; background-position: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-repeat: no-repeat; background-size: 65% auto; opacity: 1;}

.overlay.right { background-position: center right;}

.overlay.left { background-position: center left;}

.logo-container { max-width: 270px;}

.divider { display: flex; align-items: center;}

.divider::after { display: block; content: ""; border-bottom: 0; flex-grow: 1; border-top: 3px solid var(--accent-color); max-width: 80px; min-width: 80px;}

.divider-before::before { display: block; content: ""; border-bottom: 0; flex-grow: 1; border-top: 3px solid var(--accent-color); max-width: 80px; min-width: 80px;}

.divider-element { letter-spacing: 2px; flex-shrink: 0; flex-grow: 1; margin: 0; margin-left: 1rem; font-weight: 400;}

.image-infinite-bg { height: 90vh;}

.animation-bg { animation: background_animation 10s forwards;}

.r-progress { --value: 17; --progress-color: var(--accent-color); --secondary-progress-color: #a8a8a8; --animation-duration: 2000;}

.r-progress-bar { position: relative; height: 20px; background-color: var(--secondary-progress-color); display: flex; /* border-radius: 3px; */ overflow: hidden;}

.r-progress-bar .progress-value { height: 100%; width: calc(var(--progress) * 1%); background-color: var(--progress-color); position: relative; /* border-radius: 3px; */ animation: load; animation-fill-mode: forwards; animation-duration: calc(var(--animation-duration) * 1ms); animation-timing-function: linear; animation-delay: 500ms; color: black;}

.r-progress-bar.percentage-label::after { counter-reset: percentage var(--progress); content: counter(percentage) '%'; display: block; position: absolute; left: calc((var(--progress) * 1%) - 3rem); animation: load; animation-fill-mode: forwards; animation-duration: calc(var(--animation-duration) * 1ms); animation-timing-function: linear; animation-delay: 500ms; color: white; font-size: 15px; line-height: 1.2; /* font-weight: 700; */ font-family: var(--font-1);}

.bg-attach-fixed { background-attachment: fixed;}

.social-container {display: flex; flex-direction: row; gap: 1rem; align-items: center;}

.social-item { border-radius: 50%; aspect-ratio: 1/1; font-size: 15px; width: 1.8rem; height: 1.8rem; background-color: var(--accent-color-2); transition: all 0.5s; display: flex; justify-content: center; align-items: center; color:#7abed9;}

.social-item.bg-accent-color-1 { background-color: var(--accent-color-1);}

.social-item:hover { background-color: var(--dark-bg); color: white;}

.nav-tabs { border-bottom: none;}

.navbar-expand-lg .navbar-nav {height: auto;flex-direction: row;display: flex;flex-wrap: wrap;align-items: center;justify-content: end !important;margin: 0 0 0 auto !important;}




.nav-tabs .nav-link { background-color: transparent; color: var(--accent-color); border: none; position: relative;}

.nav-tabs .nav-link:hover {border: none;color: #ffffff;}

.nav-tabs .nav-link.active { background-color: transparent; border: none;}

.nav-tabs .nav-link.active::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px;}

.breadcrumb-sec{   padding: 4em 2em 4em 2em !important;}

.breadcrumb .breadcrumb-item>a { color: white;}

.breadcrumb .breadcrumb-item.active { color: var(--accent-color);}

.breadcrumb-item+.breadcrumb-item::before { color: white;}

.swiper { width: 100%;}

.swiper-pagination { margin-block: 1rem;}

.swiper-pagination .swiper-pagination-bullet-active { background-color: black;}

.video-container { aspect-ratio: 16/9; background-size: cover; background-position: center; position: relative;}

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

.video-btn { border-radius: 50%; aspect-ratio: 1/1; width: 5rem; background-color: transparent; border: solid 2px white; display: flex; justify-content: center; align-items: center; padding: 0;}

.border-custom { border-width: 0px 1px 0px 0px; border-color: var(--accent-color); border-style: solid;}

.icon-box { display: flex; justify-content: center; align-items: center; text-align: center; font-size: 2.5rem; aspect-ratio: 1/1; width: 4rem; height: 4rem;}

.icon-box i { color: #000; } 

.request-loader { position: relative; height: 60px; width: 60px; border-radius: 50% !important; background-color: var(--accent-color); display: flex; justify-content: center; align-items: center; color: white;}

.request-loader:hover { color: #464646; background-color: var(--accent-color);}



.request-loader::after,

.request-loader::before { opacity: 0.2; display: flex; flex-direction: row; justify-content: center; align-items: center; position: absolute; content: ''; height: 100%; width: 100%; color: rgb(238, 238, 238); border: 4px solid currentColor; border-radius: 50%; animation-name: ripple; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(.65, 0, .34, 1); z-index: 0;}

.request-loader::after { animation-delay: 0.5s; animation-duration: 3s;}

.request-loader::before { animation-delay: 0.2s; animation-duration: 3s;}

.ifr-video { aspect-ratio: 16/9; width: 100%;}

.post-button { background-color: transparent; color: var(--accent-color); border: none !important;}

.post-button:hover { background-color: transparent !important; color: var(--accent-color) !important; transform: scale(1.15);}

.card-locations{ padding: 20px 0px 0px 0px;}

.card-locations .font-2 {line-height: 30px !important;}

.card-locations a {color:#7abed9; }

.card-locations h5 a { color: #161441 !important;}

.card-locations h5{ color: #161441 !important;}

.home-care-location{ width: 20%; padding: 6px; height:auto; margin-bottom:15px;}

.card.with-border-bottom { height:100%; border-bottom: 3px solid var(--accent-color) !important; padding-bottom: 60px !important;}

.list-group .list-group-item { border: none; border-radius: 5px;}

.list-group .list-group-item.active { background-color: var(--accent-color);}

.list-group .list-group-item.list-group-item-action:hover { background-color: var(--accent-color); color: white;}

.accordion-button:not(.collapsed) { background-color: var(--accent-color); color: white;}

.accordion-item:first-of-type .accordion-button { border-radius: 5px;}

.accordion-button { background-color: #f6f6f6; border-radius: 5px;}

.accordion-button:hover { filter: none;}

.accordion-button:focus { z-index: 3; border: none; outline: 0; box-shadow: none;}

.accordion-item{ border: none;}

.home-points{ margin-top: -50px; z-index: 9;}   


.contact-flot{ display: flex; flex-direction: column-reverse; justify-content: space-evenly; }

.contact-ads-info{  border-radius: 10px; border:1px solid #42a6d6ad;  padding: 20px;}
 

.apply-box { max-width:600px; padding:20px; background-color:#fff; margin:0 auto; margin-top: 20px; border-radius:50px; box-shadow: 4px 3px 5px rgba(1,1,1,0.1);}

.title_small { font-size: 20px; color:orangered;}

.form_container { margin-top:20px; display: grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap:20px;}

.form_control { display:flex; flex-direction:column;}

.textarea_control { grid-column: 1 / span 2;}

.textarea_control textarea { width: 100%;}

label { font-size: 15px; margin-bottom: 5px;}

input,select,textarea{ padding: 6px 10px; border: 1px solid #ccc; border-radius: 5px; font-size: 15px;}

input:focus, textarea:focus,select:focus { outline-color:red;}

.button_container { display:flex; justify-content:flex-end; margin-top:20px;}

.button_container button { background:orangered; border:transparent solid 2px; padding: 5px 10px; color:#fff; border-radius: 10px; transition: 0.3s ease-in; cursor: pointer;}


.card-locations .read-btn { position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto; width: fit-content; z-index: 1;}

.leadership-wrap .leadership-col1 { margin-bottom: 35px !important;}

.leadership-wrap .leadership-col1 .rounded-3 { box-shadow: var(--bs-box-shadow);}

.leadership-wrap .leadership-col1 p { font-size: 13px;}

.advisory-team h5 { font-size: 14px !important;}

.advisory-team p { font-size: 12px !important;}

.video-testimonials iframe { height: 300px; } 

.gallery-items.video-testimonials { margin-bottom: 60px;}

.img-area{ width: 1170px; margin: 1% auto;}

.single-img { border: 1px solid #92d1ef52; position: relative; width: 48%; float: left; margin: 0 1%;}

.image { display: block; width: 100%; height: auto;}

.img-overlay {position: absolute; bottom: 0; left: 0; right: 0; background-color: #161441;  overflow: hidden;  width: 100%; height: 0; transition: .5s ease;}

.single-img:hover .img-overlay {height: 100%;}

.text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; text-align: center; font-size: 20px; font-family: poppins; text-transform: uppercase; letter-spacing: 2px; font-weight: bold;}

.text span{ font-weight: 300;}

.link-area{ position:fixed; bottom:20px; left:20px;  padding:15px; border-radius:40px; background:tomato;}

.link-area a{text-decoration:none; color:#fff; font-size:25px;}


/************************************/
/*** Our Testimonials css	  ***/
/************************************/

.our-testimonials{ position: relative; background-image: url('../images/testimonial-bg.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; background-repeat: no-repeat; background-size: cover; overflow: hidden;}

.our-testimonials::before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 80%; width: 100%; height: 100%;}

.our-testimonials .container{ position: relative; z-index: 1;}

.testimonials-counter-box{ display: flex; flex-wrap: wrap; align-items: center; width: 100%; max-width: 400px;}

.testimonials-counter-box h2{ width: 130px; font-size: 46px; font-weight: 600; color: var(--white-color);}

.testimonials-counter-box p{ width: calc(100% - 150px); color: var(--white-color); border-left: 1px solid var(--dark-divider-color); margin: 0 0 0 15px; padding-left: 15px;}

.testimonial-slider{ position: relative; background: #9FCFE2; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 20px; padding: 40px;}

.testimonial-slider .swiper-wrapper{ cursor: none;}

.testimonial-header{ display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 30px;}

.testimonial-company-logo img{ width: 100%; max-width: 150px;}

.testimonial-quote img{ width: 100%; max-width: 40px;}

.testimonial-content{ border-bottom: 1px solid #ffffffb5; margin-bottom: 15px; padding-bottom: 15px;}

.testimonial-content p{ margin: 0;}

.testimonial-author{ display: flex; align-items: center;}

.author-image{ margin-right: 15px;}

.author-image figure{ display: block; border-radius: 50%;}

.author-image img{ width: 100%; max-width: 50px; border-radius: 50%;}

.author-content h3{ font-size: 20px; text-transform: capitalize; margin-bottom: 5px;}

.author-content p{ margin-bottom: 0;}

.testimonial-btn{ position: relative; display: flex; justify-content: end; align-items: center; margin-top: -40px; z-index: 1;}

.testimonial-slider .testimonial-button-next,
.testimonial-slider .testimonial-button-prev{ position: relative; width: 40px; height: 40px; background: var(--dark-divider-color); border-radius: 50%; transition: all 0.4s ease-in-out;}

.testimonial-slider .testimonial-button-next{ margin-left: 20px;}

.testimonial-slider .testimonial-button-next:hover,
.testimonial-slider .testimonial-button-prev:hover{ background: var(--accent-color);}
 
.company-supports-slider{ border-top: 1px solid var(--dark-divider-color); padding-top: 60px; margin-top: 60px;}

.company-supports-logo{ text-align: center;}

.company-supports-logo img{ width: 100%; max-height: 40px;}


.recaptcha{ display: flex; justify-content: center; margin-bottom: 15px;}

.recaptcha1{ display: flex; justify-content: space-between; align-items: center;}






/* Styles for vertical tabs on larger screens */

@media (min-width: 768px) { 

.nav-tabs.flex-column { border-right: 1px solid #dee2e6; border-bottom: none; } 
.nav-tabs.flex-column .nav-link {width: 100%; border-radius: 0.5rem 0 0 0.5rem; margin-bottom: 0.25rem; border-color: transparent; text-align: left; } 
.nav-tabs.flex-column .nav-link.active {background-color: #181541;color: #fff !important;/* border-color: #dee2e6 #fff #dee2e6 #dee2e6; */color: #ffffff !important;} 

.tab-content { border-radius: 0 0.5rem 0.5rem 0;}

}

/* Styles for horizontal tabs on smaller screens */

@media (max-width: 767.98px) {

.nav-tabs {border-right: none;border-bottom: 1px solid #dee2e6; display: flex; flex-wrap: wrap; justify-content: center;}
.nav-tabs .nav-item { flex-grow: 1;text-align: center; } 
.nav-tabs .nav-link { border-radius: 0.5rem 0.5rem 0 0; margin-bottom: 0; margin-right: 0.25rem; text-align: center;} 
.nav-tabs .nav-link.active { border-color: #dee2e6 #dee2e6 #fff;} 
.tab-content { border-top: none; border-left: 1px solid #dee2e6; border-radius: 0 0.5rem 0.5rem 0.5rem;}

}

.nav-tabs .nav-link { color: #4a5568; font-weight: 500; padding: 0.75rem 1.25rem; transition: all 0.2s ease-in-out;}
.nav-tabs .nav-link:hover {border-color: #dee2e6 #dee2e6 #dee2e6;background-color: #131134;}
.tab-content { background-color: #ffffff; padding: 1.5rem;}     
.list-unstyled li { padding: 0.3rem 0; color: #333;}
.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important;}     
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;}     
.rounded-lg { border-radius: 0.5rem;}


 li .nav-item::before { content:none !important;}
 
.list-style li::before { content:none !important; display: flex; align-items: center;    }

.list-style ul li { padding-left: 0px  !important;}

.list-style ul li.active::after { content: '\9b' !important; position: absolute !important; left: 139px !important;  width: 28% !important; top: 5px !important; font-size: 40px !important;  color: #fff !important; height: 5px !important;}

.nav-link1 .active::after { content: '\9b' !important; position: absolute !important; left: 139px !important;  width: 28% !important; top: 5px !important; font-size: 40px !important;  color: #fff !important; height: 5px !important;}
 
.top-head ul li { margin-right: 10px;}


.container .box { position:relative; width: 350px; padding: 40px; background: linear-gradient(to bottom,#E4E5EC,#FCDAEA); box-shadow:0 15px 25px rgba(0,0,0,.1); border-radius:15px; margin:20px; box-sizing:border-box; overflow:hidden; text-align: center;}

.container .box:before { content:''; width: 50%; height: 100%; position:absolute; top:0; left:0; background:rgba(255,255,255,.2); z-index:2; pointer-events:none; text-align: center;}

.container .box .icon { position:relative; width: 80px; height: 80px; color:#fff; background:#FF1493; display:flex; justify-content: center; aling-items: center; margin:55px auto; border-radius:20%; font-size: 50px; font-weight:normal; transition:2s; padding:10px;}
.container .box .icon i{ padding:12px;}

.container .box .icon { box-shadow:0 0 0 0 #76D7C4; backgraund:#76D7C4;}
.container .box:hover .icon { box-shadow:0 0 0 400px #76D7C4;}


.container .box .content{ position:relative; z-index:1; transition:1.5s;}
.container .box:hover .content{color:#fff;}
.container .box .content h3{ font-size: 20px; margin:10px 0; padding:0; text-align: center;}
.container .box .content p{  margin:0; padding:0; text-align: center;}
.container .box .content a{ display:inline-block; padding:10px 25px; background:#fff; border-radius:10px; text-decoration:none; color:#000; font-weight:500; margin-top:20px; box-shadow: 5px 2px 5px rgba(0,0,0,.2); border: 1px solid green;}



.blue-bg-div { text-align: center; background: #9fcfe2a6; padding: 25px;}
.blue-bg-text {line-height: 28px !important; font-size: 19px;}
.light-blue-bg {background: #9fcfe217;}
.accent-color-with-bg{ background: #000; width: 100%; padding: 5px 5px; margin-bottom: 0px; border-radius: 10px 10px 0px 0px;}

.leadership-outer img{ border: 1px solid; color: #9fcfe2; border-radius: 10px;}


.custom-list-item { display: flex; align-items: flex-start; margin-bottom: 0.75rem; font-size: 1rem; color: #495057;}

.custom-list-icon { color: #004d40; margin-right: 0.75rem; font-weight: bold; font-size: 1.2rem; }


.common-style {width: 100%;float: left;padding-left: 0;list-style: none;}

.common-style li {float: none;position: relative;padding: 0 0 0 20px;display: flex;align-items: flex-start;margin-bottom: 0.75rem;font-size: 1rem;color: #333;}

.common-style li:before {content: "\2023 ";position: absolute;left: 0;color: #2ba4da;font-size: 34px;top: 0;line-height: 20px;}





/************************************/
/*** Our Services css	  ***/
/************************************/

.our-services{ padding:50px 0;}

.service-col1 { margin: 0 0 30px; position: relative; height: auto; display: block;}

.service-item{ position: relative; background: #171440; box-shadow: 0px 0px 10px 0px #0B10300D; border-radius: 20px; padding: 40px 40px 80px 40px; overflow: hidden; height: 100%;}

.service-item:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; border: 1px solid #17144024; bottom: 0; background: #fff; border-radius: 20px; width: 100%; height: 100%; transition: all 0.5s ease-in-out; z-index: 1; display: none;}

.service-item.active::before,
.service-item:hover::before{ transform: translate(100%, -100%);}

.service-image{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: all 0.4s ease-in-out;}

.service-item.active .service-image,
.service-item:hover .service-image{ opacity: 1;}

.service-image::after{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;	 background-color: var(--accent-color-1); opacity: 70%;}

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

.service-body{ position: relative; z-index: 2; height: 100%;}

.service-body .icon-box{ width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; background: var(--accent-color); border-radius: 50%; margin-bottom: 30px; transition: all 0.4s ease-in-out;}

.service-item.active .service-body .icon-box,
.service-item:hover .service-body .icon-box{ background: var(--secondary-color);}

.service-body .icon-box img{ width: 100%; max-width: 35px; transition: all 0.4s ease-in-out;}

.service-item.active .service-body .icon-box img,
.service-item:hover .service-body .icon-box img{ filter: brightness(0) invert(0);}

.service-content{   margin-bottom: 25px; padding-bottom: 25px; transition: all 0.4s ease-in-out; text-align: left;}
 

.service-col1 .service-item .service-readmore-btn { position: absolute; bottom: -35px;}


.service-item.active .service-content,
.service-item:hover .service-content{ border-color: var(--dark-divider-color);}

.service-content h3{ font-size: 20px; margin-bottom: 10px; transition: all 0.4s ease-in-out;}

.service-content h3 a{ color: inherit;}
..service-item:after h6 a:hover{color: #fff;}
.service-image::after.service-content h6 a:hover{color: #fff;}

.service-content p{ margin-bottom: 0; transition: all 0.4s ease-in-out; text-align: left;}

.service-item.active .service-content h3,
.service-item:hover .service-content h3,
.service-item.active .service-content p,
.service-item:hover .service-content p,
.service-item.active .service-content a,
.service-item:hover .service-content a{ color: var(--secondary-color);}

.service-item.active .service-readmore-btn .readmore-btn,
.service-item:hover .service-readmore-btn .readmore-btn{ color: var(--accent-color);}

.service-item.active .service-readmore-btn .readmore-btn::before,
.service-item:hover .service-readmore-btn .readmore-btn::before{ filter: brightness(0) invert(1);}

.service-cta-box{ position: relative; border-radius: 20px; height: calc(100% - 30px); overflow: hidden; margin-bottom: 30px;}

.service-cta-image{ height: 100%;}

.service-cta-image figure{ display: block; height: 100%;}

.service-cta-image img{ width: 100%; height: 100%; aspect-ratio: 1 / 0.8; object-fit: cover; transition: all 0.4s ease-in-out;}

.service-cta-box:hover .service-cta-image img{ transform: scale(1.1);}

.service-cta-content{ position: absolute; right: 30px; bottom: 30px; left: 30px; background: var(--dark-divider-color); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 10px; text-align: center; padding: 20px 30px; z-index: 1;}

.service-cta-content h3{ font-size: 20px; color: var(--accent-color); margin-bottom: 30px;}

.section-footer-text{ margin-top: 30px; text-align: center;}

.section-footer-text p{ margin: 0;}

.dark-section .section-footer-text p{ color: var(--accent-color);}

.section-footer-text p span{ display: inline-block; line-height: 1.1em; color: var(--white-color); background: var(--accent-color); border-radius: 30px; padding: 4px 12px; margin-right: 10px;}

.section-footer-text p a{ font-weight: 600; color: var(--accent-color); text-decoration: underline; transition: all 0.3s ease-in-out;}

.section-footer-text p a:hover{ color: var(--primary-color);}

.dark-section .section-footer-text p a:hover{ color: var(--accent-color);}

 


/************************************/
/*** Service Single css	  ***/
/************************************/

.page-service-single{ padding: 100px 0;}

.page-single-sidebar{ position: sticky; top: 20px; margin-right: 15px;}

.page-catagory-list{ border: 1px solid var(--divider-color); border-radius: 20px; margin-bottom: 60px; overflow: hidden;}

.page-catagory-list h3{ font-size: 20px; color: var(--white-color); text-transform: capitalize; background: var(--accent-color); padding: 22px 20px;}

.page-catagory-list ul{ background: var(--secondary-color); list-style: none; margin: 0; padding: 30px;}

.page-catagory-list ul li{ line-height: 1.5em; border-bottom: 1px solid var(--divider-color); padding-bottom: 20px; margin-bottom: 20px;}

.page-catagory-list ul li:last-child{ margin: 0; padding: 0; border-bottom: none;}

.page-catagory-list ul li a{ position: relative; display: block; text-transform: capitalize; color: var(--text-color); padding-right: 30px; transition: all 0.4s ease-in-out;}

.page-catagory-list ul li:hover a{ color: var(--primary-color);}

.page-catagory-list ul li a::before{ content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: url('../image/arrow-primary.svg') no-repeat; background-size: cover; background-position: center center; width: 14px; height: 14px; transition: all 0.4s ease-in-out;}

.page-catagory-list ul li a:hover::before{ transform: translateY(-50%) rotate(45deg);}

.sidebar-cta-box{ border: 1px solid var(--divider-color); border-radius: 20px; overflow: hidden;}

.sidebar-cta-image figure{ display: block;}

.sidebar-cta-image img{ width: 100%; aspect-ratio: 1 / 0.68; object-fit: cover; transition: all 0.4s ease-in-out;}

.sidebar-cta-box:hover .sidebar-cta-image img{ transform: scale(1.1);}

.sidebar-cta-content{ display: flex; background: var(--white-color); padding: 40px 30px;} 

.sidebar-cta-content .icon-box{ margin-right: 20px;}

.sidebar-cta-content .icon-box img{ width: 100%; max-width: 30px;}

.cta-item-content{ width: calc(100% - 50px);}

.cta-item-content h3{ font-size: 20px; margin-bottom: 10px;}

.cta-item-content p{ margin-bottom: 0;}

.sidebar-cta-contact a{ display: inline-flex; align-items: center; width: 100%; font-weight: 700; color: var(--white-color); background: var(--accent-color); padding: 18px 30px; transition: all 0.3s ease-in-out;}

.sidebar-cta-contact a:hover{ background: var(--primary-color);}

.sidebar-cta-contact a img{ width: 100%; max-width: 26px; margin-right: 15px;}

.page-single-image{ margin-bottom: 40px;}

.page-single-image figure{ display: block; border-radius: 20px;}

.page-single-image img{ width: 100%; aspect-ratio: 1 / 0.598; object-fit: cover; border-radius: 20px;}
  
   


.service-entry{ margin-bottom: 0;}

.service-entry p{ margin-bottom: 20px;}

/*.service-entry p:last-child{ margin-bottom: 0;}*/

.service-entry h2{ font-size: 46px; font-weight: 600; letter-spacing: -0.02em; margin-bottom: 20px;}

.service-entry h2 span{ font-family: var(--accent-font); font-weight: 400; font-style: italic;}

.service-entry ul{ list-style: none; margin: 0; padding: 0;}

.service-entry ul li{ position: relative; line-height: 1.5em; padding-left: 30px; margin-bottom: 8px;}

.service-entry ul li:last-child{ margin-bottom: 15px;}

.service-entry ul li::before{ content: '\f058'; font-family: 'Font Awesome 6 Free'; position: absolute; top: 0; left: 0; font-size: 18px; font-weight: 900; color: var(--accent-color);}


.service-entry .elder-box { display: flex; flex-wrap: wrap; width: 100%;}

.service-entry .elder-box li { gap: inherit; padding: 0 15px 20px !important; justify-content: flex-start; text-align: center; width: 100%;}

.service-entry .elder-box li span { display: inline-block; width: fit-content; text-align: left; padding-left: 15px;}

.service-entry .elder-box { margin-bottom: 0;}


.compassionate-box,
.service-support-box,
.personalized-step-box{ margin-top: 60px;}

.compassionate-body-box{ display: flex; flex-wrap: wrap; align-items: center; gap: 30px; margin-top: 40px;}

.compassionate-item-list,
.compassionate-content-box{ width: calc(50% - 15px);}

.compassionate-content-box{ position: relative; background: var(--accent-color); border-radius: 20px; padding: 30px; overflow: hidden;}

.compassionate-content-box::before{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; background-color: var(--primary-color); border-radius: 999px 999px 0 0; width: 100%; height: 0; transition: all 0.3s ease-in-out;}

.compassionate-content-box:hover::before{ border-radius: 0; height: 100%;}

.compassionate-content-box .icon-box,
.compassionate-content{ position: relative; z-index: 1;}

.compassionate-content-box .icon-box{ margin-bottom: 40px;}

.compassionate-content-box .icon-box img{ width: 100%; max-width: 50px;}

.compassionate-content h3{ font-size: 20px; color: var(--white-color); margin-bottom: 15px;}

.compassionate-content p{ color: var(--white-color);}

.service-support-body{ display: flex; flex-wrap: wrap; align-items: center; gap: 30px; margin-top: 40px;}

.service-support-list{ width: calc(40% - 15px);}

.service-support-item-list{ width: calc(100% - 15px); display: flex; flex-wrap: wrap; gap: 15px;}

.service-support-item{ width: calc(25% - 15px); border: 1px solid #9fcfe2; border-radius: 20px; display: flex; flex-wrap: wrap; padding: 20px 18px 12px 18px; align-items: center;}

.service-support-item .icon-box{ position: relative; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; background: var(--accent-color); border-radius: 50%; margin-right: 20px;}

.service-support-item .icon-box::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--primary-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.3s ease-in-out;}

.service-support-item:hover .icon-box::before{ transform: scale(1);}

.service-support-item .icon-box img{ position: relative; width: 100%; max-width: 24px; z-index: 1;}

.service-support-item-content{ width: calc(100% - 70px);}

.service-support-item-content h3{ font-size: 20px; margin-bottom: 5px;}

.service-support-image-video{ display: flex; flex-wrap: wrap; gap: 30px; margin-top: 40px;}

.service-support-image,
.service-support-video{ position: relative; width: calc(50% - 15px);}

.service-support-image figure,
.service-support-video figure{ display: block; border-radius: 20px;}

.service-support-image figure img,
.service-support-video figure img{ width: 100%; aspect-ratio: 1 / 0.591; object-fit: cover; border-radius: 20px;}

.service-support-video figure:before{ content: ''; position: absolute; height: 100%; width: 100%; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--primary-color); opacity: 50%;}

.video-play-button{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}

.video-play-button a{ position: relative; background: var(--accent-color); background-size: 200% auto; border-radius: 100%; width: 50px; height: 50px; margin: 0 auto; display: flex; align-items: center; justify-content: center; cursor: none;}

.video-play-button a:before{ content: ''; position: absolute; top: -50%; left: -50%; width: 160%; height: 160%; border: 50px solid var(--white-color); opacity: 50%; border-radius: 50%; transform: scale(0.6); z-index: -1; animation: border-zooming 1.2s infinite linear;}

.video-play-button a:after{ content: ''; position: absolute; top: -50%; left: -50%; width: 160%; height: 160%; border: 50px solid var(--white-color); opacity: 50%; border-radius: 50%; transform: scale(0.6); z-index: -1; animation: border-zooming 1.2s infinite linear; animation-delay: .3s;}

@keyframes border-zooming{ 100%{ 	transform: scale(1); 	opacity: 0; } }

.video-play-button a i{ font-size: 20px; color: var(--white-color);}

.personalized-step-item-list{ margin-top: 40px;}

.personalized-step-item{ display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 30px;}

.personalized-step-item:last-child{ margin-bottom: 0;}

.personalized-step-item:nth-child(even){ flex-direction: row-reverse;}

.personalized-step-info-box,
.personalized-step-image{ width: calc(50% - 15px);}

.personalized-step-info-box{ border: 1px solid var(--divider-color); border-radius: 20px; padding: 40px;}

.personalized-step-header{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--divider-color); margin-bottom: 40px; padding-bottom: 40px;}

.personalized-step-title{ width: calc(100% - 80px);}

.personalized-step-title h2{ margin-bottom: 0;}

.personalized-step-btn a{ width: 50px; height: 50px; background-color: var(--secondary-color); border-radius: 50px; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease-in-out;}

.personalized-step-btn a:hover{ background: var(--accent-color);}

.personalized-step-btn a img{ width: 100%; max-width: 14px; transition: all 0.3s ease-in-out;}

.personalized-step-btn a:hover img{ transform: rotate(45deg);}

.personalized-step-body h2{ opacity: 20%; font-weight: 800; text-align: right; margin-bottom: 0; transition: all 0.3s ease-in-out;}

.personalized-step-info-box:hover .personalized-step-body h2{ opacity: 100%;}

.personalized-step-image figure{ display: block; height: 100%; border-radius: 20px;}

.personalized-step-image img{ width: 100%; height: 100%; aspect-ratio: 1 / 0.68; object-fit: cover; border-radius: 20px;}


.award-wrapp { width: 100%; display: block; margin: 15px auto 0;}


.whyinner-wrapp { background: linear-gradient(45deg, #6fb5d0, #9fcfe2); padding: 3em 0em 3em 0em;}

.whyinner-wrapp .service-support-box { margin: 0 auto;}

.whyinner-wrapp .service-support-box .service-support-body { width: 100%; margin: 0 auto; gap: inherit; justify-content: center;}

.whyinner-wrapp .service-support-box .service-support-body .service-support-item-list { width: 100%; gap: inherit;}

.whyinner-wrapp .service-support-box .service-support-body .service-support-item-list .whyinner-col1 { padding: 0 10px;}

.whyinner-wrapp .service-support-box .service-support-body .service-support-item-list .whyinner-col1 .service-support-item { width: 100%; height: 100%; /* align-items: flex-start; */ background: #ffffff; padding: 20px 15px 20px 15px; }

.whyinner-wrapp .service-support-box .service-support-body .service-support-item-list .whyinner-col1 .service-support-item p { text-align: left; margin: 0 auto; min-height: 54px;}





/************************************/
/***  Our FAQs css	  ***/
/************************************/

.our-faqs{ padding: 100px 0;}

.faqs-content{ position: sticky; top: 30px; margin-right: 15px;}

.faq-accordion .accordion-item{ position: relative; border-radius: 0; margin-bottom: 25px; overflow: hidden;}

.faq-accordion .accordion-item:last-child{ margin-bottom: 0;}

.faq-accordion .accordion-header .accordion-button{ font-size: 18px; font-weight: 600; line-height: 1.4em; background: transparent; color: var(--primary-color); border-bottom: 1px solid var(--divider-color); padding: 5px 35px 25px 0px; transition: all 0.3s ease-in-out;}

.faq-accordion .accordion-header .accordion-button.collapsed{ background: transparent; }

.faq-accordion .accordion-item:last-child .accordion-header .accordion-button.collapsed{ border-bottom: none; padding-bottom: 0;}

.faq-accordion .accordion-item .accordion-button::after, 
.faq-accordion .accordion-item .accordion-button.collapsed::after{ content: '\2b'; font-family: 'FontAwesome'; position: absolute; right: 0; top: 0; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; background: var(--accent-color); border-radius: 50%; font-size: 14px; color: var(--white-color); transition: all 0.3s ease-in-out;}

.faq-accordion .accordion-button:not(.collapsed)::after{ content: '\f068'; background: var(--primary-color);}

.faq-accordion .accordion-item .accordion-body{ background: transparent; padding: 25px 0 0 0;}

.faq-accordion .accordion-item .accordion-body p{ margin: 0;}
 

.about-us-images{ display: flex; flex-wrap: wrap; margin-right: 15px;}

.about-image-1{ padding-right: 9.115vw;}

.about-image-1 figure,
.about-image-2 figure{ display: block; border-radius: 20px;}

.about-image-1 img,
.about-image-2 img{ width: 100%; object-fit: cover; border-radius: 20px;}

/*.about-image-1 img{ aspect-ratio: 1 / 1.095;}*/

.about-image-2{ width: 100%; max-width: 360px; margin: -340px 0 0 auto;}

.about-image-2 img{ aspect-ratio: 1 / 1.14;}

.about-us-body{ display: flex; flex-wrap: wrap; align-items: center;}

.about-us-circle{ margin-right: 40px;}

.about-us-circle a{ display: inline-block; border-radius: 50%;}

.about-us-circle a img{ width: 100%; max-width: 120px; border-radius: 50%; animation: infiniterotate 20s infinite linear;}

.about-us-circle a:hover img{ animation-play-state: paused;}

.about-body-content{ width: calc(100%);}

.about-body-content p{ margin-bottom: 20px;}

.about-us-list{ border-top: 1px solid var(--divider-color); margin-top: 30px; padding-top: 30px;}

.about-us-list ul{ display: flex; flex-wrap: wrap; gap: 15px 30px; margin: 0; padding: 0; list-style: none;}

.about-us-list ul li{ position: relative; width: calc(50% - 15px); line-height: 1.5em; padding-left: 30px;}

.about-us-list ul li::before{ content: '\f058'; font-family: 'Font Awesome 6 Free'; position: absolute; top: 0; left: 0; font-size: 18px; font-weight: 900; color: var(--accent-color);}


.cta-box { background-image: url('../image/services/cta-box-bg.png'); background-repeat: no-repeat; background-position: top center; background-size: 100% auto; padding: 100px 0 0;}
 


/************************************/
/***  How It Work css	  ***/
/************************************/

.how-it-work{ position: relative; background: url('../image/services/how-it-work-bg.jpg') no-repeat; background-position: center center; background-size: cover; padding: 80px 0px 50px 0px; overflow: hidden;}

.work-steps-list { justify-content: center;}

.how-it-work::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--accent-color-1); opacity: 40%; width: 100%; height: 100%;}

.how-it-work .container{ position: relative; z-index: 1;}


.work-col1 { margin: 0 0 30px; position: relative; height: auto; display: block;}
 
.work-steps-item{ border: 1px solid #00000024; position: relative; background: #161441; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(10px); border-radius: 20px; height: 100%; padding: 40px 40px 80px 40px; overflow: hidden;}

.work-steps-item::before{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 0; background-color: #fff; border-radius: 999px 999px 0 0; transition: all 0.4s ease-in-out;}

.work-steps-item.active::before,
.work-steps-item:hover::before{ height: 100%; border-radius: 0;}

.work-col1 .work-step-btn { position: absolute; bottom: 40px;}


.work-step-no,
.work-step-content,
.work-step-btn{ position: relative; z-index: 1;}
.work-step-content P{color:#fff; }

.work-steps-item .icon-box{ position: absolute; top: -5px; right: -5px; z-index: 1;}

.work-steps-item .icon-box img{ width: 100%; max-width: 60px; transition: all 0.4s ease-in-out;}

.work-step-no{ width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background: var(--accent-color); border-radius: 50%; margin-bottom: 20px; transition: all 0.5s ease-in-out;}

.work-steps-item.active .work-step-no,
.work-steps-item:hover .work-step-no{ background: var(--white-color);}

.work-step-no h3{ font-family: var(--accent-font); font-size: 16px; font-weight: 500; color: var(--white-color); transition: all 0.5s ease-in-out;}

.work-steps-item.active .work-step-no h3,
.work-steps-item:hover .work-step-no h3{ color: var(--primary-color);}

.work-step-content{  margin-bottom: 25px; padding-bottom: 25px;}

.work-step-content h3{ font-size: 20px; line-height: 1.4em; color: var(--white-color); transition: all 0.4s ease-in-out;}

/*.work-step-content h3{ font-size: 20px; line-height: 1.4em; color: var(--white-color); border-bottom: 1px solid #ffffffa8; margin-bottom: 10px; padding-bottom: 10px; transition: all 0.4s ease-in-out;}*/

.work-step-content p{ text-align: left !important;     color: var(--white-color); margin-bottom: 0; transition: all 0.4s ease-in-out;}

.work-step-btn .readmore-btn{ color: var(--accent-color);}

.work-step-btn .readmore-btn::before{ background-image: url('../images/arrow-accent.svg');}

.work-steps-item.active .work-step-content h3,
.work-steps-item:hover .work-step-content h3
.work-steps-item.active .work-step-content p,
.work-steps-item:hover .work-step-content p,
.work-steps-item.active .work-step-content a,
.work-steps-item:hover .work-step-content a,
.work-steps-item.active .work-step-btn .readmore-btn,
.work-steps-item:hover .work-step-btn .readmore-btn{ color: #000000;}

.work-steps-item.active .work-step-btn .readmore-btn::before,
.work-steps-item:hover .work-step-btn .readmore-btn::before{ filter: brightness(0) invert(1);}

/*.why-guardian-angel-hc-img{ position: absolute; right: 2%;}*/



.sets-wrapp .card-head h6 { background: #161441; color: #fff; padding: 20px 24px; margin: 0 auto !important;}

.sets-row1 { justify-content: center;}


.hero-section { background: linear-gradient(to right, #2563eb, #4f46e5); /* Blue-600 to Indigo-700 equivalent */ padding-top: 3rem; padding-bottom: 3rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);     }

.info-badge { background-color: rgb(122 190 217 / 43%); padding: 0.5rem 0.6rem; border-radius: 2rem; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);     }

.section-card { background-color: #fff; padding: 1.5rem; /* Equivalent to p-6 */ border-radius: 0.75rem; /* Equivalent to rounded-xl */ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); /* Equivalent to shadow-md */ margin-bottom: 2rem; /* Equivalent to mb-8 */     }

.number-circle { background-color: #e0e7ff; /* Indigo-100 equivalent */ color: #4338ca; /* Indigo-700 equivalent */ width: 2.5rem; /* h-10 w-10 equivalent */ height: 2.5rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);     }

.list-item-highlight { background-color: #ecfdf5; /* Green-50 equivalent */ padding: 0.75rem; border-radius: 0.5rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);     }

.list-item-primary { background-color: #e0f2fe; /* Blue-50 equivalent */ padding: 0.75rem; border-radius: 0.5rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);     }

.bg-box-1 { margin-bottom: 23px; height: 280px; background: #ffffff6b; border: 1px solid #cccccc52; padding: 20px 10px; border-radius: 10px; display: flex; align-items: center; flex-direction: column; justify-content: flex-start; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);}



.about-wrapp .about-rows1 .about-cols1 .about-boxs1  span { line-height: 22px !important; }

  
.footer-wrapp { padding: 90px 0 !important; background-position: top center;}

.footer-wrapp h5 { line-height: 38px; text-align: left;}

.footer-wrapp h5 span { display: block;}
 
 




.promise-wrapp { padding-top: 35px;}

.promise-wrapp:after {content: "";width: 100%;height: 100%;display: block;margin: 0 auto;left: 0;right: 0;top: 0;background: #00000073;position: absolute;}

.promise-box { max-width: 240px; padding: 20px 20px !important; display: flex; right: 0; border-radius: 6px !important; margin-bottom: -3rem; position: relative;}

.promise-box span { margin-left: 10px;}


.blue-box { position: relative; display: flex; right: 0; top: 0; border-radius: 6px !important; width: 100%; margin-bottom: -2rem; max-width: 280px; padding: 20px 20px !important;}

.blue-box span { margin-left: 10px;}


.leadership-wrap .leadership-col1 h3 { font-size: 13px;}

.leadership-wrap .leadership-outer h3 { font-size: 13px;}



.play-btn { width: 80px; height: 80px; background: radial-gradient(#9fcfe2 60%, rgba(255, 255, 255, 1) 68%); border-radius: 50%; position: relative; display: block; margin: 100px auto; box-shadow: 0px 0px 25px 3px #9fcfe2;}

.play-btn::after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-40%) translateY(-50%); transform: translateX(-40%) translateY(-50%); transform-origin: center center; width: 0; height: 0; border-top: 15px solid #16144100; border-bottom: 15px solid #17154200; border-left: 25px solid #ffffff; z-index: 100; -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);}

.play-btn:before { content: ""; position: absolute; width: 150%; height: 150%; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation: pulsate1 2s; animation: pulsate1 2s; -webkit-animation-direction: forwards; animation-direction: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: steps; animation-timing-function: steps; opacity: 1; border-radius: 50%; border: 10px solid rgba(255, 255, 255, .75); top: -24%; left: -25%; background: rgba(198, 16, 0, 0);}


@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 1; box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75); }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; box-shadow: none; }
}

@keyframes pulsate1 {
  0% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 1; box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);}
  100% { -webkit-transform: scale(1, 1); transform: scale(1); opacity: 0; box-shadow: none; }
}



.modal { z-index: 99999; background: #000000ba; opacity: 1 !important}

.modal.show .modal-dialog {width: 100%;}

.close {color: #ffffff;float: right;font-size: 40px;font-weight: bold;position: absolute;right: 0;top: -20px;line-height: 15px;}

.close:hover {color: #9fcfe2;text-decoration: none;cursor: pointer;}


 
.keyword-tags .tag-links { width: 100%; display: flex; flex-wrap: wrap; position: relative; margin: 25px auto 0;}

.keyword-tags .tag-links a.btn {  margin-right: 5px; margin-bottom: 5px; font-weight: 600; font-size: 12px;}




.diagnostics-card { transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }

.diagnostics-card:hover { transform: translateY(-8px); box-shadow: 0 15px 30px rgba(0,0,0,0.1);}

.icon-container { transition: transform 0.3s ease-in-out;}

.diagnostics-card:hover .icon-container { transform: scale(1.2);}




.sets-col1 .blog-head { height: 100%; overflow: hidden; transition: transform 0.3s ease-in-out; padding-bottom: 50px;}

.sets-col1 { display: block; margin: 0 0 25px;}

.sets-col1 .blog-head:hover { transform: translateY(-5px);}

.sets-col1 .blog-head .sets-btn a { position: absolute; bottom: 20px; z-index: 1;}

.sets-col1 .blog-head h6 { line-height: 28px !important;}



.careers-row1 .work-steps-item {  padding-bottom: 40px;}

.careers-row1 .work-steps-item .work-step-content { margin: 0 0 0; padding: 0;}

 

.icu-col1  { padding-top: 50px; padding-bottom: 50px;}




.treat-wrapp { overflow: hidden;}

.treat-wrapp .treat-row1 .treat-col1 .nav.nav-tabs {margin: 20px 0 0 0 !important;border: 0;}

.treat-wrapp .treat-row1 .treat-col1 .nav.nav-tabs li.nav-item {margin: 0 0 2px;position: relative;float: left;width: 100%;}

.treat-wrapp .treat-row1 .treat-col1 .nav.nav-tabs li.nav-item .nav-link {margin: 0 0 0;padding: 15px 15px;border-radius: 8px !important;border: 0.5px solid #181541; color: #181541;}

.treat-wrapp .treat-row1 .treat-col1 .nav.nav-tabs li.nav-item .nav-link:hover {background-color: #181541;color: #ffffff !important;filter: inherit;border: 0.5px solid #000000;}

.treat-wrapp .treat-row1 .treat-col2 .tab-content { padding: 20px 0 !important;}

.treat-wrapp .treat-row1 .treat-col2 .tab-content  .treat-box { width: 100%;}

.treat-wrapp .treat-row1 .treat-col2 .tab-content .treat-box ul.list-unstyled { width: 100%; display: flex; flex-wrap: wrap; position: relative; margin: 0 0 0;}

.treat-wrapp .treat-row1 .treat-col2 .tab-content .treat-box ul.list-unstyled li { width: 33.33%; color: #212529; padding: 1px 10px 1px 30px;}

.treat-wrapp .treat-row1 .treat-col2 .tab-content .treat-box ul.list-unstyled li:nth-child(3n) { padding-right: 0;}




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

.textarea_control { grid-column: 1 / span 1;}

}


@media only screen and (max-width:1600px) {
.slider_area .single_slider .slider_text h2 { font-size: 49px;}
}



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

.slides-wrapper h1{ font-size: 35px;}

}

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

.slides-wrapper h1 { font-size: 30px;}

}

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

.blue-bg-text {  line-height: 27px !important;  font-size: 17px;}

.blue-bg-div { text-align: center; background: #9fcfe2a6;  padding: 10px; margin-bottom: 20px;}
}




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

.sticky-top .navbar-expand-lg .navbar-nav { height: auto; display: block;}

.sticky-top {  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);}

.sticky-top .navbar-expand-lg .navbar-nav li.nav-item { width: 100%; position: relative; text-align: center; border-top: 1px solid #b5b5b554;}


}


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

h1 { font-size: 22px;}

h2 { font-size: 20px; }

h3 { font-size: 22px; }

 
h6 { font-size: 16px; line-height: 1.5!important;}


.section { padding: 2em 0em 2em 0em;}

.divider { width: 330px; }

.fs-very-large { font-size: 3.125rem; }

.image-absolute-1 { left: 45%; top: 35%; }

.image-infinite-bg { background-size: cover !important; }

#header { background: rgba(19, 19, 19, 0.88); backdrop-filter: blur(11px); -webkit-backdrop-filter: blur(11px); }

.border-custom { border-width: 0px 0px 1px 0px; } 

}


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

.home-care-location { width: 50%;}

#slider { height: 60vh;}

.slider_area { height: 65vh; min-height: 425px;}

.slider_area .single_slider { max-height: 60vh; min-height: 425px;}

.slider_area .single_slider .slider_text { top: 50%; transform: translateY(-50%);}

.slider_area .single_slider .slider_text h2 { font-size: 30px;}



.main-serv-wrapp .main-serv-col1 { margin-bottom: 25px;}


}


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

.slides-wrapper li .carousel-caption { top:20%;}

.slider_area { height: 50vh; min-height: 55vw;}

.slider_area .single_slider .slider_text {top:45%;margin: 0 auto;left: 10%;max-width: 90%;}

.slider_area .owl-carousel .owl-nav div { width: auto;}

.slider_area .single_slider {max-height: inherit;height: 100%;min-height: 55vw;}

.slider_area .single_slider .slider_text h2 { font-size: 26px;}

.logo-container { max-width: 225px;}


.about-wrapp .about-rows1 .about-cols1 { margin-bottom: 25px !important;}

.about-wrapp .about-rows1 .about-cols1:nth-child(2n) { margin-bottom: 10px !important;}

.about-wrapp .about-rows1 .about-cols1 .about-boxs1 { width: 100%; display: flex !important; gap: inherit !important; position: relative; flex-wrap: wrap; flex-direction: inherit !important; justify-content: flex-start !important;}

.about-wrapp .about-rows1 .about-cols1 .about-boxs1 .icon-box { margin-right: 10px;}

.about-wrapp .about-rows1 .about-cols1 .about-boxs1  span { font-size: 18px !important;}



.abouts-wrapp .abouts-box1 { display: block !important; padding-left: 5px !important; padding-right: 5px !important; padding-bottom: 0 !important;}
 


.top-head .d-flex-1{display: flex !important;flex-direction: column; width: 100%;} 

.top-head .container { max-width: 90% !important; width: 100%;}

.top-head .container ul { display: block !important; text-align: center !important; padding-left: 0px;}

.top-head .container ul li { width: fit-content; float: none; display: inline-block !important; list-style: none;  }


.service-entry .elder-box li {  padding: 0 0 20px !important;}




}



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

.d-flex-1{display: flex !important;flex-direction: column;} 

}



@media only screen and (max-width:575px) {   
.rating-icons {display: none;}    

.slides-wrapper li .carousel-caption {top:45%; width:70%;}

.carousel-caption h2{font-size: 17px;}

.slides-wrapper li .carousel-caption h6 { display:none;}

.slider_area { height: 100%; min-height: inherit; }

.slider_area .single_slider .slider_text {top: auto;max-width: 80%;left: 35px;bottom: 10%;display: flex;flex-wrap: wrap;align-items: flex-end;transform: inherit;}

.slider_area .single_slider .slider_text h2 {font-size: 20px;letter-spacing: 0;font-weight: normal;margin: 0;}

.slider_area .single_slider .slider_text h6 { display:none;}
 

.slider_area .owl-carousel .owl-nav div {  font-size: 22px; font-weight: normal; top: inherit; bottom: 5%;}

.slider_area .owl-carousel .owl-nav div  i {font-weight: 600;}


 

.section { padding: 0em;}  

.home-points { margin-top: 30px !important;}

.icon-box { font-size: 1.3rem; width: 2rem; height: 2rem;}

.home-care-location { width: 96%; margin: 0 auto 5px;}

.logo-container { max-width: 200px;}


#slider { height: 40vh;}

.slides-wrapper li { background-size: cover;} 

.slide-controls { position: absolute; top: 45%; z-index: 2; font-size: 2em; font-weight: 200; opacity: 0.7;}



.top-head { padding: 5px 0 !important;}

.top-head li { font-size: 13px;}

.top-head ul li { margin-right: 0;}

h5 { font-size: 20px;}

.about-wrapp { margin-bottom: 2rem;}

.about-wrapp .gap-1 { padding-top: 30px !important; padding-left: 0 !important; padding-right: 0 !important; display: block !important;}




h4 { font-size: 26px !important; line-height: 36px !important;}

.about-wrapp .gap-1 h4 { font-size: 24px;}
 

.care-wrapp { margin: 0 0 3rem; padding-bottom: 2rem !important;}

.care-wrapp h3 { font-size: 26px; line-height: 36px !important;}

.care-wrapp .flex-column { display: block !important;}


.home-points .px-4 { padding-right: 15px !important; padding-left: 15px !important;}




.why-choose-wrapp { padding-bottom: 2rem;}

.why-choose-wrapp .d-flex.flex-column { display: block !important; margin-top: 10px;}

.why-choose-wrapp h4 { font-size: 26px; line-height: 36px !important;}

.why-choose-wrapp .col.mb-3 { margin-bottom: 0 !important;}


.branch-wrapp { margin-bottom: 3rem; padding-bottom: 2rem !important;}

.branch-wrapp h3 { font-size: 26px; line-height: 36px !important;}

.branch-wrapp h3 br { display: none;}

.branch-wrapp .d-flex { display: block !important;}



.testi-wrapp { margin-bottom: 3rem;}

.testi-wrapp .testi-row1 { padding-left: 15px !important; padding-right: 15px !important; display: block !important; padding-bottom: 30px !important;}

.testi-wrapp .testi-row1 h3 { font-size: 26px !important; line-height: 36px !important;}

.testi-wrapp .testi-row2 .gap-3 { padding-left: 15px !important; padding-right: 15px !important; display: block !important;}

.testi-wrapp  .testi-row2 { height: auto;}

.testi-wrapp .testi-row2 .gap-3 ul { margin-bottom: 10px !important;}

.testi-wrapp .testi-row2 .d-flex.justify-content-between .d-flex.flex-row.gap-3 { display: flex !important; padding: 0 !important;}

.overflow-hidden.h-100.d-flex.align-items-center { height: auto !important;}



.works-wrapp { margin-bottom: 3rem;}

.works-wrapp .works-row1 { display: block !important;}

.works-wrapp .works-row1 h3 { font-size: 26px !important; line-height: 36px !important;}

.works-wrapp .works-row1  .works-col1 { display: block !important; margin-bottom: 25px;}

.works-wrapp .works-row1 .works-col1 .gap-3 { margin: 0 0 30px; align-items: flex-start !important;}



.page-blog{ padding: 100px 0;}

.page-blog .post-item{ height: calc(100% - 40px); margin-bottom: 40px;}

.page-pagination{ margin-top: 30px; text-align: center;}

.page-pagination ul{ justify-content: center; padding: 0; margin: 0;}

.page-pagination ul li a,
.page-pagination ul li span{ display: flex; text-decoration: none; justify-content: center; align-items: center; background: var(--secondary-color); color: var(--accent-color); border-radius: 10px; width: 40px; height: 40px; margin: 0 5px; font-weight: 600; line-height: 1em; transition: all 0.3s ease-in-out;}

.page-pagination ul li.active a, 
.page-pagination ul li a:hover{ background: var(--accent-color); color: var(--white-color);}



.blog-wrapp { padding-bottom: 2rem;}

.blog-head a {  color: #9FCFE2; font-size: 20px; line-height: 32px !important; font-family: var(--font-2); font-weight: 400;}

.bluebg-wrapp h4 { font-size: 20px !important; line-height: 30px !important; margin-bottom: 20px;}

.bluebg-wrapp h5 { font-size: 20px !important; line-height: 30px !important; margin-bottom: 20px;}

.breadcrumb-sec {  margin-bottom: 3rem;}





.main-serv-wrapp { padding-bottom: 2rem;}
.mission-wrapp { margin-bottom: 3rem;}


.locations-warpp { padding: 50px 0 50px;}



}



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

#slider { height: 30vh;}

}


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

#slider { height: 30vh;}

.about-wrapp .about-rows1 .about-cols1 .about-boxs1 span {font-size: 15px !important; }

}




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


.about-wrapp .about-rows1 .about-cols1 { margin-bottom: 25px !important;}

.about-wrapp .about-rows1 .about-cols1 .about-boxs1 { width: 100%; display: flex !important; gap: inherit !important; position: relative; flex-wrap: wrap; flex-direction: inherit !important; justify-content: flex-start !important;}

.about-wrapp .about-rows1 .about-cols1 .about-boxs1 .icon-box { margin-right: 10px;}

.about-wrapp .about-rows1 .about-cols1 .about-boxs1  span { font-size: 18px !important;}


.service-entry .elder-box li {  padding: 0 0 20px !important;}



}




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

.about-wrapp .about-rows1 .about-cols1 .about-boxs1  span { font-size: 18px !important;}

.navbar-expand-lg .navbar-nav { gap: inherit !important;}

}




.formsubmit.zcwf_button{ color: white !important; background: transparent linear-gradient(0deg, #0279FF 0%, #00A3F3 100%);}

#crmWebToEntityForm.zcwf_lblLeft{ width: 100%;  margin: 0 auto; box-sizing: border-box;}

#crmWebToEntityForm.zcwf_lblLeft *{ box-sizing: border-box;}

#crmWebToEntityForm {text-align: left;}

#crmWebToEntityForm *{ direction: ltr;}

.zcwf_lblLeft .zcwf_title{ word-wrap: break-word; padding: 0px 6px 10px; font-weight: bold } 

.zcwf_lblLeft.cpT_primaryBtn:hover {background: linear-gradient(#02acff 0,#006be4 100%)no-repeat padding-box !important; box-shadow: 0 -2px 0 0  #0159b9 inset !important; border: 0 !important; color:  #fff !important; outline: 0 !important;}

.zcwf_lblLeft .zcwf_col_fld input[ type  = text], input[ type  = password], .zcwf_lblLeft .zcwf_col_fld textarea {width: 100%; border: 1px solid  #c0c6cc !important; resize: vertical; float: left; border-radius: var(--bs-border-radius) !important;}

.zcwf_lblLeft .zcwf_col_lab {width: 30%; word-break: break-word; padding: 0px 6px 0px; margin-right: 10px; margin-top: 5px; float: left; min-height: 1px;}

.zcwf_lblLeft .zcwf_col_fld {float: left; width: 100%; padding: 0px 6px 0px; position: relative; margin-top: 5px;}

.zcwf_lblLeft .zcwf_privacy {padding: 6px;}

.zcwf_lblLeft .wfrm_fld_dpNn {display: none;}

.dIB {display: inline-block;}

.zcwf_lblLeft .zcwf_col_fld_slt {width: 100%; border: 1px solid  #ccc; background:  #fff; border-radius: 4px; font-size: 15px; float: left; border-radius: var(--bs-border-radius) !important; resize: vertical; color: #747070;  padding: 10px 18px;}

.zcwf_lblLeft .zcwf_row:after, .zcwf_lblLeft .zcwf_col_fld:after {content: ''; display: table; clear: both;}

.zcwf_lblLeft .zcwf_col_help {float: left; margin-left: 7px; font-size: 12px; max-width: 35%; word-break: break-word;}

.zcwf_lblLeft .zcwf_help_icon {cursor: pointer; width: 16px; height: 16px; display: inline-block; background:  #fff; border: 1px solid  #c0c6cc; color:  #c1c1c1; text-align: center; font-size: 11px; line-height: 16px; font-weight: bold; border-radius: 50%;}

.zcwf_lblLeft .zcwf_row {margin: 15px 0px;}

.zcwf_lblLeft .formsubmit {margin-right: 5px; cursor: pointer; color:  #313949; font-size: 12px;}

.zcwf_lblLeft .zcwf_privacy_txt {width: 90%; color: rgb(0, 0, 0); font-size: 12px; font-family: Arial; display: inline-block; vertical-align: top; color:  #313949; padding-top: 2px; margin-left: 6px;}

.zcwf_lblLeft .zcwf_button {font-size: 12px; color:  #313949; border: 1px solid  #c0c6cc; padding: 3px 9px; border-radius: 4px; cursor: pointer; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.zcwf_lblLeft .zcwf_tooltip_over {position: relative;}

.zcwf_lblLeft .zcwf_tooltip_ctn {position: absolute; background:  #dedede; padding: 3px 6px; top: 3px; border-radius: 4px; word-break: break-word; min-width: 100px; max-width: 150px; color:  #313949; z-index: 100;}

.zcwf_lblLeft .zcwf_ckbox {float: left;}

.zcwf_lblLeft .zcwf_file {width: 55%; box-sizing: border-box; float: left;}

.cBoth:after {content: ''; display: block; clear: both;}


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

.zcwf_lblLeft .zcwf_col_lab, .zcwf_lblLeft .zcwf_col_fld{width: auto; float: none !important;}

.zcwf_lblLeft .zcwf_col_help {width: 40%;}

}