/*
Theme Name: Twenty Nineteen Child
Theme URI: https://wordpress.org/themes/twentynineteen/
Template: twentynineteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,rtl-language-support,sticky-post,threaded-comments,translation-ready,block-patterns
Version: 3.0.1734879113
Updated: 2024-12-22 14:51:53

*/

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

:root { 
    --red: #e83455;
    --pink: #fef3f5;
    --dark: #191730;
}

html {
    scroll-behavior: smooth;
}

*, html, body {
    margin: 0;
    padding: 0;
}

.container { 
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 30px;
}

.uppercase {
    text-transform: uppercase;
}

.sticky {
	background-color: var(--dark);	
	box-shadow: 0 0 10px 0 #333;
}

.logo {
	width: 250px;
}

.sticky .logo {
	width: 200px;
}

.sticky .header-wrapper {
	padding: 15px 0;
}

h1::before, h2::before, h3::before, h4::before, h5::before, h6::before {
	display: none !important;
}

/* Background */
.bg-red {
    background-color: var(--red);
}

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

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

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

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


/* Font Colors */
.text-white,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white li,
.text-white a {
    color: var(--white);
}

.text-black,
.text-black h1,
.text-black h2,
.text-black h3,
.text-black h4,
.text-black h5,
.text-black h6,
.text-black p,
.text-black li,
.text-black a {
    color: var(--black);
}

.text-dark,
.text-dark h1,
.text-dark h2,
.text-dark h3,
.text-dark h4,
.text-dark h5,
.text-dark h6,
.text-dark p,
.text-dark li,
.text-dark a {
    color: var(--dark);
}

.text-red,
.text-red h1,
.text-red h2,
.text-red h3,
.text-red h4,
.text-red h5,
.text-red h6,
.text-red p,
.text-red li,
.text-red a {
    color: var(--red);
}

/* Font Weight */
.text-normal,
.text-normal h1,
.text-normal h2,
.text-normal h3,
.text-normal h4,
.text-normal h5,
.text-normal h6,
.text-normal p,
.text-normal a {
    font-weight: normal;
}

.text-semibold,
.text-semibold h1,
.text-semibold h2,
.text-semibold h3,
.text-semibold h4,
.text-semibold h5,
.text-semibold h6 {
    font-weight: 600;
}

.text-bold,
.text-bold h1,
.text-bold h2,
.text-bold h3,
.text-bold h4,
.text-bold h5,
.text-bold h6,
.text-bold p,
.text-bold a {
    font-weight: bold;
}

/* Secondary Font Family */
.figtree,
.figtree h1, 
.figtree h2, 
.figtree h3, 
.figtree h4, 
.figtree h5, 
.figtree h6, 
.figtree p, 
.figtree a, 
.figtree li {
    font-family: 'Figtree', sans-serif;
}

.text-mb-20 p,
.text-mb-20 li {
    margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6, p, a, li {
    margin: 0;
    font-family: 'Work Sans', sans-serif;
}

ul {
    padding-left: 15px;
}

p, li, a {
    font-size: 18px;
    line-height: 25px;
}

nav a {
    font-size: 18px;
    line-height: 25px;
}

.menu-item-has-children .menu-item {
	padding: 10px 0;
}

.list-style-none {
    list-style: none;
}
 
a {
    text-decoration: none;   
}

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

i {
	font-size: 16px;
}

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

.round-btn {
    background-image: url(/wp-content/uploads/2024/12/round-btn-bg.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 2px;
}

.btn-primary {
    background-color: var(--red);
    padding: 10px 50px;
    border-radius: 10px;
    color: var(--white);
    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.btn-primary:hover {
    box-shadow: 0 0 10px 0 #333;
}

header nav li a:hover {
	color: var(--red);
}

.transition {
    transition: 0.2s;
}

.zoom-hover:hover {
    transform: scale(1.05);
}

.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;

    border-left: 10px solid var(--pink);
}

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

.menu-item-has-children::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid var(--red);
	right: -18px;
	top: 10px;
}

.sub-menu .menu-item-has-children::before {
	top: 20px;
}

.menu-item-has-children .menu-item-has-children::before {
	right: 15px;
}

.menu-item-has-children .sub-menu .sub-menu {
	display: none;
}

a:visited {
	color: var(--white);
}

h1 {
    font-size: 65px;
    line-height: 70px;
    letter-spacing: 2px;
}

h2 {
    font-size: 60px;
    line-height: 65px;
    letter-spacing: 2px;
}

h3 {
    font-size: 36px;
    line-height: 40px;
}

h4 {
    font-size: 22px;
    line-height: 30px;
}

h5 {
    font-size: 20px;
    line-height: 25px;
}

h6 {
    font-size: 18px;
    line-height: 25px;
}

/* Service */
.service.hero h1 {
	font-size: 50px;
	line-height: 55px;
}

.service .alternate-content ul {
	list-style: none;
	padding-left: 30px;
	border-left: 3px solid var(--red);
}

.service.hero h2 {
	font-size: 45px;
	line-height: 50px;
}

.service.cta h2 {
	font-size: 50px;
	line-height: 55px;
}

.services-list-wrapper .service-item {
    background-color: rgba(255, 255, 255, 0.1);
    border: 3px solid var(--white);
    border-radius: 70px 0 0 0;
}

.services-list-wrapper .service-item .icon-wrapper {
    top: -50px;
    background-color: var(--red);
    padding: 20px;
	border-radius: 50px;
	display: flex;
	align-items: center;
}

.services-list-wrapper .service-item:hover {
    background-color: var(--white);
    border: 3px solid var(--red);
}

.services-list-wrapper .service-item:hover * {
    color: var(--dark);
}

.services-list-wrapper .service-item .link-wrapper a:hover {
    color: var(--red);
}

.service .alternate-content-item:nth-child(2n+1) .col-2 {
	position: relative;
	left: -60px;
}

.service .alternate-content-item:nth-child(2n+2) {
	flex-direction: row-reverse;
}

.resources-list li::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid var(--red);
	top: 3px;
	left: -30px;
}

.faq-wrapper .faq-item .question-wrapper::before {
	content: 'Q.';
	font-size: 18px;
	line-height: 25px;
	color: var(--red);
	font-family: 'Work Sans', sans-serif;
	font-weight: 600;
	position: absolute;
	left: -35px;
}

/* Why Choose List */
.why-choose-list-wrapper .why-choose-item {
    background-color: rgba(255, 255, 255, 0.1);
    border: 3px solid var(--white);
}

.why-choose-list-wrapper .why-choose-item .icon-wrapper {
    top: -50px;
    background-color: var(--dark);
    padding: 20px;
    border-radius: 50px;
    border: 3px solid var(--white);
}

.why-choose-list-wrapper .why-choose-item:hover .icon-wrapper {
    background-color: var(--red);
    border: 3px solid var(--red);
}

.why-choose-list-wrapper .why-choose-item:hover {
    background-color: transparent;
    border: 3px solid var(--red);
}

.why-choose-list-wrapper .why-choose-item .link-wrapper a:hover {
    color: var(--red);
}

.icon-wrapper {
	width: 100px;
	height: 100px;
}

.icon-wrapper img {
	width: 50px;
	height: 50px;
}

.search.icon-wrapper,
.process-item .icon-wrapper {
	width: 80px;
	height: 80px;
}

.search.icon-wrapper img,
.process-item .icon-wrapper img {
	width: 40px;
	height: 40px;
}
.process-content {
	position: relative;
	margin-bottom: 60px; /* Vertical spacing */
	margin-right: 40px;   /* Horizontal spacing (desktop) */
}

.process-item::before {
	content: '';
	background-color: var(--red);
	width: 100%;
	height: 2px;
	position: absolute;
	top: 40px;
	left: 66%;
}


.process-item:last-child::before {
	display: none;
}

button:hover {
	background: transparent;
}

.faq-list-wrapper li {
    position: relative;
}

.faq-list-wrapper li::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: var(--red);
    left: -30px;
    top: 8px;
    border-radius: 50px;
}

.faq-list-wrapper li::after {
    content: '';
    position: absolute;
    top: 15px;
    left: -27px;
    width: 2px;
    height: 65px;
    background-color: var(--red);
}

.faq-list-wrapper li:last-child::after {
    display: none;
}

.border-accent {
    border: 3px solid var(--red);
}

.team .toggle {
	right: 20px;
	bottom: 35px;
	width: 60px;
	height: 60px;
}

.team .toggle:hover {
	background-color: var(--red);
	box-shadow: 0 0 10px 0 #fff;
}

.team .img-wrapper img {
	border: 3px solid transparent;
	width: 400px;
	height: 400px;
	object-fit: cover;
	object-position: top;
}

.team .img-wrapper:hover img {
	border: 3px solid var(--red);
}

.team-quote::before,
.team-quote::after {
	content: '';
	position: absolute;
	background-image: url(/wp-content/uploads/2025/01/quote.png);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: contain;
}

.team-quote::before {
	left: -35px;
	top: 10px;
}

.team-quote::after {
	right: -20px;
	bottom: 30px;
}

.services-list-wrapper .service-item a:hover {
	color: var(--red);
}

.resources-list a:hover h5 {
	color: var(--red);
	text-decoration: underline;
}

/* Accordion */
.accordion {
    font-size: 18px;
    cursor: pointer;
    padding: 15px 0;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

.accordion.active, .accordion:hover {
    color: var(--red);
}

.panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel.open {
    padding-bottom: 20px;
}

.accordion-item-wrapper {
    border-bottom: 1px solid var(--dark);
}

.accordion.active .arrow {
    rotate: 270deg !important;
}

.link-wrapper .info-link {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    letter-spacing: 3px;
	color: #000 !important;
}

.copyright-wrapper p,
.copyright-wrapper a {
    font-size: 14px;
    line-height: 20px;
}

footer .info-link:hover,
#footer a:hover {
	color: var(--red);
}


.arrow {
    cursor: pointer;
    width: 0; 
    height: 0; 
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    display: block;
}

.arrow:hover {
    opacity: 0.8;
}

.arrow-right-white {
    border-left: 8px solid var(--white);
}

.arrow-right-red {
    border-left: 8px solid var(--red);
}

.arrow-right {
    border-left: 8px solid var(--red);
    bottom: -40px;
    left: 5%;
}
  
.arrow-left {
    border-right: 8px solid var(--red); 
    bottom: -40px;
    left: 0;
}

.social-list-wrapper .social-item {
	width: 30px;
	height: 30px;
	border-radius: 50px;
}

.social-list-wrapper .social-item:hover i {
	color: var(--red);
}

#responsive-menu button {
	position: absolute;
	right: 5%;
	top: 30%;
}

.form-wrapper input {
	width: 100%;
	margin-bottom: 10px;
}

.form-wrapper input::placeholder, .form-wrapper textarea {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
}

.form-wrapper textarea {
	height: 150px;
}

.form-wrapper input[type="submit"] {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    color: var(--blue);
    text-transform: uppercase;
    background-color: var(--red);
    color: var(--white);
    border-radius: 10px;
	width: 100%;
	padding: 10px;
}

.form-wrapper input[type="submit"]:hover {
    transform: scale(1.03);
    text-decoration: none;
    box-shadow: 0 0 10px 0 #333;
	color: var(--white);
}

.menu-item-has-children:hover .sub-menu {
	display: block;
}

.sub-menu {
	display: none;
	position: absolute;
	background-color: var(--dark);
	padding: 30px 0 30px 30px;
	min-width: 380px;
	list-style: none;
}

.sub-menu .sub-menu {
	position: relative;
	padding: 15px 0 15px 15px;
}

.sub-menu li::marker {
	display: none;
}

.menu-item-has-children .menu-item-has-children:hover .sub-menu {
	display: block !important;
}

.menu-item-has-children:hover .sub-menu .menu-item-has-children .sub-menu {
	display: none;
}

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

.menu-item-has-children .menu-item-has-children .sub-menu {
	position: absolute;
	right: -380px;
	top: 0;
}

#contact-1 {
	display: block;
}

#contact-2 {
	display: none;
}

.page-template-template-contact #contact-1 {
	display: none;
}

.page-template-template-contact #contact-2 {
	display: block;
}

#sec-8 {
	display: none;
}

#sec-9 {
	margin-top: 50px;
}

/* Inner Pages */
.social-list-wrapper .icon-wrapper,
.contact-info-wrapper .icon-wrapper {
	width: 80px;
	height: 80px;
}

.social-list-wrapper .icon-wrapper img,
.contact-info-wrapper .icon-wrapper img {
	width: fit-content;
	height: fit-content;
}

.btn-wrapper .round-btn {
	display: flex block !important;
}

/* Google Review */
#testimonials {
	display: none;
}

/* Global Responsive */
@media only screen and (min-width: 1025px) {
	.hidden-desktop {
		display: none;
	}
}

@media only screen and (max-width: 1025px) {
	.visible-desktop {
		display: none;
	}
}

/* Custom Responsive */
@media only screen and (max-width: 3000px) {
	#sec-4 .benefits-bg img {
		right: -400px;
	}
}
@media only screen and (max-width: 2900px) {
	#sec-4 .benefits-bg img {
		right: -400px;
	}
}
@media only screen and (max-width: 2800px) {
	#sec-4 .benefits-bg img {
		right: -400px;
	}
}
@media only screen and (max-width: 2700px) {
	#sec-4 .benefits-bg img {
		right: -400px;
	}
}
@media only screen and (max-width: 2600px) {
	#sec-4 .benefits-bg img {
		right: -400px;
	}
}

@media only screen and (max-width: 2500px) {
	#sec-4 .benefits-bg img {
		right: -400px;
	}
}

@media only screen and (max-width: 2250px) {
	#sec-4 .benefits-bg img {
		right: -250px;
	}
}

@media only screen and (max-width: 2000px) {
	#sec-4 .benefits-bg img {
		right: -100px;
	}
}

@media only screen and (max-width: 1900px) {
	#sec-4 .benefits-bg img {
		right: -100px;
	}
}

@media only screen and (max-width: 1690px) {
	#sec-4 .benefits-bg img {
		top: 20px;
	}	
}

@media only screen and (max-width: 1500px) {
	.service.benefits .benefits-bg {
		display: none;
	}
	
	.service.benefits {
		background-color: var(--dark);
		padding: 50px 0;
	}
	
	.service.benefits .content-wrapper {
		padding: 0;
	}
}

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

	#sec-9 .content-wrapper {
		margin-top: 0 !important;
		position: relative;
		z-index: 2;
	}
	
	#sec-9 {
		margin-top: 50px;
		position: relative;
	}

	#sec-9::before {
		content: '';
		position: absolute;
		top: 0;
		width: 41%;
		height: 100%;
		background-color: var(--dark);
		opacity: 0.99;
		z-index: 1;
		border-radius: 0 250px 0 0;
	}

	#sec-9 .col-1 {
		width: 100%;
	}

	#sec-9 .col-2 {
		display: none;
	}
}

@media only screen and (max-width: 1400px) {
	#sec-8 .heading-wrapper h2 {
		font-size: 40px;
		line-height: 45px;
	}
	
	#sec-8 .logo-wrapper {
		margin: 0;
	}
}

@media only screen and (max-width: 1366px) {
	#sec-7, #sec-8 {
		margin: 0;
	}
	
	.form-wrapper textarea {
		margin-bottom: 10px;
	}
	
	.services-list-wrapper {
		gap: 20px;
	}

	.services-list-wrapper .service-item {
		padding: 60px 30px 20px 30px;
	}
	
	.icon-wrapper img {
		width: 40px;
		height: 40px;
	}

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

	.why-choose-list-wrapper {
		gap: 80px 20px;
	}

	.why-choose-list-wrapper .why-choose-item {
		width: 30%;
	}

	.about.hero,
	.contact.hero {
		padding: 200px 0 100px 0;
	}
	
	.about.quote .content-wrapper .description-wrapper {
		padding: 0;
	}
	
	.about.team .row-1 {
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	
	.about.team .team .name h3 {
		font-size: 25px;
		line-height: 30px;
	}

	.about.awards .box {
		width: 100%;
	}
	
	.about.awards .box .awards-wrapper {
		justify-content: space-evenly;
	}

	.about.team .heading-group-wrapper {
		width: 100% !important;
	}

	.about.quote .content-wrapper {
		width: 90%;
	}
	
	.social-list-wrapper .icon-wrapper img, .contact-info-wrapper .icon-wrapper img {
		width: 40%;
	}

	.social-list-wrapper .icon-wrapper, .contact-info-wrapper .icon-wrapper {
		width: 60px;
		height: 60px;
	}
	
	.contact.form {
		padding: 350px 0 0 0 !important;
	}
	
	.about.team .heading-group-wrapper .bg-accent-solid {
		display: none;
	}
	
	.about.team .heading-group-wrapper .heading-wrapper {
		padding-left: 50px;
	}

	.service .alternate-content-item:nth-child(2n+1) .col-2 {
		position: relative;
		left: 0;
	}
	
	.service.cta .content-wrapper {
		flex-direction: column;
	}
	
	.service.cta .content-wrapper .col-1, .service.cta .content-wrapper .col-2 {
		width: 100%;
		text-align: center;
	}
	
	.service.cta br {
		display: none;
	}

	.service br {
		display: none;
	}
	
	.service .bg-accent-solid {
		display: none;
	}

	.service .heading-group-wrapper .heading-wrapper {
		padding-left: 50px;
	}

	.service .description-wrapper .content-wrapper {
		padding-top: 25px;
		width: 100%;
	}
	
	.service.faq .col-1 {
		display: none;
	}
	
	.service.faq .col-2 {
		padding-left: 50px;
	}
	
	.service.faq .col-2 {
		padding-left: 50px;
		margin-top: 150px;
		width: 100%;
	}
	
	.service.resources .description-wrapper {
		flex-direction: column;
		gap: 20px;
	}
	
	.service.resources .description-wrapper .col-1, .service.resources .description-wrapper .col-2 {
		width: 100%;
	}
	
	.service.resources .heading-wrapper {
		padding: 0;
	}
	
	.service.hero .heading-wrapper {
		padding-left: 0;
	}
}

@media only screen and (max-width: 1250px) {
	header .col-1 {
		width: 40%;
	}

	header .col-2 {
		width: 60%;
	}

	#footer .content-wrapper {
		flex-wrap: wrap;
	}

	#footer .content-wrapper .col {
		width: 30%;
	}

	#footer .content-wrapper .col ul {
		width: 100%;
		margin-bottom: 60px;
	}
	
	#footer .content-wrapper .col h6 {
		min-height: 60px !important;
	}
}

@media only screen and (max-width: 1200px) {
	.service.hero {
		padding: 200px 0 100px 0;
	}
	
	.service.hero .ft-img-wrapper {
		bottom: -350px !important;
	}
	
	.service.hero .ft-img-wrapper {
		bottom: -250px !important;
	}
	.service.hero .ft-img-wrapper img {
		width: 80%;
	}

	.service.benefits .content-wrapper .heading-wrapper {
		width: 100%;
	}
	
	.service.benefits .content-wrapper {
		flex-wrap: wrap;
	}
	
	.service.benefits .content-wrapper .benefit-item {
		width: 23%;
	}
}

@media only screen and (max-width: 1100px) {
	.about.team .row-1 {
		justify-content: space-between;
	}

	.about.team .row-3 {
		gap: 20px;
	}
}

@media only screen and (max-width: 1024px) {
	.service.benefits .content-wrapper .benefit-item {
		width: 45%;
		margin-bottom: 25px;
	}
	
	.service.benefits .content-wrapper .heading-wrapper h4 {
		text-align: left;
	}
	
	  .service.benefits .content-wrapper .heading-wrapper {
		  margin-bottom: 10px;
	}
	
	header .col-1 {
		width: 50%;
	}

	br {
		display: none;
	}
	
	h1 {
		font-size: 50px;
		line-height: 55px;
		text-align: left;
	}

	h2 {
		font-size: 45px;
		line-height: 50px;
		text-align: left;
	}
	
	h3 {
		font-size: 30px;
    	line-height: 35px;
		text-align: left;
	}
	
	h4 {
		font-size: 18px;
		line-height: 25px;
	}
	
	h6 {
		font-size: 16px;
		line-height: 20px;
	}

	.link-wrapper .info-link {
		font-size: 18px;
		line-height: 25px;
	}

	p, li, a {
		font-size: 16px;
		line-height: 20px;
	}

	.logo-list-wrapper {
		flex-wrap: wrap;
		justify-content: center;
		gap: 0 70px;
		padding: 0;
	}

	.btn-primary {
		font-size: 14px;
	}
	
	.round-btn {
		font-size: 12px;
		line-height: 15px;
		width: 110px;
		height: 110px;
		text-align: center;
	}

	.round-btn br {
		display: block;
	}

	.round-btn .arrow {
		display: none;
	}

	#sec-2 {
		padding-top: 50px;
	}
	
	#sec-3,
	#sec-4,
	#sec-5,
	#sec-6,
	#sec-7,
	#sec-8,
	.contact {
		padding: 50px 0;
	}

	.contact {
		border-radius: 0 !important;
	}

	#footer .divider {
		margin: 0;
	}
	
	.services-list-wrapper .heading-wrapper {
		text-align: left;
	}
	
	#sec-3 .heading-wrapper {
		padding-bottom: 70px;
	}

	.services-list-wrapper .service-item .heading-wrapper {
		padding: 0 !important;
	}
	
	#sec-4 .content-wrapper {
		width: 100%;
		padding: 50px;
	}

	.heading-wrapper {
		text-align: center;
	}
	
	#sec-4 .col-1 {
		width: 30%;
	}
	
	#sec-4 .col-2 {
		width: 70%;
	}

	#sec-5 .ft-img-wrapper {
		top: 0 !important;
		margin-bottom: 20px;
	}

	#sec-6 .heading-wrapper {
		top: 0 !important;
		margin-bottom: 80px;
	}
	
	.why-choose-list-wrapper .why-choose-item .heading-wrapper {
		margin-bottom: 10px !important;
		text-align: left;
	}

	.testimonial-wrapper .heading-wrapper {
		text-align: left;
	}
	
	#sec-7 .content-wrapper .col-1 {
		width: 100%;
		background-color: rgba(255, 255, 255, 0.8);
		padding: 30px;
		border-radius: 10px;
	}

	#sec-8 .content-wrapper {
		padding: 20px;
	}
	
	#sec-8 .content-wrapper .description-wrapper {
		margin-bottom: 10px;
	}

	#sec-8 .logo-wrapper img {
		width: 150px;
	}

	#sec-9::before {
		width: 100%;
		opacity: 0.6;
		border-radius: 0 150px 0 0;
	}

	#sec-9 .description-wrapper {
		margin-bottom: 20px;
	}

	.contact .heading-wrapper {
		text-align: left;
	}

	.contact .content-wrapper {
		flex-direction: column;
	}
	
	.contact .content-wrapper .col-1, .contact .content-wrapper .col-2 {
		width: 100%;
	}
	
	.contact .contact-info-wrapper {
		margin: 0;
	}
	
	.about.awards .box {
		top: 60px !important;
	}
	
	.about.awards {
		min-height: 500px;
	}

	/* 	
	.about.team .row-1 .team {
		text-align: center;
	}
	*/
	
	.about.team .team .name h3 {
		text-align: left !important;
	}
	
	
	.team .heading-wrapper,
	.team .description-wrapper {
		text-align: left !important;
	}

	.about.team .team .name h3 {
		font-size: 20px;
		line-height: 25px;
	}

	.about.awards .box .awards-wrapper img {
		width: 100px;
		height: fit-content;
	}

	.contact iframe {
		width: 100%;
		margin-top: 50px;
	}

	.contact-info-wrapper ul .w-15 {
		width: 10%;
	}

	.contact.form .heading-wrapper h3 {
		text-align: center;
	}

	.service.hero .ft-img-wrapper img {
		width: 90%;
	}
	
	.service .alternate-content-item .heading-wrapper {
		text-align: left;
	}
	
	.service.faq .heading-wrapper {
		margin: 0 !important;
	}
	
	.service.cta .col-1 {
		padding: 0 !important;
	}
	
	.service.cta .col-1 h2 {
		text-align: center;
	}
	
	.process-item::before {
		display: none;
	}
	
	.service.process .process-content {
		flex-wrap: wrap;
	}
	
	.service.process .process-content .process-item {
		width: 50%;
		margin-bottom: 30px;
	}

	.service.process .process-content .process-item .heading-wrapper {
		padding: 0 !important;
	}
	
	.service.process .heading-wrapper {
		padding-bottom: 30px !important;
	}

	.team-member-description .description-wrapper {
		text-align: center;
	}
}


@media only screen and (max-width: 980px) {
	.service.cta {
		padding-top: 0 !important;
	}
	
	.service.benefits .content-wrapper {
		padding: 0 !important;
	}

	.service.benefits .content-wrapper {
		flex-direction: column;
		align-items: center;
	}
	
	.service.benefits .content-wrapper .benefit-item {
		width: 100%;
		margin-bottom: 25px;
	}
	
	.service.benefits .content-wrapper .benefit-item .heading-wrapper {
		text-align: left;
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 940px) {
	.about.team .row-1 .team {
		text-align: center;
		width: 40%;
	}
}

@media only screen and (max-width: 800px) {
	#sec-1 .content-wrapper {
		flex-wrap: wrap;
	}

	#sec-1 .col-1, #sec-1 .col-2 {
		width: 100%;
		text-align: center;
	}
	
	h1 {
		text-align: center;
	}

	h3 {
		text-align: center;
	}
	
	#sec-1 .col-2 img {
		width: 300px;
	}
	
	#sec-1 .btn-wrapper {
		left: 170px !important;
	}

	#sec-1 .logo-list-wrapper img {
		width: 100px;
	}

	#sec-2 .ft-icon img {
		width: 200px;
	}
	
	#sec-2 .content-wrapper {
		width: 100%;
	}

	#sec-2 .heading-wrapper {
		padding-top: 0;
	}

	#sec-2 .description-wrapper, #sec-2 .btn-wrapper {
		padding-left: 250px;

	}
	
	.services-list-wrapper {
		flex-wrap: wrap;
		gap: 80px 0;
	}

	.services-list-wrapper .service-item {
		width: 100%;
	}

	#sec-4 .content-wrapper {
		border-radius: 10px !important;
		flex-wrap: wrap;
	}

	#sec-4 .col-1, #sec-4 .col-2 {
		width: 100%;
	}
	
	#sec-4 .col-1 .ft-img-wrapper img {
		width: 200px;
	}

	#sec-4 .col-1 .ft-img-wrapper {
		display: flex;
		justify-content: center;
	}

	.heading-group-wrapper {
		width: 100% !important;
		text-align: center;
	}
	
	#sec-5 .content-wrapper {
		flex-wrap: wrap;
		gap: 50px;
	}
	
	#sec-5 .content-wrapper .col-1, #sec-5 .content-wrapper .col-2 {
		width: 100%;
	}
	
	#sec-6 .heading-wrapper {
		width: 100% !important;
	}
	
	.why-choose-list-wrapper {
		flex-wrap: wrap;
	}

	.why-choose-list-wrapper .why-choose-item {
		width: 100%;
	}

	#sec-7 .heading-group-wrapper {
		padding-right: 0;
	}
	
	#sec-8 .content-wrapper .col-1, #sec-8 .content-wrapper .col-2 {
		width: 100%;
		position: relative;
	}
	
	#sec-8 .content-wrapper {
		flex-wrap: wrap;
	}

	#sec-9 .content-wrapper {
		text-align: center;
	}
	
	.contact .content-wrapper .col-1 {
		padding: 0;
	}

	.contact .sub-heading-wrapper {
		text-align: center;
	}
	
	#sec-8 .ft-img-wrapper {
		position: relative;
	}
	
	#sec-8 .content-wrapper {
		flex-wrap: wrap;
		background-color: var(--dark);
		margin-bottom: 50px;
		border-radius: 20px;
		padding: 40px;
	}

	#sec-9::before {
		border-radius: 0;
	}
	
	.about.quote .content-wrapper .description-wrapper {
		padding: 0 !important;
	}
	
	.about.quote .content-wrapper {
		width: 90% !important;
	}
	
	.about.quote .content-wrapper .heading-wrapper h2 {
		font-size: 30px;
		line-height: 35px;
	}

	.about.team .row-1 .team {
		width: 40%;
	}

	.about.team .description-wrapper {
		text-align: left;
	}
	
	.about.awards {
		min-height: 400px;
	}

	.about.awards .box .awards-wrapper {
		justify-content: space-between;
	}

	.contact.form .description-wrapper {
		padding: 0 !important;
	}
	
	.contact-info-wrapper ul .flex {
		flex-direction: column;
	}
	
	.service .alternate-content-item {
		flex-direction: column;
	}
	
	#sec-1.service.hero {
		padding: 200px 0 150px 0 !important;
	}
	
	.service.hero .ft-img-wrapper {
		bottom: -290px !important;
		width: 100%;
	}

	.service .heading-group-wrapper {
		padding: 20px 50px;
	}
	
	.service .heading-group-wrapper .heading-wrapper {
		padding-left: 0;
	}
	
	.service .description-wrapper {
		padding: 20px 50px !important;
		text-align: center;
	}

	.service .alternate-content-item .col-1, .service .alternate-content-item .col-2 {
		width: 100%;
		text-align: center;
	}

	.service .alternate-content-item .heading-wrapper {
		text-align: center;
		margin: 0;
	}
	
	.service .alternate-content-item:nth-child(2n+2) {
		flex-direction: column;
	}

	.service .description-wrapper .resources-list {
		text-align: left;
	}

	.service.process .process-content {
		flex-wrap: wrap;
		padding: 100px 30px 50px 20px;
	}
	
	.service.process .process-content .process-item {
		width: 100%;
	}

	.service.benefits .description-wrapper {
		padding: 0 0 0 20px !important;
		text-align: left;
	}
	
	.team .toggle {
		width: 40px;
		height: 45px;
	}
}

@media only screen and (max-width: 767px) {
	header .col-1 {
		width: 70%;
	}

	#footer .content-wrapper .col {
		width: 50%;
	}

	h6 {
		font-size: 14px;
	}
	
	.service.resources .description-wrapper {
		padding: 50px 30px !important;
	}
	
	.service.resources .description-wrapper .description-wrapper {
		padding: 0 !important;
	}

	.resources-list li::before {
		left: -20px;
	}

	.service.cta h2 {
		font-size: 35px;
		line-height: 40px;
	}

	h1 {
		font-size: 40px;
		line-height: 45px;
	}
}

.contact-info-wrapper br,
.team-member-description-mobile {
	display: none;
}

@media only screen and (max-width: 640px) {
	.team-member-description-mobile,
	.contact-info-wrapper br {
		display: block;
	}
	
	.team-member-description {
		display: none !important;
	}
	
	.header-wrapper .logo-wrapper {
		width: 60%;
	}

	#sec-8 .content-wrapper {
		text-align: center;
	}
	
	#sec-8 .heading-wrapper h2 {
		text-align: center;
	}
	
	#sec-1 .btn-wrapper {
		left: 90px !important;
	}
	
	 .logo-list-wrapper {
		 gap: 20px 70px;
	}
	
	#sec-2 .ft-icon {
		position: relative;
		text-align: center;
	}

	#sec-2 .ft-icon img {
		width: 100px;
	}

	#sec-2 .heading-wrapper {
		padding-left: 0;
	}
	
	h2 {
		font-size: 35px;
		line-height: 40px;
		text-align: center;
	}
	
	#sec-2 .description-wrapper, #sec-2 .btn-wrapper {
		padding-left: 0;
		text-align: center;
	}

	.link-wrapper .info-link {
		font-size: 14px;
	}

	.contact-info-wrapper ul {
		text-align: center;
	}
	
	.contact-info-wrapper ul .heading-wrapper {
		text-align: center !important;
	}

	.social-list-wrapper {
		justify-content: center;
	}
	
	.about.team .row-1 .team {
		width: 100%;
	}
	
	.about.team .row-3 .team {
		width: 100%;
	}
	
	.about.team .row-3 {
		flex-wrap: wrap;
		text-align: center;
	}

	.contact-info-wrapper ul .w-15 {
		width: 100%;
		display: flex;
		justify-content: center;
		margin-bottom: 10px;
	}
	
	.contact-info-wrapper ul .w-85 {
		width: 100%;
	}

	.social-list-wrapper {
		align-items: center;
	}
	
	.service .description-wrapper .resources-list {
		padding-left: 30px;
	}

	.resources-list li::before {
		left: -30px;
	}
	
	.service .alternate-content {
		width: 100%;
		margin-top: 300px;
	}
	
	.service .heading-wrapper h3 {
		font-size: 20px;
		line-height: 25px;
	}

	.service .description-wrapper {
		top: 65px !important;
	}
	
	.team .toggle {
		display: none;
	}

	#footer .logo-wrapper {
		margin-top: -115px !important;
	}
	
	h5 {
		font-size: 16px;
		line-height: 20px;
	}

	.service .description-wrapper {
		padding: 20px 0 !important;
	}
	
	#sec-2.service .description-wrapper {
		padding: 25px !important;
	}
	
	h3 {
		font-size: 24px;
		line-height: 30px;
	}

	.about.hero, .contact.hero {
		padding: 150px 0 0 0;
	}
}

@media only screen and (max-width: 540px) {
	#footer .content-wrapper .col {
		width: 100%;
	}
	
	#footer .content-wrapper .col h6 {
		min-height: 30px !important;
	}

	#footer .logo-wrapper img {
		width: 100px;
	}
	
	#footer .logo-wrapper {
		margin-top: -50px !important;
		margin-bottom: 20px;
	}
	
	#footer {
		text-align: center;
	}

	#sec-1 .btn-wrapper {
		left: 40px !important;
	}

	.about.awards .box {
		padding: 50px 20px;
	}
	
	.accordion {
		font-size: 14px;
	}
}

@media only screen and (max-width: 440px) {
	.header-wrapper .logo-wrapper {
		width: 80%;
	}
	
	#sec-1 .btn-wrapper {
		left: 0 !important;
	}
	
	.about.awards {
		min-height: 600px;
	}

	.about.awards .box .awards-wrapper {
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}
}