/* #########################################################
Theme Name: Free Divi Child Theme by Dividuck
Theme URI: https://www.dividuck.com/
Description: This is a free Divi child theme developed by Dividuck for all to use on their Divi websites.
Author: Mike B.
Author URI: https://www.dividuck.com/
Author Email: hello@dividuck.com
Template: Divi
Version: 1.0.0
License: GNU General Public License v2 or later
License URL:  http://www.gnu.org/licenses/gpl-2.0.html

##########################################################*/

/* ##############
# 
# New to Divi? Visit our YouTUbe Channel for tutorials to get you up and running asap
# https://www.youtube.com/@theonlydividuck
#
#
# Access more Divi resources on our blog
# https://dividuck.com/topics/divi-tutorials/ 


/* ###### Place your custom CSS below #####
__________________________________________________________*/




/* ============================
1. CSS Reset/Normalization
============================ */
*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	line-height: 1.4;
	font-family: Google Sans Display, Arial, Helvetica, sans-serif !important;
}

html, body {
	height: 100%;
	font-family: Arial, sans-serif;
	line-height: 1.5;
}

/* ============================
2. Base Styles
============================ */
body {
	font-size: clamp(14px, 1.5vw, 18px); /* Fluid font size based on viewport width */
	color: #333; /* Default text color */
	background-color: #f4f4f4; /* Default background */
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: clamp(1rem, 2vw, 2rem); /* Responsive margin */
	font-weight: 600;
}

a {
	text-decoration: none;
	color: inherit; /* Links inherit the text color */
	transition: color 0.3s ease;
}

a:hover {
	color: #007bff; /* A light blue for link hover */
}

ul, ol {
	list-style: none;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* ============================
4. Typography
============================ */
h1 {
	font-size: clamp(2rem, 5vw, 3rem); /* Fluid typography */
}

h2 {
	font-size: clamp(1.75rem, 4.5vw, 2.5rem); /* Fluid typography */
}

p {
	font-size: clamp(1rem, 1.5vw, 1.125rem); /* Responsive paragraph text */
	line-height: clamp(1.4, 2.5vw, 1.7); /* Responsive line-height */
	margin-bottom: clamp(1rem, 2vw, 2rem); /* Responsive bottom margin */
}

blockquote {
	font-size: clamp(1.1rem, 2vw, 1.25rem);
	margin: clamp(1rem, 2vw, 2rem) 0;
	padding: clamp(1rem, 2vw, 1.5rem);
	background-color: #f9f9f9;
	border-left: 5px solid #007bff;
}

code {
	font-family: monospace;
	background-color: #f4f4f4;
	padding: 0.2rem 0.5rem;
	border-radius: 3px;
}

/* ============================
5. Forms
============================ */
input, select, textarea {
	width: 100%;
	padding: clamp(0.8rem, 1.5vw, 1rem);
	margin-bottom: clamp(1rem, 2vw, 1.5rem);
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: clamp(1rem, 2vw, 1.125rem);
	background-color: #fff;
}

input:focus, select:focus, textarea:focus {
	outline: none;
	border-color: #007bff;
}

button {
	padding: clamp(0.8rem, 1.5vw, 1rem) clamp(1rem, 2vw, 1.5rem);
	background-color: #007bff;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: clamp(1rem, 2vw, 1.125rem);
	transition: background-color 0.3s ease;
}

button:hover {
	background-color: #0056b3;
}

/* ============================
6. Pre Footer
============================ */
.pre_footer {
	overflow: hidden;
	background: #9064da;
	padding: 1.5rem 0;
}

.pf_marquee {
	display: flex;
	gap: 2rem;
	white-space: nowrap;
	animation: scroll-marquee linear infinite;
	align-items: center;
}

.pf_content p {
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	color: #000;
}

.pf_c_bolded p {
	font-weight: 600;
}

.pf_c_divider {
	width: 6px;
	height: 6px;
	background: #000;
	border-radius: 50%;
	margin: auto 12px;
	flex-shrink: 0;
}
.pf_content.pf_c_bolded p {
	font-size: 1.25rem;
}

/* Keyframes – actual speed will be set in JS */
@keyframes scroll-marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

/* ============================
Header
============================ */
header {padding: 25px 0;position: fixed;top: 0;width: 100%;z-index: 10000;}
header .header_maincont {    background: rgba(0, 0, 0, 0.55);backdrop-filter: blur(30px);border-radius: 30px;justify-content: space-between;padding: 8px 16px;gap: 10%;margin: auto;transition: all 0.3s;}
header.sticky .header_maincont {width: 910px;}
header .header_left img {max-height: 40px;}
header .header_right {display: flex;gap: 20px;align-items: center;}
header .header_right ul {display: flex;gap: 20px;white-space: nowrap;}
header a {color: #fff;font-weight: 300;}
header a.header_ctas {
	background: linear-gradient(90deg,#9064da 0,#2171e0 49.37%,#844eb4 101.93%);
	border-radius: 40px;
	padding: 6px 24px;
	color: #fff !important;
	padding-right: 14px;
}
header a.header_ctas::after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cpath%20style%3D%22fill%3A%23ffffff%22%20d%3D%22m17.5%205.999-.707.707%205.293%205.293H1v1h21.086l-5.294%205.295.707.707L24%2012.499l-6.5-6.5z%22%20data-name%3D%22Right%22%2F%3E%3C%2Fsvg%3E');
	background-size: contain;
	margin-left: 5px;  /* Adjust for spacing */
	margin-right: 10px;
	vertical-align: middle; /* Optional, adjusts the alignment */
	transition: all 0.3s;
}
header a.header_ctas:hover::after {
	margin-left: 15px;
	margin-right: 0px;
}



/* ============================
Home page
============================ */
/* Container basics */
.home_s1 {
	position: relative;
	overflow: hidden;
	    padding: 16rem 0 !important;
    text-align: center;
    padding-top: 10rem !important;
}

.home_s1 .mainbanner_container {
	display: grid;
	gap: 30px;
}
.home_s1 .mainbanner_container h1 {
	font-size: 3.5rem;
	color: #212529;
	max-width: 22ch;
	margin: auto;
	font-weight: 500;
	padding: 0;
}
.home_s1 .mainbanner_container p {
	font-size: 1.5rem;
	color: #212529b8;
	margin: auto;
	font-weight: 300;
	max-width: 48ch;
}
.home_s1 .multi_ctas a {
	display: inline-block;
	margin: 0 0.6rem;
	padding: 0.8rem 1.6rem;
	border-radius: 50px;
	background: linear-gradient(90deg, #5b5bff, #5bbfff);
	color: #fff;
	text-decoration: none;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	background: linear-gradient(90deg, #9064da 0, #2171e0 49.37%, #844eb4 101.93%);
	color: #fff !important;
}
.home_s1 .multi_ctas a:hover {
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
.home_s1 .multi_ctas a::after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cpath%20style%3D%22fill%3A%23ffffff%22%20d%3D%22m17.5%205.999-.707.707%205.293%205.293H1v1h21.086l-5.294%205.295.707.707L24%2012.499l-6.5-6.5z%22%20data-name%3D%22Right%22%2F%3E%3C%2Fsvg%3E');
	background-size: contain;
	margin-left: 5px;  /* Adjust for spacing */
	margin-right: 10px;
	vertical-align: middle; /* Optional, adjusts the alignment */
	transition: all 0.3s;
}
.home_s1 .multi_ctas a:hover::after {
	margin-left: 15px;
	margin-right: 0px;
}

/* Decorative container */
.home_s1 .deco_abso_container_hs1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
	background: #fcfcfc;
}
.deco_abso_container_hs1 video {
	position: absolute;
	mix-blend-mode: multiply;
	    transform: translate(-50%, -50%);
}

/* Big animated gradient disc */
.home_s1 .home_s1_big_disc {
	position: absolute;
	bottom: 4rem;
	left: 50%;
	/* 	transform: translate(-50%, -50%); */
	/* 	width: 1200px;
	height: 1200px; */
	width: 120%;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background: conic-gradient(
		from 0deg,
		#ff0077,
		#ff9900,
		#00e0ff,
		#8e2de2,
		#ff0077
	);
	animation: home_s1_rotate 15s linear infinite;
	/* 	filter: blur(80px);
	opacity: 0.3; */
}

.home_s1 .home_s1_big_disc_after {
	position: absolute;
	bottom: calc(4rem + 75px);
	left: 50%;
	width: calc(120% - 150px);
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background: #fff;
	transform: translateX(-50%);
}

/* Smaller decorative items */
.home_s1 .home_s1_decoitem {
	position: absolute;
	animation: home_s1_float 6s ease-in-out infinite alternate;
}
.home_s1 .home_s1_decoitem img {
	width: 50px;
	height: auto;
	display: block;
}

/* Animations */
@keyframes home_s1_rotate {
	0% { transform: translate(-50%, 0) rotate(0deg); }
	100% { transform: translate(-50%, 0) rotate(360deg); }
}

@keyframes home_s1_float {
	0% { transform: translateY(0px); }
	100% { transform: translateY(-20px); }
}



.mains_contact {
	padding: 4rem 0;
	background: #2171e0; /* adjust to your brand */
	color: #fff;
	    padding-top: 8rem !important;
}

.mains_cp1_left h2 {
	font-size: 3rem;
	font-weight: 700;
	color: #fff;
}

.mains_cp1_left p {
	font-size: 1.25rem;
	font-weight: 300;
}

.mains_cp1_left .back_btn {
	display: inline-block;
	margin-bottom: 1rem;
	color: #ffd700;
	text-decoration: none;
	font-size: 0.9rem;
}

.mains_cp1_right {
	background: #fff;
	color: #000;
	border-radius: 12px;
	padding: 2rem;
}

.mains_cp1_tabs {
	display: flex;
	gap: 1rem;
	margin-bottom: 1.5rem;
}

.mains_cp1_tabs .tab_btn {
	padding: 0.7rem 1.5rem;
	border-radius: 6px;
	border: none;
	background: #eee;
	cursor: pointer;
	font-weight: 600;
	color: #000;
}

.mains_cp1_tabs .tab_btn.active {
	background: #0d6efd;
	color: #fff;
}

.mains_cp1_forms .form_wrap {
	display: none;
}

.mains_cp1_forms .form_wrap.active {
	display: block;
}


/* ============================
8. Footer
============================ */
footer {
	background-color: #000;
	color: #fff;
	text-align: center;
}

footer a {
	color: #fff;
	font-size: 1.1rem;
	font-weight: 300;
}

footer a:hover {
	color: #007bff;
}

.footer_sub * {
	padding: 0;
	margin: 0;
	display: inline-grid;
}
.footer_sub form {
	display: flex;
	gap: 10px;
	align-items: start;
}
.footer_sub input {
	padding: 12px;
	border-radius: 6px;
	background: transparent;
	border-color: #ffffff6e;
	color: #fff;
}
.footer_sub input::placeholder {
	color: #ffffff6e !important;
}
.footer_sub button.wpcf7-form-control.wpcf7-submit {
	padding: 0.4rem 1.5rem;
	background: #2171e0;
	border-color: #000;
	color: #000;
	font-weight: 900;
	border-radius: 6px;
	z-index: 2;
}
.et_pb_button:before,
.et_pb_button:after {
	display: none !important;
}
/* .et_pb_button:before {
margin: 0;
opacity: 1 !important;
background: red;
width: 100%;
content: "" !important;
display: block !important;
height: 100%;
border-radius: 5px;
transform: translate(10px, 10px);
z-index: 0;
}
.et_pb_button:after {
margin: 0;
opacity: 1 !important;
background: orange;
width: 100%;
content: "" !important;
display: block !important;
height: 100%;
border-radius: 5px;
transform: translate(-10px, -10px);
z-index: 0;
} */
.footer_sub .wpcf7-not-valid-tip {
	text-align: left;
	font-size: 1rem;
}
.footer_sub span.wpcf7-spinner {
	position: absolute;
}
.footer_sub .wpcf7-response-output {
	display: none;
}
.footer_left span {
	text-align: left;
	font-size: 3rem;
}
.footer_left {
	display: grid;
	gap: 20px;
	align-content: center;
}
.footer_right .footer_menu {
	display: grid;
	gap: 1rem;
}
.footer_right .menu-footer-menu-1-container, .footer_right .menu-footer-menu-2-container {width: 50%;}
footer .footer_right ul {width: 100%;text-align: left;}

/* Footer Bottom */
.footer_bottom {
	background: #000; /* black background */
	color: #fff;
	font-size: 14px;
	align-items: center;
	justify-content: space-between;
	padding-top: 4rem;
	border-top: 1px solid #ffffff4f;
	margin-top: 4rem;
}

/* Left side (Language + Menu) */
.footer_bottom .footer_left {
	display: flex;
	align-items: center;
	gap: 2rem;
}

/* WP Nav Menu Styling */
.footer_bottom .footer_menu {
	display: flex;
	gap: 1rem 1.5rem;
	list-style: none;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	width: 100%;
	flex-wrap: wrap;
}

.footer_bottom .footer_menu li a {
	color: #fff;
	text-decoration: none;
	transition: color 0.3s ease;
}

.footer_bottom .footer_menu li a:hover {
	color: #ffd700; /* golden yellow accent */
}

/* Right side (Social icons) */
.footer_bottom .footer_right {
	display: flex;
	gap: 1rem;
	justify-content: flex-end;
}

.footer_bottom .footer_right a {
	width: 36px;
	height: 36px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	font-size: 16px;
	text-decoration: none;
	transition: all 0.3s ease;
}

.footer_bottom .footer_right a:hover {
	background: #ffd700;
	color: #000;
}
.footer_lang span {
	font-size: 1rem;
}
.footer_lang .gt_float_switcher .gt-selected, .footer_lang .gt_float_switcher {
	background: transparent;
}
.footer_lang .gt_float_switcher .gt-selected * {
	color: #fff;
}
.footer_lang .gt_white_content a {
	color: #000 !important;
}

/* ============================
9. Utility Classes
============================ */
.text-center {
	text-align: center;
}

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

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

.mt-1 {
	margin-top: clamp(1rem, 2vw, 2rem);
}

.mb-1 {
	margin-bottom: clamp(1rem, 2vw, 2rem);
}

.pt-1 {
	padding-top: clamp(1rem, 2vw, 2rem);
}

.pb-1 {
	padding-bottom: clamp(1rem, 2vw, 2rem);
}
.w_flex {
	display: flex;
}
.w100 {
	width: 100%;
}
.w50 {
	width: 50%;
}
.g_4rem {
	gap: 4rem;
}
.sections {
	padding: clamp(2rem, 5vw, 4rem) 0;
}
.content_starts {
	width: 92% !important;
	max-width: 1240px !important;
	display: flex;
	flex-wrap: wrap;
	margin: auto;
}
.jc_sb {
	justify-content: space-between;
}

.mbt_thememain input, .mbt_thememain input[type=email], .mbt_thememain input[type=tel], .mbt_thememain select, .mbt_thememain textarea {
    background: #fff;
    border: 1px solid #d2d2d2;
    border-radius: .5rem;
    color: #000;
    font-size: .938rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
    overflow: hidden;
    padding: .813rem 1rem;
    width: 100%;
	margin-bottom: 0;
}
.mbt_thememain textarea {height: 100px;max-width: 100%;}
.mbt_thememain input::placeholder, .mbt_thememain select::placeholder, .mbt_thememain textarea::placeholder {
	color: #000 !important;
}
button.wpcf7-form-control.wpcf7-submit {
    padding: 0.4rem 1.5rem;
    background: #2171e0 !important;
    border-color: #fff;
    color: #fff;
    font-weight: 900;
    border-radius: 6px;
    z-index: 2;
}

.g_20px {gap: 20px;}
/* form p {margin: 0;} */
.ml_whatsapp a::before {content: url(data:image/png;base64,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);
    margin-right: 8px;display: inline-block;}
.ml_contact a::before {content: "For Contact:";margin-right: 8px;display: inline-block;}
.ml_support a::before {content: "For Support:";margin-right: 8px;display: inline-block;}

.toggle_menu_mob {
    color: #fff;
    font-size: 30px;
	display: none;margin-left: auto;
}



@media (max-width: 1040px) {
	.home_s1 .home_s1_big_disc {width: 2000px;}
	.home_s1 .home_s1_big_disc_after {width: calc(2000px - 150px);}
	.deco_abso_container_hs1 video:nth-of-type(3), .deco_abso_container_hs1 video:nth-of-type(4), .deco_abso_container_hs1 video:nth-of-type(5) {display: none;}
	
}


@media (max-width: 777px) {
	footer .w100 {flex-wrap: wrap;}
	.w50 {width: 100%;}
	.footer_left span {font-size: 2rem;}
	footer a {font-size: 1rem;}
	.footer_bottom .footer_left, .footer_bottom .footer_menu {flex-wrap: wrap;gap: 1rem;}
	.g_4rem {gap: 2rem;}
	footer .g_4rem {gap: 4rem;}
	footer .footer_bottom.g_4rem {gap: 2rem;}
	.footer_bottom {padding-top: 2rem;margin-top: 2rem !important;}
	
	.home_s1 .mainbanner_container h1 {font-size: 2rem;line-height: 1.4;}
	.home_s1 .mainbanner_container p {font-size: 1.2rem;}
	.multi_ctas {gap: 20px;display: flex;flex-wrap: wrap;justify-content: center;}
	
	.mains_contact_p1 {flex-wrap: wrap;}
	
	header .header_right {position: fixed;top: 0;left: 0;background: rgb(33 113 224);width: 100%;height: 0;flex-direction: column;border: 1px solid transparent;overflow: hidden;transition: all 0.5s;padding: 0 16px;opacity: 0;border-radius: 30px;}
	header .header_right.active {height: 95vh;padding-top: 8px;border-color: #fff;opacity: 1;box-shadow: 0 0 300px 200px black;}
	header .header_right ul {flex-direction: column;text-align: center;font-size: 1.5rem;}
	header .header_right a {font-size: 1.5rem;}
	.toggle_menu_mob {display: block;}
	.header_left {z-index: 1;}
	
	.mains_cp1_left h2 {font-size: 2rem;text-align: center;line-height: 1.4;}
	.mains_cp1_left p {font-size: 1.2rem;text-align: center;}
}