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

/*** 

====================================================================
	1. Resources / Css Files
====================================================================



====================================================================
	1. Fonts
====================================================================

 ***/


/*** 

====================================================================
	3. Reset
====================================================================

 ***/

 /*** 

====================================================================
	Variable decalaration
====================================================================

 ***/
:root {
	--primary-color: #008080;
	--secondary-color: #FFA500;
	--trenary-color: #D3D3D3;
	
	--dark-blue-color: #16215B;
	
	--light-aqua: #3AC2C9;
	--dark-aqua: #229E9E;

	--gray-50: #F7F7F7;
	--gray-100: #F2F5F9;
	--gray-200: #CBCBCB;
	--gray-700: #36382e;
	--gray-800: #454545;
	--gray-900: #1D1D1D;

	--neutral-200: #C0D0E5;

	--white-color: #ffffff;
	--black-color: #000000;
}


 
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

/*** 

====================================================================
	4. Global Settings
====================================================================

 ***/

body {
	font-family: "Plus Jakarta Sans", serif;
	font-size:14px;
	color:#777777;
	line-height:1.7em;
	font-weight:800;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

.custom-container {
	width: 100%;
	max-width: 1410px;
	margin: 0px auto;
}
.btn.btn-bolster {
	color: var(--white-color);
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0px;
	padding: 12px 24px;
	text-transform: capitalize;
	white-space: nowrap;      
	border-radius: 37px;
	background-color: var(--secondary-color);
}
.btn.btn-bolster .img-right {
	margin-right: 10px;
}
.btn.btn-bolster .img-left {
	margin-left: 13px;
}
.btn-amiko {
	margin-left: 4px;
	/* font-family: "Amiko", serif; */
	/* font-weight: 400;
	font-style: normal; */
	font-size: 14px; 
	font-weight: 400;
	line-height: 18.68px;
	letter-spacing: 0px;
}
.btn.btn-arrow-bolster {
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	padding: 14px 21px;
	border-radius: 60px;
	color: var(--white-color);
	text-transform: capitalize;
	background-color: var(--secondary-color);
}
:not(.btn-check)+.btn:active {
	color: var(--white-color);
	border-color: var(--white-color);
	background-color: var(--primary-color);
}
:not(.btn-check)+.btn-bolster-link.btn:active {
	background-color: transparent;
}
.btn.btn-arrow-bolster img {
	margin-left: 8px;
}
.card-bg-yellow-1 {
	background-color: #FAA516;	
}
.card-bg-green {
	background-color: #72B863;	
}
.card-bg-blue-1 {
	background-color: #3AB1D1;	
}
.card-bg-pink {
	background-color: #F23862;	
}
.card-bg-dark-orange {
	background-color: #E48419;	
}
.card-bg-yellow-2 {
background-color: #F7A71C;
}
.card-bg-yellow-3 {
	background-color: #FEA541;
}
.card-bg-blue-2 {
	background-color: #36B2D4;	
}
.bg-blue {
	background-color: #0070FA;
}
.card-bg-blue-3 {
	background-color: #6DD2ED;	
}
.card-bg-light-pink {
	background-color: #FF66A3;	
}
.gray-card {
	border-radius: 32px;
    background-color: #F2F5F9;
}
.pages-content.content-wrap p {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray-800);
}
.pages-content.content-wrap p span {
	font-weight: 500;
	color: var(--secondary-color);
}
/*** 


====================================================================
	1. Main Header
====================================================================

***/
.page-wrapper .main-header {
	position: fixed;
    top: 0px;
    left: 50%;
	margin-top: 55px;
	z-index: 9;
    transform: translateX(-50%);
	transition: background-color 0.3s ease;
}
.page-wrapper .main-header.scrolled {
	padding: 10px 0px;
	margin-top: 0px;
	background-color: var(--white-color);
}
.page-wrapper .main-header .navbar {
	padding: 0px;
}
.page-wrapper .main-header .navbar .main-logo {
	width: 100%;
    max-width: 192px;
    height: auto;
}
.page-wrapper .main-header .navbar .main-logo .custom-logo-link {
	width: 100%;
	height: 100%;
	display: block;
}
.main-header .navbar .menu-primary-menu-container {
	width: 100%;
	display: flex;
	justify-content: center;
}
.main-header .navbar .menu-primary-menu-container .navbar-nav {
	width: 100%;
    max-width: 616px;
	padding: 7px 8px;
	border-radius: 50px;
	border: 0.87px solid var(--white-color);
	background-color: #FFFFFF1A;
	backdrop-filter: blur(38.099998474121094px);
}
.page-wrapper .main-header.scrolled .navbar .menu-primary-menu-container .navbar-nav {
	border: 0.87px solid var(--primary-color);
}
.main-header .navbar .menu-primary-menu-container .navbar-nav .nav-item {
	width: 100%;
	height: fit-content;
	padding: 14px 24px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.main-header .navbar .menu-primary-menu-container .navbar-nav .nav-item.active {
	border-radius: 50px;
	background-color: var(--secondary-color);	
}
.main-header .navbar .menu-primary-menu-container .navbar-nav .nav-item.active .nav-link , .page-wrapper .main-header.scrolled .navbar  .menu-primary-menu-container .navbar-nav .nav-item.active  .nav-link {
	color: var(--white-color) !important;
} 
.main-header .navbar .menu-primary-menu-container .navbar-nav .nav-item .nav-link {
	width: fit-content;
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	letter-spacing: 0px;
	color: var(--white-color);
	padding: 0;
	white-space: nowrap;
}
.page-wrapper .main-header.scrolled .navbar  .menu-primary-menu-container .navbar-nav .nav-item  .nav-link,
.page-wrapper .main-header.scrolled .navbar  .menu-primary-menu-container .navbar-nav .nav-item.active .nav-link.nav-link.dropdown-toggle::after,
.page-wrapper .main-header.scrolled .navbar  .menu-primary-menu-container .navbar-nav .nav-item .nav-link.dropdown-toggle::after {
	color: var(--primary-color);
}
.main-header .navbar  .menu-primary-menu-container .navbar-nav .nav-item.active .nav-link.nav-link.dropdown-toggle::after {
	color: var(--white-color);
}
.main-header .navbar .menu-primary-menu-container .navbar-nav .nav-item .dropdown-btn {
	display: none;
}
.page-wrapper .main-header .navbar .navbar-toggler {
	border: none;
	padding: 0;
}
.page-wrapper .main-header .navbar .navbar-toggler .navbar-toggler-icon {
	background-image: url("../images/hamburger-menu.svg");
}
.page-wrapper .main-header .navbar .navbar-toggler:focus {
	box-shadow: none;
}
.dropdown .dropdown-menu {
    border: none;
	border-radius: 0px;
}
.main-header .navbar .menu-primary-menu-container .navbar-nav .nav-item.dropdown .dropdown-menu .nav-item {
	padding: 0px;
}
.dropdown .dropdown-menu .nav-item.active {
	border-radius: 0px !important;
} 
.dropdown .dropdown-menu .nav-item .dropdown-item {
	width: 100%;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: 0px;
    color: var(--primary-color);
	padding: 0px;
	padding: 4px 30px ;
    white-space: nowrap;
	position: relative;
}
.dropdown .dropdown-menu .nav-item .dropdown-item::before {
	content: '\f054';
	position: absolute;
	top: 50%;
    left: 9px;
    font-family: 'Font Awesome 6 Free';
    font-size: 12px;
	line-height: 18px;
    font-weight: 600;
    color: var(--primary-color);
    transform: translateY(-50%);
}
.dropdown .dropdown-menu .nav-item.active .dropdown-item::before,
.dropdown .dropdown-menu .nav-item.active .dropdown-item {
	color: var(--white-color);
}
.dropdown .dropdown-menu .nav-item .dropdown-item:hover {
	color: var(--secondary-color);
	background-color: transparent;
}
.dropdown .dropdown-menu .nav-item .dropdown-item:hover::before {
	color: var(--secondary-color);
}
/* Add smooth dropdown animations */
.navbar-nav .dropdown-menu {
	width: 100%;
    min-width: 250px;
    display: none;
    opacity: 0;
    transition: all 0.3s ease;
	box-shadow: 0px 0px 4px 0px #00000040;
}
/* Enable hover dropdown */
.navbar-nav .dropdown-menu:hover,
.navbar-nav .dropdown.show .dropdown-menu {
    display: block;
	opacity: 1;
	position: absolute;
    top: 55px;
    left: 0px;
    z-index: 0;
} 
.page-wrapper .main-header.scrolled .dropdown.show .dropdown-menu {
	top: 56px;
}
.main-header .navbar .header-btn {
	box-shadow: 3px 3px 14.2px 0px #B6C1CF99;
}

/*** 


====================================================================
2. Banner section
====================================================================

***/
.banner-section {
	height: 100%;	
	overflow: hidden;	
	border-radius: 20px;
	padding: 201px 0;
	margin: 15px auto 0px auto;
	background-color: var(--primary-color);

}
/* .banner-section .img-wrap .hero-img-wrap {
	content: '';
	position: absolute;
	top: -76%;
    right: -30px;
	z-index: 0;
} */
.banner-section .content-wrap .title {
	font-size: 46px;
	font-weight: 700;
	line-height: 52px;
	color: var(--white-color);
}
.banner-section .content-wrap .title span {
	color: var(--secondary-color);
}
.banner-section .content-wrap .description {
	width: 100%;
    max-width: 582px;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0%;
	color: var(--white-color);
	margin: 12px 0px 20px 0px;
}
.banner-section .content-wrap .btn-wrap {
	text-decoration: none;
}
.banner-section .content-wrap .btn-wrap:hover {
	color: var(--white-color);
}
.hero-img-1{
	position: absolute;
    right: 20px;
    top: 10px;
    height: 100%;
    width: auto
}
.hero-img-1 img { 
	height: 100%;
	object-fit: contain;
    object-position: top;
}
.hero-img-1.home-banner {
	/* max-width: 727px; */
	right: -10px;
    top: 14%;
}
.hero-img-1.service-banner {
	right: -10px;
    top: 25px;
}
.hero-img-1.about-banner,
.hero-img-1.contact-banner {
	right: 10%;
    top: 25px;
}
.hero-img-1.career-banner {
	max-width: 733px;
	height: auto;
    right: 20%;
    top: 38px;
}

/*** 


====================================================================
	3. Our Approach section
====================================================================

***/
.approach-section {
	padding: 92px 0px;
}
.approach-section .img-wrap {
	width: 100%;
    max-width: 518px;
    height: auto;
}
.approach-section .content-wrap {
	gap: 16px;
}
.approach-section .content-wrap .subtitle {
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	padding: 10px;
    border-radius: 5px;
	text-transform: uppercase;
	color: var(--primary-color);
    background-color: var(--gray-100);
	border: 1px solid var(--primary-color);
}
.approach-section .content-wrap .title {
	font-size: 36px;
	font-weight: 600;
	line-height: 44px;
	color: var(--gray-900);
	text-transform: capitalize;
}
.approach-section .content-wrap .description-wrap {
	gap: 16px;
}
.approach-section .content-wrap .description-wrap p {
	width: 100%;
	max-width: 625px;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray-800);
}

/*** 


====================================================================
	4. Key Areas Of Support section
====================================================================

***/
.key-support-section {
	padding: 96px 0px;
	overflow: hidden;
	background-color: var(--gray-50);
}
.slider-main-wrap .slider-top-wrap {
	margin-bottom: 50px;
}
.slider-main-wrap .slider-top-wrap .title {
	font-size: 36px;
	font-weight: 600;
	line-height: 44px;
	color: var(--dark-blue-color);
	white-space: nowrap;
	text-transform: capitalize;
}
.slider-main-wrap .owl-carousel .owl-stage {
	padding-left: 0 !important;
  }
.slider-main-wrap .owl-carousel .owl-stage-outer {
	overflow: unset;
}
.slider-main-wrap .owl-carousel .owl-stage .owl-item {
	width: 307px !important;
}
.slider-main-wrap .owl-carousel .item .card {
	height: 100%;
	min-height: 362px;
	border: none;
	border-radius: 24px;
	padding: 36px 24px 15px 24px;
	background-color: var(--light-aqua);
}
.slider-main-wrap .owl-carousel .item .card .card-title {
	font-size: 22px;
	font-weight: 600;
	line-height: 26px;
	color: var(--white-color);
}
.slider-main-wrap .owl-carousel .item .card .card-img {
	width: 176px;
	height: 176px;
}
.open-position-custom-dots,
.leadership-custom-dots,
.custom-dots {
	gap: 8px;
}
.open-position-custom-dots button.custom-dot,
.leadership-custom-dots button.custom-dot,
.custom-dots button.custom-dot {
	width: 8px;
	height: 8px;
	margin: 0px;
	border-radius: 18px;
	background-color: var(--neutral-200);
}
.open-position-custom-dots button.custom-dot.active,
.leadership-custom-dots button.custom-dot.active,
.custom-dots button.custom-dot.active {
	width: 46px;
	background-color: var(--secondary-color);
}
.customNavigation {
	gap: 20px;
}
.customNavigation .btn.custom-btn {
	width: 56px;
	height: 56px;
	padding: 0;
	border-radius: 50%;
	border: 1px solid var(--neutral-200);
}



/*** 


====================================================================
	5. Services section
====================================================================

***/
.service-section {
	padding: 92px 0px;
}
.service-section .title-wrap {
	gap: 16px;
	margin-bottom: 50px;
}
.service-section .title-wrap .title {
	font-size: 36px;
	font-weight: 600;
	line-height: 56px;
	text-align: center;
	white-space: nowrap;
	color: var(--gray-900);
}
.service-section .title-wrap .title .img-wrap {
	width: 100%;
	height: 100%;
	max-width: 95px;
    min-width: 95px;
    max-height: 49px;
    min-height: 49px;
	margin-right: 10px;
}
.service-section .title-wrap .details {
	width: 100%;
	max-width: 890px;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
	color: var(--gray-800);
}
.service-section .card-col {
	gap: 20px;
}
.service-section .card-col .service-card {
	min-height: 360px;
    max-height: 360px;
	border-radius: 42px;
	position: relative;
	background-color: var(--primary-color);
	    overflow: hidden;
}
/* .service-section .card-col .service-card.card-img-1 img {
	width: 100%;
	max-width: 100%;
	max-width: 388px;
	position: absolute;
	top: 24px;
    left: 50%;
    transform: translateX(-50%);
} */
.service-section .card-col .service-card.card-img-2 {
	overflow: hidden;
}
/* .service-section .card-col .service-card.card-img-2 img {
    width: 100%;
    max-width: 458px;
	position: absolute;
	top: -40px;
} */
.service-section .accordion {
	gap: 20px;
}
.service-section .accordion .accordion-item {
	border: none;
	border-radius: 22px;
	background-color: var(--gray-100);
}
.service-section .accordion .accordion-item:has( .collapse.show)  {
	background-color: var(--white-color);
	box-shadow: 0px 4px 30px 0px #00000014;
}
.service-section .accordion .accordion-item .accordion-header .accordion-button {
	gap: 20px;
	box-shadow: none;
	border-radius: 20px;
	padding: 18px 26px;
	background-color: var(--secondary-color);
}
.service-section .accordion .accordion-item .accordion-header .accordion-button.collapsed {
	padding: 18px 26px;
	border-radius: 22px;
	background-color: var(--gray-100);
}
.service-section .accordion .accordion-item .accordion-header .accordion-button:focus {
	box-shadow: none;
}
.accordion .accordion-item .accordion-header .accordion-button .count-label {
	font-size: 22px;
	font-weight: 500;
	line-height: 56px;
	letter-spacing: -2%;
	color: var(--white-color);
	
}
.accordion .accordion-item .accordion-header .accordion-button .divider {
	width: 2px;
	height: 18px;
	background-color: var(--white-color);
}
.accordion .accordion-item .accordion-header .accordion-button h6 {
	font-size: 20px;
	font-weight: 500;
	line-height: 25.2px;
	letter-spacing: 0%;
	color: var(--white-color);
}
.service-section .accordion .accordion-item .accordion-header .accordion-button.collapsed .count-label,
.service-section .accordion .accordion-item .accordion-header .accordion-button.collapsed h6 {
	color: var(--dark-blue-color);
}
.service-section .accordion .accordion-item .accordion-header .accordion-button.collapsed .divider {
	background-color: var(--dark-blue-color);
}
.service-section .accordion .accordion-item .accordion-header .accordion-button::after {
	background-image: url("../images/chevron-down-light.svg");
}
.service-section .accordion .accordion-item .accordion-header .accordion-button.collapsed::after {
	background-image: url("../images/chevron-down-dark.svg");
}
.accordion .accordion-item .accordion-collapse {
	border-radius: 0px 0px 20px 20px;
	/* background-color: #93BDF7; */
	background-color: var(--white-color);
}
.accordion .accordion-item .accordion-collapse .accordion-body {
	padding: 31px 53px 33px 26px;
}
.accordion .accordion-item .accordion-collapse .accordion-body p {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -2%;
	color: var(--dark-blue-color);
}

/*** 
====================================================================
	6. Mission section
====================================================================

***/

.mission-section {
	min-height: 487px;
	padding: 67px 0px;
	border-radius: 24px;
	background-color: var(--gray-100);
	background-repeat: no-repeat;
	background-size: auto;
    background-position: 94% 50%;
	background-image: url("../images/mission-bg.webp");
}
.mission-section .mission-content {
	width: 100%;
    max-width: 641px;
}
.mission-section .mission-content svg {
	fill: #007280;
	margin-bottom: 14px;
}
/* .mission-section .mission-content img {
	width: 68px;
    height: auto;
    margin-bottom: 14px;
} */
.mission-section .mission-content .title{
	font-size: 46px;
	font-weight: 600;
	line-height: 54px;
	color: var(--gray-900);
}
.mission-section .mission-content .subtitle {
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	color: var(--primary-color);
	margin: 24px 0px;
}
.mission-section .mission-content .description {
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	color: var(--gray-800);
}
.mission-section .btn-wrap .get-started-btn {
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
}


/*** 
====================================================================
	7. Contact section
====================================================================

***/
.contact-section {
	padding: 92px 0px 113px 0px;
}
.contact-section .contact-inner-wrap .img-wrap {
	width: 100%;
    height: auto;
    overflow: hidden;
	border: 1px solid #00000014;
    border-radius: 24px 0px 0px 24px;
}
.contact-section .contact-inner-wrap .img-wrap img {
	object-fit: cover;
	object-position: right;
}
.contact-form-wrap {
	width: 100%;
	padding: 38px 43px;
	border-radius: 24px;
	margin-left: -43px;
	background-color:var(--primary-color) ;
}

/*** 
====================================================================
	8. Footer section
====================================================================

***/
.footer-section .footer-inner-wrap {
	gap: 24px;
	position: relative;
}
.footer-inner-wrap .left-content {
	padding-left: 85px;
}
.footer-inner-wrap .left-content .inner-wrap {
	width: 100%;
	max-width: 500px;
	gap: 15px;
}
.footer-inner-wrap .left-content .inner-wrap .main-logo {
	width: 100%;
    max-width: 250px;
	height: auto;
}
.footer-inner-wrap .left-content .inner-wrap .description {	
	font-size: 22px;
	font-weight: 500;
	line-height: 28px;
	color: var(--gray-800);
}
.footer-inner-wrap .left-content .inner-wrap .btn.btn-arrow-bolster.call-back-btn {
	margin-top: 15px;
	text-transform: none;
}
.footer-inner-wrap .left-content .inner-wrap .copyright-label {
	margin-top: 80px;
    margin-bottom: 20px;
}
.footer-inner-wrap .left-content .inner-wrap .copyright-label span {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0%;
	color: var(--gray-700);
}
.footer-inner-wrap .right-content {
	width: calc(100vw - 50%);
	/* min-width: 756px; */
	padding: 64px 0px 76px 64px;
    border-radius: 80px 0px 0px 0px;
	background-color: var(--gray-100);
	background-size: auto;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-image: url("../images/footer-bg.webp");
	position: absolute;
    left: 50%;
    top: 0;
}
.footer-inner-wrap .right-content .inner-wrap {
	width: 100%;
	max-width: 496px;
}
.footer-inner-wrap .right-content .inner-wrap {
	gap: 27px;
}
.right-content .content-wrap h6{
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
	letter-spacing: 4%;
	color: #262B62;
	text-transform: uppercase;
	margin-bottom: 16px;
}
.right-content .inner-wrap .col-wrap .content-wrap a {
	text-decoration: none;
}
.right-content .inner-wrap .col-wrap .content-wrap span {
	font-size: 18px;
	font-weight: 500;
	line-height: 23.4px;
	letter-spacing: 0%;
	color: var(--gray-700);
}
.footer-menu .footer-widgets .widget {
	width: 100%;
}
.footer-menu .footer-widgets .widget .menu-footer-menu-container .menu {
    display: flex;
    flex-direction: column;
	gap: 15px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.footer-menu .footer-widgets .widget .menu-footer-menu-container .menu .menu-item a {
	font-size: 18px;
	font-weight: 500;
	line-height: 23.4px;
	letter-spacing: 0%;
	color: var(--gray-700);
	text-decoration: none;
}
.right-content .inner-wrap .col-wrap .copyright-label span {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0%;
	color: #36382e80;
}
.right-content .inner-wrap .content-wrap .social-media-icon {
	gap: 5px;
}
.right-content .inner-wrap .content-wrap .social-media-icon .icon-wrap {
	width: 50px;
	height: 50px;
	cursor: pointer;
	border-radius: 50%;
	border: 1px solid #CF7A4766;
	border: 1px solid var(--primary-color)
}


/*** 

====================================================================
	9. About us page
====================================================================

 ***/
.pages-banner-section.banner-section {
	border-radius: 32px;
}
.pages-banner-section.banner-section .content-wrap h2.title {
    width: 100%;
	max-width: 605px;
}
.pages-banner-section.banner-section .content-wrap .btn.btn-arrow-bolster {
	margin-top: 24px;
}
.about-us-content {
	padding: 90px 60px;
}
.about-us-content .about-inner-wrap {
	gap: 29px;
}
.about-us-content .about-inner-wrap .img-main-wrap {
	width: 40%;
}
.about-us-content .about-inner-wrap .img-main-wrap .img-wrap {
	width: 100%;
    max-width: 518px;
	height: 521px;
    border-radius: 24px;
	overflow: hidden;
}
.about-us-content .about-inner-wrap .img-main-wrap .img-wrap img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}
/* .about-us-content .about-inner-wrap .img-main-wrap .img-wrap::before {
	content: '';
	position: absolute;
	top: -48px;
    right: -46px;
	width: 368px;
	height: 383px;
	border-radius: 16px;
	border: 6px solid #FAA516;
	z-index: -1;
}
.about-us-content .about-inner-wrap .img-main-wrap .img-wrap::after {
	content: '';
	position: absolute;
	bottom: -39px;
    left: -41px;
	width: 368px;
	height: 383px;
	border-radius: 16px;
	border: 6px solid #F23862;
	z-index: -1;
} */
.about-us-content .about-inner-wrap .content-wrap {
	width: 60%;
}
.about-us-content .about-inner-wrap .content-wrap .block-wrap {
	margin-top: 25px;
	gap: 33px;
}
.about-us-content .about-inner-wrap .content-wrap .block-wrap .card {
	padding: 26px 26px 26px 25px;
    border-radius: 24px;
    border: none;
    gap: 20px;
	flex: 1;
	background-color: var(--light-aqua);
}
.about-us-content .about-inner-wrap .content-wrap .block-wrap .card h6 {
	font-size: 22px;
	font-weight: 600;
	line-height: 32px;
	color: var(--white-color);
}
.about-us-content .about-inner-wrap .content-wrap .block-wrap .card p {
	font-size: 18px;
	font-weight: 500;
	line-height: 32px;
	color: var(--white-color);
}
.leadership-section {
	padding: 52px 0px;
	margin-top: 34px;
	margin-bottom: 53px;
}
.leadership-section .leadership-inner-wrap {
	gap: 20px;
}
.leadership-section .leadership-inner-wrap .title-wrap {
	gap: 50px;
}
.leadership-section .leadership-inner-wrap .title-wrap h4{
	font-size: 36px;
	font-weight: 600;
	line-height: 44px;
	letter-spacing: -2%;
	color: var(--dark-blue-color);
}
.leadership-section .leadership-inner-wrap .title-wrap h5 {
	font-style: italic;
	font-weight: 500;
	font-size: 26px;
	line-height: 32.76px;
	letter-spacing: 0%;
	color: var(--gray-800);
	text-transform: capitalize;
}
.leadership-section .leadership-inner-wrap .card-main-wrap {
	gap: 20px;
}
.leadership-section .leadership-inner-wrap .card-main-wrap .leadership-card {
	flex: 1;
	padding: 19px;
	border-radius: 16px;
	max-height: 350px;
	min-height: 350px;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: linear-gradient(180.14deg, rgba(0, 0, 0, 0) 50%, #000000 90.81%), url("../images/leadership-card-image.webp");

}
.leadership-section .leadership-inner-wrap .card-main-wrap .leadership-card h6 {
	font-size: 24px;
	font-weight: 700;
	line-height: 30.24px;
	letter-spacing: 0%;
	color: var(--white-color);
	text-transform: capitalize;
}
.leadership-section .leadership-inner-wrap .card-main-wrap .leadership-card span {
	font-style: italic;
	font-weight: 500;
	font-size: 14px;
	line-height: 17.64px;
	letter-spacing: 0%;
	color: #E2E2E2;
	margin: 5px 0px 8px 0px;
	text-transform: capitalize;
}
.leadership-section .leadership-inner-wrap .card-main-wrap .leadership-card .icon-wrap {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #0A66C2;
}
.leadership-section .leadership-inner-wrap .card-main-wrap .leadership-card .icon-wrap i {
	color: var(--white-color);
}
.about-slider .slider-main-wrap .owl-carousel .item .card {
	gap: 15px;
}
.about-slider .slider-main-wrap .owl-carousel .item .card p {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
	color: var(--white-color);
}
.mission-section.about-mission {
	margin: 90px auto;
}
.mission-section.about-mission .mission-content .title {
	width: 100%;
    max-width: 480px;
}
.mission-section.about-mission .btn-wrap .join-team-btn {
	font-size: 18px;
	font-weight: 700;
	line-height: 22.68px;
	letter-spacing: -1%;
	background-color: #ffffff;
}


/*** 

====================================================================
	10. Contact us page
====================================================================

 ***/

.pages-banner-section.banner-section .content-wrap.bottom-margin {
	width: 100%;
	max-width: 685px;
	margin: 0 auto;
	position: relative;
    z-index: 1;
}
.pages-banner-section.banner-section .content-wrap.bottom-margin h1.title {
	max-width: 100%;
	margin-bottom: 24px;
}
.pages-banner-section.banner-section .content-wrap.bottom-margin .contact-description {	
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
  	color: var(--white-color);
}
.contact-details-section {
	padding: 92px 28px 92px 10px;
}
.contact-details-section .upper-content {
	gap: 53px;
	margin-bottom: 50px;
}
.contact-details-section .upper-content h3 {
	width: 100%;
    max-width: 552px;
	font-size: 36px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0%;
	color: var(--dark-blue-color);
	text-transform: capitalize;
}
.contact-details-section p.contact-info {
    width: 100%;
    max-width: 610px;
    font-size: 16px;
    font-weight: 500;
    line-height: 160%;
    color: var(--gray-800);
}
.contact-details-section span {
    color: var(--secondary-color);
}
.contact-details-section .lower-content {
	gap: 53px;
}
.contact-details-section .lower-content .content-section {
	width: 100%;
    max-width: 552px;
	gap: 19px;
}
.contact-details-section .lower-content .content-section .card {
	gap: 15px;
	border: none;
	padding: 33px 72px;
	border-radius: 20px;
	background-color: var(--light-aqua);
}
.contact-details-section .lower-content .content-section .card .icon {
	width: 75px;
	height: 75px;
}
.contact-details-section .lower-content .content-section .card .contact-label {
	font-size: 22px;
	font-weight: 600;
	line-height: 100%;
	text-align: center;
	color: var(--white-color);
	white-space: nowrap;
}
.contact-details-section .lower-content .content-section .card .contact-value,
.contact-details-section .lower-content .content-section .card .contact-value a {
	font-size: 18px;
	font-weight: 600;
	line-height: 160%;
	text-align: center;
	color: var(--white-color);
}
.contact-details-section .lower-content .contact-form-wrap {
	margin-left: 0px;
}
.map-section {
	padding: 0px 36px;
	margin-bottom: 92px;
}
.map-section .map-wrap iframe {
	width: 100%;
	border-radius: 20px;
}
.contact-form-wrap label.gfield_label.gform-field-label {
    color: var(--white-color);
}
.contact-form-wrap h3.form-title {
	font-size: 36px;
	font-weight: 600;
	line-height: 46px;
	color: var(--white-color);
	margin-bottom: 20px;
	text-transform: capitalize;
}
/* Style text inputs */
.gform-theme--foundation .ginput_container input[type="text"], 
.gform-theme--foundation .ginput_container input[type="email"], 
.gform-theme--foundation .ginput_container input[type="tel"],
.gform-theme--foundation .ginput_container input[type="file"] {
    padding: 18px 14px;
    border-radius: 12px;
    width: 100%;
    font-size: 16px;
	line-height: 20px;
    height: 55px;
    color: var(--white-color);
    border: none;
	background-color: var(--dark-aqua);
}
.gform-theme--foundation .ginput_container input[type="text"]::placeholder, 
.gform-theme--foundation .ginput_container input[type="email"]::placeholder, 
.gform-theme--foundation .ginput_container input[type="tel"]::placeholder,
.gform-theme--foundation .ginput_container textarea::placeholder {
	color: var(--gray-200);
}
.gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus {
	/* box-shadow: none; */
	border: 1px solid #FFFFFF99  !important;
	box-shadow: 0px 0px 0px 3px #FFFFFF40 !important;
}
.gform-theme--foundation .ginput_container input[type="file"] {
	padding: 10px 14px;
}
.gform-theme--foundation .ginput_container textarea {
    padding: 18px 14px;
    border-radius: 12px;
    width: 100%;
	font-size: 16px;
	line-height: 20px;
    min-height: 127px;
	height: 55px;
	color: var(--white-color);
	border: none;
	background-color: var(--dark-aqua);
}
.gform-theme.gform-theme--foundation form .gform_footer .button.contact-submit-button {
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 18px !important;
	color: var(--primary-color) !important;
	border-radius: 60px !important;
	padding: 16px 21px !important;
	background-color: var(--white-color) !important;
}
 .gform-theme--foundation form .gform_footer .button.contact-submit-button:focus {
	box-shadow: none !important;
	border-color: var(--white-color) !important;
	background-color: var(--white-color) !important;
}
.gform-theme--foundation .gform-body .gform_fields {
	row-gap: 35px;
	column-gap: 40px;
}
.gform-theme--foundation .ginput_container_fileupload .gform_fileupload_rules {
	display: none;
}
.gform-theme--framework .gform_validation_errors .gform_submission_error,
.gform-theme--framework .gform_validation_errors .gform-icon,
.gform-theme--framework .gform_validation_errors .gform-icon:before,
.gform-theme--framework .gform_validation_errors ol,
.gform-theme--framework .gform_validation_errors ol a,
.gform-theme--framework  .gfield_validation_message {
	color: var(--white-color) !important;
}
.gform-theme--framework .gform_validation_errors .gform-icon {
	border-color: #ffffff40 !important;
}
/*** 

====================================================================
	11. Service page
====================================================================

 ***/
.service-page.banner-section {
	overflow: hidden;
}
.service-page .service-content-wrap .content-wrap h2.title {
	max-width: 699px;
}
.service-page .service-content-wrap .hero-img-wrap {
	width: 100%;
    max-width: 722px;
    height: auto;
    margin: 0 auto;
    position: absolute;
    right: 0;
    bottom: 50px;
}
.service-content-section {
	margin: 92px auto;
	padding: 33px 0px 36px 0px;
}
.service-content-section.gray-card .img-wrap {
	width: 100%;
	max-width: 595px;
	height: 100%;
    max-height: 514px;
    min-height: 514px;
	border-radius: 24px;
    overflow: hidden;
}
.service-content-section.gray-card .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.service-content-section.service-blog {
	margin: 0px auto 70px auto;
	padding: 0px;
}
.service-content-section .content-wrap.pages-content {
	gap: 30px;
}
.service-content-section .service-blog-wrap {
	width: 100%;
	max-width: 581px;
}
.service-content-section .service-blog-wrap.right-side {
    margin-right: auto;
}
.service-content-section .service-blog-wrap.left-side {
	margin-left: auto;
}
.service-content-section .service-blog-wrap .blog-title {	
	font-size: 36px;
	font-weight: 600;
	line-height: 44px;
	letter-spacing: -2%;
	color: var(--dark-blue-color);
	margin-bottom: 11px;
}
.service-content-section.service-blog .img-wrap {
	width: 100%;
    max-width: 636px;
    height: 521px;
    overflow: hidden;
    border-radius: 32px;
}
.service-content-section.service-blog .img-wrap img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.service-content-section .service-blog-wrap .blog-subtitle {
	font-size: 18px;
	font-weight: 500;
	line-height: 28.8px;
	letter-spacing: 0%;
	color: var(--gray-800);
}
.service-content-section .service-blog-wrap .content-wrap.content-list {
	gap: 15px;
	margin-top: 25px;
}
.service-content-section .service-blog-wrap .content-wrap.content-list .blog-point {
	gap: 10px;
}
.service-content-section .service-blog-wrap .content-wrap.content-list .blog-point p {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.6;
	color: var(--gray-800);
}
.service-form-section {
	padding: 43px 39px;
	margin: 92px auto;
}
.service-form-section .service-form-wrap {
	gap: 22px;
}
.service-form-section .service-form-wrap .service-form-content {
	width: 100%;
	max-width: 561px;
}
.service-form-section .service-form-wrap .contact-form-wrap {
	margin-left: 0px;
}
.service-form-section .service-form-wrap .service-form-content .form-title {
	font-size: 36px;
	font-weight: 600;
	line-height: 44px;
	color: var(--dark-blue-color);
	margin-bottom: 11px;
}
.service-form-section .service-form-wrap .service-form-content .form-description {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
	color: var(--gray-800);
}
.service-form-section .service-form-wrap .service-form-content .form-img-wrap {
	width: 100%;
	max-width: 545px;
	height: 452px;
	border-radius: 24px;
	margin-top: 30px;
	overflow: hidden;
}
.service-form-section .service-form-wrap .service-form-content .form-img-wrap img {
	height: 100%;
    object-fit: cover;
	object-position: right;
}

/*** 

====================================================================
	12. Career page
====================================================================

 ***/
 .career-page.banner-section .content-wrap.bottom-margin h2.title span {
	color: var(--secondary-color);
}
.career-page.banner-section .content-wrap.bottom-margin .contact-description {
	color: var(--white-color);
}
.career-content-section .lower-content {
	gap: 80px;
}
.career-content-section .lower-content .career-img-wrap {
	width: 100%;
	max-width: 556px;
}
.career-content-section .lower-content .career-img-wrap .img-wrap {
	width: 100%;
	max-width: 510px;
	height: auto;
	margin: 0px 26px;
	border-radius: 32px;
	border: 1px solid #008080
}
.career-content-section .lower-content .career-img-wrap .img-wrap::before {
	content: '';
	position: absolute;
	top: -26px;
    right: -23px;
	width: 272px;
	height: 272px;
	border-radius: 0px 32px 0px 0px;
	border-width: 5px 5px 0px 0px;
	border-style: solid;
	border-color: var(--primary-color);
}
.career-content-section .lower-content .career-img-wrap .img-wrap::after {
	content: '';
	position: absolute;
	bottom: -26px;
	left: -23px;
	width: 272px;
	height: 272px;
	border-radius: 0px 0px 0px 32px;
	border-width: 0px 0px 5px 5px;
	border-style: solid;
	border-color: var(--primary-color);
}
.career-content-section .lower-content .content-section {
	max-width: 100%;
}
.career-content-section .lower-content .content-section {
	gap: 15px;
}
.career-content-section .lower-content .content-section .career-card {
	gap: 25px;
	border: none;
	padding: 27px 16px;
    border-radius: 20px;
	background-color: var(--light-aqua);
}
.career-content-section .lower-content .content-section .career-card .icon {
	min-width: 100px;
	min-height: 100px;
}
.career-content-section .lower-content .content-section .career-card .card-content {
	gap: 10px;
}
.career-content-section .lower-content .content-section .career-card .card-content .title {
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	color: var(--white-color);
}
.career-content-section .lower-content .content-section .career-card .card-content .description {
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	color: var(--white-color);
}
.open-position-section {
	margin: 26px auto 0px auto;
}
.open-position-section .title-wrap {
	padding-bottom: 50px;
}
.open-position-section .title-wrap .title {
	font-size: 36px;
	font-weight: 600;
	line-height: 44px;
	letter-spacing: -2%;
	white-space: nowrap;
	color: var(--dark-blue-color);
}
.open-position-section .position-card {
	margin: 10px;
	border-radius: 20px;
	padding: 21px 29px 21px 19px;
	background-color: var(--white-color);
	box-shadow: 0px 0px 4px 0px #00000040;
}
.open-position-section .position-card .position-title {
	font-size: 36px;
    font-weight: 600;
    line-height: 45px;
    color: var(--black-color);
    white-space: nowrap;
    text-transform: capitalize;
}
.open-position-section .position-card .position-details {
	margin-top: 10px;
}
.open-position-section .position-card .position-details span {
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	margin: 0px;
	color: var(--black-color);
	text-transform: capitalize;
}
.open-position-section .position-card span {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	margin: 10px 0px;
	color: var(--black-color);
}
.open-position-section .position-card .btn-wrap .btn-bolster.apply-now-btn {
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	padding: 5px 10px;
}
.open-position-section .position-card .btn-wrap .btn-bolster-link {
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
    padding: 0;
	color: var(--black-color);
	text-transform: capitalize;
	text-decoration: underline;
}
.contact-section.apply-now-section {
    padding: 92px 0px;
}

/*** 

====================================================================
	13. Modal (Pop up) Styling
====================================================================

 ***/

.modal .modal-dialog {
    min-width: 590px;
}
.modal .modal-dialog .modal-content {
	border: none;
	border-radius: 32px 32px 20px 20px;
	background-color: var(--white-color);
}
.modal .modal-dialog .modal-content .modal-header {
	padding: 20px 43px;
	border-bottom: 1px solid var(--gray-900);
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
	font-size: 36px;
	font-weight: 600;
	line-height: 45px;
	color: var(--gray-900);
	text-transform: capitalize;
}
.modal .modal-dialog .modal-content .modal-header .btn-close {
	opacity: 1;
}
.modal .modal-dialog .modal-content .modal-body {
	padding: 30px 45px 36px 45px;
}
.modal .modal-dialog .modal-content .modal-body .content-main {
	width: 100%;
	max-width: 427px;
	gap: 10px;
}
.modal .modal-dialog .modal-content .modal-body .content-main .content-inner-wrap .title {
	font-size: 22px;
	font-weight: 600;
	line-height: 28px;
	margin-bottom: 8px;	
	color:  var(--gray-900);
	text-transform: capitalize;
}
.modal .modal-dialog .modal-content .modal-body .content-main .content-inner-wrap .details-wrap {
	gap: 20px;
}
.modal .modal-dialog .modal-content .modal-body .content-main .content-inner-wrap .title .details-wrap .details {
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	color:  var(--gray-900);
}

.mobile-offcanvas {
	display: none ;
}

.gform_confirmation_message {
	color: #FFF !important;
}

/* Mobile menu css */

@media only screen and (max-width: 991px) {
    .mobile-offcanvas {
        display: block !important;
    }

    .mobile-offcanvas .nav-link {
        font-size: 18px;
        font-weight: 600;
        padding: 14px 0;
        border-bottom: 1px solid #ddd;
    }

    .mobile-offcanvas .btn.btn-bolster {
        margin-top: 24px;
        width: 180px;
    }

    .mobile-offcanvas .nav-item.active .nav-link {
        color: var(--secondary-color) !important;
    }

    .offcanvas {
        width: 100% !important;
        background-color: var(--gray-100);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: bottom center;
        background-image: url(../images/mission-bg.webp);
    }

    .offcanvas-header {
        display: flex;
        justify-content: end;
    }

    .offcanvas-header .btn-close {
        margin: 0 !important;
        font-size: 18px;
        
    }

    .offcanvas-body {
        padding: 0 30px !important;
    }
    .offcanvas.offcanvas-start{
        border-right:0 !important;
    }
    
}