@charset "utf-8";

/*~-~-~-~-~-~-~-~-~-~ Custom fonts ~-~-~-~-~-~-~-~-~-~*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

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


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

:root {
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --body-font: "Roboto", sans-serif;
    --heading-font:"Manrope", sans-serif;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL:; 
    --f-size-XXL:;    
    --f-size-XL:70px;
    --f-size-L:42px;    
    --f-size-M:30px;
    --f-size-S:24px;
    --f-size-SM:18px;
    --f-size-small:16px;
    --f-size-Body: 18px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

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

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --clr-sky: #217587;
    --clr-white: #fff;
    --clr-black: #000000;  
    --clr-dark: #1F1D1D;    
    --clr-yellow: #FFBD30;       
    --clr-light-yellow:#FDDEBF; 
    
    --clr-blue:#020129;      
    --clr-gray:#7C7C7C;      
    --clr-gray2:#888888;      
    /* ~-~-~-~-~ colors ~-~-~-~-~ */
}

/* html { overflow-x: hidden; } */
body { font-size: var(--f-size-Body);margin: 0; padding: 0; line-height: 1.4; font-weight: 400; color: var(--clr-dark); transition: var(--common-transition);font-family:var(--body-font); }
h1, h2, h3, h4, h5, h6 { font-family:var(--heading-font); color: var(--clr-dark); margin: 0 0 30px; padding: 0; line-height: 1.3; font-weight: 700; }

h1 {font-size: var(--f-size-XL);}
h2 {font-size: var(--f-size-L);color: var(--clr-sky);}
h3 {font-size: var(--f-size-M);}
h4 {font-size: var(--f-size-S);}
h5 {font-size: var(--f-size-SM);}
h6 {font-size: var(--f-size-small);}
  
p{ margin: 0 0 20px; padding: 0; line-height: 1.5; font-weight: 400; font-size: var(--f-size-Body);color: var(--clr-dark); } 
h2 span { color: var(--clr-blue-shade); display: block; font-size: 16px; text-transform: uppercase;}
img { max-width: 100%; }
a, img { border: 0; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover { color: var(--heading); outline: none; text-decoration: none; transition: var(--common-transition); }
a:hover{  text-decoration: none; transition: var(--common-transition); }

textarea, select, .form-control, input { font-size: 16px; padding:16px 20px; background:#F9F7F4; width: 100%; border-radius: 10px; margin-bottom: 30px; outline: none !important;  color: var(--clr-dark);border: 1px solid #EDE4D7;  }
textarea { padding: 18.5px 20px; min-height: 120px !important; resize: none;border-radius: 10px !important; }
input[type="submit"], .recipientmodal input[type="submit"] {background: var(--clr-sky); color: var(--clr-white); width: auto; padding: 18px 0; font-weight: 700; transition: all 0.3s ease 0s; outline: none; letter-spacing: normal; border: 0 none; min-width: 223px; border-radius: 50px;}
input[type="submit"]:hover, .recipientmodal input[type="submit"]:hover {background:var(--clr-dark);}
textarea:focus, select:focus, .form-control:focus, .form-select:focus {background: #f9f7f4; outline: none !important; box-shadow: inherit!important; border: 1px solid rgba(0, 0, 0, 0.4); }

select, .form-select { appearance: none; -webkit-appearance: none; font-size: 16px; padding: 17px 20px; background-color: #FDFDFD; border-radius: 10px; border:1px solid rgba(0, 0, 0, 0.4); background-image: url(../images/select-arrow.svg) !important; background-repeat: no-repeat!important; background-position: 97% center!important;background-size:14px !important; color: var(--clr-dark); }
input:focus, input:focus-visible { outline: none; box-shadow: none; border:1px solid rgba(0, 0, 0, 0.4); }
.btn-check:focus+.btn, .btn:focus { box-shadow: inherit;}
.field-group { margin-bottom: 30px; }


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


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

label, .maxchar { margin-bottom: 11px; color: var(--clr-black-primary); font-weight: 500; font-size: var(--f-size-Body);} /* desktop size 18 and mobile size 15 */
  
.common-padding{ padding-top: 100px; padding-bottom: 100px; }
.small-padding{ padding-top: 50px; padding-bottom: 50px; } 
.side-gap{ margin-left: 50px; margin-right: 50px; }

.btn, a.btn{ font-family: var(--body-font); line-height: 1; background:var(--clr-sky); color: var(--clr-white); display:inline-block; border-radius: 50px; padding: 16px 20px;transition: var(--common-transition);font-size: var(--f-size-Body); font-weight: 600; text-transform: capitalize; border: 0 none; min-width: 223px;}
.btn:hover{ background:var(--clr-dark); color: var(--clr-white);}

a.btn.white{ background:var(--clr-white); color: var(--clr-sky);}
a.btn.white:hover{ background:var(--clr-dark); color: var(--clr-white);}

.btn.border{background:rgb(255 255 255 / 8%); text-transform: capitalize; color: var(--clr-white); border:solid 1px var(--clr-white);}
.btn.border:hover{background: var(--clr-sky); color: var(--clr-white); border-color:var(--clr-sky)!important;}

.white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white p, .white li{color: var(--clr-white);}
.radius-15 img { border-radius: 15px;}
/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */

/* -- Header -- */

.login-search { display: flex;  column-gap: 20px; align-items: center;}
.header-top img { border-radius: 15px;}
header.no-banner { background: linear-gradient(287.94deg, rgba(25, 112, 230, 0.65101) 23.1%, #0B29A7 89.93%);}
header.no-banner .main-header {  position: relative;}
.logo img { height: 50px;}
.hdr-wrap { display: flex; align-items: center;  justify-content: flex-end;}
.header-sticky header { position: fixed;  top: 0; left: 0;  right: 0; z-index: 9; background: var(--clr-white); }
.headerwrapper { padding-top: 23px;  padding-bottom: 23px; align-items: center; display: flex; justify-content: space-between; }
.hdr-wrap ul { display: flex; align-items: center; padding: 0; list-style: none; margin: 0; }
.hdr-btn a.btn i { font-size: 0;}

.nav_btn { display: none;}
.hdr-btn {  display: flex; column-gap: 18px; flex-wrap: wrap; align-items: center;}
.hdr-btn h3 { margin-bottom: 0;font-size: var(--f-size-S);font-family: var(--body-font);}
.hdr-btn h3 a{color: var(--clr-sky); }
.hdr-btn .call { display: flex; align-items: center; column-gap: 16px;}
.hdr-btn span.callicon { background: #E9F1F3; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px;border-radius: 50%;}
.aboutinfoctn a {  color: var(--clr-sky);}
#deletionModalMessage {  padding: 50px;  text-align: center;}

.main-menu ul {display: flex; flex-wrap: wrap;}
.headermidd{ display: flex; align-items: center; justify-content: space-between; border-top: solid 1px rgb(255 255 255 / 30%); border-bottom: solid 1px rgb(255 255 255 / 30%); padding-top: 20px; padding-bottom: 20px;}
ul {margin: 0;padding: 0; list-style: none;}
.main-menu ul li:not(:last-child) { margin-right: 67px;}
.main-menu ul li a { padding-bottom: 34px; font-family: var(--nav-font); color: var(--clr-dark); font-size: var(--f-size-Body); font-weight: 400; border-bottom: solid 3px transparent;}
.main-menu ul li.current-menu-item.custom-careers a, .main-menu ul li:hover a { color: var(--clr-sky);  border-bottom: solid 3px var(--clr-sky);}
.socialicon ul { display: flex; align-items: center;column-gap: 15px;}
.socialicon ul li a { color: var(--clr-white); background: hsl(60deg 45% 96% / 15%); border: solid 1px hsl(60deg 45% 96% / 10%);  width: 40px;  height: 40px; display: flex; align-items: center; justify-content: center;  border-radius: 50%;}
.socialicon ul li:hover a { color:var(--clr-dark); border: solid 1px var(--clr-yellow); background:var(--clr-yellow);}
.mobileview{display: none;}
/* dropdown */

li.menu-item-has-children{position: relative;display: inline-block;}
.main-menu ul li.menu-item-has-children a{margin-right: 15px;}
li.menu-item-has-children::after { position: absolute; content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 17px; margin-left: 15px; color: var(--clr-white); transition: 0.3s ease-in; top: 4px; right: -10px; }
.hdr-menu .main-menu ul li.menu-item-has-children a:hover::after{display: none;}
li.menu-item-has-children > ul.sub-menu {display: none;position: absolute;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(46, 45, 45, 0.25);min-width: 430px; z-index: 1;margin-top: 0px; border-radius: 10px;}
li.menu-item-has-children > ul.sub-menu li{margin-right: 0;}
li.menu-item-has-children > ul.sub-menu li:hover{background: linear-gradient(86.89deg, #3A8DFF 0.83%, #2C70D9 69.23%);}
li.menu-item-has-children > ul.sub-menu li:hover a{color: var(--clr-white) !important;}
li.menu-item-has-children ul.sub-menu a{display: block;color: var(--clr-black-primary);margin-right: 0;padding: 20px 28px; border: none;}
li.menu-item-has-children > ul.sub-menu > li:hover > a{background-color: var(--yellow) !important;color: var(--black); }
li.menu-item-has-children > ul.sub-menu > li > a{border: none;border-bottom: 1px solid #8F8C82B2; }
li.menu-item-has-children:hover ul.sub-menu {display: block;}
li.menu-item-has-children:hover::after{transform: rotate(180deg);}
li.menu-item-has-children ul.sub-menu li{margin-right: 0;width: 100%;padding: 0;margin: 0;}
li.menu-item-has-children ul.sub-menu li:last-child{border: 0 none;margin: 0; border-radius:0 0 10px 10px;}
li.menu-item-has-children ul.sub-menu li:first-child{border-radius: 10px 10px 0 0;}
li.menu-item-has-children ul.sub-menu li:last-child a{border:0 none;}
.minus, .plus {display: none;}

/* dropdown */



 @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 {position: relative;border-radius: 50px;overflow: hidden;}
.banner:before {position: absolute;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); top: 0; left: 0; right: 0;bottom: 0;content: "";border-radius: 50px;}
.banner img{width: 100%; height: 100%; object-fit: cover;border-radius: 50px;}
.banner .banner-holder { max-height:844px; overflow: hidden; min-height: auto; align-items: center;}
.banner .banner-cnt { bottom: 100px; position: absolute; left: 100px; right: 100px; display: flex; align-items: flex-end; justify-content: space-between; z-index: 2;}
.banner .banner-cnt .banner-cnt-left, .banner  .banner-cnt-right { width: 45%;}
.banner .banner-cnt h1, .banner .banner-cnt h2{  margin-bottom: 0;}
.btn-holder { display: flex; column-gap: 18px; flex-wrap: wrap; }
.sub-title{margin-bottom: 10px; text-transform: uppercase; letter-spacing: 4px;}

/*.banner.innerbnr  .banner-holder { max-height: 600px;}*/
.banner.innerbnr .banner-holder .bannerimg { padding-bottom: 35%; position: relative; background: var(--clr-sky);}
.banner.innerbnr .banner-holder .bannerimg:before { position: absolute; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); top: 0; left: 0; right: 0; bottom: 0; content: ""; z-index: 1;}
.banner.innerbnr .banner-holder .bannerimg img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }




/* --  Banner -- */



/*--specialEvent--*/
.services-holder{ background: linear-gradient(260.51deg, #DAEEF2 5.51%, #F4F5EE 94.69%); border-radius: 50px;}
.servicesSL{margin-top: 40px;}
.servicesSL .slick-next { right:-80px; left: auto; }
.servicesSL .slick-prev {  left: -80px;}
.servicesSL .slick-list.draggable{padding: 0 !important;}

.slick-prev, .slick-next{width:55px;height: 55px;display: flex;align-items: center;justify-content: center;bottom: 0;top: 50%; background: #2175871A;
    border: 1px solid var(--clr-sky); border-radius: 50%;z-index: 1;opacity: 1;}
.slick-prev:hover, .slick-next:hover{background:var(--clr-sky);}
.slick-prev:hover:before, .slick-next:hover:before{filter:brightness(0) invert(1);}
.slick-prev{left: -27px;}
.slick-prev::before{content: '';background: url(../images/prev-icon.svg);background-position: center; background-size: contain;background-repeat: no-repeat;position: absolute;height:14px;width: 14px;opacity: 1;}
.slick-next{right:-27px;left: auto;}
.slick-next::before{content: '';background: url(../images/next-icon.svg);background-position: center; background-size: contain;background-repeat: no-repeat;position: absolute;height:14px;width: 14px;opacity: 1;}

.service-card{margin-bottom: 40px; padding: 0 12px; position: relative;}
.service-card-img { position: relative; border-radius:20px; overflow: hidden; padding-bottom: 100%; } 
.service-card-img:before { position: absolute;background: linear-gradient(180.95deg, rgba(31, 29, 29, 0) 0.82%, rgba(31, 29, 29, 0.8) 111.47%);
left: 0; right: 0; bottom: 0; top: 0; content: ""; z-index: 1;} 
.service-card-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.service-card-img .playbtn { position: absolute; top: 0; left: 0; right: 0; z-index: 1; bottom: 0; display: flex; align-items: center; justify-content: center; }
.service-card-info { position: absolute; left: 32px;  right: 32px;z-index: 2; bottom: 22px;}
.service-card-info h3 { margin-bottom: 5px; display: -webkit-box; text-transform: capitalize; -webkit-line-clamp: 1; color: var(--clr-white); -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.service-card-info p { margin-bottom: 0; display: -webkit-box; text-transform: capitalize; -webkit-line-clamp: 3; color: var(--clr-white); -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

/*--specialEvent--*/
/*--BENIFITS--*/
.benifits-img { position: relative; border-radius: 30px; overflow: hidden; padding-bottom:75%; } 
.benifits-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } 
.benifits-holder-info ul {margin-bottom: 20px;} 
.benifits-holder-info ul li {  display: flex; column-gap: 16px;} 
.benifits-holder-info ul li h4{margin-bottom: 0;} 
.benifitslist-iconbox { background: #2175871A; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; border-radius: 50%; min-width: 52px; } 
.benifits-holder-info { height: 100%;margin-left: 12px; background:#F9F7F4; padding: 80px 180px  80px 60px; border-radius: 30px; }
/*--BENIFITS--*/

/*--global reach--*/
.globalreach-wrapper { padding: 80px 50px; border-radius: 50px; background: linear-gradient(260.51deg, #DAEEF2 5.51%, #F4F5EE 94.69%); }
.globalreach-list { display: flex; column-gap: 20px; flex-wrap: wrap; justify-content: space-between; }
.globalreach-list ul  {margin-bottom: 30px;}
.globalreach-list ul li { position: relative; padding: 0 0 5px 40px; }
.globalreach-list ul li:before { position: absolute; left: 0; top: 3px; content: ""; background: url(../images/tick.svg); width: 27px; height: 14px; }
/*--global reach--*/
/*--Works--*/
.works-cards { margin-bottom: 40px;}
.works-cards .works-img { text-align: center; height: 208px; width: 208px;  margin: 0 auto 30px;}
.works-cards .works-img  img { height: 100%;  width: 100%;  object-fit: cover;}

/*--Works--*/
/*--Testimonials & Faq--*/

.testimonials-holder:before { background: linear-gradient(260.51deg, #DAEEF2 5.51%, #F4F5EE 94.69%); position: absolute; top: 350px;z-index: -1; width: 100%; height: calc(100% - 350px); border-radius: 50px; left: 0; right: 0; border: 0; content: ""; z-index: -1;}
.testimonials-holder{ border-radius: 50px;position:relative;}
.testimonials-wrapper {   margin-bottom: 100px;}
.testimonials-bg{background: url(../images/img-8.jpg) no-repeat; background-size: cover; border-radius: 30px; overflow: hidden; position: relative;}
.careimg { position: absolute;  bottom: 0;}
.testimonialsSlider {  margin: 0 108px;  position: relative;}
.testimonialsSlider .slick-prev, .testimonialsSlider .slick-next { bottom: -120px; top: auto; background: #2175871A;    border: 1px solid hsl(0deg 0% 100% / 40%);}
.testimonialsSlider .slick-prev::before, .testimonialsSlider .slick-next::before { filter: brightness(0) invert(1);}
.testimonialsSlider .slick-prev { left: 0;}
.testimonialsSlider .slick-next { left: 70px;}
.testimonialsSlider .slick-prev:hover, .testimonialsSlider .slick-next:hover { border: 1px solid hsl(0deg 0% 100% / 100%);}
.testimonialsSlider .slick-list.draggable { padding: 0 !important; }
.testimonialsSlider:before{position: absolute; left:-100px; top: 5px; content: ""; background: url(../images/quote.svg); width: 88px ;height: 62px;} .testimonials-info { padding: 100px 0 200px;}
.profileimg { width: 96px; height: 96px; border-radius: 50%; overflow: hidden; }
.profileinfo { display: flex; align-items: center; column-gap: 16px; }
.profileimg img{width: 100%; height: 100%; object-fit: cover;}
.profileinfo h3 span{display: block; font-size: var(--f-size-Body); font-weight: 400;}
.profileinfo h3{margin-bottom: 0;}
.ts-Itms hr { margin: 1.5rem 0; opacity: 1; border-color: #C9C7C7; }
.faq-list .accordion-button::after { content: "+"; font-size: 1.5rem; font-weight: bold; transform: none; background-image: none; color: var(--clr-sky); transition: transform 0.2s ease-in-out; border: solid 2px var(--clr-sky); width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.faq-list .accordion-button:not(.collapsed)::after { content: " "; background-image: url(../images/minus.svg); color: var(--clr-white); border: 0 none; padding: 0; background-size: 30px; }
.faq-list .accordion-button { font-size: 24px; font-weight: 600; }
.faq-list .accordion-body p { margin-bottom: 0;}
.faq-list .accordion-item { color: var(--clr-dark); background: var(--clr-white); border: solid 1px var(--clr-sky) !important; margin-bottom: 20px; border-radius: 10px !important; overflow: hidden;box-shadow: 0px 4px 20px 0px #0000000F; }
.faq-list .accordion-button:not(.collapsed) { color: var(--clr-white); background-color: var(--clr-sky); box-shadow: 0 0 0; border-radius: 10px 10px 0 0 !important; }
/*--Testimonials & Faq--*/


.needcare-card{ position: relative;}
.needcare-card-img { position: relative; border-radius:20px; overflow: hidden; padding-bottom: 30%; } 
.needcare-card-img:before { position: absolute;background: linear-gradient(266.02deg, rgba(33, 117, 135, 0.8) 1.06%, rgba(14, 58, 67, 0.8) 99.03%); left: 0; right: 0; bottom: 0; top: 0; content: ""; z-index: 1;} 
.needcare-card-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.needcare-card-info { position: absolute; left: 32px;  right: 32px;z-index: 2; top: 50%; transform: translateY(-50%); max-width: 744px; margin: auto;}
.needcare-card-info h2 {margin-bottom: 10px; color: var(--clr-white);}
.needcare-card-info p {color: var(--clr-white);}
.contactus-form { max-width: 820px; margin: auto;}


/*---careers---*/
.careersCard { padding: 30px; border: 1px solid #ddd; border-radius: 25px; margin-bottom: 24px; }
.careersCard .more { font-weight: 600; color: var(--clr-sky); }
.dateofpost {display: flex; align-content: center; column-gap: 10px; font-weight: 500; font-size: 16px; margin-bottom: 10px;}
.dateofpost i{color: var(--clr-sky);margin-top: 4px;}
.careersCard h4{font-weight: 900; font-family: var(--body-font);}
.careersCard p{display: -webkit-box;  -webkit-line-clamp: 2; color: var(--clr-dark3); -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
ul.sevlist, ul.sevlist li { display: flex; color: #425466; align-items: center; column-gap: 10px; font-size: 16px;line-height: 1;}
ul.sevlist { margin-bottom: 20px;}

.personalcare { border-radius: 30px; padding: 65px; background: linear-gradient(260.51deg, #DAEEF2 5.51%, #F4F5EE 94.69%); margin-bottom: 30px; }
.personalcare ul.sevlist li { background: #CEF0F3; border-radius: 50px; padding: 10px 20px; }
.personalcare ul.sevlist{margin-bottom: 0;}
.personalcare .dateofpost { margin-bottom: 20px;}
.personalcare .row { align-items: center;}
.personalcare .dateofpost i { color: #002431;}
.more-details p, .more-details ul li { color: #425466; font-size: 16px; font-weight: 400; }
.more-details ul li { position: relative; padding: 10px 0 10px 20px; }
.more-details ul li:before { position: absolute; left: 0; top: 15px; content: ""; background: #0F0C2F; width: 8px; height: 8px; border-radius: 50%; }
.more-details { margin-right: 50px;}
.more-details ul { margin-bottom: 20px;}
.more-details h3, .job-overview h3 {color: #0F0C2F; font-family: var(--body-font);}
.job-overview { padding: 30px; border-radius: 30px; background: #F9F7F4; }
.job-overview ul { display: flex; flex-wrap: wrap; column-gap: 20px; }
.job-overview ul li { display: block; width: 30%; font-size: 16px; margin-bottom: 20px; color: #425466; }
.job-overview ul li strong { display: block; color: #0F0C2F; font-weight: 500; }
.choose-file { font-size: 16px; padding: 16px 20px; background:#F9F7F4; width: 100%; border-radius: 10px; margin-bottom: 30px; outline: none !important; color: var(--clr-dark); border:1px solid #EDE4D7;  text-align: center;min-height: 162px; display: flex;  align-items: center; justify-content: center; position: relative;}
.choose-file input.form-control { position: absolute; opacity: 0; left: 0; right: 0; bottom: 0; top: 0; cursor: pointer; }
.filearea p { color: #AAAAAA;}
.formhdr { max-width: 910px; margin: 30px auto 0 auto; background: #fff; border: solid 1px #EAE7D4; border-radius:15px; box-shadow: 0px 0px 20px 0px #B0B0B026; }
.formhdr .formhdr-title { background: var(--clr-sky); border-radius: 15px 15px 0 0; padding: 30px 40px; margin-bottom: 30px; }
.formhdr form.contactus-form { padding: 30px 40px; max-width: none; }
.formhdr .formhdr-title h3, .formhdr .formhdr-title p { color: var(--clr-white); margin-bottom: 0;}
/*---careers---*/

/*---------Login Sign Up-------------*/ 
.login-page {  background:var(--clr-white);}
.login-holder.signup { } 
.login-container h3{text-transform: capitalize; font-size: 48px; font-family: var(--body-font);margin-bottom: 15px; } 
.login-holder p { color:#808080; font-size:14px;} 
.login-holder form {text-align: left;} 
.login-container .form-group { margin-bottom: 10px;} 
.login-holder label { display: block; margin: 0 0 6px 0; color:#808080; font-size: var(--f-size-Body); } 
.form-footer label { cursor: pointer; display: flex; align-items: center; column-gap: 10px; margin-bottom: 0;} 
.login-container input{margin-bottom: 0; background: #F4F4F6; border: 0 none; padding: 14px 20px;} 
.form-footer label input[type="checkbox"] { width: 16px; height: 16px; box-shadow: 0 0 0; padding: 0; margin: 0; } 
.login-holder input[type="email"],.login-holder input[type="text"], .login-holder input[type="password"] { width: 100%; padding: 10px 20px;    height: 50px; border: solid 1px #E4E4E4; border-radius: 50px; background:var(--clr-white); font-size: var( var(--f-size-Body)); font-weight: 500; margin-bottom: 6px; box-sizing: border-box; } 
.login-holder input:focus, .login-holder input:focus-visible{border-color: var(--clr-sky); background:var(--clr-sky);}
.login-holder .login-btn {  background: var(--clr-sky);  height: 50px;}
.password-wrapper {position: relative;} 
.eye-icon { position: absolute; right: 25px; top: 40%; transform: translateY(-50%); cursor: pointer;height: 18px; } 
.form-footer { display: flex; justify-content: space-between; align-items: center; font-size: var( var(--f-size-Body)); margin-bottom: 20px; } 
.forgot { color:  var(--clr-black) !important; text-decoration: none; font-weight: 500; } 
.login-btn { width: 100%; padding: 12px; background-color:var(--clr-sky); color: var(--clr-white); border: none; border-radius: 10px; font-size: 16px; cursor: pointer; } 
.signup-text { text-align: center; margin-top: 15px; font-size: 16px; color: #999; } 
.signup-text a { color:var(--clr-black); text-decoration: none; text-decoration: underline; font-weight: 500; } 
.login-wrapper { padding-top: 35px; padding-bottom: 35px; } 
.login-bg { position: relative; border-radius: 50px; overflow: hidden; padding-bottom: 90%; } 
.login-bg:before { background: linear-gradient(260.51deg, #DAEEF2 5.51%, #F4F5EE 94.69%); position: absolute;border-radius: 50px; left: 0; right: 0; opacity: 0.9; bottom: 0; top: 0; content: ""; z-index: 1; }
.login-bg .overlaylogo { position: absolute; left: 50%; top: 50%; text-align: center; z-index: 2; transform: translate(-50%, -50%); }
.login-bg .overlaylogo img { position: initial; height: 80px; object-fit: contain; width: auto; }
.login-bg img { position: absolute;border-radius: 54px; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } 
.socialicon.login ul li a { color: var(--clr-white); background: #F2F2F2; width: 50px; height: 50px; border: 1px solid #E3E3E3; }
.socialicon.login { justify-content: center; display: flex; }
.login-holder { border-radius: 35px; max-width: 600px; position: relative; margin: 0 auto; width: 100%; }
.devider { text-align: center; margin: 20px 0; position: relative; }
.devider p { position: relative; display: inline-block; margin-bottom: 0; background: #fff; padding: 0 10px; }
.devider:before { position: absolute; left: 0; top: 15px; background: #EDEDED; content: ""; z-index: -1; height: 1px; right: 0; }

.recipientmodal  h3.modal-title { font-family: var(--body-font); }
button#continueBtn { margin-top: 10px;}
/*----Login Sign Up----*/



/* -- Footer -- */

.main-footer{position: relative; background: var(--clr-dark); border-radius:50px 50px 0 0;}
.footer-left { padding-right: 8rem;}
.footerlogo {filter: brightness(0) invert(1);}
.footerlogo img { max-width: 275px; width: 100%;}
.footer-left p { margin: 30px 0;}
.main-footer h4{color: var(--clr-white); border-bottom: solid 1px hsl(60deg 45% 96% / 10%); padding-bottom: 30px;}
.main-footer p{color:var(--clr-white); font-weight: 400;}
.ftr-menu ul{ margin: 0;padding: 0;list-style: none;}
.ftr-menu ul li a{color:#DADEE2; font-weight: 400; padding-bottom: 15px; display: block; font-size: var(--f-size-body);}
.ftr-menu ul li:hover a{color: var(--clr-yellow);}
.copyrights {background: var(--clr-sky);}
.copyrights p{margin-bottom: 0;padding: 16px 0;}
.footer-link-wrap { display: flex;  align-items: flex-start;  justify-content: space-between;}
.ftr-menu .d-flex ul { min-width: 210px;}

.cont ul li span { background: hsl(60deg 45% 96% / 15%); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50px; } 
.cont ul li, .cont ul li a { display: flex; align-items: center; column-gap: 16px;padding-bottom: 10px; color: #fff; font-weight: 400; }
.copyrights-wrapper { display: flex; align-items: center;  justify-content: space-between;}
.copyrights-wrapper ul {display: flex;}
.copyrights-wrapper ul li a { color:var(--clr-white);  display: block;  padding: 0 15px; font-weight: 400;}
.copyrights-wrapper ul li:not(:last-child) {  border-right: solid 1px var(--clr-white);}
.wpcf7-spinner { position: absolute;} 
.wpcf7-not-valid-tip { display: none;} 
.form-control.wpcf7-not-valid {  border-color: red;} 
.trms-cnd h1 { font-size:var(--f-size-L);}
.trms-cnd h2 { font-size: var(--f-size-S);}
.choose-file .wpcf7-form-control-wrap { position: inherit;}
/* -- Footer -- */
/* -- My Account -- */
input.form-control.invalid { box-shadow: 0px 0px 5px 0px #F44336;}
select.flatpickr-monthDropdown-months { background-image: none !important;}
.recipientmodal .modal-dialog {  max-width: 700px;}
.recipientmodal .modal-content { background:#F8FEFF; border-radius: 30px;}
.thankyou { padding: 50px;} 
.recipientmodal textarea, .recipientmodal select, .recipientmodal .form-control, .recipientmodal input { font-size: 14px;font-family: var(--body-font);  padding: 15px 20px; background: #fff; width: 100%; border-radius: 36px; margin-bottom: 30px; outline: none !important; color: var(--clr-dark); border: 0 none; box-shadow: 0px 0px 5px 0px #21758736; } 
.file-area { font-size: 16px; padding: 15px 20px; background: #fff; width: 100%; border-radius: 10px; margin-bottom: 30px; outline: none !important; color: var(--clr-dark); border: 0 none; box-shadow: 0px 0px 5px 0px #21758736; position: relative; display: flex;  align-items: center;  justify-content: center;  column-gap: 20px; } 
div#edit_imagePreview img, div#imagePreview img {  max-width:150px;}
.file-area input[type="file"] { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; z-index: 1; cursor: pointer; } 
.caregivinfo-hide .card-profile-info .avatar, .caregivinfo-hide .book-caregiver-address, .booking-hide .card-profile-info .avatar {position: relative;} 
.caregivinfo-hide .card-profile-info .avatar:before, .caregivinfo-hide .book-caregiver-address:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; background: #10303773; backdrop-filter: blur(12px); } 
.caregivinfo-hide .book-caregiver-address:before{border-radius: 0 0 25px 25px; content: "Email & Contact will be provided after payment";
    display: flex; align-items: center; justify-content: center; color:var(--clr-white); font-family: var(--body-font); font-weight: 600; font-size: 20px; padding: 0 80px; text-align: center;} 
.booking-hide .card-profile-info .avatar:before{position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: "";background: #ABCAD073; backdrop-filter: blur(3px);} 
.booking-hide .book-caregiver-address ul li p { position: relative;} 
.booking-hide .book-caregiver-address ul li:not(:nth-child(2)) p:before { width: 125px; height: 50px;background: #F8FEFF2E;backdrop-filter: blur(3px); content: ""; position: absolute; border-radius: 30px; left: -10px; top: -7px; } 
.bookingcard.booking-hide.details .book-caregiver-address ul li p:before{width: 100%;  height: 100%;background: #F8FEFF2E;backdrop-filter: blur(3px); content: ""; position: absolute; border-radius: 30px; left:0; top: 0;} 
.bookingcard.details .book-caregiver-address ul { column-gap: 20px;} 
.main-account { margin: 0 48px; display: flex; border: solid 1px #E9F2F3; border-radius: 10px 30px 30px 10px; backdrop-filter: blur(20px); box-shadow: 0px 20px 50px 0px #0000000D;} 
.left-sidebar { max-width: 250px; width: 100%; background:#E9F2F3; border-radius: 10px; padding: 50px 0 50px 20px; min-height: 725px;} 
.left-sidebar ul li a { padding: 15px 13px;margin-bottom: 2px; display: flex; column-gap: 10px;color: var(--clr-sky); align-items: center; border-radius: 10px 0 0 10px; } 
.left-sidebar ul li.active a,.left-sidebar ul li:hover a { background: var(--clr-sky); color: var(--clr-white);} 
.left-sidebar ul li.active a span, .left-sidebar ul li:hover a span{filter: brightness(0) invert(1);} 
.right-part { width: calc(100% - 250px); padding: 50px 40px; }
.right-part h3 { font-family: var(--body-font);} 
.myprofile-holder a.edit-btn { border: solid 1px var(--clr-sky); border-radius: 50px; padding: 5px 20px 5px 5px; display: inline-flex; align-items: center; column-gap: 15px; color: var(--clr-sky); } 
.myprofile-holder a.edit-btn span { width: 35px; height: 35px; display: flex; color: var(--clr-white); background:  var(--clr-sky); align-items: center; justify-content: center; border-radius: 50%; } 
.myprofile-picture .avatar { width: 120px; height: 120px; border-radius: 50%; overflow: hidden; }
.myprofile-picture { display: flex; align-items: center; column-gap: 20px; margin-bottom: 20px; }
.myprofile-holder ul { display: flex; margin-bottom:0; column-gap: 20px;flex-wrap: wrap; }
.myprofile-holder{ margin-bottom: 50px;}
.myprofile-holder ul li p { margin-bottom: 0;font-family: var(--body-font); font-size: 12px; color: var(--clr-gray); }
.myprofile-holder p {font-family: var(--body-font); font-size: 12px; color: var(--clr-gray); }
.myprofile-holder ul li p span, .myprofile-holder p span { display: block; font-weight: 600; color: var(--clr-blue); font-size: 14px; margin-top: 10px;} .myprofile-holder ul li { border-left: solid 1px var(--clr-sky); padding-left: 10px; width: 23%; margin-bottom: 20px; }
.avatar-holder { display: flex; align-items: center; column-gap: 15px; }
.avatar-holder h4 { margin-bottom: 0; }
.myprofile-holder .dotticonright ul li { width: auto; margin: 0; }
.pray { width: 124px; height: 124px; background: var(--clr-sky); display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 auto 20px; border: solid 10px #D3E3E7; }

.right-part h5 { font-size: var(--f-size-Body);font-weight: 600; font-family: var(--body-font);}
.myprofile-holder h4 { font-size: var(--f-size-Body);font-weight: 700; font-family: var(--body-font);}
.account-footer{padding-bottom: 24px;}
.account-footer .copyrights-wrapper ul li a {font-size: var(--f-size-small); color: var(--clr-gray2);}
.account-footer .copyrights-wrapper ul li:not(:last-child) { border-right: solid 1px var(--clr-gray2);}
.account-footer .copyrights-wrapper p {  margin: 0 0 0;font-size: var(--f-size-small); color: var(--clr-gray2);}

.dotticonright {  padding: 10px 0 10px 10px; cursor: pointer; position: relative;}
.dotticonright:hover .dropdown{ display: block;}
.menu-toggle { display: block; background: none; border: none; color: var(--clr-red);font-size: var(--font-size-body); cursor: pointer; }
.hdr-btn .dropdown { background: #fff; border-radius: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.1);border: 1px solid #EDEDED; }
.hdr-btn .dropdown .btn.btn-light.dropdown-toggle {   background: transparent;min-width: auto;  border: solid 1px var(--clr-sky);  color: var(--clr-sky);    padding: 1px 20px 1px 1px;}
.myprofile-holder.profilecard .myprofile-picture {  justify-content: space-between; align-items: flex-start;}
.avatar img {    width: 100%;    height: 100%;    object-fit: cover;}
.dotticonright .dropdown { position: absolute; width: 145px; top: 40px; right: 0; background: #fff; border-radius: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); display: none; z-index: 1; border: 1px solid #EDEDED; }

.myprofile-holder.profilecard { box-shadow: 0px -1px 5px 0px #E4FAFF;border: 2px solid #D3F7FF;margin-bottom: 20px; background: #F8FEFF; border-radius: 25px; padding: 20px;}
.myprofile-holder .dropdown ul { display: block; margin: 0; } 
.myprofile-holder .dropdown ul li { border: 0; padding: 0; border-bottom: solid 1px #ddd; }
.myprofile-holder .dropdown ul li:last-child {  border-bottom:0 none; }
.myprofile-holder .dropdown ul li a { display: block; padding: 10px 20px; }
.myprofile-holder .dropdown ul li:hover a { color:red; }
.myprofile-holder.profilecard .myprofile-picture .avatar {  width: 72px;   height: 72px;}

.book-caregiver-filter {  box-shadow: 1px 10px 30px 0px #00000008; border: 1px solid #EDEDED;  padding: 20px; border-radius: 20px; margin-bottom: 20px;}
.datepicker-container { width: 350px; position: relative;} 
.datepicker-container .date-input {width: 100%;color: var(--clr-dark);  padding: 12px 20px;   border: 0 none;  border-radius: 30px;  cursor: pointer;  margin-bottom: 0;  background: #f8f8f8 url(../images/calender-icon.svg) no-repeat 95%;  font-weight: 600; } 
.datepicker-container .calendar{display: none; margin-top: 5px; background: #fff; border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.15); overflow: hidden;position: absolute; left: 0; top: 100%; right: 0; } 
.datepicker-container .calendar-header { display: flex; justify-content: space-between; align-items: center; background:var(--clr-sky); color: white; padding: 10px; } 
.datepicker-container .calendar-header button { background: none; border: none; color: white; font-size: 16px; cursor: pointer; } 
.datepicker-container .calendar-days { display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; padding: 10px; gap: 4px; } 
.datepicker-container .calendar-days div { padding: 10px; border-radius: 6px; cursor: pointer; } 
.datepicker-container .calendar-days div:hover { background: #e0f7f9; } 
.datepicker-container .calendar-days .today { background: var(--clr-sky); color: white; } 
.datepicker-container .calendar-days .selected { background:var(--clr-sky); color: white; } 
.datepicker-container .calendar-weekdays { display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; padding: 10px; font-weight: bold; background: #EAFBFF; }

.search-filter { display: flex; align-items: flex-start; justify-content: space-between; column-gap: 20px; } 
.search-filter .form-group { width: 100%;} 
.search-filter .form-group button.btn { width: 100%; margin-top: 36px;padding: 14px 20px;} 
.search-filter select { appearance: none;margin-bottom: 0; -webkit-appearance: none; font-size: 16px; padding: 11px 20px; background-color: #F8F8F8; border-radius: 30px; border: 0 none; background-image: url(../images/select-arrow.svg); background-repeat: no-repeat; background-position: 95% center; color: var(--clr-dark); background-size: 13px; font-weight: 600; }
.search-filter select:focus{border: 0 none;}
.datepicker-container .date-input::-moz-placeholder { color:var(--clr-dark); opacity: 1; }
.datepicker-container .date-input:-ms-input-placeholder{ color:var(--clr-dark); }
.datepicker-container .date-input::-webkit-input-placeholder { color:var(--clr-dark); }
.book-caregiver-card, .bookingcard { background: #F8FEFF; border: 2px solid #D3F7FF; box-shadow: 0px -1px 5px 0px #E4FAFF; border-radius: 25px; margin-bottom: 20px; } .book-caregiver-card:hover a.btn{background: var(--clr-dark); color: var(--clr-white);} 
hr.card-devider { margin: 0;} 
.card-profile-info { display: flex;padding: 15px; column-gap: 10px;align-items:center; justify-content: space-between; } 
.book-caregiver-address {  padding: 25px;} 
.card-profile-info .avatar { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; } 
.card-profile-info .avatar img { width: 100%; height: 100%; object-fit: cover; } 
.avatar-title p span { display: block; font-size: 14px; font-weight: 400; } 
.avatar-title { flex: auto;} 
.avatar-title p { font-weight: 700; margin-bottom: 0;} 
.card-profile-rating { background: var(--clr-sky); color: var(--clr-white); border-radius: 6px; padding: 8px; display: flex; align-items: center; font-size: 12px; column-gap: 5px; font-weight: 500; font-family: var(--body-font); } 
.book-caregiver-address ul li { display: flex; column-gap: 10px; align-items: flex-start; } 
.book-caregiver-address ul li p { font-size: 12px; color: var(--clr-gray); } 
.book-caregiver-address ul li p a, .book-caregiver-address ul li p strong { display: block; font-weight: 600; color: var(--clr-sky); font-size: 14px; } 
.book-caregiver-card a.btn { width: calc(100% - 30px); padding: 14px 20px; margin: 0 15px 15px 15px; } 
a.back.btn { min-width: auto; margin-right: 15px; padding: 0; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; } 
.book-caregiver-card.details h6 { font-size: var(--f-size-Body); font-weight: 700; margin-bottom: 0;padding: 15px; } 
.book-caregiver-card.details ul { display: flex; flex-wrap: wrap; column-gap: 30px; } 
.book-caregiver-card.details .book-caregiver-address ul li span, .book-caregiver-card.details .book-caregiver-address ul li span img { width:26px; height:auto;} 
.book-caregiver-address ul li:last-child p{margin-bottom: 0;} 
.time-container { margin-bottom: 20px;    } 
.time-container h3 { margin-bottom: 15px; font-size: 16px; font-weight: bold; color: #1a1a3d; } 
.time-slot { display: inline-block; margin:4px; }
.time-slot input { display: none; } 
.time-slot label { display: inline-block; padding:8px 9px; border: 2px solid #b6e0dc; border-radius: 20px;margin-bottom: 3px; cursor: pointer; transition: 0.3s; font-size: 12px; color: #333; } 
.time-slot input:checked + label { background-color: var(--clr-sky); color: var(--clr-white); border-color: var(--clr-sky); } 
.time-slot label:hover { border-color: var(--clr-sky); } 
/* .book-caregiver-details-form { display: flex; flex-wrap: wrap; column-gap: 20px; } 
.book-caregiver-details-form .form-group { width: calc(50% - 20px); } */
.book-caregiver-details-form .form-group button.btn { flex: auto; width: 100%; } 
.book-caregiver-details-form .form-control { font-size: 16px; padding: 16px 20px; background: var(--clr-white); width: 100%; border-radius: 50px; margin-bottom: 10px; outline: none !important; color: var(--clr-dark); border: 0 none; box-shadow: 0px 0px 5px 0px #21758736; } 
.book-caregiver-details-form .form-control:focus { border: 0 none; background: #fff; box-shadow: 0px 0px 5px 0px #21758736 !important; } 
.bookingcard .book-caregiver-address ul { display: flex; flex-wrap: wrap; column-gap: 30px; } 
.bookingcard a.back.btn { margin-right: 0; } 
.bookingtab.nav-pills .nav-link.active, .bookingtab.nav-pills .show>.nav-link { color: var(--clr-white); background-color: var(--clr-sky); } 
.bookingtab.nav-pills .nav-link { border-radius: 50px; padding: 7px 30px;color: var(--clr-dark); border: 1px solid #28BAA947; background: #E3FFF9; margin-right: 10px; }
.form-control.error-input {  border: solid 1px red !important;}
.error-message { display: none;}
.edit-profile-box .profile-avatarimg { min-width: 90px;width: 90px; height: 90px;  overflow: hidden; border-radius: 50%;}
.edit-profile-box .profile-avatar { display: flex; align-items: center; justify-content: center; column-gap: 15px;    margin-bottom: 30px;}
.edit-profile-box .profile-avatarimg img { object-fit: cover; width: 100%!important;  height: 100%!important;}
.edit-profile-box .profile-avatar input[type="file"] {  margin-bottom: 0;}
.banner.single-taxonomy-banner .banner-holder {  background-size: cover !important;  padding:300px;}
.banner.single-taxonomy-banner .banner-cnt {  bottom: 65px;}
.page-template-book-caregiver .error-message { display: block; margin-bottom: 10px;}

.choose-file span.remove-upload { position: absolute; right: 10px; top: 10px; background: red; color: #fff; width: 20px; height: 20px; border-radius: 50%; display: none !important; align-items: center; justify-content: center; line-height: 1;} 
.choose-file span.wpcf7-not-valid-tip { max-width: 150px; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); display: none !important;}
.wpcf7 form .wpcf7-response-output { text-align: center;}



.choose-file.wpcf7-not-valid { border-color: red;}
.scroll-link{scroll-margin-top: 100px;}
#faq{scroll-margin-top: 200px;}



/* -- My Account -- */

/* -- Body Adjustment -- */

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

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

.topmenu ul li:not(:last-child), .main-menu ul li:not(:last-child) {margin-right: 25px;}

}
@media only screen and (max-width:1799px){
.side-gap { margin-left: 20px; margin-right: 20px;} 
.hdr-btn h3 {  font-size: var(--f-size-SM);}
.topmenu ul li:not(:last-child), .main-menu ul li:not(:last-child) { margin-right: 15px;}  
.hdr-btn a.btn { min-width: auto; padding: 16px 40px;}   
.hdr-btn span.callicon { width: 45px; height: 45px;}
.hdr-btn span.callicon img { width: 20px;} 
.hdr-btn .call { column-gap: 8px;}  
.logo img {height: 40px;}  
.benifits-holder-info {padding: 55px 40px;} 
    

:root {
    --f-size-XXXL: 55px;
    --f-size-XXL: 50px;    
    --f-size-XL: 45px;
    --f-size-L: 35px;
    --f-size-M: 30px;
    --f-size-S: 24px;
    --f-size-SM: 18px;
    --f-size-Body: 18px;
} 

    
}
@media only screen and (max-width:1699px){
.benifits-holder-info {padding:40px 40px;} 
.testimonialsSlider { margin: 0 30px 0 108px;}  
.careimg img { width: 90%;} 
    
    
}
@media only screen and (max-width:1499px){
.side-padding, .main-header .side-padding {   padding-left: 15px;  padding-right: 15px;}
.login-bg {padding-bottom: 85%;}
.login-holder { padding: 9%;}
.globalreach-list ul {width: 48%;}
.globalreach-wrapper { padding: 50px 50px;}  
.servicesSL .slick-next { right:-15px; }
.servicesSL .slick-prev {left: -15px;} 
.benifits-img {  padding-bottom: 85%;}    
    
    
    
}
@media only screen and (max-width:1399px){
 
.btn span.headphone img { height: 13px;}   
.small-padding { padding-top: 30px; padding-bottom: 30px;}
.headermidd { padding-top: 10px; padding-bottom: 10px;}
.homebanner .slick-prev, .homebanner .slick-next { width: 50px; height: 50px;}   
.banner-cnt { left: 180px;}   
.sidemenu { margin-right: 0;}
.userProfile { padding: 0;}
.myaccount-wrapper {padding: 25px;} 
.careimg img { width: 75%;}  
.card-profile-info { flex-wrap: wrap;}  
.card-profile-info .avatar { margin-bottom: 10px;}  
}

@media only screen and (max-width:1299px){
:root {
    --f-size-XXXL: 50px;
    --f-size-XXL: 40px;
    --f-size-XL: 35px;
    --f-size-L: 24px;
    --f-size-M: 24px;
    --f-size-S: 20px;
    --f-size-SM: 17px;
    --f-size-Body: 15px;
}
.hdr-btn { column-gap: 15px;  margin: 0 15px;}  
.globalreach-list ul { width: 47%;}    
.myprofile-holder ul li { width: 22%;} 
.btn-holder .btn { min-width: auto;} 
.job-overview ul li { width: auto;}  
.logo img { height: 25px;}
    
}
@media only screen and (max-width:1199px){

.headerwrapper { position: relative;}
.common-padding { padding-top: 60px; padding-bottom: 60px; }
.common-small-padding { padding-top: 40px; padding-bottom: 40px; }
.hdr-btn {margin: 0 60px 0 0;}
.nav_btn { display: block; cursor: pointer;position: absolute;right: 0;top: 50px;}
.hdr-wrap ul { display: block;}

/*body.fixed .main-header { background: var(--clr-dark-blue);}*/
.stickyholder { position: relative;}
.main-menu { position: fixed; transform:translateX(100%); right: -100%; top:91px; bottom: 0; z-index: 999; max-width: 100%; background-color:var(--clr-dark); padding-top: 20px; margin:0; display:block; width: 100%; padding-left: 20px;padding-right: 20px; transition: 250ms ease-in;overflow: auto;height: 100vh; border-top: solid 1px var(--clr-blue); }
.main-menu>ul li { width: 100%; }
.main-menu ul li:not(:last-child) { margin-right: 0; }
.main-menu>ul>li a { display: block; padding: 10px 0;border-bottom: 1px solid var(--grey);color: var(--clr-white); }
.main-menu ul li.current-menu-item a, .main-menu ul li:hover a{border-bottom: 0 !important;}
.hdr-rt ul li a {color: var(--clr-white);padding: 10px;}
li.menu-item-has-children::after{content: none;}
.nav_btn::after { content: ""; position: absolute; width: 35px; height: 2px; background: var(--clr-sky); right: 0; top: -12px;transition: ease-in-out 0.4s; }
.nav_btn::before { content: ""; position: absolute; width: 35px; height: 2px; background: var(--clr-sky); top: 3px; right: 0;transition: ease-in-out 0.4s; }

.nav_btn.sidebar_active::after{transform: rotate(45deg);top: 0; }
.nav_btn.sidebar_active::before{transform: rotate(135deg);top: 0; }
.main-menu.sidebar-open { right: 0; }
.minus, .plus{display: block;position: absolute;right: 0;top: 0;font-weight: 400;color: var(--clr-white);font-size: 30px;}
.minus{display: none;}

li.menu-item-has-children.open-sub > ul.sub-menu{display: block;}
li.menu-item-has-children:hover > ul.sub-menu{height: 0; overflow: hidden;}
li.menu-item-has-children.open-sub > ul.sub-menu{height: 100%; position: relative;}
li.menu-item-has-children.open-sub .minus{display: block; font-size: 50px; line-height: 1; right: 0; top: -8px;}
li.menu-item-has-children.open-sub .plus{display: none;}
li.menu-item-has-children ul.sub-menu a{color: var(--clr-black-primary) !important;}
.hdr-wrap  .sidebar-open .mobileview {display: block;}

    
.home-banner-holder { padding-top: 6rem; min-height: 67vh; height: auto;}
.innerBanner .home-banner-holder { min-height: 400px;}
.home-project-card { padding: 15px;}
h1, h2, h3, h4, h5, h6, p { margin: 0 0 15px;}  
.home-blog-desc { padding: 20px;}
.home-blog-desc a.btn.more { right: 0; bottom: 0; width: 50px;} 
    
.banner .banner-cnt {  bottom: 30px;  left: 20px;  right: 20px;} 
.btn, a.btn { min-width: auto;} 
.benifits-img {padding-bottom: 106%;}
.faq-list .accordion-button { font-size: 18px;} 
.cont ul li, .cont ul li a {column-gap: 10px;}  
.cont ul li span { min-width: 40px;}    
    
.main-account {margin: 0;} 
.myprofile-holder ul li { width: 30%;}
.right-part { padding: 24px 20px;} 
.login-container h3 { font-size: 30px;}
    
.card-profile-info { padding: 10px; column-gap: 5px;}   
.card-profile-info .avatar { width: 35px;  height: 35px;}
a.back.btn { width: 24px;  height: 24px;}
.avatar-title p, .avatar-title p span { display: block;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  max-width: 100px;}   
    
}
@media only screen and (max-width:991px){
.topmenu ul li:not(:last-child), .main-menu ul li:not(:last-child) { margin-right: 15px;}
.banner .banner-cnt .banner-cnt-left, .banner  .banner-cnt-right { width: 50%;}  
.homeintro-info { margin-bottom: 20px;}   
.services-holder .service-card { margin-bottom: 0;}   
.benifits-holder-info { padding: 30px;margin: 20px 0 0 0;}  
.benifits-img { padding-bottom: 100%;margin: 0 12px;}  
.map-img {  margin-top: 20px;}    
.testimonials-info {  padding: 50px 50px 550px;}   
.careimg {  left: 0;right: 0;margin: auto;max-width: 400px;}  
.careimg img {  width: 100%;}
.frequently-info {  text-align: center;}   
.needcare-card-img { padding-bottom: 45%;}   
.footer-left { padding-right: 1rem;} 
.myprofile-holder ul li { width: auto;}
.contactus-form { padding: 0 20px;}  
ul.sevlist {flex-wrap: wrap;}   
ul.sevlist li{margin-bottom: 10px;}
.main-account a.btn.btn-primary { line-height: 2; padding: 6px 20px;}   

}

@media only screen and (max-width:767px){
:root {
    --f-size-XXXL: 30px;
    --f-size-XXL: 26px;
    --f-size-XL: 24px;
    --f-size-L: 22px;
    --f-size-M: 20px;
    --f-size-S: 18px;
    --f-size-SM: 16px;
    --f-size-Body: 14px;
}
.hdr-wrap .socialicon ul {  display: flex;   justify-content: center;}
.fa-bell{display: block;}
.hdr-btn .btn { column-gap: 0; padding: 11px; border-radius: 50px; align-items: center; justify-content: center; }
.hdr-btn .btn .fa-bell{ font-size: 20px;} 
.headermidd, .hdr-btn .btn img{display: none;}
.hdr-btn .btn span.headphone img {display: block; height: 20px;}  
.headerbtm { border-top: solid 1px rgb(255 255 255 / 30%);} 
.logo img { height: 25px;}  
.header-top.small-padding.side-padding { padding: 15px;}   
.main-menu { top: 70px;} 
.headerwrapper { padding-top: 15px; padding-bottom: 15px;}  
.nav_btn { top: 39px;}
.hdr-btn {column-gap: 10px; margin:0 50px 0 0;}
.hdr-btn a.btn i { font-size: 18px;}
.hdr-btn .call {column-gap: 0; font-size: 0;}
.hdr-btn a.btn { font-size: 0; padding: 0; width: 40px; height: 40px; display: flex;}
.hdr-btn span.callicon { width: 40px;height: 40px;}
    
.ftr-menu { margin-top: 25px;} 
.banner .banner-cnt .banner-cnt-left, .banner  .banner-cnt-right { width: 100%;}  
/*.banner .banner-holder { min-height: 65vh;}  */
.bannerimg { position: relative; padding-bottom: 100%; }
.bannerimg img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.banner .banner-cnt { display: block; z-index: 2;} 
.banner:before{z-index: 1;}
.banner, .banner img, .banner:before { border-radius: 20px;}  
.homeintro-info {text-align: center;} 
br { display: none;} 
.services-holder { text-align: center; border-radius: 30px;}  
.common-padding { padding-top: 40px;  padding-bottom: 40px;} 
.btn, a.btn { padding: 13px 20px;}
.globalreach-list ul li:before { width: 18px; height: 9px; background-size: 100%;}   
.globalreach-list ul {  padding-left: 30px;}
.globalreach-list ul li { padding: 0 0 5px 25px;} 
.globalreach-wrapper { border-radius: 30px;  }
.testimonials-info { padding: 30px 20px 335px;}  
.testimonialsSlider {  margin: 0 0 0 30px;}
.testimonialsSlider:before { left: -34px;  width: 26px;  height: 18px;  background-size: 100%;}  
.profileimg { width: 50px;  height: 50px;}   
.slick-prev, .slick-next {  width: 40px; height: 40px;}
.testimonialsSlider .slick-prev, .testimonialsSlider .slick-next { bottom: -75px;}    
.careimg { max-width: 235px;}  
.testimonials-info h2, .testimonials-info h6{text-align: center;}  
.testimonialsSlider .slick-next {left: 50px;} 
.needcare-card-img { padding-bottom: 115%;}    
.benifits-btn { margin-bottom: 60px;}   
.copyrights-wrapper { display: block;}  
.copyrights-wrapper ul { margin-bottom: 20px;}    
  
    
.myaccount-holder.side-padding.common-padding { padding-left: 0;  padding-right: 0;}
.main-account { flex-wrap: wrap;  border: 0 none; border-radius: 0; box-shadow: 0 0 0;} 
.left-sidebar { width: 100%;max-width: 100%;; padding: 20px 0 0 20px; margin-bottom: 20px; min-height: auto;}   
.right-part { padding:20px; width: 100%; border: solid 1px #E9F2F3; border-radius: 20px; border-radius: 10px 30px 30px 10px; box-shadow: 0px 20px 50px 0px #0000000D;}  
.avatar img { width: 100%; height: 100%; object-fit: cover;} 
.myprofile-picture .avatar { width: 55px;  height: 55px;} 
.myprofile-holder.profilecard .myprofile-picture .avatar { width: 55px;min-width: 55px; height: 55px;}  
.myprofile-holder.profilecard .myprofile-picture {column-gap: 5px;  align-items: center;}
.myprofile-holder a.edit-btn {column-gap: 5px;  padding: 2px 20px 2px 2px;}   
.recipientmodal textarea, .recipientmodal select, .recipientmodal .form-control, .recipientmodal input {font-size: 14px;  padding: 10px 20px; width: 100%; margin-bottom: 20px;}  
input[type="submit"], .recipientmodal input[type="submit"] {  padding: 14px 0; min-width: auto;}  
.recipientmodal .modal-content { padding: 10px;}   
.copyrights-wrapper ul { justify-content: center;} 
.account-footer .copyrights-wrapper ul li a { font-size: 14px;}  
.copyrights-wrapper ul li a {padding: 0 8px;}   
.account-footer .copyrights-wrapper p { font-size: 14px; text-align: center;}  
.book-caregiver-details-form .form-control {  font-size: 14px; padding: 10px 20px;}  
.card-profile-info { align-items: center;}  
main.side-gap .side-padding { padding-left: 0;  padding-right: 0;}  
header.side-gap { margin-left: 0; margin-right: 0;} 
.banner .banner-cnt h1{ margin-bottom: 5px;} 
.careersCard { padding: 20px;  border-radius: 20px;} 
ul.sevlist, ul.sevlist li {font-size: 14px;}   
.main-footer { border-radius: 20px 20px 0 0;}    
    
	
 .hdr-btn .dropdown .btn.btn-light.dropdown-toggle { padding: 0;} 
.hdr-btn .dropdown .btn.btn-light.dropdown-toggle img { display: block;   margin: 0 !important; width: 100%; height: 100%; object-fit: cover;}
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-submit {  min-width: 120px;}	
footer.main-footer.side-gap { margin: 0;}
    
.header-sticky .main-header { position: fixed; left: 0;  right: 0;  top: 0; z-index: 9;  background: #fff;}
body.fixed { overflow-y: hidden;}  
.globalreach-wrapper {padding: 30px 0px;}     
.personalcare { padding: 25px 15px;}   
    
.term-home-health-aide .banner.innerbnr .banner-holder img { position: absolute;}   
.term-home-health-aide .banner.innerbnr .banner-holder { padding-bottom: 80%;}
.login-container h3 { font-size: 24px;} 
.login-holder { padding: 20px 0;}
.form-footer{margin-top: 20px;} 
.socialicon.login ul li a img { height: 14px;}
.socialicon.login ul li a { width: 35px; height: 35px;} 
.login-bg, .login-bg:before { border-radius: 20px;}  
.login-bg img{border-radius: 18px;} 
.copyrights p { text-align: center;}
.myprofile-holder { margin-bottom: 0;}  
.edit-profile-page { padding-top: 0;}
.edit-profile-page .profile-wrapper { margin-top: 0;}   
textarea, select, .form-control, input { font-size: 14px;  padding: 12px 16px;  margin-bottom: 15px;}  
.myprofile-holder a.edit-btn span {  width: 30px;  height: 30px;}   
.footerlogo img { height: 30px;}  
.faq-list .accordion-button { font-size: 16px;}
.banner.innerbnr .banner-holder .bannerimg { padding-bottom: 100%;}   
.more-details { margin-right: 0;}   
.more-details p, .more-details ul li { font-size: 14px;}
.btn, a.btn, .myprofile-holder a.edit-btn { font-size: 12px;}  
.banner.single-taxonomy-banner .banner-holder { padding: 165px;}  
}

@media only screen and (max-width:380px){
:root {
    --f-size-XXXL: 24px;
    --f-size-XXL: 20px;
    --f-size-XL: 18px;
    --f-size-L: 18px;
    --f-size-M: 17px;
    --f-size-S: 16px;
    --f-size-SM: 15px;
    --f-size-Body: 14px;
}
.bannerimg { padding-bottom: 125%;} 
.btn, a.btn { padding: 10px 15px; font-size: 12px;} 
.banner .banner-cnt { bottom: 15px;  left: 15px;   right: 15px;}    
.btn-holder { column-gap: 10px;} 
.faq-list .accordion-button {padding:8px 50px 8px 12px;  font-size: 15px;}    
.faq-list .accordion-button::after { position: absolute;  right: 12px; font-weight: normal; border: solid 1px var(--clr-sky);  width: 24px;  height: 24px;} 
.faq-list .accordion-button:not(.collapsed)::after { background-size: 1.5rem;} 
    
    
}
@media only screen and (max-width:360px){
:root {
    --f-size-XXXL: 20px;
    --f-size-XXL: 18px;
    --f-size-XL: 17px;
    --f-size-L: 17px;
    --f-size-M: 16px;
    --f-size-S: 15px;
    --f-size-SM: 14px;
    --f-size-Body: 12px;
}
.logo img { height: 20px;}
.avatar-title p, .avatar-title p span { max-width: 120px;}
}