/* :root defines global CSS variables */
:root {
	--primary-color: #263484;
	--black-color: #000000;
	--white-color: #ffffff;
	--highlight-color: #EDE5FF;
	--button-inactive: #BCBCBC;
	--shadow-color: #ccc;
	--primary-line-height: 1.2;
	--other-line-height: 1.5;
	--font-family: 'Arial', sans-serif;
	--afterheight: calc(100% + 4px);
}

.focus_highlight:focus {
	outline: 3px solid #FF4500 !important;
	outline-offset: 6px !important;
	transition: none !important;
}
/* button:focus, 
a:focus, 
input:focus, 
textarea:focus, 
select:focus {
outline: 3px solid #ff4a4a;
outline-offset: 6px;
} */

.screen-reader-response {
	display: none !important;
}
body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Inter", sans-serif;
}

.content_starts {
	width: 96% !important;
	max-width: 1120px !important;
	display: flex;
	flex-wrap: wrap;
	margin: auto;
}

img {
	width: 100%;
	display: block;
	height: auto;
}
a {
	text-decoration: none;
}
a.skip-to-content {
	width: 1px;
	height: 1px;
	position: absolute;
	clip: 1px 1px 1px 1px;
	overflow: hidden;
	transition: all 0.3s;
	margin-top: 20px;
	z-index: 100;
}
a.skip-to-content:focus {
	width: fit-content;
	height: auto;
	color: var(--black-color);
}

.logo_area {
	/*     width: 80px; */
	width: auto;
	margin: auto 0;
}
.logo_area a {
	display: block;
}
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: var(--white-color);
	/*     box-shadow: 1px 1px 4px var(--shadow-color); */
	z-index: 90;
	height: 100px;
}
header .content_starts {
	justify-content: space-between;
	height: 100%;
}
.main-menu nav {
	height: 100%;
}
.main-menu ul {
	display: flex;
	margin: 0;
	padding: 0;
	height: 100%;
	align-items: center;
	list-style: none;
	gap: 15px;
}
.main-menu ul a {
	color: var(--black-color);
	font-weight: 400;
	line-height: var(--other-line-height);
	padding: 15px;
}
.main-menu ul .last_item a {
	background: var(--primary-color);
	color: var(--white-color);
	border-radius: 10px;
	display: block;
	border: 1px solid;
	transition: all 0.3s;
	padding: 15px 25px;
	position: relative;
	overflow: hidden;
}

.menu-item-has-children {
	position: relative;
	padding-right: 15px;
}
.menu-item-has-children::after, span.menu-item-has-children_arrow {
/* 	content: "⌵"; */
	position: absolute;
	right: 10px;
	top: 0;
	font-weight: 600;
	transition: all 0.3s;
/* 	padding: 0 !important; */
}
ul.sub-menu {
	position: absolute;
	flex-direction: column;
	z-index: 99;
	width: 250px;
	background: var(--white-color);
	height: fit-content;
	max-height: 0;
	overflow: hidden;
	align-items: start;
	box-shadow: 1px 1px 4px var(--shadow-color);
	transition: all 0.3s;
}
.sub-menu a {
	display: block;
	padding: 0 !important;
	line-height: 1.4 !important;
}

.menu-item-has-children ul.sub-menu.active, .menu-item-has-children:hover ul.sub-menu {
	max-height: 500px;
	padding: 30px;
}
.menu-item-has-children:hover::after, .menu-item-has-children:hover span.menu-item-has-children_arrow {
	transform: rotate(180deg);
}
.main-menu ul a:hover, .menu-item-has-children:hover::after {
	color: var(--primary-color);
}

main#main-content {
	margin-top: 100px;
}
.sections {
	padding: 60px 0;
}
.w100 {
	width: 100%;
}
.w60 {
	width: 60%;
}

.logo_area img {
	height: auto;
	    max-width: 150px;
}
#section1 {
	/*     background-image: url(../img/banner.jpg); */
	background-size: 40%;
	background-position: top right;
	background-repeat: no-repeat;
	position: relative;
}

#section1 .content_starts {
	gap: 30px;
    flex-wrap: nowrap;
}
#section1 h1 {
	    font-size: 42px;
}
#section1 .backgroundimg {
/* 	position: absolute; */
	top: 50%;
	right: 0;
	height: auto;
/* 	width: 40%; */
	width: 50%;
	z-index: -1;
	/*     object-fit: cover; */
	transform: translateY(-50%) !important;
}
#section1 video.backgroundimg {
	z-index: 1;
}
.page-template-homepage #section1 .backgroundimg {
	transform: none !important;
	top: auto;
}
#section1 .w40 img {
	height: 100%;
	object-fit: cover;
}
h1 {
	font-size: 53px;
	color: var(--primary-color);
	line-height: var(--primary-line-height);
	margin: 0;
	padding: 0;
	font-weight: 700;
}
p {
	line-height: var(--other-line-height);
	color: var(--black-color);
	font-size: 22px;
	margin: 0;
	padding: 0;
	font-weight: 400;
	/* 	opacity: 0;
	transform: translatey(40px); */
	transition: all 0.5s;
}
p.ptaganimate {
	opacity: 0;
	transform: translatey(40px);
}
.gap-30 {
	gap: 30px;
	display: grid;
}
.gap-40 {
	gap: 40px;
}
a.the_button {
	background: var(--primary-color);
	color: var(--white-color);
	border-radius: 10px;
	font-weight: 400;
	line-height: var(--primary-line-height);
	padding: 15px 25px;
	display: block;
	width: fit-content;
	font-size: 20px;
	position: relative;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease;
	overflow: hidden;
	border: 1px solid var(--white-color);
	text-align: center;
}

.dyk_details {
	border-radius: 18px;
	box-shadow: 0px 4px 50px 7px #CBCBCB40;
	padding: 30px;
}

h2 {
	line-height: var(--primary-line-height);
	font-size: 40px;
	margin: 0;
	padding: 0;
	font-weight: 600;
	/*     opacity: 0; */
}
h2.h2taganimate {
	opacity: 0;
}

.text_align_center {
	text-align: center;
}

.dyk_details span {
	font-size: 50px;
	line-height: var(--primary-line-height);
	color: var(--primary-color);
	font-weight: 500;
	/*     opacity: 0; */
}
.dyk_details p, #section3 .w40 p {
	font-size: 20px;
}
.dyk_details p {
	/*     transform: translateY(25PX); */
	transition: all 0.5s;
	/*     opacity: 0; */
}

.w20 {
	width: 20%;
}
.w40 {
	width: 40%;
}
.wmain {
	display: flex;
	flex-wrap: wrap;
}
.justify_sbetween {
	justify-content: space-between;
}
.justify_saround {
	justify-content: space-around;
}

h3 {
	font-size: 22px;
	font-weight: 500;
	line-height: var(--primary-line-height);
	margin: 0;
	padding: 0;
}

#section3 p {
	font-weight: 300;
	font-size: 20px;
}

.hcih_item {
	padding: 0 20px;
	padding-right: 80px;
	position: relative;
	padding-bottom: 20px;
	background-image: linear-gradient(90deg, black calc(100% - 100px), white 80px);
	background-size: 100% 1px;
	background-position: bottom;
	background-repeat: no-repeat;
	background-position-x: 20px;
}
.hcih_item:nth-last-child(1) {
	padding-bottom: 0;
	background-image: none;
}
.hcih_item h3 {
	cursor: pointer;
}
.hcih_item p {
	line-height: var(--primary-line-height);
	margin-top: 15px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 1s;
}
.hcih_item.active p {
	max-height: 500px;
}
.hcih_item h3::before {
	content: "";
	width: 30px;
	height: 30px;
	border: 2px solid;
	border-radius: 50%;
}
.hcih_item h3::after, span.hcih-icon-arrow {
/* 	content: "➜"; */
	line-height: 34px;
	width: 34px;
	text-align: center;
	font-size: 20px;
	transition: all 0.5s;
}
.hcih_item h3::after, .hcih_item h3::before, span.hcih-icon-arrow {
	color: #263484;
	position: absolute;
	top: 0;
	right: 0;
	transition: all 0.3s;
}
.hcih_item h3:hover::after, .hcih_item h3:hover::before, .hcih_item h3:hover span.hcih-icon-arrow {
	scale: 1.25;
}

.hcih_item.active h3::after, .hcih_item.active h3 span.hcih-icon-arrow {
	transform: rotate(90deg);
}
.hcih_item.active h3::before, .hcih_item.active h3::after, .hcih_item.active h3 span.hcih-icon-arrow {
	scale: 1.25;
}
.free_scan_sec {
	border: 1px solid var(--black-color);
	border-radius: 25px;
	overflow: hidden;
}
.free_scan_sec img, .slide img {
	height: 100%;
	object-fit: cover;
}
.free_scan_sec .w40 {
	border-radius: 0 !important;
}
.free_scan_sec .w60 {
	padding: 40px;
	width: calc(60% - 80px);
}
.free_scan_sec p.child1 {
	font-weight: 300;
	font-size: 25px;
	margin-top: 10px;
}
.scan_form {
	margin-top: 30px;
}
.scan_form form {
	display: flex;
	flex-wrap: wrap;
}
/* .scan_form form p:nth-child(2) {
width: 100%;
margin-bottom: 15px;
}
.scan_form form p:nth-child(3) {
width: calc(100% - 200px);
}
.scan_form form p:nth-child(4) {
width: 200px;
} */

.scan_form form p:nth-child(2) {
	width: 100%;
	margin-bottom: 15px;
}
.scan_form form p:nth-child(3) {
	width: calc(100% - 200px);
}
.scan_form form p:nth-child(4) {
	width: 200px;
}
.scan_form label {
	font-size: 18px;
}
.scan_form input[type="url"] {
	font-weight: 400;
	padding: 17px 25px;
	border-radius: 10px;
	font-size: 20px;
	border: 1px solid black;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	/* width: 100%; */
	width: calc(100% - 50px);
}
.scan_form input[type="url"]::placeholder {
	font-size: 16px;
}
.scan_form input[type="submit"] {
	background: var(--primary-color);
	color: var(--white-color);
	border-radius: 10px;
	font-weight: 400;
	line-height: var(--other-line-height);
	padding: 15px 25px;
	border: none;
	font-size: 18px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	cursor: pointer;
	border: 1px solid var(--primary-color);
	transition: all 0.3s;
	width: 200px;
}

.main-menu ul .last_item a:hover {
	background: transparent;
	border-color: var(--black-color);
	color: var(--white-color);
}
.scan_form input[type="submit"]:hover {
	background: transparent;
	border-color: var(--black-color);
	color: var(--black-color);
}
#section5 {
	background: var(--primary-color);
}
#section5 * {
	color: var(--white-color);
}

.offer_list {
	justify-content: center;
}
.offer_item {
	border: 2px solid #fff;
	padding: 20px;
	border-radius: 12px;
	width: calc(33% - 70px);
	transition: all 0.3s;
}
/* .offer_item:hover {
transform: translateY(-20px);
box-shadow: 10px 10px var(--white-color);
} */
.offer_item h3 {
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 10px;
}
.offer_item p {
	font-size: 20px;
}
/* .offer_item.active, .offer_item.active * {
background: var(--white-color);
color: var(--black-color) !important;
} */
.offer_item:hover {
	background: var(--white-color);
	color: var(--black-color) !important;
}
.offer_item:hover * {
	color: var(--black-color) !important;
}
/* .offer_item.active:hover {
box-shadow: 10px 10px var(--white-color);
border-color: var(--black-color) !important;
} */

.slider-container {
	overflow: hidden;
	background: var(--highlight-color);
	border-radius: 30px;
}
.slider-container .slides {
	display: flex;
}
.slider-container .slide {
	flex: 0 0 100%;
	transition: all 0.5s;
}
.slider-container .slide-content {
	padding: 40px;
}
.slider-container .slide-content img {
	border-radius: 15px;
}
.slider-container .slide-content h3 {
	padding-right: 40px;
}
.slider-container .slide-content p {
	padding-right: 40px;
	font-size: 20px;
	line-height: 1.7;
}

.slide-content .w40, .free_scan_sec .w40 {
	transition: all 0.3s;
	transform: none;
	overflow: hidden;
	border-radius: 15px;
}
.slide-content .w40:hover {
	transform: translateY(-40px);
}
.slide-content .w40 img, .free_scan_sec .w40 img {
	transition: all 0.3s;
	scale: 1;
}
.slide-content .w40:hover img, .free_scan_sec .w40:hover img {
	scale: 1.25;
}

.slider_nav .arrow {
	color: var(--black-color);
	font-size: 30px;
	padding: 0;
	margin: 0;
	line-height: 45px;
	width: 49px;
	border-radius: 50%;
	border: 2px solid var(--black-color);
	background: none;
	cursor: pointer;
	transition: all 0.3s;
}
.slider_nav .arrow:hover {
	color: var(--primary-color);
	border-color: var(--primary-color);
	scale: 0.8;
}
.slider_nav .arrow.left {
	transform: rotate(180deg);
}

.w12 {
	width: 12%;
}
.w80 {
	width: 80%;
}

footer {
	background: var(--primary-color);
}
footer * {
	color: var(--white-color);
	/*     fill: var(--white-color) */
}
/* footer .social a, footer .social a svg {
width: 40px;
height: 40px;
margin: 2px;
} */
.footer_links {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 20px;
}
/* .footer_col {
display: grid;
grid-template-rows: 3fr 2fr 2fr 2fr;
} */
.footer_col h3 {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 500;
	margin-bottom: 15px;
	display: block;
}
.footer_col.social {
	gap: 10px;
	display: flex;
	flex-wrap: wrap;
}

.footer_links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

footer .social a {
	background: #fff;
	border-radius: 6px;
	padding: 10px;
	fill: black;
	margin: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	max-height: fit-content;
}
footer .social a svg {
	width: 25px !important;
	height: 25px !important;
	fill: var(--primary-color) !important;
}

.copyright p {
	font-size: 18px;
}
.copyright a {
	text-decoration: underline;
}

.footer_col a {
	font-weight: 400;
	padding: 4px 0;
	display: inline-flex;
	font-size: 15px;
	transition: all 0.3s;
}
.footer_col .highlited a {
	display: block;
	border: 1px solid;
	width: fit-content;
	border-radius: 8px;
	line-height: 1;
	height: fit-content;
	padding: 11px 30px;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.footer_col a:hover {
	color: #ffeb00;
	border-color: #ffeb00;
}
.footer_col .highlited a:hover {
	color: #fff;
}

.menu_bars, .menu_cross {
	display: none;
	margin: auto 0;
	z-index: 111;
	cursor: pointer;
	font-size: 50px;
}



a.the_button:hover, .main-menu ul .last_item a:hover, .footer_col .highlited a:hover {
	background-color: var(--black-color) !important;
	border-color: var(--black-color) !important;
}

a.the_button::before, .main-menu ul .last_item a::before, .footer_col .highlited a::before {
	content: '';
	position: absolute;
	top: var(--mouse-y, 50%);
	left: var(--mouse-x, 50%);
	width: 50px;
	height: 50px;
	background-color: transparent;
	z-index: -1; /* Ensures this element is behind the text */
	transition: all 0s ease;
	z-index: 1;
	display: none;
	border-radius: 50%;
	backdrop-filter: invert(1);
}

/* a.the_button:hover::before, .main-menu ul .last_item a:hover::before, .footer_col .highlited a:hover::before {
	display: block;
} */


.animate, .animate_rev {
	position: relative;
	transition: all 0.5s;
	transform: translateY(100%);
}
.animate_rev {
	transform: translateY(-100%);
}
.animate::after, .animate_rev::after {
	content: "";
	width: calc(100% + 4px);
	bottom: -2px;
	left: -2px;
	position: absolute;
	background: #fff;
	z-index: 3;
	transition: all 0.5s;
	height: var(--afterheight);
}
.animate_rev::after {
	top: -2px;
	bottom: auto;
}
#section1 {
	transition: all 0.8s;
	background-position-y: -600px;
}

/* about us page---------------------------------------------------------------------------------------------------------------------------------  */
.about_us_wci {display: grid;grid-template-columns: 1fr 1fr;}
.w18 {width: 18%;}

.aboutuspage_s1 h1 {font-size: 53px;line-height: 64.14px;}
.aboutuspage_s1 p {line-height: 34px;}
.aboutuspage_s2 p {font-weight: 300;line-height: 31px;}
.aboutuspage_s3 h2 {font-size: 41px;}
.aboutuspage_s3 h3 {font-weight: 700;font-size: 25px;}
.aboutuspage_s3 p {font-size: 20px;line-height: 24px;}
.aboutuspage_s3 .w80 {gap: 15px;display: grid;grid-auto-rows: max-content;}
.aboutpage_imagelist {display: flex;flex-wrap: nowrap;padding-top: 32px;justify-content: space-between;align-items: center;}
.aboutuspage_s4 h2, .aboutuspage_s5 h2 {color: #263484;text-align: center;font-size: 41px;}
#sub-footer a {margin-left: auto;}

/* about us page---------------------------------------------------------------------------------------------------------------------------------  */
/* remediation page---------------------------------------------------------------------------------------------------------------------------------  */
.remediationpage_s2 .content_starts {background: #EDE5FF;padding: 30px;border-radius: 30px;width: calc(96% - 60px) !important;}
.remediationpage_s2 h2 {color: #263484;}
.remediationpage_s2 p {font-weight: 300;font-size: 20px;margin-right: 30px;}
.remediationpage_s2 p.child1 {font-weight: 500;font-size: 22px;margin: 0;}
.remediation_oars {display: flex;flex-wrap: wrap;justify-content: center;}
.remediation_oars_card {text-align: center;padding: 40px;border: 1px solid;border-radius: 15px;width: calc(33% - 105px);display: grid;gap: 15px;}
.remediation_oars_card h3 {font-weight: 700;}

.remediationpage_s4 h2 {color: #263484;}
.remediationpage_s4 p.child1 {color: #263484;font-weight: 500;}

.remediationpage_s2 h1 {font-size: 53px;}

.arrow_workflow_steps {display: grid;gap: 30px;grid-template-columns: 1fr 1fr 1fr;}
.arrow_workflow_card {padding: 40px;display: grid;gap: 15px;position: relative;border-right: 2px solid #6572BF;border: none !important;}
.arrow_workflow_card img {max-height: 100px;width: auto;margin: auto;display: block;}
.arrow_workflow_card h3 {color: #263484;font-size: 20px;font-weight: 700;line-height: 24px;text-align: center;}
.arrow_workflow_card p {color: #363636;font-size: 20px;font-weight: 500;line-height: 24px;text-align: center;}
.arrow_workflow_card::before {content: "";    border-radius: 0;top: 50%;transform: translateY(-50%);position: absolute;background: 0 0;border-top: 25px solid transparent;border-bottom: 25px solid transparent;right: -30px;z-index: 0;border-left: 30px solid #3949AA;}
.arrow_workflow_card::after {content: "";border-radius: 0;top: 50%;transform: translateY(-50%);position: absolute;background: 0 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;right: -13px;z-index: 0;border-left: 15px solid #fff;}
.arrow_workflow_card.active {border-right: 2px solid #F9A653;}
.arrow_workflow_card.active::before {border-left: 30px solid #F78F1E;}
.arrow_workflow_card.active h3 {color: #F9A653;}
.arrow_workflow_card:last-child::before, .arrow_workflow_card:last-child::after {display: none !important;}
.arrow_workflow_card:last-child {border: none !important;}
/* remediation page---------------------------------------------------------------------------------------------------------------------------------  */

.auditpage_s2 h2 {color: var(--primary-color);}
.audit_oaas_card {text-align: center;padding: 20px;border: 1px solid;border-radius: 15px;width: calc(33% - 75px);display: grid;gap: 15px;background: #fff;border-left: 10px solid transparent;transition: all 0.3s;}
.audit_oaas_card h3 {font-size: 20px;color: #000 !important;margin: auto;}
.audit_oaas_card:hover {border-left: 10px solid #F68E1E;}
.audit_oaas_card:hover h3 {color: var(--primary-color) !important;}

.authorspage_s2_c1 span {max-width: clamp(1ch, 11ch, 100%);margin: auto;font-weight: 400;color: var(--primary-color);line-height: 1.2;font-size: 28px;text-align: center;}
.authorspage_s2_c2 ul {display: grid;gap: 30px;margin: 0;list-style: none;}
.authorspage_s2_c1 p, .authorspage_s2_c2 p {font-size: 18px;}
.authorspage_s2_c1 {display: grid;gap: 20px;}
.authorspage_s2_c1 p {margin: auto;width: fit-content;}
.authorspage_s2_c1 span span {font-size: clamp(1.5rem, 5.626vw + 0.094rem, 4.313rem);}

.auditpage_s4 h2 {color: var(--primary-color);}
.auditpage_s4 .arrow_workflow_card h3 {color: #000;font-weight: 500;}
.auditpage_s4 .arrow_workflow_card p {color: var(--primary-color);font-size: 30px;}
.auditpage_s4 a {margin: auto;}
.auditpage_s4 .arrow_workflow_card.active h3 {color: #F68E1E;}
.auditpage_s4 .arrow_workflow_card.active p {color: #F68E1E;}

.auditpage_s6 {background: none !important;}
.auditpage_s6 h2.child1 {color: var(--primary-color);}

.sigleblog_s2 .w30 {padding-left: 20px;max-width: calc(30% - 20px);}
.sigleblog_s2 .w30 h2 {margin-bottom: 30px;}
.rb-blog {padding: 20px;border: 2px solid #263484;margin-bottom: 30px;border-radius: 8px;display: grid;gap: 15px;}

.the_content h2 {font-size: 1.75rem !important;font-weight: 400 !important;}
.the_content p {font-size: 18px;}
.the_content h3 {margin: 15px 0;}
.the_content ul {margin: 15px 0;gap: 10px;display: grid;font-size: 18px;}
.the_content blockquote {border-left: 2px solid #F68E1E;padding-left: 10px;}

.sigleblog_s2 h3 a {color: #000;}

.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output {margin: 0;}
.wpcf7-not-valid-tip {font-size: 16px !important;}

.author_card {height: fit-content;align-items: center;display: flex;}
.author_card img {float: left;max-width: 45px;margin-right: 15px;}
.author_card p {font-size: 18px;line-height: 1.4;}
.author_card p b {display: block;}

section#singlecase_section1 .w70 * {color: #fff !important;}
section#singlecase_section1 .w70 {display: grid;gap: 20px;width: calc(70% - 30px);padding-right: 30px;}
.casestudy_form_sidebar {background: #fff;padding: 20px;border-radius: 15px;}
.casestudy_form_sidebar input, .casestudy_form_sidebar textarea, .casestudy_form_sidebar select {max-width: calc(100% - 28px);padding: 12px;font-size: 14px;font-family: 'Inter';}
.casestudy_form_sidebar label {font-size: 14px;}
.casestudy_form_sidebar button.anim1.wpcf7-submit {background: var(--primary-color);color: var(--white-color);border-radius: 10px;border: 1px solid;padding: 15px 25px;cursor: pointer;font-size: 18px;}
section#singlecase_section1 .w70 h1 {font-size: 34px;margin-bottom: 25px;}
.casestudy_form_sidebar select {max-width: 100%;width: 100%;}
.casestudy_form_sidebar textarea {width: 100%;}

section#singlecase_section1 .w70 span strong {color: #fabe6c !important;}
section#singlecase_section1 .w70 p, section#singlecase_section1 .w70 ul li {font-size: 16px;}
section#singlecase_section1 .w70 h2 {border-bottom: 1px dashed #878787;font-weight: 600;font-size: 22px;}

.iti {width: 100%;}
.iti__search-input {font-size: 18px;padding: 12px;}

/* .flame-text {
font-size: 50px;
font-weight: bold;
background: linear-gradient(45deg, #ff4500, #ff6347, #ffcc00, #ff99cc);
background-size: 400% 400%;
color: transparent;
background-clip: text;
-webkit-background-clip: text;
animation: flame-animation 2s infinite linear;
}

@keyframes flame-animation {
0% {
background-position: 0% 0%;
}
25% {
background-position: 100% 0%;
}
50% {
background-position: 0% 100%;
}
75% {
background-position: 100% 100%;
}
100% {
background-position: 0% 0%;
}
} */
@keyframes typing {
	from {
		transform: translateY(25px);
	}
	to {
		transform: none;
	}
}

span.typing {
	display: inline-flex;
	width: fit-content !important;
	white-space: nowrap;
	overflow: hidden;
	animation: typing 0.5s forwards;
	transform: translateY(50px);
	opacity: 1 !important;
}

@media (max-width: 980px) {
	#section1 {
		background-size: cover;
		position: relative;
	}
	#section1 .content_starts {
    flex-wrap: wrap;
}
	#section1 .w50 {
   width: 100%
}
	#section1 .backgroundimg {
		width: 100%;
		position: relative;
		z-index: 2;
		margin-top: 30px;
	}
	#section1::after {
/* 		content: ""; */
		z-index: 1;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.7);
	}
	#section1 .w60 {
		z-index: 2;
	}

	.remediation_oars_card {width: calc(50% - 105px);}
}
@media (max-width: 850px) {
	.main-menu {
		position: fixed;
		z-index: 110;
		top: 0;
		left: 0;
		width: 0;
		height: calc(100% - 140px);
		background: #fff;
		box-shadow: 0px 4px 7px;
		max-width: calc(100% - 40px);
		padding: 0;
		overflow: hidden;
		transition: all 0.3s;
		top: 100px;
	}
	.main-menu.active {
		width: 100%;
		padding: 20px;
	}
	.menu_bars {
		display: block;
	}
	.main-menu ul {
		flex-direction: column;
		max-height: calc(100vh - 200px);
		overflow-y: scroll;
		margin: 50px 0;
		scrollbar-width: none;
		align-items: start;
	}
	.menu-item-has-children ul.sub-menu {
		height: auto !important;
		max-height: 100% !important;
		padding: 20px !important;
		box-shadow: none;
		margin: 0 !important;
		overflow: visible;
		width: fit-content;
		padding-left: 40px !important;
	}

	ul.sub-menu {
		position: initial;
		padding: initial;
	}
	.menu-item-has-children::after {
		display: none;
	}
	.w20 {
		width: 40%;
	}
	.w40, .w60, .free_scan_sec .w60 {
		width: 100%;
	}
	.wmain {
		gap: 30px;
	}
	.hcih_item {
		padding-left: 0;
	}
	.offer_item {
		width: calc(50% - 60px);
	}
	.slider-container .slide-content {
		flex-direction: column-reverse;
	}
	.w80 {
		width: 100%;
	}
	.slider-container .slide-content p {
		padding: 0;
	}
	.scan_form input {
		border-radius: 10px !important;
	}

	.about_us_wci {grid-template-columns: 1fr;}
	.about_us_wci .wmain {flex-wrap: nowrap;}
	.aboutpage_imagelist {flex-wrap: wrap;justify-content: center;}
	.aboutpage_imagelist .w25, .aboutpage_imagelist .w20 {width: 25%;}
	#section1 .w40 img {position: absolute;top: 0;left: 0;}
	.audit_oaas_card {width: calc(50% - 75px);}

	#sub-footer a, #sub-footer .sub-footer-text {margin: auto;text-align: center;}
	.authorspage_s2_c1 span {max-width: none;}
	.remediationpage_s2 p {margin: 0;}
	.authorspage_s2_c2 ul {padding: 0;}

	.sigleblog_s2 .w30 {
		max-width: none;
		padding: 0;
	}
	
	footer .w18 {width: 50%;}
}

@media (max-width: 780px) {
	.arrow_workflow_steps {grid-template-columns: 1fr;}
	.arrow_workflow_card::before {bottom: -40px;top: auto;left: 50%;right: auto;transform: rotate(90deg);}
	.arrow_workflow_card::after {bottom: -20px;top: auto;left: calc(50% + 8px);right: auto;transform: rotate(90deg);}
	.arrow_workflow_card {border: none !important;
		/* 		border-bottom: 2px solid #6572BF !important; */
	}
	/* 	.arrow_workflow_card.active {border-bottom: 2px solid #F9A653 !important;} */
	.arrow_workflow_card img {    max-height: none;}
	
	
	.sigleblog_s1 .w40 img {filter: opacity(0.35);}
}
@media (max-width: 700px) {
	.footer_links {
		grid-template-columns: 1fr 1fr;
		gap: 40px;
	}
	.w12 {
		width: 30%;
		min-width: 150px;
	}

	.animate, .animate_rev {
		transition: none; /* Remove transition */
		transform: none;  /* Remove any transform effect */
	}

	.animate::after, .animate_rev::after {
		transition: none; /* Remove transition for the ::after pseudo-elements */
		display: none !important;
	}

	#section1 {
		transition: none; /* Remove transition for section1 */
	}
}

@media (max-width: 540px) {
	.offer_item {
		width: 100%;
	}
	.free_scan_sec .w60 {
		width: calc(100% - 30px);
		padding: 15px;
		display: flex;
		flex-direction: column;
	}
	.scan_form form {
		display: flex;
		flex-direction: column;
	}
	input[type="url"] {
		max-width: calc(100% - 50px);
	}

	h1 {
		font-size: 38px;
	}
	p {
		font-size: 18px !important;
	}
	a.the_button {
		font-size: 16px;
	}
	h2 {
		font-size: 32px;
	}
	.dyk_details span {
		font-size: 38px;
	}
	h3 {
		font-size: 20px;
	}

	.aboutuspage_s1 h1 {font-size: 38px;line-height: 1.3;}
	.aboutuspage_s1 p, .aboutuspage_s2 p {font-size: 18px;line-height: 1.4;}
	.about_us_wci .wmain {flex-wrap: wrap;justify-content: center;}
	.aboutuspage_s3 h2, .aboutuspage_s4 h2, .aboutuspage_s5 h2 {font-size: 32px;line-height: 1.3;}
	.aboutpage_imagelist .w25, .aboutpage_imagelist .w20 {width: 40%;}
	.aboutuspage_s3 .w12 {width: 0;min-width: 100px;}
	.remediation_oars_card {width: 100%;}

	.audit_oaas_card {width: 100%;}

	.scan_form form p:nth-child(4) {width: calc(100% - 2px);margin-bottom: 15px;}

	.aboutuspage_s3 h3, .aboutuspage_s3 p {text-align: center;}
	.w18 {width: 42%;}

	section#section2 {padding: 0;}
	.dyk_details .w20 {text-align: center;}
	.hcih_item {padding-right: 0;}
	.hcih_item h3 {padding-right: 50px;}
	footer .footer_links {grid-template-columns: 1fr;text-align: center;}
	footer .w18 {justify-content: center;width: 100%;}
	footer a, footer img {margin: auto;}
	footer .footer_col.social {justify-content: center;}
	footer .copyright p {text-align: center;}
	
	.arrow_workflow_card img {max-height: 80px;width: auto;}
	.auditpage_s6 {padding-top: 0 !important;}
}
@media (max-width: 400px) {
	.w20 {
		width: 100%;
	}

	h1 {font-size: 28px !important;}
	h2 {font-size: 24px !important;}
	h3 {font-size: 20px !important;}
	p {font-size: 16px !important;}
}