/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 01 2026 | 04:54:03 */
/* Add your CSS code here.

For example:
.example {
color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 



@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


body {
	transition: background 0.5s ease;
}


.text-center {
	text-align: center;
}

header#site-header {
    background: #fff;
	box-shadow: 0px 4px 4px 0px #00000040;
}

.site-header .header-inner .site-branding .site-logo img {
	width: 250px;
}

/* ANimate sheading */

/* colors */
.dark-blue {
	color: #00518B;
}

.light-blue {
	color: #1697A6;
}

.light-blue-text {
	color: #42DBED;
}

.site-header .site-navigation ul.menu li.current-menu-item>a {
	color: #1697A6;
}

.site-navigation ul.menu li ul {
	min-width: 210px;
}

.site-navigation ul.menu li.menu-item-has-children::after {
	color: #00518b;
}

.site-header .site-navigation ul.sub-menu li.menu-item:hover>a {
	color: #1697A6;
	width: 100%;
}

.animated-heading {
	font-weight: 700;
	font-style: Bold;
	font-size: 50px;
	leading-trim: NONE;
	line-height: 1.3;
	letter-spacing: 0%;
	text-transform: capitalize;
}

.animated-heading.small-heading {
	font-size: 35px;
}

.word {
	opacity: 0;
	display: inline-block;
	transform: translateY(15px);
	margin-right: 8px;
	transition: all 0.5s ease;
}

.word.show {
	opacity: 1;
	transform: translateY(0);
}

/* .brown-section {
background: #F5EFE6;
}

.light-blue-section {
background: #DAF7E8;
}

.grey-section {
background: #F2F3F4;
} */

.dark-blue-bg-module {
	background: #00518B;
}

.light-blue-bg-module {
	background: #1697A6;
}

.custom-grid-section .elementor-image-box-content {
	padding: 10px 25px 25px;
}

.custom-white-btn {
	font-family: DM Sans;
	font-weight: 800;
	font-size: 16px;
	text-align: center;
	text-transform: capitalize;
	border-radius: 30px;
	background: #FFFFFF;
	display: inline-block;
	margin-top: 25px;
	color: #1697A6;
	padding: 10px 30px;
}

.custom-white-btn::hover {
	color: #00518B;
}


.marquee {
	overflow: hidden;
	width: 100%;
	color: #fff;
	padding: 10px 0;
}

.marquee-list {
	display: flex;
	gap: 50px; /* space between items */
	padding: 0;
	margin: 0;
	white-space: nowrap;
}

.marquee-list li {
	flex-shrink: 0;
	font-family: DM Sans;
	font-weight: 400;
	font-style: Regular;
	font-size: 27px;
	text-transform: uppercase;

}

.marquee-content {
	display: inline-block;
	white-space: nowrap;
}

.tick-icon-blocks .elementor-icon svg {
	padding: 9px;
	background: #1AADBE;
	border-radius: 50px;
}

.site-navigation-dropdown ul.menu li.current-menu-item a {
    background: #1697a6;
    color: #fff;
    font-weight: 600;
}









.cf7-custom-form {
	background: #CDE9FE;
	padding: 40px;
	border-radius: 22px 0 0 22px;
	width: 100%;
}

.cf7-custom-form h2 {
	color: #1697A6;
	font-size: 28px;
	margin-bottom: 5px;
	font-weight: 700;
}

.cf7-custom-form .subtitle {
	color: #1b8a8f;
	font-size: 18px;
	margin-bottom: 25px;
	font-weight: 700;
}

/* layout */
.cf7-custom-form .row {
	display: flex;
	gap: 15px;
}

.cf7-custom-form .field {
	width: 100%;
	margin-bottom: 0px;
}

/* inputs */
.cf7-custom-form input,
.cf7-custom-form textarea,
.cf7-custom-form input::placeholder,
.cf7-custom-form textarea::placeholder {
	width: 100%;
	padding: 14px;
	border: none;
	border-radius: 8px;
	background: #fff;
	font-family: DM Sans;
	font-weight: 600;
	font-style: SemiBold;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 144%;
	letter-spacing: 0%;
	outline: none;
	color: #00518B;
}


.cf7-custom-form input::placeholder,
.cf7-custom-form textarea::placeholder {
	padding: 0;
	color: #1697A6;
}

/* textarea */
.cf7-custom-form textarea {
	height: 120px;
	resize: none;
}

/* checkbox */
.cf7-custom-form .checkbox {
	display: flex;
	align-items: center;
	font-size: 13px;
	margin-top: 20px;
}

.cf7-custom-form .checkbox input {
	width: 30px;
	height: 30px;
	margin-right: 15px;
}

/* button */
.cf7-custom-form .submit-btn {
	margin-top: 20px;
}

.cf7-custom-form input[type="submit"],
#menu-item-581 a {
	background: #69b7c3;
	color: white;
	padding: 14px 25px;
	border-radius: 30px;
	border: none;
	cursor: pointer;
	font-weight: 600;
	transition: 0.3s;
}

.cf7-custom-form input[type="submit"]:hover,
#menu-item-581 a,
#menu-item-581:hover a {
	background: #076A76;
}

#menu-item-581 a {
	background: #1697A6;
	margin-left: 10px;
}

.site-navigation ul.menu li a {
    display: flex;
    align-items: center;
}

.wpcf7-list-item {
	margin-left: 0;
}

.wpcf7-list-item label {
	display: flex;
	align-items: center;
}

.wpcf7-list-item-label {
	color: #00518B;
	font-size: 16px;
}

#site-footer {
	display: none;
}

.page-id-12 .site-footer-section {
	padding-top: 10rem;
}

.site-footer-section .site-footer-module {
	background: linear-gradient(262.02deg, #00518B 1.58%, #003052 98.42%);
	padding: 2rem 1.5rem 1rem;
	border-radius: 36px;
	border: 4px solid #1697A6
}


.footer-menu {
	list-style: none;
	padding: 0;
}

.site-footer-section .title {
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
}

.footer-menu li {
	margin-bottom: 10px;
}

.footer-menu a {
	color: #42DBED;
	text-decoration: none;
	transition: 0.3s;
}

.footer-menu a:hover {
	text-decoration: underline;
}


.outcome-icon-text-module .elementor-icon-box-icon {
    padding-top: 12px;
}


.timeline {
	counter-reset: step;
	position: relative;
}

.timeline-item {
	counter-increment: step;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 60px;
	position: relative;
}

.timeline-item::before {
    content: counter(step);
    position: absolute;
    left: -42px;
    top: 28px;
    width: 40px;
    height: 40px;
    background: #daf7e8;
    color: #00518b;
    font-weight: bold;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.timeline::before {
	content: "";
    position: absolute;
    left: -23px;
    top: 47px;
    bottom: unset;
    width: 2px;
    background: rgba(22, 151, 166, 0.2);
    height: 80%;
}

.timeline-content {
	width: 55%;
}

.timeline-image {
	width: 40%;
}

.timeline-image img {
	width: 100%;
	border-radius: 20px;
}


#menu-item-1111 a,
#menu-item-1112 a {
	padding-right: 3px;
}

.contact-menu-arrow {
	padding-left: 5px;
	font-family: math;
	font-size: 20px;
	text-box-trim: trim-both;
}


@media (max-width: 1024px) {
	.animated-heading {
		font-size: 38px;
		line-height: 1.25;
	}

	.word {
		margin-right: 5px;
	}
	
	.form-img-module {
		height: auto;
	}
	
	.form-img-module .elementor-widget-image {
		height: 100%;
	}
}



@media (max-width: 768px) {
	.animated-heading {
		font-size: 38px;
		line-height: 1.25;
	}
}



@media (max-width: 600px) {
	.animated-heading, .small-heading.animated-heading {
		font-size: 32px;
		line-height: 1.25;
	}
	
	.cf7-custom-form {
		border-radius: 22px 22px 0 0;
		padding: 30px;
	}
	
	.marquee-list li {
		font-size: 20px;
	}
	
	.site-header .header-inner .site-branding .site-logo img {
		max-width: 60%;
	}
	
	.site-navigation-toggle-holder .site-navigation-toggle {
		color: #00518b;
		background: transparent;
	}
	

	body {
		cursor: auto;
	}

	.cursor-dot,
	.cursor-drag {
		display: none !important;
	}
	
	.footer-menu a {
		font-size: 17px;
	}
	
	.site-navigation-dropdown ul.menu li.menu-item a {
		background: #fff;
		color: #00518B;
		transition: all 300ms ease-in-out;
		font-weight: 600;
	}
	
	.site-navigation-dropdown ul.sub-menu li.menu-item a {
		padding-left: 3rem;
	} 
	
	.site-navigation-dropdown ul.menu li.current-menu-item a,
	.site-navigation-dropdown ul.menu li.current-menu-item:hover a{
		color: #1697a6;
	}
	
	.site-navigation-dropdown ul.menu li.menu-item .menu-item-1111::before {
	  content: "→";
	}
	
	span.menu-arrow {
		padding-left: 10px;
	}
	
	.text-left-mobile.small-heading.animated-heading {
		text-align: left;
	}
}