/* DETAILS

==================================================

	Theme Name: 

==================================================

*/



@charset "utf-8";

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



@font-face {

    font-family: 'Nuckle-bold';

    src: url('../fonts/Nuckle-Bold.eot');

    src: url('../fonts/Nuckle-Bold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Nuckle-Bold.woff2') format('woff2'),

        url('../fonts/Nuckle-Bold.woff') format('woff'),

        url('../fonts/Nuckle-Bold.ttf') format('truetype'),

        url('../fonts/Nuckle-Bold.svg#Nuckle-Bold') format('svg');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Nuckle-semi-bold';

    src: url('../fonts/Nuckle-Semibold.eot');

    src: url('../fonts/Nuckle-Semibold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Nuckle-Semibold.woff2') format('woff2'),

        url('../fonts/Nuckle-Semibold.woff') format('woff'),

        url('../fonts/Nuckle-Semibold.ttf') format('truetype'),

        url('../fonts/Nuckle-Semibold.svg#Nuckle-Semibold') format('svg');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}



:root {

	--font-awesome: 'Font Awesome 6 Free';

	--open-sans:"Open Sans", sans-serif;

	--nuckle-bold:'Nuckle-bold';

	--nuckle-semi-bold:'Nuckle-semi-bold';

	--body-color:#434343;

	--black:#000;

	--white:#fff;

	--deep-green:#005157;

	--light-green:#23B0BA;

	--title-color:#006168;

	--gray:#F1F1F1;

	--deep-gray:#F2F0ED;

	--bold: 700;

	--semi-bold: 600;

	--medium: 500;

	--regular: 400;

	--common-transition: all 0.3s ease 0s;

}



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

/* html { overflow-x: hidden; } */

body { margin: 0; padding: 0; font-family: var(--open-sans); font-weight: var(--regular); font-size: 18px; color: var(--body-color); overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 {  margin: 0 0 20px; padding: 0; color: var(--title-color);}

h2, h3, h4, h6{ font-family: var(--nuckle-semi-bold); font-weight: var(--semi-bold);}

h1 { font-size: 75px; font-family: var(--nuckle-bold); font-weight: var(--bold); }

h2 { font-size: 53px; text-transform: capitalize;}

h3 { font-size: 30px;}

h4 { font-size: 26px;}

h5 { font-size: 20px; font-family: var(--open-sans); font-weight: var(--semi-bold);}

h6{ font-size: 18px;}

p { line-height: 1.55; margin: 0 0 20px; padding: 0;}

.big-body-font p { font-size: 24px;}



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

	h1 { font-size: 50px;}

	h2 { font-size: 40px;}

	h3 { font-size: 26px;}

	h5 { font-size: 18px;}

	h6{ font-size: 16px;}

	body{ font-size: 16px;}

	

}

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

	h1 { font-size: 36px;}

	h2 { font-size: 30px;}

	h3 { font-size: 22px;}

}

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

	h1 { font-size: 28px;}

	h2 { font-size: 25px;}

	h3 { font-size: 19px;}

	h6{ font-size: 15px;}

	body{ font-size: 15px;}

}

/* --- form-control start --- */

.form-row { margin-bottom: 30px;}

.form-control { background-color: #F2F0ED; border: 1px solid #EAE7D4; border-radius: 15px; padding-left: 20px; padding-right: 20px;}

input.form-control, select.form-control { height: 60px; }

select.form-control { padding-right: 40px !important; background-image: url(../images/down-arrow.svg) !important; background-repeat: no-repeat !important; background-position: right 20px center !important; background-size: 16px !important; }

textarea.form-control { height: 140px; resize: none; padding-left: 10px; padding-right: 10px;}

.form-control:focus { background: #F2F0ED; box-shadow: none; border-color: #EAE7D4;}

.form-control::-moz-placeholder { color: #000000; opacity: 1; font-weight: 400;}

.form-control:-ms-input-placeholder { color: #000000; font-weight: 400;}

.form-control::-webkit-input-placeholder { color: #000000; font-weight: 400;}

input:-webkit-autofill,

input:-webkit-autofill:hover, 

input:-webkit-autofill:focus, 

input:-webkit-autofill:active{ transition: background-color 9999s ease-in-out 0s; -webkit-text-fill-color: var(--body-color);}

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

	input.form-control { height: 50px; }

	textarea.form-control{ height: 110px;}

	.form-row { margin-bottom: 25px; }

	select.form-control{ background-size: 13px;}

}

/* --- form-control end --- */





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

	.container { max-width: 1525px; }

}

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

	.container { max-width: 1625px; }

}



img { max-width: 100%; }

a, img { border: 0; text-decoration: none; outline: none; }

a, a:link, a:visited, a:focus, a:hover { outline: none; text-decoration: none; transition: var(--common-transition); }

a:hover { text-decoration: none; }

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



.common-padding { padding: 100px 0; }

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

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

.section-title { margin-bottom: 50px; }

.sub-heading{ font-family: var(--nuckle-semi-bold); color: var(--light-green); font-weight: var(--semi-bold); /* padding-left: 50px; */ margin-bottom: 0; position: relative;}

/* .sub-heading::before{ content: ""; background: var(--light-green); width: 40px; height: 4px; position: absolute; z-index: 1; top: 50%; left: 0; transform: translateY(-50%);} */

.bg-adjustment{ background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;}

.image-adjustment{ position: relative;}

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

.overlay-content{ position: relative; z-index: 3;}

.fade-bg{ background: #F2F0ED;}

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

	.common-padding { padding: 80px 0; }

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

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

	.sub-heading::before{ height: 2px;}

}

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

	.common-padding { padding: 70px 0; }

	.common-padding-top { padding-top: 70px; }

	.common-padding-bottom { padding-bottom: 70px; }

	.section-title { margin-bottom: 25px; }

}

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

	.common-padding { padding: 50px 0; }

	.common-padding-top { padding-top: 50px; }

	.common-padding-bottom { padding-bottom: 50px; }

}



/* --- button start --- */

.btn { display: inline-block; position: relative; min-width: 125px; text-align: center; background: var(--light-green); border: 1px solid var(--light-green); border-radius: 50px; text-align: center; color: var(--bs-white); font-size: 18px; font-weight: var(--bold); text-transform: capitalize; line-height: 1; padding: 15px 25px; }

.btn:hover, .btn:focus-visible, .btn:active, .btn:focus { background: transparent; border: 1px solid var(--light-green); box-shadow: none; outline: none; color: var(--light-green); }

.btn.border-btn{ background: transparent; color: var(--light-green);}

.btn.border-btn:hover{ background: var(--light-green); color: var(--white);}

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

	.btn{ font-size: 16px;}

}

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

	.btn{ font-size: 15px; padding: 14px 30px; min-width: auto;}

}

/* --- button end --- */

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



/* --- header start ------------------------------------------------------------------------------------------- */

/* ~~hamburger menu start~~ */

.hamburger-nav { vertical-align: top; width: 30px; height: 24px; position: relative; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9; }

.hamburger-nav span { display: block; position: absolute; height: 2px; width: 100%; background: var(--white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

.hamburger-nav span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

.hamburger-nav span:nth-child(2) { top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

.hamburger-nav span:nth-child(3) { top: 20px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

.hamburger-nav-close { vertical-align: top; width: 30px; height: 24px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9; }

.hamburger-nav-close span { display: block; position: absolute; height: 2px; width: 100%; background: var(--white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

.hamburger-nav-close span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 10px; left: 3px; }

.hamburger-nav-close span:nth-child(2) { width: 0%; opacity: 0; }

.hamburger-nav-close span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; left: 2px; }

/* ~~hamburger menu end~~ */



.main-header{ background: var(--light-green); padding: 20px 0; position: relative; z-index: 999;}

.main-header .logo-wrap { height: 70px; }

.main-header .logo-wrap *{ display: block; height: 100%;}

.main-header .menu-wrap li { margin: 0 22px; font-size: 20px; font-weight: var(--semi-bold); }

.main-header .menu-wrap li a{ display: block; padding: 5px 0; color: var(--white);  position: relative;}

.main-header .menu-wrap li a:not(.sub-menu li a):before{ content: ""; background: var(--white); width: 0; height: 2px; position: absolute; right: 0; bottom: 0; left: 0; margin: 0 auto; opacity: 0; visibility: hidden; transition: var(--common-transition);}



.main-header .menu-wrap li a:hover::before, .main-header .menu-wrap  .current-menu-item a::before{ width: 100% !important; opacity: 1 !important; visibility: visible !important; color: var(--white);}

.main-header .log-in-wrap{ margin: 0 20px;}

.main-header .log-in-wrap a{ display: flex; align-items: center; justify-content: center; background: #F0F7F9; border: 1px solid #F0F7F9; width: 60px; height: 60px; border-radius: 50%;}

.main-header .log-in-wrap a img{ transition: var(--common-transition);}

.main-header .log-in-wrap a:hover{ background: transparent;}

.main-header .log-in-wrap a:hover img{ filter: brightness(0) invert(1);}

.header-btn:not(:last-child) { margin-right: 20px;}

.header-btn a{ display: inline-block; background: var(--white); padding: 10px 25px; border: 1px solid var(--white); border-radius: 50px; color: var(--title-color) ; font-weight: var(--bold);}

.header-btn.header--border-btn a { background: transparent; color: var(--white); }

.header-btn a:hover{ background: transparent; color: var(--white);}

.header-btn.header--border-btn a:hover{ background: var(--white); color: var(--title-color);}



:is(.desktop-menu, .mobile-menu) ul li.header-btn.btn{ background: var(--white); color: var(--deep-green);}

:is(.desktop-menu, .mobile-menu) ul li.header-btn.btn:hover{ background: var(--deep-green); border-color: var(--white); color: var(--white);}



/* .desktop-menu ul.nav li .header-btn.btn{ background: var(--white); color: var(--title-color);}

.desktop-menu ul.nav li .header-btn.btn:hover{ background: 00546E; color: var(--white);} */



/* sub-menu start */

.main-header .menu-item-has-children{ position: relative;}

.main-header .menu-item-has-children .sub-menu { background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13); width: 230px; border-radius: 5px; position: absolute; z-index: 5; top: 40px; opacity: 0; visibility: hidden; overflow: hidden; transition: var(--common-transition); }

.main-header .menu-item-has-children .sub-menu li{ margin: 0; border-bottom: 1px solid var(--deep-gray);}

.main-header .menu-item-has-children .sub-menu li:last-child{ border-bottom: 0;}

.main-header .menu-item-has-children .sub-menu a { display: block; padding: 15px 24px; color: var(--title-color);}

.main-header .menu-item-has-children .sub-menu a:hover{ background: var(--deep-gray);}

.main-header .menu-item-has-children:hover .sub-menu { top: 50px; opacity: 1; visibility: visible; }

.main-header .menu-item-has-children>a { padding-right: 25px !important; }

.main-header .menu-item-has-children>a::after { position: absolute; content: ''; border: solid var(--white); border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); right: 5px; top: 15px; }

/* sub-menu end */



.mobile-menu{ display: none; background: var(--light-green); width: 100vw; height: 100vh; position: fixed; top: 0; right: -100vw; overflow: hidden; z-index: 999; transition: var(--common-transition);}

.mobile-menu ul.nav{ flex-flow: column wrap;}

.mobile-menu .top-row{ padding: 20px 0 5px; }

.mobile-menu .logo-wrap{ height: 30px;}

.mobile-menu .logo-wrap *{ display: block; height: 100%;}

.mobile-menubar li:not(.header-btn){ border-bottom: 1px dashed var(--white);}

.mobile-menubar li:not(.header-btn) a{ display: inline-block; padding: 15px 0; color: var(--white);}

.mobile-menubar li.header-btn{ margin-top: 20px; }

.mobile-menubar li.header-btn a{ background: var(--white);}



/* ~~ header sticky start ~~ */

@keyframes slide-down {

	0% {

		opacity: 0;

		transform: translateY(-100%);

	}



	100% {

		opacity: 1;

		transform: translateY(0);

	}

}

.header-sticky .main-header { position: fixed; top: 0; width: 100%; background:rgba(35, 176, 186, 0.6); backdrop-filter: blur(10px); box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 10%); animation: slide-down 0.5s; transition: var(--common-transition); }

.header-sticky main{ padding-top: 110px;}

/* ~~ header sticky end ~~ */

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

	.main-header .menu-wrap li{ margin: 0 15px; font-size: 18px;}

	.main-header .log-in-wrap { margin: 0 10px; }

	.main-header .log-in-wrap a{ width: 45px; height: 45px;}

	.header-btn:not(:last-child) { margin-right: 10px; }

}

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

	.main-header .menu-wrap li{ margin: 0 8px;}

}

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

	.main-header{ padding: 15px 0;}

	.desktop-menu { display: none; }

	.main-header .logo-wrap { height: 55px; }

	.main-header a.btn.border-btn { border-color: #fff; color: #fff; padding: 12px 20px; }

	.mobile-menu { display: block;}

	body.menu-open{ height: 100vh; overflow: hidden;}

	.menu-open .mobile-menu { right: 0; }

	.mobile-menubar .menu-item-has-children{ position: relative;}

	.mobile-menubar .menu-item-has-children .arrow { color: var(--white); position: absolute; z-index: 3; right: 0; top: 12px; width: 31px; height: 31px; font-size: 18px; display: flex; align-items: center; justify-content: end; }

	.mobile-menu .sub-menu { display: none; width: calc(100% - 20px); margin-left: auto; }

	.mobile-menu .sub-menu li:last-child{ border-bottom: 0;}

	.header-sticky main{ padding-top: 85px;}

}

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

	.hamburger-nav, .hamburger-nav-close{ width: 25px; height: 18px;}

	.hamburger-nav span:nth-child(2){ top: 8px;}

	.hamburger-nav span:nth-child(3){ top: 16px;}

	.hamburger-nav-close span:nth-child(1){ top: 8px;}

	.hamburger-nav-close span:nth-child(3){ top: 8px;}

	.main-header .log-in-wrap a { width: 35px; height: 35px; padding: 5px; }

    .main-header .logo-wrap { height: 45px; }

	.main-header a.btn.border-btn { padding: 10px 15px; font-size: 14px; }

	.header-sticky main{ padding-top: 75px;}

}

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

	.main-header a.btn.border-btn { padding: 8px 12px; font-size: 13px; }

	.main-header .log-in-wrap { margin: 0 5px; }

	/* .main-header .log-in-wrap a{ width: 28px; height: 28px;}

	.header-sticky main{ padding-top: 61px;} */

}

/* home-page start----------- */

/* .hero-banner { position: relative; padding-bottom: 50%; }



.hero-banner .banner-bg { background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}

.hero-banner .banner-bg::before { content: ""; background: linear-gradient(103.12deg, #242F30 6.73%, rgba(36, 47, 48, 0.8) 34.6%, rgba(61, 83, 85, 0) 72.31%); position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; }

.hero-banner .container-holder { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; padding-top: 10%; padding-bottom: 10%;}

.curved-design { position: absolute; right: 0; left: 0; }

.curved-design img{ width: 100%;}

.curved-bottom-design{ bottom: 0;}

.hero-banner .banner-info { max-width: 740px; padding-right: 70px; }

.hero-banner .banner-info *:not(.sub-heading, .btn){ color: var(--white);} */



.hero-banner{ position: relative;}

.hero-banner .hero-item-wrap{ position: relative; padding-bottom: 50%;}

.hero-banner .banner-bg { background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}

.hero-banner .banner-bg::before { content: ""; background: linear-gradient(103.12deg, #242F30 6.73%, rgba(36, 47, 48, 0.8) 34.6%, rgba(61, 83, 85, 0) 72.31%); position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.6;}

.hero-banner .container-holder { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; padding-top: 10%; padding-bottom: 10%;}

.hero-banner .banner-info { max-width: 740px; padding-right: 70px; }

.hero-banner .banner-info *:not(.sub-heading, .btn){ color: var(--white);}

@keyframes arrow-down {

	0% {

		opacity: 0;

		transform: translateY(-8px);

	}



	100% {

		opacity: 1;

		transform: translateY(5px);

	}

}

.hero-banner .next-sec a { display: flex; align-items: center; justify-content: center; width: 89px; height: 89px; border: 2px solid #FFFFFF; border-radius: 50%; padding: 15px; position: absolute; z-index: 5; right: 0; bottom: 12%; left: 0; margin: 0 auto; }

.hero-banner .next-sec a img{ height: 100%; animation: arrow-down 1s linear infinite; transition: var(--common-transition);}

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

	/* .hero-banner{ height: calc(100vh - 100px); padding-bottom: 0;} */

	.hero-banner .hero-item-wrap{ height: calc(100vh - 100px); padding-bottom: 0;}

	.hero-banner .next-sec a{ bottom: 6%;}

}

.hero-banner .slick-dotted.slick-slider{ margin-bottom: 0;}

.hero-banner .slick-dots { bottom: 10px; }

.hero-banner .slick-dots li { width: auto; height: auto; }

.hero-banner .slick-dots button { border: 1px solid #fff; border-radius: 50%;}

.hero-banner .slick-dots li button:before { background: var(--white); font-size: 0; width: calc(100% - 10px); height: calc(100% - 10px); border-radius: 50%; right: 0; bottom: 0; margin: auto; }





.program-section .info-wraper { max-width: 540px; padding-right: 30px; }

.services-box-wraper .row { row-gap: 20px; margin-right: -10px; margin-left: -10px;}

.services-box-wraper .row>*{ padding-right: 10px; padding-left: 10px;} 

.service-box { display: flex; flex-direction: column; background: var(--deep-gray); border-radius: 15px; padding: 40px 30px 20px; height: 100%; }

.service-box p{  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.round-icon{ display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; background: var(--light-green); border-radius: 50%; padding: 20px; margin-bottom: 30px;}

.round-icon img{ height: 100%;}

.service-box .button-wrap{ margin-top: auto;}

.service-box .button-wrap a { display: block; width: 35px; }

.service-box .button-wrap a:hover{ transform: translateX(5px);}



.community-health-section { position: relative; background: var(--gray); }

.community-health-section .community-image-wraper { position: absolute; z-index: 1; top: 0; right: auto; bottom: 0; left: 0; width: 50%; height: 100%; border-radius: 0 20px 20px 0; overflow: hidden; }

.community-health-section .community-image-wraper img{ width: 100%; height: 100%; object-fit: cover;}

.community-box { position: relative; z-index: 3; background: rgba(255, 255, 255, 0.75); border-radius: 20px; box-shadow: 0px 0px 24px 0px #D1CDC866; padding: 50px 60px 30px; }



.our-value-section{ background: var(--gray); padding-top: 50px;}

.our-value-section .info-wraper{ padding-right: 10%;}

.our-value-section .info-wraper h3{ color: var(--title-color);}

.our-value-section .info-wraper ul { display: flex; justify-content: space-between;  flex-wrap: wrap; }

.our-value-section .info-wraper ul li{ width: 48%; position: relative; padding: 0 0 0 30px; margin-bottom: 20px;}

.our-value-section .info-wraper ul li::before { content: ""; background: url(../images/list.svg) no-repeat center; background-size: 100%; position: absolute; top: 3px; left: 0; width: 18px; height: 18px; }

.value-box-wraper{ margin-bottom: 40px;}

/* .value-box-item{ margin-bottom: 25px;} */

.value-box-wraper .row { row-gap: 25px; }

.value-box { background: var(--light-green); box-shadow: 0px 0px 24px 0px #D1CDC866; padding: 30px 30px 10px; border-radius: 20px; height: 100%;}

.value-box *{ color: var(--white);}



.join-our-team-section{ background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; position: relative;}

.join-our-team-section::before{ content: ""; background: linear-gradient(102.01deg, rgba(36, 47, 48, 0.25) 0.64%, rgba(36, 47, 48, 0.65) 42.87%, rgba(36, 47, 48, 0.25) 100%);

 position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;}

.join-our-team-section .info-wraper { max-width: 645px; margin: 0 auto; }

.join-our-team-section .info-wraper *:not(.btn){ color: var(--white);}



.resources-box{ margin-bottom: 30px;}

.our-resources-section:not(.resources-section) .resources-box:last-child{ margin-bottom: 0;}

.resources-box .resources-box-image { position: relative; padding-bottom: 35%; margin-bottom: 20px; border-radius: 20px; overflow: hidden; }

.resources-feature-box.resources-box .resources-box-image { padding-bottom: 90%; }

.resources-box .resources-box-image img{ width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;}

.resources-box .resources-box-image .date-wrap { width: 118px; background: var(--light-green); border-radius: 15px 0 0 0; padding: 25px 10px; position: absolute; z-index: 2; right: 0; bottom: 0; text-align: center; font-size: 30px; font-weight: 700; line-height: 1.1; color: var(--white); }

.resources-box h3{ color: var(--title-color); font-family: var(--nuckle-bold);}

.donate-section{ position: relative;}

.bg-curved { background: #1E2020; position: absolute; z-index: 1; right: 0; bottom: -2px; left: 0; width: 100%; height: 50%; }

.donate-box { background: var(--light-green); border-radius: 30px; max-width: 1335px; margin: 0 auto; padding: 60px 80px; position: relative; z-index: 3;}

.donate-box .info-col{ max-width: 560px; padding-right: 20px;}

.donate-box .info-col *{ color: var(--white);}

.donate-box .info-col p:last-child{ margin-bottom: 0;}

.donate-box .btn{ background: var(--white); border-color: var(--white); color: #0E8088;}

.donate-box .btn:hover{ background: transparent; color: var(--white);}



.main-footer{ background: #1E2020;}

.main-footer h5, .main-footer p, .main-footer a { color: var(--white);}

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

.main-footer .footer-info { max-width: 370px; }

.main-footer .logo { height: 80px; margin-bottom: 20px; }

.main-footer .logo *{ display: block; height: 100%;}

.footer-menu li a{ display: inline-block; padding: 8px 0;}

.main-footer a:hover{ color: var(--light-green);}

.footer-menu li a:hover{ letter-spacing: 1px;}



.footer-contact li{ margin-bottom: 20px;}

.footer-contact li:last-child{ margin-bottom: 0;}

.footer-contact li a{ word-break: break-all;}

.footer-contact .round-icon { width: 50px; height: 50px; margin: 0 20px 0 0; padding: 12px;}



.bottom-footer{ padding: 30px 0; border-top: 1px solid #1D6C85;}

.bottom-footer *{ margin-bottom: 0;}

.social-row h5 { margin-right: 25px;}

.social-row li { margin: 0 7px; }

.social-row li:last-child{ margin-right: 0;}

.social-row li a{ display: flex; align-items: center; justify-content: center; width: 24px; height: 24px;}

.social-row li a:hover{ transform: translateY(-1px);}

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

	.resources-feature-box.resources-box .resources-box-image{ padding-bottom: 91%;}

}

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

	.hero-banner .banner-info{ max-width: 650px;}

	.hero-banner .next-sec a{ width: 65px; height: 65px;}

	.service-box{ padding: 30px 20px 10px;}

	.round-icon{ width: 80px; height: 80px;}

	.community-box{ padding: 40px 45px 20px; }

	.resources-feature-box.resources-box .resources-box-image{ padding-bottom: 93%;}

	.resources-box .resources-box-image .date-wrap { font-size: 24px; width: 95px; padding: 15px 5px; }

	.donate-box{ padding: 60px 50px;}

	.main-footer .logo{ height: 70px;}

	.footer-contact .round-icon{ width: 45px; height: 45px;}

}

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

	/* .hero-banner .banner-bg{ clip-path: polygon(100% 0, 100% 85%, 50% 100%, 0 85%, 0 0);} */

	.community-health-section .community-image-wraper{ width: 70%;}

	.resources-feature-box.resources-box .resources-box-image{ padding-bottom: 97%;}

	.value-box{ padding: 25px 20px 5px;}

}

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

	.hero-banner .container-holder{ padding-top: 8%; padding-bottom: 12%;}

	.hero-banner .banner-info { max-width: 500px; }

	.program-section .info-wraper{ padding-right: 5%;}

	.community-box { padding: 30px 25px 10px;}

	.our-value-section .info-wraper { padding-right: 5%;}

	.resources-feature-box.resources-box .resources-box-image { padding-bottom: 101%; }

	.resources-box .resources-box-image .date-wrap{ width: 70px; padding: 10px 5px; font-size: 20px;}

	.donate-box{ padding: 60px 30px;}

	.main-footer .footer-info{ max-width: 450px; margin-bottom: 25px;}

}

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

	/* .hero-banner{ padding-bottom: 60%;} */

	.hero-banner .hero-item-wrap{ padding-bottom: 60%;}



	.hero-banner .next-sec a { width: 55px; height: 55px; }

	.program-section .info-wraper{ max-width: 100%; padding-right: 0; margin-bottom: 25px;}

	.round-icon{ width: 60px; height: 60px; margin-bottom: 20px; padding: 12px;}

	.service-box .button-wrap a{ width: 30px;}

	.community-health-section .community-image-wraper{ width: 100%;}

	.our-value-section .info-wraper{ padding-right: 0; margin-bottom: 5px;}

	.value-box-wraper { margin-bottom: 25px; }

	.resources-box.resources-feature-box{ margin-bottom: 25px !important;}

	.resources-box{ margin-bottom: 25px;}

	.resources-feature-box{ margin-bottom: 25px;}

	.resources-feature-box.resources-box .resources-box-image, .resources-box .resources-box-image{ padding-bottom: 45%;}

	.resources-box .resources-box-image .date-wrap{ font-size: 18px;}

	/* .bg-curved{ clip-path: polygon(50% 60%, 100% 0, 100% 100%, 0 100%, 0 0);} */

	.donate-box { padding: 40px 20px; }

	.donate-row{ flex-wrap: wrap;}

	.donate-box .info-col{ max-width: 100%; padding-right: 0; margin-bottom: 25px;}

	.social-row h5 { margin-right: 10px; }

	.social-row li { margin: 0 5px; }

}

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

	.hero-banner .hero-item-wrap{ padding-bottom: 65%;}

	.hero-banner .container-holder { padding-top: 30px; padding-bottom: 0; }

	.hero-banner .banner-info{ max-width: 65%; padding-right: 0;}

	.hero-banner .next-sec a{ bottom: 45px;}

	.service-box { padding: 25px 15px 25px; }

	.community-box { padding: 25px 15px 5px; }

	.value-box { padding: 25px 15px 5px; }

	.donate-box { padding: 30px 15px; }

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

	.main-footer .logo { height: 60px; }

	.main-footer h5{ margin-bottom: 12px;}

	.footer-contact{ margin: 25px 0;}

	.bottom-footer{ padding: 15px 0;}

	.bottom-footer .footer-row{ flex-wrap: wrap; justify-content: center !important; gap: 10px;}

	.bottom-footer .copy-wrap { text-align: center; }

	.main-footer .social-row h5{ margin-bottom: 0;}

}

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

	/* .hero-banner{ padding: 0;} */

	.hero-banner .hero-item-wrap{ padding: 0;}

	.hero-banner .container-holder{ padding: 35px 0 120px; position: relative;}

	/* .value-box-item:not(:last-child){ margin-bottom: 25px !important;} */

	.footer-contact .round-icon{ margin: 0 10px 0 0;}

}

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

	.hero-banner .banner-info{ max-width: 100%;}

	.resources-box .resources-box-image .date-wrap { font-size: 16px; }

	.main-footer .logo { height: 50px; }

	.social-row li a{ width: 20px; height: 20px;}

}

/* home-page end----------- */



/* pegination design start */

.pegination-wraper ul.page-numbers { display: flex; justify-content: center; gap: 10px;}

.pegination-wraper .page-numbers:not(ul) { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 10px; border: 0.6px solid #002431; color: var(--black); font-family: var(--nuckle-semi-bold); transition: var(--common-transition);}

.pegination-wraper .page-numbers.current, .pegination-wraper .page-numbers:not(ul):hover{ background: var(--light-green); border-color: var(--light-green); color: var(--white);}

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

	.pegination-wraper .page-numbers:not(ul){ width: 40px; height: 40px;}

}

/* pegination design end */



/* modal form start----------- */

.modal .wpcf7-form label{ display: block;}

.wpcf7-not-valid-tip{ font-size: 0.8em;}

.wpcf7-response-output{ font-size: 0.8em; text-align: center; margin: 20px 0 0 !important;}

.wpcf7-not-valid{ border-color: #dc3232;}

/* modal form start----------- */



/* about us page start */

.inner-benner { position: relative;  }

.inner-benner .banner-bg { padding-bottom: 24.173%; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; }

.inner-benner .banner-bg::before { content: ""; background: linear-gradient(103.12deg, #13191A 6.73%, rgba(19, 25, 26, 0.6) 34.6%, rgba(19, 25, 26, 0.6) 72.31%); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0.5;}

.inner-benner .container-holder { display: flex; align-items: center; position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; }

.inner-benner .container-holder *{ color: var(--white);}

.inner-benner .banner-info { max-width: 1075px; margin: 0 auto; }

.inner-benner .banner-info h1{ margin-bottom: 0;}

.about-us-section .about-image{ padding-bottom: 80%; border-radius: 20px; overflow: hidden;}

.about-us-section .about-info { padding-right: 10%; }

.about-us-section .about-info p:last-child{ margin-bottom: 0;}



.patient-care-item { border-radius: 20px; box-shadow: 0px 0px 24px 0px #D1CDC866; overflow: hidden; }

.patient-care-item:not(:last-child){ margin-bottom: 40px;}

.patient-care-item:nth-child(odd){ background: var(--deep-gray);}

.patient-care-item:nth-child(odd) .info-inner *{ color: var(--body-color);}

.patient-care-item:nth-child(even){ background: var(--light-green);}

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

.patient-care-item:nth-child(even) .info-inner *{ color: var(--white);}

.patient-care-item .image-wraper { height: 100%; padding-bottom: 50%; }

.patient-care-item .info-wraper { display: flex; align-items: center; height: 100%; padding: 50px 40px 30px; }

.patient-care-item h3{ font-family: var(--nuckle-bold); font-weight: var(--bold);}

.list-item ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}

.list-item li{ width: 48%; position: relative; padding: 0 0 0 30px; margin-bottom: 20px;}

.list-item li::before { content: ""; background: url(../images/list.svg) no-repeat center; background-size: 100%; position: absolute; top: 3px; left: 0; width: 18px; height: 18px; }



.board-member-section{ background: var(--deep-gray);}

.board-member-section .row{ row-gap: 25px;}

.board-member-card{ background: var(--white); border-radius: 20px; height: 100%; overflow: hidden;}

.board-member-card .image-wraper{ padding-bottom: 70%;}

.board-member-card .info-wraper{ padding: 30px;}

.board-member-card .info-wraper h3{ margin-bottom: 0;}

.board-member-card .info-wraper p{ margin-bottom: 0;}

.board-member-section .button-wrap { margin-top: 50px; }



.featured-news-section .info-wraper h2 { max-width: 250px; }

.featured-news-slider-wraper{ clip-path: inset( -100vw -100vw -100vw 0 ); padding-right: 10%;}

.featured-news-slider-wraper .slick-list { overflow: visible; margin: 0 -15px;}

.featured-news-slider-wraper .slick-slide { padding: 0 15px; }

.news-card{ position: relative;}

.news-card .news-image-wraper{ padding-bottom: 50%; border-radius: 20px; overflow: hidden; margin-bottom: 20px;}

.news-card .news-info-wraper { height: 100%; position: relative; padding: 10px 0 30px; }

.news-card .date *{ margin-bottom: 12px; color: #A5A5A5; font-weight: var(--bold);}

.news-card h3{ color: var(--title-color); margin-bottom: 12px;}

.learn-more-btn{ display: inline-block; padding: 5px 0; color: var(--light-green);}

.learn-more-btn:hover{ color: var(--title-color);}

.news-card .news-info-wraper .learn-more-btn { position: absolute; bottom: 0; left: 0; }



.commitment-section { background: var(--gray);}

.commitment-section .image-wraper-outer { padding-right: 15%; }

.commitment-section .image-wraper{ padding-bottom: 60%; border-radius: 20px; overflow: hidden;}

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

	.about-us-section .about-info { padding-right: 2%; }

	.patient-care-item .info-wraper{ padding: 40px 20px 20px;}

	.commitment-section .image-wraper-outer { padding-right: 5%; }

}

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

	.about-us-section .about-info { padding-right: 0; }

	.patient-care-item .info-wraper { padding: 25px 15px 5px; }

}

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

	.about-us-section .about-image{ margin-bottom: 25px;}

	.board-member-section .button-wrap{ margin-top: 30px;}

	.featured-news-section .info-wraper { margin-bottom: 25px; }

	.commitment-section .image-wraper-outer { padding-right: 0; margin-bottom: 25px; }

	.board-member-card .info-wraper{ padding: 20px;}

}

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

	.inner-benner .banner-bg{ padding-bottom: 30%;}

	.featured-news-slider-wraper .slick-list{ margin: 0 -5px;}

	.featured-news-slider-wraper .slick-slide { padding: 0 5px; }

	.news-card .news-image-wraper{ padding-bottom: 65%; border-radius: 15px;}

}

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

	.inner-benner .banner-bg{ padding-bottom: 42%;}

	.list-item li{ width: 49%; padding: 0 0 0 22px;}

	.list-item li::before{ width: 15px; height: 15px;}

	.board-member-card .info-wraper { padding: 20px 15px; }

}

/* about us page end */



/* news page start  */

.latest-news-section .top-row .info-wraper p:last-child{ margin-bottom: 0;}

.latest-news-card-wraper .news-card-item { margin-bottom: 30px; }

.news-card.latest-news-card { background: var(--deep-gray); border: 1px solid var(--deep-gray); border-radius: 15px; padding: 20px; transition: var(--common-transition);}

.news-card.latest-news-card .news-image-wraper { padding-bottom: 58.25%; margin-bottom: 0; }

.news-card.latest-news-card:hover{ border-color: #D9D3CB;}

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

	.news-card.latest-news-card{ padding: 15px;}

	.news-card.latest-news-card .news-image-wraper{ border-radius: 15px;}

}

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

	.news-card.latest-news-card .news-image-wraper{ margin-bottom: 15px;}

}

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

	.latest-news-card-wraper .news-card-item { margin-bottom: 25px; }

	.news-card.latest-news-card .row{ margin-right: -5px; margin-left: -5px;}

	.news-card.latest-news-card .row>*{ padding-right: 5px; padding-left: 5px;}

}

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

	.news-card.latest-news-card .row { align-items: start !important; }

}

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

	.news-card.latest-news-card .news-image-wraper{ padding-bottom: 80%; border-radius: 10px;}

}

/* news page end  */



/* career page start */

.career-section .top-row .title-wraper p:last-child{ margin-bottom: 0;}

.career-section .top-row .form-row{ position: relative;}

.career-section .top-row .form-row input[type="search"]{ padding-right: 50px;}

.career-section .top-row .form-row input[type="submit"] { width: 30px; height: 30px; background-color: transparent; background-image: url(../images/serach.svg); background-size: 20px; background-position: center; background-repeat: no-repeat; font-size: 0; padding: 0 !important; border: 0; position: absolute; z-index: 1; top: 15px; right: 10px; }



.career-card-item{ margin-bottom: 30px;}

.career-card{ background: var(--deep-gray); padding: 40px 30px; border-radius: 15px; height: 100%; transition: var(--common-transition);}

.career-card *{ transition: var(--common-transition);}

/* .career-card p{ font-size: 16px;} */

.career-card .details-info{ margin-bottom: 20px;}

.career-details-item-row .icon { margin-top: 1px; margin-right: 8px; height: 20px; width: auto; display: flex; align-items: center; }

.career-details-item-row p{ margin-bottom: 0; font-family: var(--nuckle-semi-bold); line-height: normal;}

.career-card h3{ color: var(--title-color);}

.career-card .location p { font-family: var(--nuckle-semi-bold); }

.career-card:hover{ background: var(--light-green);}

.career-card:hover *:not(.btn){ color: var(--white) !important;}

.career-card:hover .details-info .icon img{ filter: brightness(0) invert(1);}

.career-card:hover .btn{ background: var(--white); color: #0E8088;}

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

	.career-card{ padding: 35px 20px;}

}

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

	.career-card{ padding: 30px 15px;}

}

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

	.career-section .title-wraper { margin-bottom: 25px; }

	.career-section .top-row .form-row input[type="submit"]{ top: 10px;}

}

.career-details-section .career-details-box { max-width: 1350px; padding: 0 20px; margin: 0 auto; }

.career-details-box .top-box{ background: var(--light-green); border-radius: 20px; padding: 40px 70px;}

.career-details-box .info-wrap { max-width: calc(100% - 160px); width: 100%; }

.career-details-box .info-wrap h3 { text-transform: capitalize;}

.career-details-box .info-wrap h3, .career-details-box .info-wrap p{ color: var(--white);}

.career-details-box .top-box .btn{ background: var(--white); color: #23B0BA;}

.career-details-box .top-box .button-wrap .btn:hover{ background: transparent; border-color: var(--white); color: var(--white);}

/* .career-details-box .top-box .btn p{ color: #0F0C2F;} */

.career-details-box .top-box .info-wrap .btn { color: var(--body-color); font-family: var(--open-sans); font-weight: var(--regular); margin-top: 20px;}

.career-details-box .top-box .info-wrap .btn .icon { height: 16px; }

/* .career-details-box h3{ color: #0F0C2F;} */

.career-details-box .details-info-row ul li{ padding-left: 15px; position: relative; margin-bottom: 20px;}

.career-details-box .details-info-row ul li::before { content: ""; background: #434343; position: absolute; z-index: 1; top: 10px; left: 0; width: 6px; height: 6px; border-radius: 50%; }



.apply-form-wraper { background: var(--white); border: 1px solid #C7D3D3; border-radius: 15px; overflow: hidden;}

.apply-form-wraper .col-item { padding: 30px 40px; }

.apply-form-wraper .top-row{ background: var(--light-green);}

.apply-form-wraper .top-row *{ color: var(--white); margin-bottom: 10px;}

.apply-form-wraper .top-row p:last-child{ margin-bottom: 0;}



.apply-form .file-row{ position: relative;}

.apply-form .file-row span.wpcf7-form-control-wrap { position: static; }

.apply-form .file-row label { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; height: 130px; background: #F2F0ED; border: 1px solid #EAE7D4; border-radius: 15px; padding-left: 20px; padding-right: 20px; }

.apply-form .file-row label .icon { width: auto; height: 32px; }

.apply-form .file-row label .icon img{ height: 100%;}

.apply-form input[type="file"] { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; font-size: 0; opacity: 0; }

.apply-form .form-row span { font-size: 14px; }



.details-info-row .info-wraper { max-width: 800px; padding-right: 30px; }



.side-bar { background: var(--deep-gray); border-radius: 15px; max-width: 365px; margin-left: auto; padding: 45px 15px 15px; position: sticky; top: 110px;}

.side-bar .side-bar-item:not(:last-child){ margin-bottom: 30px;}

.side-bar .side-bar-item h6{ margin-bottom: 10px;}

.side-bar .side-bar-item p{ margin-bottom: 0;}

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

	.career-details-box .top-box{ padding: 30px 50px;}

	.apply-form-wraper .col-item { padding: 25px; }

}

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

	.career-details-section .career-details-box{ padding: 0;}

	.career-details-box .top-box{ padding: 25px 15px;}

	.details-info-row .info-wraper{ padding-right: 0;}

	.apply-form-wraper .col-item { padding: 25px 15px; }

	.side-bar .side-bar-item:not(:last-child) { margin-bottom: 25px; }

	.apply-form .file-row label{ height: 100px;}

	.apply-form .file-row label .icon{ height: 25px;}

	.apply-form .form-row span { font-size: 13px; }

	.side-bar{ padding: 25px 15px 15px;}

}

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

	.career-details-box .info-wrap{ max-width: 100%; margin-bottom: 25px;}

	.career-details-box .details-info-row .apply-form-wraper { margin-bottom: 25px; }

	.side-bar{ max-width: 100%;}

	.side-bar .side-bar-item-row { display: flex; flex-wrap: wrap; gap: 25px 10px;}

	.side-bar .side-bar-item{ width: calc(50% - 5px); margin-bottom: 0 !important;}

}

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

	.side-bar .side-bar-item{ width: 100%;}

}



/* details page adjustment start */

.details-section .details-top-title h2 { margin-bottom: 10px; }

.details-section .details-top-title p{ color: var(--title-color); font-weight: var(--bold);}

.details-section .details-image { padding-bottom: 46.85%; margin-bottom: 30px; border-radius: 20px; overflow: hidden;}

.details-section .details-top-title h5{ margin-bottom: 0;}

.details-section .social-row li a{ display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: var(--light-green); border-radius: 50%; color: var(--white);}

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

	.details-section .social-row li a{ width: 40px; height: 40px;}

}



/* People page start */

.team-section { background: #FCFCFC; }

.team-member-wraper:nth-child(even){ background: #F2F0ED;}

.team-card-box { box-shadow: 10px 12px 16px #80808014; }

.team-card-box *{ text-transform: capitalize;}

.team-member-wraper .row { row-gap: 30px; }

.team-card-box .image-wraper{ padding-bottom: 100%;}



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

	.team-member-wraper .row { row-gap: 25px; }

}

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

	.team-member-wraper .row{ row-gap: 15px; margin-right: -5px; margin-left: -5px;}

	.team-member-wraper .row>*{ padding-right: 5px; padding-left: 5px;}

}

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

	.board-member-card.team-card-box .info-wraper { padding: 15px 10px; }

	.board-member-card .info-wraper h3 { font-size: 17px; }

}

/* People page end */







/* modal adjustment start */

.login-modal-wraper .modal-dialog { max-width: 720px; }

.login-modal-wraper .nav-item button {background: transparent !important; border: 0; border-bottom: 2px solid transparent; padding: 10px 15px 20px; font-size: 24px; font-family: var(--nuckle-semi-bold); color: var(--title-color); }

.login-modal-wraper button.active { color: var(--light-green) !important; border-bottom: 2px solid var(--light-green) !important; }

.login-modal-wraper .modal-body { background: #F2F0ED; padding: 40px 0 0; border-radius: 15px; overflow: hidden;}

.login-modal-wraper button.btn-close { position: absolute; top: 15px; right: 15px; opacity: 1; }

.login-modal-wraper .tab-pane{ padding: 40px;}

.login-modal-wraper .form-control{ background: var(--white); box-shadow: 0px 4px 4px 0px #0000001A; }

.login-modal-wraper a{ color: var(--light-green); text-decoration: underline;}

.form-check { display: flex; align-items: center; padding: 0; gap: 12px; }

.form-check input { width: 22px; height: 22px; margin: 0 !important; flex: 0 0 auto;}

.login-modal-wraper .new-user-wrap p{ margin-bottom: 0;}

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

	.login-modal-wraper .nav-item button{ font-size: 20px;}

}

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

	.login-modal-wraper .tab-pane { padding: 30px 20px; }

}

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

	.login-modal-wraper .nav-item button{ font-size: 18px;}

}

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

	.login-modal-wraper .tab-pane { padding: 30px 15px; }

}

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

	.login-modal-wraper .tab-pane { padding: 25px 15px; }

	.login-modal-wraper .nav-item button { font-size: 16px; }

}

/* modal adjustment end */



/* DEI/SOGIE page start */

.commitment-info { margin-bottom: 60px; }

.commitment-equity-section .about-info a{ word-break: break-all; color: var(--light-green);}

.commitment-equity-section .about-image.image-adjustment { padding-bottom: 115%; }

.commitment-box { background: var(--light-green); border-radius: 20px; box-shadow: 0px 0px 24px 0px #D1CDC866; padding: 80px 130px; }

.commitment-box *{ color: var(--white);}

.commitment-box a{ word-break: break-all;}

.commitment-box p:last-child{ margin-bottom: 0;}



.accordion-wraper .accordion-item { background: transparent; border: 0; border-top: 1px solid #D6D6D6 !important; border-radius: 0 !important; }

.accordion-item:first-child{ border-top: 0 !important;}

.accordion-wraper .accordion-header button{ background: transparent; box-shadow: none; padding: 32px 0; font-size: 30px; font-family: var(--nuckle-bold); color: #222222;}

.accordion-wraper .accordion-body{ padding: 0 0 32px;}

.accordion-wraper .accordion-button::after { background-color: #EFEFEF; background-image: url(../images/plus.svg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: 16px !important; border-radius: 50%; width: 40px; height: 40px; }

.accordion-wraper .accordion-button:not(.collapsed)::after{ background-image: url(../images/Line.svg) !important;}

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

	.commitment-box{ padding: 60px 100px;}

	.accordion-wraper .accordion-header button{ font-size: 26px;}

}

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

	.commitment-box{ padding: 50px;}

	.accordion-wraper .accordion-header button{ font-size: 22px;}

}

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

	.commitment-equity-section .about-image.image-adjustment { padding-bottom: 90%; }

	.commitment-info { margin-bottom: 30px; }

	.commitment-box { padding: 30px 20px; }

	.faq-section h2{ margin-bottom: 10px;}

	.accordion-wraper .accordion-header button{ font-size: 19px; padding: 15px 0;}

	.accordion-wraper .accordion-button::after { background-size: 12px !important; width: 35px; height: 35px; }

}

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

	.commitment-box { padding: 25px 15px; }

}

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

	.accordion-wraper .accordion-header button{ font-size: 17px;}

}

/* DEI/SOGIE page end */



/* services details page start */



.services-details-section .services-details-info p:last-child{ margin-bottom: 0;}

.services-details-section .details-image-holder { width: 50%; float: right; padding-left: 5%; padding-bottom: 2%; }
.services-details-section .services-details-image{ padding-bottom: 80%; border-radius: 20px; overflow: hidden;}
.services-details-section .services-details-info h2, .services-details-section .services-details-info h3, .services-details-section .services-details-info h4{ margin-top: 25px;}


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

	.services-details-section .services-details-info { padding-right: 20px; }

}

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

	.services-details-section .details-image-holder{ width: 100%; padding: 0;}
	.services-details-section .services-details-image{ margin-bottom: 25px;}

	.services-details-section .services-details-info{ padding-right: 0;}

}

/* services details page start */





/* job fire page start */

.job-fire-box-item{ border-radius: 15px; padding: 40px;}

.job-fire-box-item{ margin-bottom: 30px;}

.job-fire-box-item .top-row { gap: 25px; margin-bottom: 20px;}

.job-fire-box-item h3{ color: var(--light-green);}

.job-fire-box-item .date-details-col{ gap: 30px; flex: 0 0 auto;}



.job-fire-box-item .date-time-wrap span { padding: 0 10px; border-right: 1px solid #425466; color: #425466; font-size: 16px;}

.job-fire-box-item .date-time-wrap span:last-child{ padding-right: 0; border-right: 0;}

.job-fire-box-item p{ margin-bottom: 0;}



.job-fire-details .job-fire-box-item{ background: var(--light-green);}

.job-fire-details .job-fire-box-item *{ color: var(--white);}

.job-fire-details .job-fire-box-item img{ filter: brightness(0) invert(1);}

.job-fire-details .job-fire-box-item .date-time-wrap span{ color: var(--white); border-color: var(--white);}

.job-fire-details .details-info ul { list-style: disc; list-style-position: inside; margin-bottom: 40px; }

.job-fire-details .details-info li{ margin-bottom: 20px;}

.job-fire-details .details-info li span { display: block; }

.job-fire-details .details-info .btn{ margin-bottom: 30px;}

.job-fire-details .details-info a:not(.btn){ color: var(--light-green); text-decoration: underline;}

p:empty{ display: none;}

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

	.job-fire-box-item{ padding: 30px 20px;}

	.job-fire-box-item .date-details-col{ gap: 20px;}

}

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

	.job-fire-box-item .top-row{ gap: 20px;}

	.job-fire-box-item .date-details-col { gap: 15px; }

	.job-fire-box-item .date-time-wrap span{ padding: 0 5px;}

}

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

	.job-fire-box-item .top-row{ flex-wrap: wrap; gap: 10px;}

	.job-fire-details .details-info ul{ margin-bottom: 25px;}

}

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

	.job-fire-box-item { padding: 25px 15px; }

}

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

	.job-fire-box-item .date-details-col{ flex-wrap: wrap;}

	.job-fire-box-item .date-details-col .date-time-wrap{ width: 100%;}

}

/* donate page star */

.form-outer-wraper { background: #F2F0ED; padding: 80px; border-radius: 15px; }

.form-holder:not(:last-child){ margin-bottom: 60px;}

.form-outer-wraper .section-title { max-width: 770px; margin: 0 auto 30px; }

.form-outer-wraper .section-title p{ font-weight: var(--bold);}

.form-outer-wraper .form-control{ background-color: var(--white); padding-left: 20px; padding-right: 20px;}
.form-control[type="number"]::-webkit-outer-spin-button, .form-control[type="number"]::-webkit-inner-spin-button{ -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.form-outer-wraper .form-check a{ color: var(--light-green);}

.form-outer-wraper .button-row{ gap: 20px; position: relative;}

.form-outer-wraper .radio-row { gap: 20px; }

.wpcf7-not-valid-tip{ display: none;}

.form-check .wpcf7-list-item { margin: 0; }

.form-check .wpcf7-list-item label { display: flex; gap: 12px; }

.form-outer-wraper .button-row .wpcf7-spinner{ position: absolute; bottom: -28px; left: 15px;}

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

	.form-outer-wraper{ padding: 50px;}

}

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

	.form-outer-wraper{ padding: 30px;}

}

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

	.form-outer-wraper { padding: 30px 15px; }

	.form-outer-wraper .button-row{ gap: 15px;}

}

/* .givewp-layouts.givewp-layouts-sectio{ display: none !important;} */

.givewp-fields input[type="text"]{ padding: 5px 20px !important;}

.default-section { min-height: 80vh;}
.services-details-section .services-details-info ul li {list-style: disc;}
.services-details-section .services-details-info ul {margin: 15px 0 0 20px;}


.benefits-wraper { margin-bottom: 70px; }
.benefits-box-wraper .row { row-gap: 25px; }
.career-benefit-box { background: aliceblue; border-radius: 15px; padding: 40px 30px 40px; height: 100%; }
.career-benefit-box .icon-wrap { width: 60px; height: 60px; margin: 0 auto 20px; }
.career-benefit-box .icon-wrap img{ width: 100%; height: 100%;}
.career-benefit-box p:last-child{ margin-bottom: 0;}
.job-search-row{ display: block !important; }
.job-search-row .job-search-col{ margin: 0 auto; }
.job-search-row .title-wraper{ text-align: center; margin-bottom: 25px; }
@media only screen and (max-width: 1399px){
	.career-benefit-box{ padding: 30px 20px 30px;}
}
@media only screen and (max-width: 1199px){
	.benefits-wraper { margin-bottom: 50px; }
}
@media only screen and (max-width: 991px){
	.benefits-wraper { margin-bottom: 30px; }
}
@media only screen and (max-width: 575px){
	.career-benefit-box{ padding: 25px 15px 25px;}
	.career-benefit-box .icon-wrap{ width: 50px; height: 50px;}
}