@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');

body{
	font-family: "Lexend", sans-serif;
	font-size: 18px;
}

body p,
body span{
	line-height: 25px;
}


/* container */
@media (min-width: 1600px) {
	.container{
		max-width: 1580px;
	}
}

@media (min-width: 1300px) and (max-width: 1600px){
	.container{
		max-width: 1280px;
	}
}

/* line height */

.line-h-normal{
	line-height: normal;
}

/* font size */
h1{
	font-size: clamp(2.1875rem, 1.8304rem + 1.7857vw, 3.4375rem);
	font-weight: 800;
}

h2{
	font-size: clamp(1.875rem, 1.6964rem + 0.8929vw, 2.5rem);
}

h3{
	font-size: clamp(1.375rem, 1.1964rem + 0.8929vw, 2rem);
}

/* secondary text */
.text-secondary{
	color: #4F4F4F !important;
}

.text-muted{
	color: #808080 !important;
}

.section-description-line{
	max-width: 800px;
	margin: 0 auto;
}

.section-heading{
	max-width: 780px;
	margin: 0 auto;
}

/* custm grey */
.custom-bg-grey{
	background-color: #F6F7FB;
}

/* width ft content */
.custom-w-fit{
	width: fit-content;
}

/* bg dark red */
.custom-d-red{
	background-color: #E42A2C;
}

/* border */
.custom-l-border{
	border: 1px solid #0000001A;
}

.custom-d-border{
	border: 2px solid #00000033;
}

.custom-shadow{
	box-shadow: 0px 27.78px 83.33px 0px #0000001F;
}

/* bg dark blue */
.custom-d-blue{
	background-color: #262A37;
}

/* custom padding */
.custom-py{
	padding-top: 60px;
	padding-bottom: 60px;
}

/* custom opacity */
.opacity-80{
	opacity: 0.8;
}

.opacity-60{
	opacity: 0.6;
}

.opacity-10{
	opacity: 0.1;
}

/* buttons */

.btn-primary{
    background-color: #E42A2C;
    border: 1px solid transparent;
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 6px 6px 6px 18px;
    font-size: 18px;
	font-weight: 500;
}

.btn-primary:hover{
	background-color: transparent;
	color: #E42A2C;
	border: 1px solid #E42A2C;
}

.btn-primary-icon{
	background-color: #FFFFFF;
	height: 30px;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
}

.btn-primary .btn-primary-icon svg path{
	stroke: #E42A2C;
}

.btn-primary:hover .btn-primary-icon{
	background-color: #E42A2C;
}

.btn-primary:hover svg path{
	stroke: #FFFFFF;
}

.btn-secondary{
	background-color: transparent;
    border: 1px solid #ffffff;
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 6px 6px 6px 18px;
    font-size: 18px;
}

.btn-secondary-icon{
	background-color: #FFFFFF;
	height: 30px;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
}

.btn-secondary .btn-secondary-icon svg path{
	stroke: #E42A2C;
}

.btn-secondary:hover{
	background-color: #ffffff;
	color: #2F2F2F;
}

.btn-secondary:hover .btn-secondary-icon{
	background-color: #E42A2C;
}

.btn-secondary:hover svg path{
	stroke: #FFFFFF;
}


/* hero section general */
.hero-section{
	background-size: cover;
/* 	height: 600px;
	width: 100%; */
	aspect-ratio: 1920 / 650;
	display: flex;
	align-items: center;
	background-position: center right;
	padding: 50px 0;
}

.sub-heading{
	color: #E42A2C;
    font-size: 14px;
    letter-spacing: 4px;
	text-transform: uppercase;
    font-weight: 600;
}

.app-btn{
	text-decoration: none;
	width: fit-content;
	background-color: #FFFFFF;
	border-radius: 10px;
	overflow: hidden;
}

.app-btn .app-btn-icon{
	background-color: #F04B4A;
	height: 70px;
	width: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.app-btn .qatch-btn-text{
	color: #000000;
}

.app-btn .app-btn-download-txt{
	color: #E42A2C;
}

.app-btn:hover{
	background-color: #F04B4A;
}

.app-btn:hover .app-btn-icon{
	background-color: #FFFFFF;
}

.app-btn:hover .app-btn-icon svg circle{
	stroke: #F04B4A;
}

.app-btn:hover .app-btn-icon svg circle.small-round{
	fill: #F04B4A;
}

.app-btn:hover .qatch-btn-text{
	color: #FFFFFF;
}

.app-btn:hover .app-btn-download-txt {
	color: #FFFFFF;
}

.app-btn:hover .app-btn-download-txt svg path{
	stroke: #FFFFFF;
}

/* dark hero section */
.heading-r-text{
	color: #E42A2C;
}

.dark-hero{
	position: relative;
	overflow: hidden;
}

.dark-hero::after{
	content: "";
	position: absolute;
	width: 600px;
	height: 600px;
	right: -300px;
	top: -300px;
	background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(239, 45, 50, 0.2) 0%, rgba(239, 45, 50, 0) 65%);
}


/* .dark-hero::before{
	content: "";
	position: absolute;
	width: 600px;
	height: 600px;
	left: -300px;
	bottom: -300px;
	background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(239, 45, 50, 0.2) 0%, rgba(239, 45, 50, 0) 65%);
} */

.hero-badge{
	font-size: 14px;
	padding: 7px 20px;
	display: flex;
	align-items: center;
	width: fit-content;
	gap: 10px;
	border-radius: 50px;
	background-color: #FFFFFF0F;
	border: 1px solid #FFFFFF1A;
}

.hero-badge .hero-badge-dot{
	display: block;
	height: 8px;
	width: 8px;
	background-color: #07BD74;
	border-radius: 100%;
}

.white-btn{
	padding: 10px 15px;
	background-color: transparent;
	border: 1px solid #FFFFFF40;
	border-radius: 7px;
	color: #ffffff;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.25s ease-in-out;
}

.white-btn:hover{
	background-color: #ffffff;
	color: #262A37;
}

.black-btn{
	padding: 10px 15px;
	background-color: transparent;
	border: 1px solid #00000040;
	border-radius: 7px;
	font-weight: 500;
	color: #2F2F2F;
	text-decoration: none;
	transition: all 0.25s ease-in-out;
}
.black-btn:hover{
	background-color: #2F2F2F;
	color: #ffffff;
	border: 1px solid transparent;
}

.icon-badge{
	padding: 2px 12px;
	background-color: #FFFFFF0F;
	border: 1px solid #FFFFFF1A;
	border-radius: 50px;
	display: flex;
	align-items: center;
	font-size: 14px;
	gap: 7px;
}

.business-section{
	position: relative;
	overflow: hidden;
}


.business-section::before{
	content: "";
	position: absolute;
	width: 700px;
	height: 700px;
	left: calc(50% - 700px/2 + 530px);
	top: calc(50% - 700px/2 - 228px);
	background: radial-gradient(70.71% 70.71% at 50% 50%, #E42A2C 0%, rgba(228, 42, 44, 0) 65%);
	opacity: 0.2;
}

.business-section::after{
	content: "";
	position: absolute;
	width: 700px;
	height: 700px;
	left: -280px;
	bottom: -380px;
	background: radial-gradient(70.71% 70.71% at 50% 50%, #E42A2C 0%, rgba(228, 42, 44, 0) 65%);
	opacity: 0.2;
}

/* hover card */

.hover-1{
	transition: all 0.25s ease-in-out;
}

.hover-1:hover{
	transform: translateY(-5px);
}

.hover-2{
	border: 1px solid #0000001A;
	transition: all 0.25s ease-in-out;
}

.hover-2:hover{
	border: 1px solid #E42A2C;
}


/* FAQ */
.faq-accordion .accordion-item{
	margin-bottom: 15px;
	border: 1px solid #0000001A;
	border-radius: 10px;
	overflow: hidden;
}

.faq-accordion .accordion-button{
	background: none;
	box-shadow: none;
	font-size: 18px;
	font-weight: 500;
}

.faq-accordion .accordion-button::after{
	background-image: url('/wp-content/uploads/2026/05/faq-icon.svg');
}

.faq-accordion .accordion-button:not(.collapsed)::after{
    transform: rotate(45deg);
}

.faq-accordion .accordion-button:not(.collapsed),
.faq-accordion .accordion-collapse{
	background-color: #F6F7FB;
}

.faq-accordion .accordion-collapse .accordion-body{
	padding-top: 0;
}

/* footer */

footer .footer-col-1,
footer .footer-col-2{
	width: 25%;
}

footer .footer-col-3,
footer .footer-col-5{
	width: 15%;
}

footer .footer-col-4{
	width: 20%;
}

footer .footer-social-links a{
	background: #262A37;
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: 50%;
	text-decoration: none;
}

footer .footer-social-links i{
	color: #E42A2C;
}

footer form .footer-newsletter{
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	padding: 5px;
	border-radius: 50px;
	width: fit-content;
	border: 1px solid #0000001A;
}

footer form .footer-newsletter .newsletter-input{
	background-color: transparent;
	border: none !important;
	width: 100%;
	border: 1px solid #0000001A;
	padding-left: 15px;
}

footer form .footer-newsletter .wpcf7-spinner{
	display: none;
}

footer form .footer-newsletter .wpcf7-submit {
	background-color: #F04B4A;
    border: none;
    font-size: 18px;
    color: #FFFFFF;
    padding: 10px 20px;
    border-radius: 50px;
}

/* header */
header nav ul li.dropdown{
	position: relative;
}


header nav ul li.dropdown .dropdown-menu{
	margin-top: 25px;
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    transition: .25s;
}

header nav ul li a.nav-link{
	color: #2F2F2F;
}

.soon-h-badge{
	background-color: #FCEAEA;
	color: #E42A2C;
	font-size: 13px;
	padding: 2px 6px;
	border-radius: 4px;
}

header nav ul li a.dropdown-toggle::after{
	content: none;
}

header .drop-menu{
	transition: all 0.25s ease-in-out;
	border: 1px solid transparent;
	border-radius: 10px;
}

header .drop-menu:hover{
	background-color: #F6F6F6;
	border: 1px solid #0000001A;
}

@media (min-width: 1600px) {
	.img-container.ps-lg-5{
		padding-left: 5rem !important;
	}
}

@media (max-width: 767px){
	body{
		font-size: 15px;
	}
	
	h1{
		line-height: 50px;
	}
	
	h2{
		line-height: 42px;
	}
	
	body p,
	body span{
		line-height: 24px;
	}
	
	.btn-primary{
		font-size: 15px;
	}
	
	.btn-secondary{
		font-size: 15px;
	}
	
	.sub-heading{
		font-size: 12px;
	}
	
	.hero-section .white-btn,
	.dark-hero .white-btn{
		background-color: #FFFFFF;
		color: #2F2F2F;
	}
	
	.hero-badge{
		font-size: 12px;
		padding: 2px 13px;
		gap: 7px;
	}
	
	header nav ul li.dropdown .dropdown-menu{
		margin-top: 0;
		position: unset;
		transform: unset;
	}
	.hero-section{
		align-items: start;
		padding-top: 50px;
		background-position: center center;
		/* height: 680px; */
		aspect-ratio: 3 / 5;
		padding-bottom: 0;
	}
	

	footer .footer-col-1,
	footer .footer-col-2,
	footer .footer-col-3,
	footer .footer-col-4,
	footer .footer-col-5{
		width: 100%
	}
	
	.business-section::after{
		width: 222px;
        height: 250px;
        left: -92px;
        bottom: -100px;
	}
	
	.business-section::before{
		width: 222px;
        height: 250px;
        right: -77px;
        top: -99px;
        left: unset;
	}
	
	.p-none-m{
		padding: 0;
	}
	
	.business-section{
		padding: 40px 24px !important;
		border-radius: 16px !important;
	}
	
	.custom-shadow{
		box-shadow: none;
	}
	
	.dark-hero::before{
		content: none;
	}
	.dark-hero::after{
		width: 500px;
	}
	
	.testimonial-slider .slick-slide {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.faq-accordion .accordion-button{
		line-height: normal;
	}
	
	.faq-accordion .accordion-button:not(.collapsed){
		color: #2F2F2F !important;
	}
	
	.faq-accordion .accordion-collapse .accordion-body{
		color: #4F4F4F;
	}
	
	.header-btns{
		flex-wrap: wrap;
	}
	.lan-dropdow{
		width: 100%;
	}
	
	.dropdown-menu{
		width: 100% !important;
	}
}