/* Reset default styles */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* Basic typography */
body {
	font-family: "Roboto", sans-serif;
	line-height: 1.6;
	color: #1b1b1b;
	letter-spacing: 0.5px;
	margin: 0 !important;
}

/* Container */

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Roboto", sans-serif;
	margin: 0;
}

a {
	text-decoration: none;
	color: #0a044b;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.sticky-move-box {
	width: 140px;
	padding: 0;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	position: fixed;
	top: 25%;
	left: 0;
/*	transition: top 0.2s ease-out;*/
	z-index: 9;
	border-bottom: 1px solid #303030;
	background: rgb(0, 0, 0);
	backdrop-filter: blur(6.300000190734863px);
/*    transform: translateY(-50%);*/
	transition: left 0.4s ease;
	display: none;
}

.sticky-move-box.move-left {
	left: -220px;
}

.sticky-move-box ul {
	margin: 0;
	list-style: none;
	padding: 0;
}

.sticky-move-box ul li a {
	display: flex;
	align-items: center;
	color: rgba(255, 255, 255, 0.82);
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding: 15px;
	border-top: 1px solid rgba(48, 48, 48, 1);
	/* gap: 9px; */;
}

.logo_language_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.page_header {
	position: relative;
	padding: 0px;
}

.page_header {
/*    position: absolute;*/
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
}

.video_banner_home video {
	width: 100%;
	height: 100%;
}

.banner_sec_home {
	height: 100vh;
	overflow: hidden;
	position: relative;
}

.video_banner_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	padding: 150px 0 90px 0;
	background: linear-gradient(234deg, rgba(0, 0, 0, 0) 8%, #000 105.55%);
}

.video_banner_content h1,
.video_banner_content p,
.video_banner_content .btn-a {
	transition: opacity 0.4s ease, transform 0.4s ease;
}

.video_banner_content .col-md-12 {
	padding: 0 80px;
}

.page_header::after {
	content: "";
	background: rgba(255, 255, 255, 0.82);
	display: block;
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	width: 200px;
	z-index: -1;
}

/*.video_banner_content h1 {
	font-size: 38px;
	font-weight: 500;
	letter-spacing: -0.76px;
	position: relative;
	padding-left: 25px;
}*/

.video_banner_content h1 {
	position: relative;
	padding-left: 25px;
	color: rgba(255, 255, 255, 0.82);
	font-size: 42px;
	font-weight: 600;
	letter-spacing: -0.76px;
	font-family: Roboto;
/*	margin: 10px 0;*/
}
.banner_title_line {
	display: inline-flex;
	height: 36px;
	padding: 6px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 100px;
	border: 1px solid #69CBF2;
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}

.video_banner_content h1::before {
	content: "";
	position: absolute;
	width: 3px;
	height: 140px;
	background: url(../images/bnr_title_line.svg) 0 0 no-repeat;
	bottom: 0;
	left: 0;
	background-size: 100%;
	background-position: center center;
	top: 0;
}

.video_banner_content p {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3;
	margin: 20px 0;
	color: rgba(255, 255, 255, 0.82);
	padding-left: 25px;
}

.video_banner_content a {
	display: inline-flex;
	padding: 17px 37px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: rgba(255, 255, 255, 0.82);
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-weight: 500;
	background: #21afe3;
}

.btn-a.btn-b {
	border: 1px solid #69CBF2;
	background: transparent;
	padding: 17px 17px;
	margin-left: 6px;
}

.video_banner_content a:hover {
	color: rgba(255, 255, 255, 0.82);
}

.slider_two {
	height: 300px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
}

.slider_two_box {
	position: relative;
}

.slider_two_content {
	position: absolute;
	bottom: 0;
    /* width: 100%; */
	height: 100%;
	padding: 31px;
	display: flex;
	align-items: flex-end;
}

.slider_two_content h6 {
	color: rgba(255, 255, 255, 0.82);
	font-size: 18px;
	font-weight: 500;
	line-height: 131%;
}

.home_about_box {
	padding: 50px 90px;
    /* background: linear-gradient(309deg,
            #b5d561 9.21%,
            #acd26b 24.69%,
            #95cd86 60.14%,
            #70c4b3 88.16%,
            #46bbe6 125.92%); */
	background: #46BDE8;
	position: relative;
}

/*.title_h2 {
    color: #112a4d;
    font-size: 35px;
    font-weight: 500;
    line-height: 54px;
    text-transform: uppercase;
}*/
.title_h2 {
	letter-spacing: -0.02em;
	color: #11294B;
	font-family: Roboto;
	font-size: 35px;
	font-weight: 600;
}

.gotham_title {
	font-family: "Roboto", sans-serif;
	font-size: 50px;
	font-style: normal;
	font-weight: 500;
	line-height: 54px;
	text-transform: uppercase;
}

.home_about_box p {
	color: #000;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
}

.home_about_box a {
	display: flex;
	width: 76.8px;
	height: 64px;
	padding: 11.039px 18.043px 11.259px 17.055px;
	justify-content: center;
	align-items: center;
	background: rgba(255, 255, 255, 0.82);
	position: absolute;
	right: 0;
	top: 0;
}

.home_about_box a img {
	transition: all 0.4s ease-in-out;
}

.home_about_box a:hover img {
	transform: translateX(50%) translateY(-50%);
}

.home_about_bg {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 758px;
	width: 100%;
}

.sec_home_b {
	min-height: 478px;
	display: flex;
	align-items: center;
}

.milestone_box {
	gap: 44px;
	max-width: 100%;
	width: 100%;
	flex-wrap: wrap;
}

.slider_one img {
	border: 1px solid #ececec;
}

.milestone_box_number p {
	color: #000;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.milestone_box_number h2 {
	color: #11294B;
	font-family: "Roboto", sans-serif;
	font-size: 62px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.milestone_box_number {
	flex: 1;
/*    width: 21%;*/
	padding-left: 13px;
	border-left: 1px solid rgba(228, 228, 228, 1);
	position: relative;
}

.milestone_box_number::before {
	content: "";
	background: rgba(70, 187, 230, 1);
	display: block;
	position: absolute;
	left: -1px;
	width: 3px;
	height: 100%;
}

.milestone_box_bg {
	background: #F6F6F6 url(../images/number_bg.png) 0 0 no-repeat !important;
	background-size: cover;
	background-position: 100% 50% !important;
	background-size: 56% !important;
}

.sec_home_c {
	background: #F6F6F6;
}
/* .sec_home_d {
    background: #f5f5f5;
} */

.sec_home_d .title_h2 {
	color: #112a4d;
	font-size: 35px;
	line-height: 1.2;
	font-weight: 600;
	white-space: nowrap;
	margin-right: 60px;
	padding: 30px 0 0 0;
}

.home_core_box {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 15px;
	background: rgba(255, 255, 255, 0.82);
	position: relative;
	margin: 0 0;
	padding: 0;
	border: 1px solid #dad9d9;
	transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.home_core_box figcaption {
	padding: 0 15px 15px 15px;
}

.home_core_box:hover {
	border-color: #9bdff0;
	box-shadow: 0 6px 52.6px 0 rgba(0, 0, 0, 0.11);
	transform: translateY(-6px);
}

.home_core_box a {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 30px;
	height: 30px;
	background: #44BDEA;
}

.home_core_box a img {
	transition: all 0.4s ease-in-out;
}

.home_core_box a:hover img {
	transform: translateX(16%) translateY(-16%);
}

.home_core_box figure {
	margin: 0;
	/*width: 30%;
	min-width: 30%;
	max-width: 30%;*/;
}

.home_core_box h6 {
	color: #000;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.home_core_box p {
	color: #181818;
	font-family: Roboto;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	margin: 5px 0;
}

.title-marquee {
	overflow: hidden;
	width: 100%;
}
/*.home_core_box figcaption {
	padding: 0 30px 0 0;
}*/
.title-track {
	display: flex;
	width: max-content;
	animation: marquee 16s linear infinite;
	-webkit-animation: marquee 16s linear infinite;
}

.home_core_box figcaption span {
	display: block;
	font-size: 11px;
	margin: 5px 0;
	color: #112a4d;
}

@keyframes marquee {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}

/* slider-three */
/* slider-three */
/* slider-three */
.vertical-center-slider {
	height: 549px;
	overflow: hidden;
	margin: 50px 0 0 0;
}

.vertical-center-slider .swiper-slide {
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	background: #e5e7eb;
	transition: all 0.4s ease;
	opacity: 0.5;
	transform: scale(0.75);
	border-radius: 10px;
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-ms-transform: scale(0.75);
	-o-transform: scale(0.75);
	opacity: 0.1;
}

/* 🔥 Active (middle) slide */
.vertical-center-slider .swiper-slide-active {
	height: 160px;
	opacity: 1;
	transform: scale(0.9);
	background: #a5b4fc;
	font-size: 24px;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
}

.stack-item-inner {
	display: flex;
	gap: 40px;
	background: rgba(255, 255, 255, 0.82);
	padding: 40px;
	align-items: center;
}

.stack-item-inner figure {
	margin: 0;
	width: 40%;
	max-width: 40%;
	min-width: 40%;
}

.vertical-center-slider .swiper-slide-active .stack-item-inner {
	position: relative;
	z-index: 9;
	opacity: 1;
	background: rgba(255, 255, 255, 0.82);
}

.vertical-center-slider .swiper-slide.swiper-slide-next {
	opacity: 0.1;
	z-index: -2;
}

.stack-item-inner h3 {
	color: #000;
	font-family: Roboto;
	font-size: 24px;
	font-weight: 500;
}

.stack-item-inner p {
	color: #333;
	font-size: 18px;
	font-weight: 400;
	line-height: 29.514px;
	margin-top: 27px;
}

.stack-item-inner {
	position: relative;
}

.stack-item-inner a {
	display: flex;
	width: 76.8px;
	height: 64px;
	padding: 11.039px 18.043px 11.259px 17.055px;
	justify-content: center;
	align-items: center;
	background: #44BDEA;
	position: absolute;
	right: 0;
	top: 0;
}

.sticky_btn {
	display: flex;
	width: 139px;
	height: 47px;
	padding: 16px 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: linear-gradient(97deg, #B5D561 -1.4%, #46BBE6 99.06%);
	position: fixed;
	right: -47px;
	z-index: 9;
	transform: rotate(-90deg);
	top: 25%;
	color: #000;
	font-family: "Roboto", sans-serif;
	font-size: 15px;
	font-weight: 400;
}


/* slider-three */
/* slider-three */
/* slider-three */


.sec_home_e {
	background: rgba(25, 27, 29, 1);
}

.industries_serve_item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 150px;
	padding: 30px 65px 30px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	position: relative;
	transition: all 0.4s ease-in-out;
}

.industries_serve_item:hover {
	background: #252525;
}

.industries_serve_item:hover .insutry_link {
	display: flex;
}

.industries_serve_item .insutry_link {
	position: absolute;
	top: 0;
	right: 0;
	background: #46BDE8;
	width: 55px;
	height: 50px;
	display: none;
	justify-content: center;
	align-items: center;
	transition: all 0.4s ease-in-out;
}

.industries_serve_item .insutry_link img {
	transition: all 0.4s ease-in-out;
}

.industries_serve_item .insutry_link:hover img {
	transform: translateX(35%) translateY(-28%);
}

.industries_serve_item figure {
	margin: 0;
	min-width: 68px;
	max-width: 68px;
	width: 68px;
}

.industries_serve_item h3 {
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	flex: 1;
}

.industries_serve_item p {
	color: #D3D3D3;
	font-family: Roboto;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
	flex: 1;
	margin: 0;
}

.industries_serve_box .industries_serve_item:last-child {
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.sec_home_f {
	/* background: rgba(247, 247, 247, 1) url(../images/why_c_vector.svg) 0 0 no-repeat; */
	background-size: 375px;
	background-position: 100% -73px;
	overflow: hidden;
}

.home_business_model h3 {
	color: #101010;
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.slider_four_nav {
	display: flex;
	align-items: center;
}

.home_business_model ul {
	margin: 15px 0 0 0;
	padding: 0 0 0 15px;
}

.home_business_model ul li {
	color: #555;
	font-family: Roboto;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
}

.home_business_model figure {
	position: relative;
}

.home_business_model figure img {
	width: 100%;
}

.home_business_model figure span {
	display: flex;
	width: 83px;
	height: 31px;
	padding: 0 15px;
	align-items: center;
	border-radius: 67px;
	border: 1px solid #3995F8;
	background: rgba(20, 20, 20, 0.22);
	backdrop-filter: blur(6.300000190734863px);
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
	position: absolute;
	top: 15px;
	left: 15px;
}

.swiper_btn_style {
	position: unset;
	margin: 0;
	width: auto;
	padding: 12px 15px;
	background: rgba(255, 255, 255, 0.82);
	display: flex;
	height: auto;
	gap: 7px;
	color: #000;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	opacity: 0.9;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}

.swiper_btn_style:hover {
	opacity: 1;
	background: #46BDE8;
}

.swiper_btn_style::after {
	display: none;
}

.slider_four_item {
	display: flex;
	align-items: center;
	gap: 35px;
}

.slider_four_item figure img {
	width: 100%;
}

.slider_four_item figure {
	margin: 0;
	width: 47%;
	min-width: 47%;
	max-width: 47%;
}

.slider_four_item h3 {
	color: #101010;
	font-family: Roboto;
	font-size: 22px;
	font-weight: 400;
}

.slider_four_item p {
	color: #555;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	margin: 15px 0 0 0;
	font-family: "Roboto", sans-serif;
}

.title_h4 {
	color: #000;
	font-size: 28px;
	font-weight: 300;
	text-transform: uppercase;
}

.slider_Five {
	min-width: 1093px;
}

.slider_five_item {
	border: 1px solid rgba(0, 0, 0, 0.11);
	/* border-right: 0; */;
}

.slider_five_item img {
	width: 152px;
	margin: 0 auto;
	display: block;
}

.sec_home_h_overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

/* Parallax drift for the testimonials background image.
   Only active once js/custom.js adds .has-parallax, so the section renders
   exactly as before without JS or when reduced motion is requested. */
.sec_home_h.has-parallax > img {
	transform: translate3d(0, var(--sec-home-h-shift, 0px), 0) scale(var(--sec-home-h-zoom, 1));
	will-change: transform;
	backface-visibility: hidden;
}

.client_tst {
	background: rgba(255, 255, 255, 0.82);
	padding: 30px 50px;
	position: relative;
}

.client_tst .slider_four_nav {
	position: absolute;
	right: -96px;
	bottom: 0;
}

.client_tst .client_tst_title::before {
	content: "";
	position: absolute;
	width: 3px;
	height: 76px;
	background: url(../images/bnr_title_line.svg) 0 0 no-repeat;
	background-position-x: 0px;
	background-position-y: 0px;
	background-size: auto;
	bottom: 0;
	left: 0;
	background-size: 100%;
	background-position: center center;
	top: 0;
}

.client_tst .title_h2 {
	font-size: 35px;
	/* padding-left: 45px; */
	position: relative;
}

.client_tst_title {
	padding: 0 0 0 30px;
}

.tstperson {
	display: flex;
	align-items: center;
	gap: 20px;
}

.slider_six_item p {
	color: #171717;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	font-style: italic;
}

.milestone_box_boxes .milestone_box_number h2 {
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 21px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.milestone_box_boxes .milestone_box_number {
	width: 28%;
}

.milestone_box_boxes p {
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 24px;
}

.tstperson span {
	color: #000;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 400;
	display: block;
	margin: 5px 0 0 0;
}

.tstperson h6 {
	color: #000;
	font-family: Roboto;
	font-size: 20px;
	font-weight: 500;
}

.tstperson figure {
	margin: 0;
	border: 1px solid rgba(220, 220, 220, 1);
	border-radius: 50%;
	width: 72px;
	min-width: 72px;
	max-width: 72px;
	height: 72px;
	max-height: 72px;
	min-height: 72px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	overflow: hidden;
}

.tstperson figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.latest_insight p {
	color: #555;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	margin: 15px 0;
}

.latest_insight a {
	display: flex;
	padding: 17px 37px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: #21AFE3;
	color: rgba(255, 255, 255, 0.82);
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-weight: 500;
	width: fit-content;
}

.latest_insight a:hover {
	color: rgba(255, 255, 255, 0.82);
}

.insight_news {
	display: flex;
	gap: 30px;
}

.insight_news_box {
	border: 1px solid rgba(172, 172, 172, 0.25);
	background: rgba(255, 255, 255, 0.82);
	padding: 35px;
}

.cat_news {
	margin: 0 0 20px 0;
	display: flex !important;
	padding: 5px 14px;
	align-items: center;
	gap: 5px;
	border-radius: 39px;
	border: 1px solid #46BDE8;
	background: #EFF6FF;
	color: #11294B;
	font-family: Roboto;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	width: fit-content;
}

.insight_news_box h6,
.insight_news_box h6 a {
	color: #000;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 500;
}

.insight_news_box p {
	color: #555;
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	margin: 20px 0;
}

.date_news {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 19px;
	color: #808080;
}

.sec_home_i {
	background: url(../images/latest_in_bg.svg) 0 0 no-repeat;
	background-position: right top;
}

.sec_home_j {
/*	background: #081B37 url(../images/global_map.png) 0 0 no-repeat;*/
	background: #081B37 url(../images/Globe-Lines.gif) 0 0 no-repeat;
	min-height: 703px;
	display: flex;
	align-items: center;
	background-position: right center;
}

.sec_home_j .milestone_box_number p {
	color: rgba(255, 255, 255, 0.82);
	font-size: 15px;
}

.sec_home_j .milestone_box_number h2 {
	color: rgba(255, 255, 255, 0.82);
}
.text-white{
	color: rgba(255, 255, 255, 0.82) !important;
}
.backbone_global p {
	color: rgba(255, 255, 255, 1);
}

.global_foot_box {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	align-items: center;
}

.global_foot_item {
	display: inline-flex;
	padding: 20px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
	border: 1px solid rgba(255, 255, 255, 0.13);
	background: linear-gradient(163deg, #11294B 26.4%, #193864 207.96%);
	width: 48%;
}

.global_foot_item span {
	display: flex;
	padding: 8px 20px;
	align-items: center;
	gap: 7px;
	border-radius: 26px;
	background: #69CBF2;
	color: #112A4C;
	font-family: Roboto;
	font-size: 26px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.global_foot_item h6 {
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
}

.global_foot_item p {
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
	margin: 0;
}


/* footer */
.ftr_contact_box {
	background-size: cover !important;
	background-position: center center !important;
	padding: 40px 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 70px;
}

.ftr_contact_boxleft h3 {
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 30px;
	font-weight: 500;
	line-height: 41px;
}

.ftr_contact_boxleft span {
	display: inline-flex;
	padding: 6px 12px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 44px;
	background: rgba(209, 255, 174, 0.38);
	color: #000;
	font-size: 13px;
	font-weight: 400;
	-webkit-border-radius: 44px;
	-moz-border-radius: 44px;
	-ms-border-radius: 44px;
	-o-border-radius: 44px;
	background: rgba(0, 0, 0, 0.51);
	color: rgba(255, 255, 255, 0.82);
	margin: 0 0 6px 0;
}

.ftr_contact_boxleft {
	display: flex;
	align-items: flex-start;
	gap: 25px;
}

.ftr_contact_box_inr .ftr_contact_boxleft {
	display: block;
}

.ftr_contact_box_inr .ftr_contact_boxleft h3, .ftr_contact_box_inr .ftr_contact_boxleft p {
	color: rgba(255, 255, 255, 0.82)fff;
}

.ftr_contact_boxright {
	display: flex;
	align-items: center;
	gap: 20px;
}

.ftr_contact_boxright a {
	display: inline-flex;
	padding: 17px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: #46BBE6;
	color: rgba(255, 255, 255, 0.82);
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.ftr_contact_boxright a:hover {
	color: rgba(255, 255, 255, 0.82);
}

.ftr_title_small {
	color: rgba(255, 255, 255, 0.82);
	font-size: 17px;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
	font-family: Roboto;
}

.ftr_title_small::after {
	content: "";
	background: rgba(255, 255, 255, 0.82);
	display: block;
	height: 1px;
	width: 215px;
	margin-top: 2px;
}

.ftr_box_links ul,
.ftr_box_location ul,
.ftr_box_follow ul {
	margin: 25px 0 0 0;
	padding: 0;
	list-style: none;
}

.ftr_box_follow ul {
	display: flex;
	gap: 10px;
	margin: 15px 0 40px 0;
}

.ftr_box_links ul li a, .ftr_box_location ul li a {
	margin: 8px 0;
	display: block;
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: 27px;
}

.ftr_flex_ul {
	display: flex;
	justify-content: space-between;
}

.ftr_box_location {
	padding: 0 12%;
	border-left: 1px solid rgba(255, 255, 255, 0.21);
	border-right: 1px solid rgba(255, 255, 255, 0.21);
	padding-bottom: 7%;
	margin: 0 5%;
}

.ftr_box_follow ul li a {
	width: 32px;
	height: 32px;
	background: rgba(0, 0, 0, 0.17);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.ftr_box_info p {
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px;
	margin: 28px 0 0 0;
}

.ftr_box_info ul {
	margin: 15px 0;
	padding: 0;
	list-style: none;
}

.ftr_box_info ul li a {
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: 22px;
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 10px 0;
}

.ftr_box_info span {
	display: block;
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: 22px;
}

.ftr_box_follow ul {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	align-items: center;
}

.ftr_box_follow ul li.ftr_social_embed {
	max-width: 100%;
}

.ftr_box_follow ul li.ftr_social_embed iframe {
	display: block;
	max-width: 100%;
}

.ftr_subscribe h4 {
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
}

.ftr_subscribe form input {
	outline: none;
	box-shadow: none;
	border: none;
	padding: 10px 0;
	color: rgba(255, 255, 255, 0.82);
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	font-family: "Roboto", sans-serif;
	width: 100%;
	background: transparent;
}

.ftr_subscribe form input:focus {
	color: rgba(255, 255, 255, 0.82);
}

.ftr_subscribe form {
	border-bottom: 1px solid rgba(255, 255, 255, 0.21);
/* 	display: flex; */
/* 	justify-content: space-between; */
	margin: 15px 0 0 0;
}
.news_ftrs {
	display: flex;
	align-items: center;
}
.ftr_subscribe form button {
	width: auto;
	background: none;
	border: none;
	box-shadow: none;
	outline: none;
}

.ftr_copyright {
	border-top: 1px solid rgba(255, 255, 255, 0.21);
	margin: 50px 0 0 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 0;
}

.ftr_copyright p {
	margin: 0;
	color: rgba(255, 255, 255, 0.82);
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-weight: 400;
}

.ftr_copyright ul {
	display: flex;
	margin: 0;
	list-style: none;
	padding: 0;
	gap: 15px;
}

.ftr_copyright ul li a {
	margin: 0;
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 14px;
	font-weight: 400;
}

/* footer */

.sticky-move-box ul li a .menu-image-title-after.menu-image-title {
	padding-left: 0;
}

.banner_sec_inner {
	position: relative;
}

.banner_sec_inner .video_banner_content h1 {
	padding: 0;
}

.banner_sec_inner .video_banner_content h1::before {
	display: none;
}

.border-banner-content {
	padding-left: 30px;
	position: relative;
}

.border-banner-content::before {
	content: "";
	position: absolute;
	width: 3px;
	height: 140px;
	background: url(../images/bnr_title_line.svg) 0 0 no-repeat;
	bottom: 0;
	left: 0;
	background-size: 100%;
	background-position: center center;
}

.form_contact_page .form-control {
	display: flex;
	padding: 14px 16px;
	align-items: center;
	border-radius: 0px;
	border: 1px solid #ececec;
	background: rgba(255, 255, 255, 0.82);
	color: #333;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 400;
	height: unset;
	resize: none;
}

.form_contact_page textarea.form-control {
	max-height: 90px;
}

.form_contact_page .form-row {
	width: 100%;
	gap: 15px;
	margin: 15px 0;
}

.form_contact_page .form-row .form-group {
	flex: 1;
}

.send_me_btn {
	display: inline-flex;
	padding: 17px 37px;
	justify-content: center;
	align-items: center;
	gap: 10px;
/*    background: linear-gradient(282deg, #7AE5E0 -1.68%, #3FA4D1 43.45%);*/
	border: none;
	color: rgba(255, 255, 255, 0.82);
	font-family: "Roboto", sans-serif;
	font-size: 15px;
	font-weight: 400;
	background: #69CBF2;
	box-shadow: 0 4px 10.8px 0 rgba(62, 204, 255, 0.00), 0 4px 15.8px 0 rgba(70, 189, 232, 0.03);
	border-radius: 0;
}

.how_about_contact {
	background-size: auto !important;
	background-repeat: no-repeat !important;
	background-position: right top !important;
}

.qrc_office_contact {
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	height: 650px;
}

#infoTab li button {
	display: flex;
	padding: 12px 26px;
	justify-content: center;
	align-items: center;
	gap: 16px;
	border-radius: 108px;
	background: #F4F4F4;
	border: 1px solid transparent;
	outline: none;
	color: #17173C;
	text-align: center;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

#infoTab {
	margin: 0;
	padding: 0;
	border: none;
	gap: 15px;
}

.contact_pressence_nav {
	display: flex;
	justify-content: center;
}

#infoTab li button.active {
	border-radius: 108px;
	border: 1.5px solid #7AE5E0;
	background: rgba(255, 255, 255, 0.82);
	box-shadow: 0 9px 12.9px -3px rgba(23, 23, 60, 0.07);
}

.addres_list_box {
	display: flex;
	padding: 37px 51px 41px 34px;
	flex-direction: column;
	align-items: flex-start;
	gap: 26px;
	border: 1px solid rgba(172, 172, 172, 0.25);
	background: rgba(255, 255, 255, 0.82);
}

.addres_list_wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.addres_list_box {
	display: flex;
	padding: 20px;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
	border: 1px solid rgba(172, 172, 172, 0.25);
	background: rgba(255, 255, 255, 0.82);
	width: 31.70%;
	min-width: 31.70%;
	max-width: 31.70%;
}

.addres_list_box ul li {
	color: #000;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin: 10px 0;
	display: flex;
	align-items: flex-start;
	gap: 15px;
}

.addres_list_box ul li span {
	width: 20px;
	min-width: 20px;
	max-width: 20px;
}

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

.addres_list_box ul li a {
	color: #000;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.time_contact .ftr_contact_boxleft span {
	background: rgba(0, 0, 0, 0.23);
	color: rgba(255, 255, 255, 0.82);
}

.time_contact .ftr_contact_boxleft h3 {
	color: #091629;
}

.time_contact .ftr_contact_boxright a {
	background: linear-gradient(282deg, #7AE5E0 -1.68%, #3FA4D1 43.45%);
}

.ftr_contact_boxleft p {
	color: #091629;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	margin: 10px 0 0 0;
}

.page_footer {
	background: #0F172A url(../images/ftr-bg-line.svg) 0 0 no-repeat;
	background-size: 100%;
}

.page-template-contact-page-template .page_footer {
	padding-top: 60px;
}

.bg_ftr_up::after {
	content: '';
	background: #0F172A;
	display: block;
	width: 100%;
	height: 150px;
	position: absolute;
	bottom: 0;
	z-index: -1;
}

.border-banner-content span {
	display: flex;
	width: 77px;
	height: 77px;
	padding: 19px;
	justify-content: center;
	align-items: center;
	border-radius: 67px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.19);
	background: rgba(0, 0, 0, 0.22);
	backdrop-filter: blur(6.300000190734863px);
}

.page-template-pci-page-template .border-banner-content::before {
	height: 235px;
	background-size: cover;
}

.endto_pci p {
	color: rgba(51, 51, 51, 1);
	font-size: 17px;
	font-weight: 400;
	line-height: 31px;
}

.endto_pci h6 {
	color: #112A4D;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
}

.endto_pci_btn {
	justify-content: center;
	gap: 20px;
}

.endto_pci_btn a {
	display: flex;
	padding: 17px 37px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border: 1px solid #112A4D;
	color: #112A4D;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	min-width: 430px;
	width: 430px;
	max-width: 430px;
	transition: all 0.2s ease;
}

.endto_pci_btn a:hover {
	background: linear-gradient(282deg, #7AE5E0 -1.68%, #3FA4D1 43.45%);
	color: rgba(255, 255, 255, 0.82);
	border-color: transparent;
}

.endto_pci::after {
	content: '';
	background: url(../images/end_to_after_bg.svg) 0 0 no-repeat;
	width: 256px;
	height: 337px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}

.endto_pci::before {
	content: '';
	background: url(../images/end_to_before_bg.svg) 0 0 no-repeat;
	width: 206px;
	height: 270px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

.pci_dds {
	background: rgba(248, 248, 248, 1);
}

.pci_dds p {
	color: #333;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.6;
}

.pci_dds_v4 {
	background: #191B1D url(../images/pci-dds-v4-bg.svg) 0 0 no-repeat;
	background-size: contain;
	background-position: center bottom;
}

.dds_v4_list {
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	max-width: 1050px;
	margin: 0 auto;
	width: 100%;
}

.dds_v4_list_one, .dds_v4_list_two {
	background: rgba(255, 255, 255, 0.06);
	padding: 20px;
}

.dds_v4_list_one {
	color: rgba(255, 255, 255, 0.82);
	font-size: 17px;
	font-weight: 500;
	width: 25%;
	min-width: 25%;
	max-width: 25%;
}

.dds_v4_list_two {
	color: rgba(255, 255, 255, 0.82);
	font-size: 17px;
	font-weight: 400;
	width: 74%;
	min-width: 74%;
	max-width: 74%;
	opacity: 0.76;
}

.dds_v4_list li {
	display: flex;
	gap: 10px;
	width: 100%;
}

.who_require_pci h3 {
	color: #112A4D;
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	padding: 0 0 0 40px;
	margin: 0 0 25px 0;
}

.who_require_pci ul {
	padding: 0 0 0 40px;
	margin: 0;
	list-style: none;
}

.who_require_pci ul li {
	color: #333;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin: 25px 0;
	position: relative;
	padding-left: 40px;
}

.who_require_pci ul li::before {
	content: '';
	background: url(../images/circle-check.svg) 0 0 no-repeat;
	width: 25px;
	height: 25px;
	display: block;
	background-size: cover;
	background-position: center center;
	position: absolute;
	left: 0;
	top: -4px;
}
/*.pci_what_offer{
    background: rgba(248, 248, 248, 1);
}*/
.pci_offer_swiper_box {
	display: flex;
	padding: 38px 68px 42px 38px;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	background: rgba(255, 255, 255, 0.82);
}

.pci_offer_swiper_box span {
	display: flex;
	width: 60px;
	min-width: 60px;
	max-width: 60px;
	height: 60px;
	min-height: 60px;
	max-height: 60px;
	padding: 10px;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1/1;
	border-radius: 100%;
	background: #27446E;
}

.pci_offer_swiper_box h6 {
	color: #112A4D;
	font-family: Roboto;
	font-size: 17px;
	font-weight: 500;
	line-height: 28px;
}

.pci_offer_swiper_box p {
	color: #555;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
}

.pci_why_choose {
	background: #071B37;
	position: relative;
}

.pci_why_choose_swiper_box span {
	color: rgba(255, 255, 255, 0.82);
	font-size: 62px;
	font-weight: 400;
	opacity: 0.1;
	display: block;
	width: 100%;
	line-height: 1;
	margin: 0 0 30px 0;
}

.pci_why_choose_swiper_box h6 {
	color: rgba(255, 255, 255, 0.82);
	font-size: 18px;
	font-weight: 500;
}

.pci_why_choose_swiper_box p {
	margin: 0;
	color: #CDCDCD;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
}

.pci_why_choose_swiper_box {
	display: inline-flex;
	padding: 50px 50px 125px 50px;
	flex-direction: column;
	align-items: flex-start;
	gap: 25px;
/*    border-right: 1px solid rgba(255, 255, 255, 0.28);*/
	border-left: 1px solid rgba(255, 255, 255, 0.28);
	background: rgba(0, 0, 0, 0.05);
}

.pci_why_choose_swiper {
	border-right: 1px solid rgba(255, 255, 255, 0.28);
}

.pci_why_choose_left .slider_four_nav {
	position: absolute;
	bottom: 0;
	left: 0;
}

.title_h2 span {
	color: #112A4D;
	font-size: 38px;
	font-weight: 300;
	line-height: 54px;
	text-transform: none;
}

#faqAccordion {
/*    max-width: 1100px;*/
	margin: 0 auto;
	width: 100%;
}

#faqAccordion .accordion-button {
	border: none;
	border-radius: 0;
	background: transparent;
	outline: none;
	font-family: Roboto;
	box-shadow: none;
	font-size: 18px;
	color: rgba(16, 16, 16, 1);
}

#faqAccordion .accordion-item {
	border-radius: 0;
}

#faqAccordion .accordion-body p {
	color: #555;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
}

.accordion-button::after {
	background-image: url(../images/accordian-fag-plus.svg);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	background-size: cover !important;
	background-position: center center;
}

.accordion-button:not(.collapsed)::after {
	background-image: url(../images/accordian-fag-plus.svg);
	transform: rotate(45deg);
	background-repeat: no-repeat;
}

.pci_resource {
	background: #F8F8F8;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.pci_resource::before {
	content: '';
	background: url(../images/end_to_before_bg.svg) 0 0 no-repeat;
	width: 206px;
	height: 270px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
}

.pci_resource::after {
	content: '';
	background: url(../images/end_to_after_bg.svg) 0 0 no-repeat;
	width: 256px;
	height: 337px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
}

.pci_resource p {
	color: #333;
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
	margin: 15px 0;
}

.pci_resource h6 {
	color: #21AFE3;
	font-family: Roboto;
	font-size: 20px;
	font-weight: 500;
	line-height: 35px;
	margin: 0;
}

.why_organi figcaption p {
	color: rgba(255, 255, 255, 0.82);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
}

.why_organi figcaption .endto_pci_btn {
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-start;
}

.why_organi figcaption .endto_pci_btn a {
	border-color: rgba(255, 255, 255, 0.82)fff6e;
	color: rgba(255, 255, 255, 0.82)fffbf;
}
/*About*/
.about_qrc h6 {
	color: #333;
	font-family: Roboto;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.5;
}

.about_qrc p {
	color: #333;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.5;
	margin: 18px 0 0 0;
}

.about_what_stand {
	background: #F8F8F8 url(../images/what-stand-bg.svg) 0 0 no-repeat;
	background-position: right center;
}

.about_what_stand p {
	color: #333;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.5;
}

.about_what_stand_left {
	display: flex;
	gap: 30px;
	align-items: center;
}

.about_what_stand_left figure {
	width: 40%;
	min-width: 40%;
	max-width: 40%;
}

.about_what_stand_left p {
	color: #333;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.5;
}

.about_leadership_box {
	display: flex;
	justify-content: center;
	border: 1px solid rgba(211, 211, 211, 0.18);
}

.about_leadership_box_item {
	padding: 40px;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.about_leadership_box_item h6 {
	color: rgba(255, 255, 255, 0.82);
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
}

.about_leadership_box_item p {
	color: #D3D3D3;
	font-size: 15px;
	font-weight: 400;
	line-height: 25px;
}

.about_leadership_box_item img {
	width: 69px;
}

.about_leadership_box .about_leadership_box_item:nth-child(2) {
	border-left: 1px solid rgba(211, 211, 211, 0.18);
	border-right: 1px solid rgba(211, 211, 211, 0.18);
}

.pci_dds_v4.about_leadership.pt-5.pb-5 p {
	color: rgba(255, 255, 255, 0.64);
	font-family: Roboto;
	font-size: 15px;
	font-weight: 400;
}

.about_our_mission p {
	color: #333;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.5;
}

.abt_mission-box {
	border-top: 1px solid rgba(228, 228, 228, 1);
	padding-top: 50px;
}

.abt_mis_vis_boxes {
	display: flex;
	flex-direction: column;
	gap: 45px;
}

.about_our_mission .title_h2 {
	font-size: 35px;
}

.about_our_mission::before,
.about_value::before {
	content: '';
	background: url(../images/end_to_before_bg.svg) 0 0 no-repeat;
	width: 206px;
	height: 270px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}
/*.about_value {
    background: url(../images/about_valus_bg.svg) 0 0 no-repeat;
    background-position: left bottom;
}*/
.about_value ul li {
	color: #555;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
	margin: 35px 0;
}

.about_value ul li span {
	color: #101010;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: block;
	margin: 0 0 7px 0;
}

.about_value .w-100 {
	padding-right: 10%;
}

.why_organi {
	display: flex;
	gap: 50px;
	background: radial-gradient(118.21% 118.08% at 15.8% 10.67%, #142B56 0%, #081835 100%);
	box-shadow: 0 0 82.2px 0 rgba(255, 255, 255, 0.08) inset;
	align-items: center;
}

.why_organi figure, .why_organi figcaption {
	flex: 1;
	width: 48%;
	min-width: 48%;
	max-width: 48%;
}

.why_organi h4 {
	color: rgba(255, 255, 255, 0.82);
	font-size: 24px;
	font-weight: 500;
}

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

.why_organi ul li {
	color: rgba(235, 235, 235, 1);
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin: 25px 0;
	position: relative;
	padding-left: 40px;
}

.why_organi ul li::before {
	content: '';
	background: url(../images/circle-check.svg) 0 0 no-repeat;
	width: 25px;
	height: 25px;
	display: block;
	background-size: cover;
	background-position: center center;
	position: absolute;
	left: 0;
	top: -4px;
}

.about_decade_box {
	display: flex;
	align-items: center;
	gap: 25px;
}

.about_decade_box span {
	width: 58px;
	min-width: 58px;
	max-width: 58px;
	height: 58px;
	min-height: 58px;
	max-height: 58px;
	background: rgba(177, 234, 255, 0.35);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 13px;
	border-radius: 50%;
}

.about_decade_box h6 {
	color: #333;
	font-family: Roboto;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.5;
}

.about_value ul li::before {
	top: -2px;
}
/*About*/


/* .page-template-home-page-template-php #navbarSupportedContent ul li a {
    color: rgba(255, 255, 255, 0.82);
    font-size: 15px;
    margin: 12px 15px;
    margin: 0 8px;
    outline: none;
    box-shadow: none;
} */
.page-template-home-page-template-php #navbarSupportedContent ul li .dropdown-menu li a {
	color: #24446e;
	padding: 5px 12px;
	margin: 0;
}

/*PCI-NEW*/
/* .page-template-home-page-template .page_header{
    position: absolute;
} */
.page-template-home-page-template .sticky-move-box {
	display: flex;
}

#navbarSupportedContent ul li a {
	color: #000;
	font-family: Roboto;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	outline: none;
	box-shadow: none;
	transition: all 0.2s ease;
}
#navbarSupportedContent ul li a:hover{
	color: #21afe3;
}

.pci_banner_content {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.pci_banner_round {
	color: rgba(255, 255, 255, 0.82);
	font-size: 12px;
	text-transform: uppercase;
	border-radius: 39px;
	border: 1px solid #D6F86D5C;
	background: linear-gradient(272deg, rgba(0, 0, 0, 0.10) 11.35%, rgba(255, 255, 255, 0.10) 76.21%);
	backdrop-filter: blur(66.80000305175781px);
	padding: 4px 8px;
	display: flex;
	width: fit-content;
}

.pci_banner_content h1 {
	color: rgba(255, 255, 255, 0.82);
	font-size: 42px;
	font-weight: 600;
	letter-spacing: -0.76px;
	font-family: Roboto;
	margin: 10px 0;
}

.pci_banner_content h1 span {
	color: #46BDE8;
}

.pci_banner_content ul li {
	color: rgba(255, 255, 255, 0.82);
	font-size: 16px;
	font-weight: 400;
	line-height: 31px;
	background: url(https://qrcsolutionz.cp4.techshu.in/wp-content/uploads/2026/06/icon-park-outline_check-one.svg) 0 0 no-repeat;
	background-size: 20px;
	background-position: left;
	padding-left: 33px;
}

.pci_banner_content p {
	color: rgba(255, 255, 255, 0.91);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin: 0 0 10px 0;
}

.pci_banner_content ul {
	padding: 0;
	margin: 0 0 20px 0;
	list-style: none;
}

.pci-btn-bnr-a {
	display: inline-flex;
	padding: 17px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: #69CBF2;
	box-shadow: 0 4px 10.8px 0 rgba(178, 235, 255, 0.04), 0 4px 15.8px 0 rgba(70, 189, 232, 0.22);
	color: #0C2240;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.14px;
}

.pci-btn-bnr-a:hover {
	background: rgba(255, 255, 255, 0.82);
	color: #69cbf2;
}

.pci-btn-bnr-b {
	display: inline-flex;
	padding: 17px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: rgba(255, 255, 255, 0.82);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.14px;
	border: 1px solid #69CBF2;
}

.pci-btn-bnr-b:hover {
	background: #69cbf2;
	color: #132f5f;
}

.pci-btn-bnr {
	display: flex;
	gap: 20px;
}

.banner_trusted {
	display: inline-flex;
	padding: 15px 14px;
	justify-content: center;
	align-items: center;
	gap: 7px;
	border-radius: 25px;
	background: rgba(0, 0, 0, 0.13);
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 12px;
	font-weight: 400;
	margin: 30px 0 0 0;
}

.pci-page-trusted-leader-box p {
	color: #000;
	font-size: 18px;
	font-weight: 400;
	margin: 0;
}

.pci-page-trusted-leader-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pci-page-trusted-leader-box ul {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	align-items: center;
	gap: 40px;
}

.pci-page-trusted-leader-box ul img {
	height: 45px;
}

.pci-page-trusted-leader {
	padding: 25px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

/*PCI PAGE SUB NAV*/
.pci-page-subnav {
	background: rgba(255, 255, 255, 0.82);
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.pci-page-subnav-box {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 24px;
	min-height: 56px;
	justify-content: flex-end;
}

.pci-page-subnav-crumb {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	list-style: none;
	padding: 0;
	margin: 0;
}

.pci-page-subnav-crumb li {
	color: #11294B;
	font-size: 15px;
	font-weight: 400;
	line-height: normal;
	white-space: nowrap;
}

.pci-page-subnav-crumb li + li:before {
	content: "/";
	color: rgba(17, 41, 75, 0.35);
	margin: 0 10px;
}

.pci-page-subnav-crumb li a {
	color: rgba(17, 41, 75, 0.60);
	text-decoration: none;
	transition: color 0.2s ease;
}

.pci-page-subnav-crumb li a:hover {
	color: #46BDE8;
}

.pci-page-subnav-right {
	display: flex;
	align-items: stretch;
	min-width: 0;
	gap: 32px;
	border-left: 1px solid rgba(0, 0, 0, 0.06);
	padding-left: 24px;
}

.pci-page-subnav-menu {
	display: flex;
	align-items: stretch;
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 32px;
	min-width: 0;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.pci-page-subnav-menu::-webkit-scrollbar {
	display: none;
}

.pci-page-subnav-menu li {
	display: flex;
}

.pci-page-subnav-menu li a {
	display: flex;
	align-items: center;
	height: 100%;
	color: #11294B;
	font-size: 15px;
	font-weight: 400;
	line-height: normal;
	white-space: nowrap;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	transition: color 0.2s ease, border-color 0.2s ease;
	outline: none !important;
}

.pci-page-subnav-menu li a:hover {
	color: #46BDE8;
}

.pci-page-subnav-menu li.active a {
	border-bottom-color: #46BDE8;
}

.pci-page-subnav-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	padding: 0 24px;
	background: #69CBF2;
	color: #0C2240;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.15px;
	white-space: nowrap;
	text-decoration: none;
	transition: background 0.2s ease;
}

.pci-page-subnav-btn:hover {
	background: #46BDE8;
	color: #0C2240;
}

@media (max-width: 1399.98px) {
	.pci-page-subnav-box {
		gap: 20px;
	}

	.pci-page-subnav-right {
		gap: 22px;
		padding-left: 18px;
	}

	.pci-page-subnav-menu {
		gap: 20px;
	}

	.pci-page-subnav-crumb li,
    .pci-page-subnav-menu li a,
    .pci-page-subnav-btn {
		font-size: 14px;
	}

	.pci-page-subnav-btn {
		padding: 0 18px;
	}
}

@media (max-width: 1199.98px) {
	.pci-page-subnav-box {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		min-height: 0;
	}

	.pci-page-subnav-crumb {
		flex-wrap: wrap;
		row-gap: 4px;
		padding: 14px 0;
	}

	.pci-page-subnav-crumb li {
		white-space: normal;
	}

	.pci-page-subnav-right {
		border-left: 0;
		border-top: 1px solid rgba(0, 0, 0, 0.06);
		padding-left: 0;
		justify-content: space-between;
		min-height: 52px;
	}
}

@media (max-width: 767.98px) {
	.pci-page-subnav-right {
		flex-direction: column;
		gap: 0;
	}

	.pci-page-subnav-menu {
		min-height: 48px;
		gap: 24px;
	}

	.pci-page-subnav-btn {
		width: 100%;
		min-height: 46px;
		margin-bottom: 14px;
	}
}

@media (max-width: 575.98px) {
	.pci-page-subnav-crumb li,
    .pci-page-subnav-menu li a {
		font-size: 13px;
	}

	.pci-page-subnav-crumb li + li:before {
		margin: 0 7px;
	}
}

/* ── Section wrapper ─────────────────────────────────────── */
.deliverables-section {
	padding: 60px 0 65px;
	background-color: rgba(255, 255, 255, 0.82)fff;
}
 
/* ── Section label (eyebrow text) ────────────────────────── */
.section-label {
	color: #46BDE8;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}
 
/* ── Section heading ─────────────────────────────────────── */
.section-title {
	margin-bottom: 14px;
	letter-spacing: -0.02em;
	color: #11294B;
	font-family: Roboto;
	font-size: 35px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
 
/* ── Section subtitle ────────────────────────────────────── */
.section-subtitle {
	margin-bottom: 0;
	color: #11294B;
	font-size: 16px;
	font-weight: 400;
}
 
/* ── Deliverable card ────────────────────────────────────── */
.deliverable-card {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	padding: 8px 0;
}
 
/* ── Icon container ──────────────────────────────────────── */
.icon-wrap {
	flex-shrink: 0;
	width: 64px;
	height: 64px;
	border-radius: 14px;
/*  background-color: #eef3f9;*/
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.2s ease, transform 0.2s ease;
	border-radius: 14px;
	border: 1px solid rgba(57, 149, 248, 0.16);
	background: #ECF7FF;
}

.deliverable-card:hover .icon-wrap {
	background-color: #dce8f5;
	transform: translateY(-2px);
}
 
/* ── Card text area ──────────────────────────────────────── */
.card-body-content {
	flex: 1;
	padding-top: 4px;
}

.card-title {
	margin-bottom: 6px;
	letter-spacing: -0.01em;
	color: #11294B;
	font-family: Roboto;
	font-size: 19px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.card-desc {
	margin-bottom: 0;
	color: #11294B;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
}
 
/* ── Responsive tweaks ───────────────────────────────────── */
@media (max-width: 991.98px) {
	.deliverables-section {
		padding: 56px 0 64px;
	}
}

@media (max-width: 767.98px) {
	.deliverables-section {
		padding: 48px 0 56px;
	}

	.section-title {
		font-size: 1.85rem;
	}

	.deliverable-card {
		gap: 14px;
	}

	.icon-wrap {
		width: 56px;
		height: 56px;
		border-radius: 12px;
	}
}

@media (max-width: 575.98px) {
	.icon-wrap {
		width: 52px;
		height: 52px;
	}
}

/* ── Deliverable card — stacked ──────────────────────────── */
.delivery_small {
	display: flex;
	padding: 8px 22px 8px 8px;
	gap: 10px;
	border-radius: 58px;
	background: #DCEFFD;
	margin: 45px auto 0;
	width: fit-content;
	justify-content: center;
	align-items: center;
}

.delivery_small p {
	color: #11294B;
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 400;
	line-height: 31px;
	margin: 0;
}

.deliverable-card--stacked {
	position: relative;
	display: block;
	height: 100%;
	gap: 0;
	padding: 20px 22px 24px;
	border: 1px solid #E2EAF2;
	border-radius: 0;
	background: #F5F9FC;
}

.deliverable-card--stacked:before {
	content: "";
	position: absolute;
	top: 20px;
	left: 0;
	width: 3px;
	height: 48px;
	background: #46BDE8;
	transition: top 0.2s ease, height 0.2s ease;
}

.deliverable-card.deliverable-card--stacked:hover::before {
	top: 0;
}

.deliverable-card--stacked .icon-wrap {
	width: 48px;
	height: 48px;
	margin-bottom: 26px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.deliverable-card--stacked .icon-wrap img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.deliverable-card--stacked:hover .icon-wrap {
	background-color: transparent;
}

.deliverable-card--stacked .card-body-content {
	padding-top: 0;
}

.deliverable-card--stacked .card-title {
	margin-bottom: 8px;
	font-size: 19px;
	font-weight: 600;
}

.deliverable-card--stacked .card-desc {
	font-size: 14px;
	line-height: 21px;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 767.98px) {
	.deliverable-card--stacked {
		gap: 0;
		padding: 18px 18px 22px;
	}

	.deliverable-card--stacked .icon-wrap {
		width: 44px;
		height: 44px;
		margin-bottom: 22px;
	}

	.deliverable-card--stacked:before {
		top: 18px;
		height: 44px;
	}

	.deliverable-card--stacked .card-title {
		font-size: 18px;
	}
}

@media (max-width: 575.98px) {
	.deliverable-card--stacked .icon-wrap {
		width: 42px;
		height: 42px;
	}

	.deliverable-card--stacked:before {
		height: 42px;
	}
}




/* ── Section wrapper ─────────────────────────────────────── */
.pci-section {
	position: relative;
	background: #EFF6FF;
}
 
/* ── Left illustration column ────────────────────────────── */
.illustration-col {
	position: relative;
	min-height: 420px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.illustration-inner {
	width: 100%;
	margin: 0 auto;
}

.iso-illustration {
	width: 100%;
	height: auto;
	display: block;
}
 
/* ── Vertical divider ────────────────────────────────────── */
.divider-col {
	align-items: stretch;
	justify-content: center;
}

.vertical-divider {
	height: 110px;
	width: 5px;
	background: #48BBE7;
}
/* ── Right content column ────────────────────────────────── */
.content-col {
	display: flex;
	align-items: center;
}

.content-inner {
	padding: 56px 48px 56px 40px;
/*  max-width: 620px;*/;
}
 
/* ── Main heading ────────────────────────────────────────── */

 
/* ── Body paragraphs ─────────────────────────────────────── */
.pci-body {
	margin-bottom: 14px;
	color: #11294B;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
}

.pci-body:last-of-type {
	margin-bottom: 28px;
}
 
/* ── Sub-heading ─────────────────────────────────────────── */
.who-title {
	margin-bottom: 20px;
	letter-spacing: -0.01em;
	color: #11294B;
	font-family: Roboto;
	font-size: 22px;
	font-weight: 600;
}
 
/* ── Checklist ───────────────────────────────────────────── */
.check-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.check-list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 20px;
	color: #11294B;
	font-size: 17px;
	font-weight: 400;
	line-height: 25px;
}

.check-icon {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	margin-top: -3px;
}

.check-icon svg {
	width: 20px;
	height: 20px;
}
 
/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 991.98px) {
	.pci-section {
		background: linear-gradient(160deg, #ddeef8 0%, #c8dff0 60%, #d6eaf8 100%);
	}

	.illustration-col {
		min-height: 320px;
		padding: 32px 24px 0;
	}

	.illustration-inner {
		max-width: 440px;
		padding: 20px 10px 0;
	}

	.content-inner {
		padding: 32px 28px 48px;
	}

	.vertical-divider {
		display: none;
	}
}

@media (max-width: 767.98px) {
	.illustration-col {
		min-height: 260px;
		padding: 28px 16px 0;
	}

	.illustration-inner {
		max-width: 360px;
	}

	.content-inner {
		padding: 24px 20px 40px;
	}

	.checklist-grid .col-12 + .col-12 {
		margin-top: 0;
	}
}

@media (max-width: 575.98px) {
	.illustration-inner {
		max-width: 300px;
	}
}

.pci_worldwide {
	position: absolute;
	bottom: -50px;
	width: 100%;
	z-index: 99;
}

.pci_worldwide-box {
	padding: 20px;
	background: #25456E;
	width: 80%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
	margin: 0 auto;
}

.pci_worldwide-box p {
	color: rgba(255, 255, 255, 0.82);
	font-size: 15px;
	font-style: italic;
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
}

/* ── What is PCI DSS compliance ───────────────────────────── */
.pci-section.pci-what-is {
	padding: 0 0;
	background: #F7FAFC;
}

.pci-what-is .pci-what-is-inner {
	padding-left: 0;
	padding-right: 0;
	border-left: 1px solid #E9EFF5;
	border-right: 1px solid #E9EFF5;
}

.pci-what-is .pci-what-is-card {
	margin: 0;
	padding: 32px 33px;
	background: rgba(255, 255, 255, 0.82);
	border-top: 1px solid transparent;
}

/* ── Left content column ─────────────────────────────────── */
.pci-what-is .content-col {
	display: flex;
	align-items: center;
}

.pci-what-is .content-inner {
	padding: 0;
	width: 100%;
}

.pci-what-is .section-title {
	margin-bottom: 14px;
	letter-spacing: 0;
	font-size: 32px;
	font-weight: 600;
}

.pci-what-is .pci-body {
	max-width: 560px;
	margin-bottom: 14px;
	font-size: 16px;
	line-height: 26px;
}

.pci-what-is .pci-body:last-of-type {
	margin-bottom: 32px;
}

.helping_tag {
	font-size: 16px;
	line-height: 1.5;
	background: #132e63;
	padding: 20px;
	border-left: 5px solid #42b4df;
	color: rgba(255, 255, 255, 0.82);
}
.helping_tag span {
	display: block;
	font-size: 21px;
	margin: 0 0 7px 0;
}
.pci-what-is .who-title {
	margin-bottom: 24px;
	font-size: 20px;
	font-weight: 600;
}

.pci-what-is .check-list li {
	gap: 12px;
	margin-bottom: 16px;
	font-size: 16px;
	line-height: 24px;
}

.pci-what-is .check-list li:last-child {
	margin-bottom: 0;
}

/* ── Right illustration column ───────────────────────────── */
.pci-what-is .illustration-col {
	min-height: 0;
	padding: 0;
	justify-content: flex-end;
}

.pci-what-is .illustration-inner {
	width: 100%;
	max-width: 454px;
	margin: 0 0 0 auto;
	padding: 0;
}

.pci-what-is .illustration-inner img {
	display: block;
	border-radius: 0;
}

/* ── Bottom callout bar ──────────────────────────────────── */
.pci-what-is .pci_worldwide {
	position: static;
	width: auto;
	padding: 38px 68px 50px;
}

.pci-what-is .pci_worldwide-box {
	width: 100%;
	margin: 0;
	gap: 15px;
	padding: 11px 26px 11px 12px;
	justify-content: flex-start;
	align-items: center;
	background: #DCEEFA;
	border-radius: 40px;
}

.pci-what-is .pci_worldwide-icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	background: #C3E3F7;
	border-radius: 50%;
}

.pci-what-is .pci_worldwide-icon svg {
	width: 22px;
	height: 22px;
}

.pci-what-is .pci_worldwide-box p {
	color: #11294B;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 1199.98px) {
	.pci-what-is .pci_worldwide {
		padding: 32px 33px 0;
	}
}

@media (max-width: 991.98px) {
	.pci-section.pci-what-is {
		padding: 0 0 48px;
		background: #F7FAFC;
	}

	.pci-what-is .pci-what-is-card {
		padding: 40px 24px;
	}

	.pci-what-is .content-inner {
		padding: 0;
	}

	.pci-what-is .illustration-col {
		min-height: 0;
		padding: 36px 0 0;
		justify-content: center;
	}

	.pci-what-is .illustration-inner {
		max-width: 454px;
		margin: 0 auto;
		padding: 0;
	}

	.pci-what-is .pci_worldwide {
		padding: 28px 24px 0;
	}
}

@media (max-width: 767.98px) {
	.pci-what-is .pci-what-is-card {
		padding: 32px 16px;
	}

	.pci-what-is .section-title {
		font-size: 26px;
	}

	.pci-what-is .who-title {
		font-size: 19px;
	}

	.pci-what-is .checklist-grid > [class*="col-"] {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.pci-what-is .checklist-grid .col-12 + .col-12 {
		margin-top: 16px;
	}

	.pci-what-is .illustration-col {
		padding: 28px 0 0;
	}

	.pci-what-is .pci_worldwide {
		padding: 24px 16px 0;
	}

	.pci-what-is .pci_worldwide-box {
		align-items: flex-start;
		gap: 12px;
		padding: 14px 18px 16px 14px;
		border-radius: 24px;
	}

	.pci-what-is .pci_worldwide-icon {
		width: 38px;
		height: 38px;
	}

	.pci-what-is .pci_worldwide-icon svg {
		width: 19px;
		height: 19px;
	}
}

@media (max-width: 575.98px) {
	.pci-what-is .section-title {
		font-size: 23px;
	}

	.pci-what-is .pci-body,
    .pci-what-is .pci_worldwide-box p {
		font-size: 14px;
		line-height: 24px;
	}

	.pci-what-is .check-list li {
		font-size: 15px;
	}

	.pci-what-is .illustration-inner {
		max-width: 100%;
	}
}


/* ── Section wrapper ─────────────────────────────────────── */
.requirements-section {
	padding: 100px 0 72px;
}
 
/* ── Requirement card ────────────────────────────────────── */
.req-card {
	display: flex;
	align-items: center;
	gap: 18px;
	border-radius: 10px;
	padding: 22px 24px;
	height: 100%;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	background: rgba(255, 255, 255, 0.82);
	box-shadow: 0 4px 27.7px -4px rgba(49, 110, 180, 0.22);
}

.req-card:hover {
	border-color: #b0c8e0;
	box-shadow: 0 4px 16px rgba(26, 111, 168, 0.08);
}
 
/* ── Icon wrapper ────────────────────────────────────────── */
.req-icon-wrap {
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.2s ease;
}

.req-card:hover .req-icon-wrap {
	background-color: #dceaf6;
}
 
/* ── Text area ───────────────────────────────────────────── */
.req-text {
	flex: 1;
	min-width: 0;
}

.req-title {
	margin-bottom: 4px;
	letter-spacing: -0.01em;
	color: #11294B;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.req-desc {
	margin-bottom: 0;
	color: #11294B;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
}
 
/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 991.98px) {
	.requirements-section {
		padding: 52px 0 60px;
	}
}

@media (max-width: 767.98px) {
	.requirements-section {
		padding: 44px 0 52px;
	}

	.req-card {
		padding: 18px 20px;
		gap: 14px;
	}

	.req-icon-wrap {
		width: 52px;
		height: 52px;
	}
}

@media (max-width: 575.98px) {
	.req-icon-wrap {
		width: 48px;
		height: 48px;
	}

	.req-icon-wrap svg {
		width: 36px;
		height: 36px;
	}
}


/* ── Section wrapper ─────────────────────────────────────── */
.approach-section {
	position: relative;
	background: linear-gradient(160deg, #0d2348 0%, #0a1c3e 40%, #091529 100%);
	padding: 60px 0 65px;
	overflow: hidden;
}
 
/* ── Dot grid decorations ────────────────────────────────── */
.dot-grid {
	position: absolute;
	width: 280px;
	height: 280px;
	background-image: radial-gradient(circle, rgba(56,189,248,0.25) 1.5px, transparent 1.5px);
	background-size: 18px 18px;
	pointer-events: none;
	z-index: 0;
}

.dot-grid--tr {
	top: 0;
	right: 0;
	width: 150px;
	height: 100%;
	opacity: 1;
	background: url(https://qrcsolutionz.cp4.techshu.in/wp-content/uploads/2026/06/blue_dotted_bg_right.svg) 0 0 no-repeat;
	background-size: cover;
	background-position: center center;
}

.dot-grid--bl {
	bottom: 0;
	left: 0;
	width: 150px;
	height: 100%;
	opacity: 1;
	background: url(https://qrcsolutionz.cp4.techshu.in/wp-content/uploads/2026/06/blue_dotted_bg_left.svg) 0 0 no-repeat;
	background-size: cover;
	background-position: center center;
}
 
/* ── Approach card ───────────────────────────────────────── */
.approach-card {
	border: 1px solid transparent;
	border-radius: 0;
	padding: 28px 24px 28px;
	height: 100%;
	transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
	background: #1B3659;
}

.approach-card:hover {
	border-color: #2e6da4;
	background-color: #132850;
	transform: translateY(-3px);
}
 
/* ── Card header row (icon + title side by side) ─────────── */
.card-header-row {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 20px;
}
 
/* ── Icon box ────────────────────────────────────────────── */
.approach-section .card-icon {
	flex-shrink: 0;
	width: 56px;
	height: 56px;
	border-radius: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.2s ease;
}

.approach-card:hover .card-icon {
	background-color: #0f3660;
}
 
/* ── Card title ──────────────────────────────────────────── */
.approach-section .card-title {
	letter-spacing: -0.01em;
	margin-bottom: 0;
	padding-top: 6px;
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
}
 
/* ── Card description ────────────────────────────────────── */
.approach-section .card-desc {
	margin-bottom: 0;
	color: #D3D3D3;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
}
 
/* ── Load More button ────────────────────────────────────── */
.load-more-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: none;
	color: rgba(255, 255, 255, 0.82)fff;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 0.95rem;
	font-weight: 600;
	cursor: pointer;
	padding: 8px 16px;
	border-bottom: 1.5px solid rgba(255,255,255,0.4);
	letter-spacing: 0.01em;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.load-more-btn:hover {
	color: #38bdf8;
	border-bottom-color: #38bdf8;
}
 
/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 991.98px) {
	.approach-section {
		padding: 52px 0 60px;
	}

	.dot-grid--tr {
		width: 220px;
		height: 200px;
	}

	.dot-grid--bl {
		width: 160px;
		height: 180px;
	}
}

@media (max-width: 767.98px) {
	.approach-section {
		padding: 44px 0 52px;
	}

	.approach-card {
		padding: 22px 20px;
	}

	.approach-section .card-icon {
		width: 50px;
		height: 50px;
	}

	.approach-section .card-icon svg {
		width: 36px;
		height: 36px;
	}
}

@media (max-width: 575.98px) {
	.card-header-row {
		gap: 12px;
	}

	.approach-section .card-icon {
		width: 46px;
		height: 46px;
	}
}

/* ── Approach — image cards ──────────────────────────────── */
.approach-section.approach-visual {
	background: #11294B;
}

.approach-visual .dot-grid {
	display: none;
}

.approach-visual .section-title {
	letter-spacing: 0;
	font-size: 35px;
	font-weight: 600;
}

.approach-visual .section-subtitle {
	font-size: 15px;
}

.approach-visual .approach-card {
	position: relative;
	height: auto;
	aspect-ratio: 420 / 313;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: #0B1B33;
	overflow: hidden;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.approach-visual .approach-card:hover {
	border-color: transparent;
	background: #0B1B33;
	transform: translateY(-4px);
	box-shadow: 0 18px 34px rgba(0, 0, 0, 0.28);
}

.approach-visual .approach-card-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.approach-visual .approach-card:hover .approach-card-img {
	transform: scale(1.04);
}

.approach-visual .approach-card-overlay {
	position: absolute;
	right: 12px;
	bottom: 13px;
	left: 12px;
	z-index: 1;
}

.approach-visual .approach-card-bar {
	padding: 10px 10px;
	background: #7FD0EE;
}

.approach-visual .approach-card .card-title {
	margin-bottom: 0;
	padding-top: 0;
	letter-spacing: 0;
	color: #11294B;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.3;
}

.approach-visual .approach-card-body {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transform: translateY(10px);
	background: rgba(11, 27, 51, 0.92);
	transition: max-height 0.45s ease, opacity 0.35s ease 0.05s, transform 0.45s ease;
}

.approach-visual .approach-card:hover .approach-card-body {
	max-height: 220px;
	opacity: 1;
	transform: translateY(0);
}

.approach-visual .approach-card .card-desc {
	margin-bottom: 0;
	padding: 10px 10px 10px;
	color: #D3D3D3;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 991.98px) {
	.approach-visual .approach-card {
		aspect-ratio: auto;
		min-height: 300px;
	}

	.approach-visual .approach-card-bar {
		padding: 15px 14px;
	}

	.approach-visual .approach-card .card-title {
		font-size: 18px;
	}
}

@media (max-width: 575.98px) {
	.approach-visual .approach-card .card-title {
		font-size: 17px;
	}

	.approach-visual .approach-card .card-desc {
		padding: 12px 14px 14px;
	}
}

/* ── Touch devices — description always visible ──────────── */
@media (hover: none) {
	.approach-visual .approach-card {
		aspect-ratio: auto;
		min-height: 340px;
	}

	.approach-visual .approach-card-body {
		max-height: none;
		opacity: 1;
		transform: none;
	}
}


/* ── Section ─────────────────────────────────────────────── */
.services-section {
	padding: 60px 0 65px;
    /* background: #EFF6FF url(https://qrcsolutionz.cp4.techshu.in/wp-content/uploads/2026/06/Vector-118.svg) 0 0 no-repeat; */
	background: #EFF6FF;
	background-position: 14% 0;
	background-size: 4px;
}
/* ── Heading block ───────────────────────────────────────── */
.section-heading-wrap {
	margin-bottom: 32px;
}
 
 
/* ── Nav container ───────────────────────────────────────── */
.services-nav {
	gap: 0;
	border: none !important;
}
 
/* ── Tab button ──────────────────────────────────────────── */
.services-tab-btn {
	display: flex !important;
	align-items: center;
	gap: 20px;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 16px 0 14px !important;
	text-align: left;
	width: 100%;
	cursor: pointer;
	outline: none;
	box-shadow: none !important;
}

.services-tab-btn:focus-visible {
	outline: 2px solid #1a8cd8;
	outline-offset: 2px;
	border-radius: 4px !important;
}
 
/* ── Number ──────────────────────────────────────────────── */
.tab-num {
	min-width: 26px;
	letter-spacing: 0.02em;
	font-variant-numeric: tabular-nums;
	transition: color 0.2s ease;
	color: #11294B;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
}
 
/* ── Label ───────────────────────────────────────────────── */
.tab-label {
	letter-spacing: -0.01em;
	transition: color 0.2s ease;
	color: #11294B;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
}
 
/* ── Active state ────────────────────────────────────────── */
.services-tab-btn.active .tab-num {
	color: #46BDE8 !important;
}

.services-tab-btn.active .tab-label {
	color: #46BDE8 !important;
}

 
/* ── Hover state ─────────────────────────────────────────── */
.services-tab-btn:not(.active):hover .tab-num {
	color: #3a7bbf;
}

.services-tab-btn:not(.active):hover .tab-label {
	color: #0a1f44;
}
 
/* ── Inline tab pane (expands below its button) ──────────── */
.tab-pane-inline {
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	padding: 0 0 0 46px;
	transition: max-height 0.35s ease, opacity 0.3s ease, padding-bottom 0.3s ease;
}

.tab-pane-inline.show.active {
	max-height: 160px;
	opacity: 1;
	padding: 0 0 14px 46px;
}

.tab-pane-inline p {
	margin-bottom: 0;
	color: #11294B;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
}
 
/* ── Divider ─────────────────────────────────────────────── */
.tab-divider {
	height: 1px;
	background-color: #c6d8e8;
	width: 100%;
}
 
/* ── Right image ─────────────────────────────────────────── */
.services-image-wrap {
	overflow: hidden;
	box-shadow: 0 12px 40px rgba(10, 31, 68, 0.15);
	line-height: 0;
}

.services-img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	aspect-ratio: 4 / 3;
}
 
/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 991.98px) {
	.services-section {
		padding: 56px 0 64px;
	}
}

@media (max-width: 767.98px) {
	.services-section {
		padding: 44px 0 52px;
	}

	.services-tab-btn {
		padding: 14px 0 12px !important;
	}
}




/* ── Section ─────────────────────────────────────────────── */
.bundles-section {
/*  background-color: #f5f9fd;*/
	padding: 60px 0 65px;
}
 
/* ── Section heading ─────────────────────────────────────── */
 
/* ══════════════════════════════════════════════════════════
   PRICING CARDS
   ══════════════════════════════════════════════════════════ */
 
/* Outer row wrapper – shared border */
.pricing-row {
	position: relative;
}
 
/* ── Base card ───────────────────────────────────────────── */
.pricing-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 28px 28px 28px;
	border-right: 1px solid #d4e3ef;
	background: rgba(255, 255, 255, 0.82)fff;
	border-radius: 0;
	position: relative;
	border: 1px solid #DEE0EB;
	background: rgba(255, 255, 255, 0.82);
	transition: all 0.2s ease;
}
 
 
/* ── Featured card (middle) ──────────────────────────────── */
.pricing-card--featured {
	margin-top: -1px;
	margin-bottom: -1px;
	z-index: 2;
	padding-top: 48px;
    /* border: 1px solid #48BBE7; */
	background: #25456E;
    /* box-shadow: 0 10px 27.1px 0 rgba(49, 110, 180, 0.10); */;
}
 
/* ── Most Popular badge ──────────────────────────────────── */
.most-popular-badge {
	position: absolute;
	top: -11px;
	left: 88px;
	transform: translateX(-50%);
	padding: 6px 16px;
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 6px;
	letter-spacing: 0.01em;
	border-radius: 32px;
	background: #69CBF2;
	color: #11294B;
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
}

.pricing-card.pricing-card--light:hover {
	border-color: #48BBE7;
	box-shadow: 0 10px 27.1px 0 rgba(49, 110, 180, 0.10);
}

.pricing-card.pricing-card--light:hover .btn-outline-primary.pricing-btn {
	background-color: #48BBE7;
	color: rgba(255, 255, 255, 0.82);
}
/* ── Card layout split ───────────────────────────────────── */
.card-top {
	flex: 1;
}

.card-bottom {
	margin-top: 24px;
}
 
/* ── Card title ──────────────────────────────────────────── */
.pricing-card-title {
	letter-spacing: -0.015em;
	margin-bottom: 0;
	flex: 1;
	padding-right: 10px;
	color: #11294B;
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.pricing-card--featured .pricing-card-title {
	color: rgba(255, 255, 255, 0.82)fff;
}
 
/* ── Tier badge ──────────────────────────────────────────── */
.tier-badge {
	flex-shrink: 0;
	font-size: 0.72rem;
	font-weight: 600;
	color: #4b6070;
	background-color: #eef3f9;
	border: 1px solid #d0dde8;
	border-radius: 20px;
	padding: 3px 10px;
	white-space: nowrap;
	letter-spacing: 0.01em;
	align-self: flex-start;
}

.tier-badge--light {
	color: #cce7f7;
	background-color: rgba(255,255,255,0.12);
	border-color: rgba(255,255,255,0.2);
}
 
/* ── Card subtitle ───────────────────────────────────────── */
.pricing-card-subtitle {
	margin-bottom: 0;
	color: #11294B;
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
}

.pricing-card--featured .pricing-card-subtitle {
	color: #a8c4d8;
}
 
/* ── Divider ─────────────────────────────────────────────── */
.card-divider {
	border-color: #d4e3ef;
	margin: 18px 0;
	opacity: 1;
}

.card-divider--light {
	border-color: rgba(255,255,255,0.15);
}
 
/* ── Feature list ────────────────────────────────────────── */
.feature-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.feature-list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 14px;
	color: #11294B;
	font-size: 15px;
	font-weight: 400;
}

.feature-list li:last-child {
	margin-bottom: 0;
}

.feature-list--light li {
	color: #ddeef8;
}

.feat-icon {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	margin-top: 1px;
}

.feat-icon svg {
	width: 20px;
	height: 20px;
}
 
/* ── Pricing buttons ─────────────────────────────────────── */
.pricing-btn {
	font-size: 0.85rem;
	font-weight: 600;
	padding: 10px 16px;
	border-radius: 7px;
	letter-spacing: 0.01em;
	transition: all 0.2s ease;
}
 
/* Outline variant (cards 1 & 3) */
.btn-outline-primary.pricing-btn {
	color: #1a8cd8;
	background: transparent;
	border: 1px solid rgba(17, 42, 77, 0.18);
	color: #170F49;
	font-size: 14px;
	font-weight: 500;
	padding: 17px 25px;
	border-radius: 0;
}
 
/* .btn-outline-primary.pricing-btn:hover {
  background-color: #1a8cd8;
  color: rgba(255, 255, 255, 0.82);
} */
 
/* Solid variant (featured card) */
.pricing-btn--featured {
	border: none;
	border-radius: 0;
	display: flex;
	padding: 17px 25px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: #69CBF2;
	color: #170F49;
	font-size: 14px;
	font-weight: 500;
}
 
/* .pricing-btn--featured:hover {
  background: linear-gradient(90deg, #1e9de8, #1278cc);
  color: rgba(255, 255, 255, 0.82)fff;
} */
 
/* ── View link ───────────────────────────────────────────── */
.view-link {
	color: #170F49 !important;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	text-decoration: none;
	text-underline-offset: 2px;
	transition: color 0.2s ease;
}

.view-link.view-link--light {
	color: rgba(255, 255, 255, 0.82) !important;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	text-decoration: none;
	text-underline-offset: 2px;
	transition: color 0.2s ease;
}

.view-link:hover {
	color: #0d6cb5;
}

.view-link--light {
	color: #7dc8f0;
}

.view-link--light:hover {
	color: #a8d8f5;
}

/* ── Bundle pricing card — light ─────────────────────────── */
.pricing-card--light {
	padding: 28px;
}

/* .pricing-card--light .tier-badge, */
.pricing-card--light .card-divider,
.pricing-card--light .view-link {
	display: none;
}

.pricing-card--light .pricing-card-subtitle {
	font-size: 14px;
	line-height: 24px;
}

.pricing-card--light .feature-list {
	margin-top: 30px;
}

.pricing-card--light .feature-list li {
	gap: 12px;
	margin-bottom: 12px;
	color: #11294B;
	font-size: 14px;
	line-height: 1.3;
}

.pricing-card--light .feat-icon {
	margin-top: -2px;
}

.pricing-card--light .feat-icon svg circle {
	fill: #1a8cd8;
	stroke: #1a8cd8;
}

.pricing-card--light .feat-icon svg polyline {
	stroke: rgba(255, 255, 255, 0.82);
}

/* ── Featured card ───────────────────────────────────────── */
.pricing-card--light.pricing-card--featured {
	padding-top: 28px;
	background: rgba(255, 255, 255, 0.82);
}

.pricing-card--light.pricing-card--featured .pricing-card-title,
.pricing-card--light.pricing-card--featured .pricing-card-subtitle,
.pricing-card--light.pricing-card--featured .feature-list li {
	color: #11294B;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 991.98px) {
	.pricing-card--light {
		padding: 22px;
	}

	.pricing-card--light.pricing-card--featured {
		padding-top: 22px;
	}

	.pricing-card--light .feature-list {
		margin-top: 22px;
	}
}

@media (max-width: 767.98px) {
	.pricing-card--light {
		padding: 24px;
		border: 1px solid #DEE0EB;
	}

	.pricing-card--light.pricing-card--featured {
		padding-top: 24px;
		border: 1px solid #48BBE7;
		box-shadow: 0 10px 27.1px 0 rgba(49, 110, 180, 0.10);
	}

	.pricing-card--light .feature-list {
		margin-top: 26px;
	}
}
 
/* ══════════════════════════════════════════════════════════
   CTA BANNER
   ══════════════════════════════════════════════════════════ */
/* .cta-banner {
    background: rgba(255, 255, 255, 0.82)fff;
    padding: 28px 32px;
    border: 1px solid #DEE0EB;
} */
/* .notsure_pricing {
	background: #DCEFFD;
    padding: 25px 0;
} */
.notsure_pricing {
	border-top: 1px solid #DEE0EB;
	padding: 25px 0;
}

.notsure_pricing .cta-btn-primary, 
 .notsure_pricing .cta-btn-outline {
	width: 280px;
}

.cta-title {
	letter-spacing: -0.02em;
	margin-bottom: 6px;
	color: #091629;
	font-family: Roboto;
	font-size: 27px;
	font-weight: 500;
	line-height: 41px;
}

.cta-desc {
	margin-bottom: 0;
	color: #091629;
	font-size: 16px;
	font-weight: 400;
	line-height: 27px;
}

.cta-btn-primary {
	border-radius: 0;
	white-space: nowrap;
	transition: opacity 0.2s ease;
	display: flex;
	width: 249px;
	padding: 17px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: #69CBF2;
	border: none;
	color: #170F49;
	font-size: 14px;
	font-weight: 500;
}

.cta-btn-primary:hover {
	opacity: 0.9;
	color: rgba(255, 255, 255, 0.82)fff;
	background: #69CBF2;
}

.cta-btn-outline {
	background: transparent;
	border-radius: 0;
	border: 1px solid #c0d2e0;
	white-space: nowrap;
	transition: border-color 0.2s ease, background 0.2s ease;
	display: flex;
	width: 205px;
	padding: 17px 37px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: #091629;
	font-size: 16px;
	font-weight: 500;
}

.cta-btn-outline:hover {
	border-color: #1a8cd8;
	background-color: #f0f8ff;
	color: #0a1f44;
}
 
/* ── Footer note ─────────────────────────────────────────── */
.bundle-footer-note {
	margin-bottom: 0;
	color: #393939;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.32px;
}
 
/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 991.98px) {
	.bundles-section {
		padding: 52px 0 48px;
	}

	.pricing-card--featured {
		margin-top: 0;
		margin-bottom: 0;
	}
}

@media (max-width: 767.98px) {
	.bundles-section {
		padding: 44px 0 40px;
	}

	.pricing-row {
		border-radius: 12px;
		flex-direction: column;
	}

	.pricing-card {
		border-right: none;
		border-bottom: 1px solid #d4e3ef;
		border-radius: 0 !important;
	}

	.pricing-card--featured {
		border-radius: 0 !important;
		border: none;
		border-top: 1px solid #1e4a7a;
		border-bottom: 1px solid #1e4a7a;
		box-shadow: none;
	}

	.cta-banner {
		padding: 22px 20px;
	}

	.most-popular-badge {
		left: 24px;
		transform: none;
		border-radius: 0 0 8px 8px;
	}
}


/* --- Section --- */
.pci-section {
	position: relative;
	padding: 60px 0 115px 0;
	background: #EFF6FF;
}
 
/* --- Background Decoration --- */


/* --- Image Column --- */
.pci-image-col {
	position: relative;
	z-index: 1;
	padding-right: 0;
}

.pci-image-wrapper {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 16px 0 0;
}

.pci-img {
	width: 100%;
	border-radius: 0;
	display: block;
	object-fit: cover;
}
 
/* --- Vertical Divider --- */
.pci-divider-col {
	padding: 0 32px;
	z-index: 1;
	align-items: stretch;
}

.pci-vertical-divider {
	width: 2px;
	min-height: 400px;
	background: linear-gradient(
    to bottom,
    transparent 0%,
    var(--pci-divider-color) 20%,
    var(--pci-divider-color) 80%,
    transparent 100%
  );
	border-radius: 2px;
	align-self: center;
}
 
/* --- Content Column --- */
.pci-content-col {
	position: relative;
	z-index: 1;
	padding-left: 0;
}

.pci-content {
	max-width: 540px;
	padding: 0 16px;
}
 
/* --- Title --- */


 
/* --- Subtitle --- */
.pci-subtitle {
	margin-bottom: 32px;
	color: #11294B;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
}
 
/* --- Help Heading --- */
.pci-help-heading {
	margin-bottom: 20px;
	letter-spacing: 0;
	color: #11294B;
	font-family: Roboto;
	font-size: 18px;
	font-weight: 500;
}
 
/* --- Checklist --- */
.pci-checklist {
	margin-bottom: 36px;
	padding: 0;
	margin-left: 0;
}

.pci-checklist-item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin-bottom: 18px;
	color: #11294B;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

.pci-checklist-item:last-child {
	margin-bottom: 0;
}

.pci-check-icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1px;
}
 
/* --- CTA Button --- */
.pci-cta {
	margin-top: 36px;
}

.pci-btn {
	border-radius: 0;
	border: none;
	text-decoration: none;
	transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
	display: flex;
	width: 207px;
	padding: 17px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: #69CBF2;
	box-shadow: 0 4px 10.8px 0 rgba(62, 204, 255, 0.00), 0 4px 15.8px 0 rgba(70, 189, 232, 0.03);
	color: #000;
	font-size: 14px;
	font-weight: 500;
}

.pci-btn:hover,
.pci-btn:focus {
	transform: translateY(-1px);
	box-shadow: 0 4px 18px rgba(77, 200, 212, 0.35);
	text-decoration: none;
}

.pci-btn:active {
	transform: translateY(0);
	box-shadow: 0 2px 8px rgba(77, 200, 212, 0.2);
}
 
/* =============================================
   Responsive — Tablet (md)
   ============================================= */
@media (max-width: 991.98px) {
	.pci-section {
		padding: 48px 0 56px;
	}

	.pci-image-wrapper {
		justify-content: center;
		padding: 0;
		margin-bottom: 36px;
	}

	.pci-img {
		max-width: 100%;
	}

	.pci-content {
		max-width: 100%;
		padding: 0 8px;
	}
}
 
/* =============================================
   Responsive — Mobile (sm)
   ============================================= */
@media (max-width: 575.98px) {
	.pci-section {
		padding: 36px 0 48px;
	}

	.pci-subtitle {
		font-size: 0.95rem;
	}

	.pci-checklist-item {
		font-size: 0.93rem;
	}

	.pci-btn {
		width: 100%;
		text-align: center;
	}
}





/* --- Section --- */
.benefits-section {
	position: relative;
	background: transparent;
	padding: 0;
	overflow: hidden;
	top: -57px;
}
 
/* --- Background Decorations --- */
 
/* --- Section Title --- */
.benefits-title {
	position: relative;
	z-index: 1;
	margin-bottom: 14px;
	letter-spacing: -0.02em;
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 35px;
	font-weight: 600;
}
 
/* --- Benefit Card --- */
.benefit-card {
	position: relative;
	z-index: 1;
	border-radius: 6px;
	padding: 28px 24px 32px;
	height: 100%;
	transition: border-color 0.2s ease, transform 0.2s ease;
	border: 1px solid rgba(255, 255, 255, 0.13);
	background: linear-gradient(173deg, rgba(255, 255, 255, 0.82) -379.22%, #123064 46.84%);
}

.benefit-card:hover {
	border-color: rgba(77, 200, 212, 0.45);
	transform: translateY(-2px);
}
 
/* --- Card Header (icon + title inline) --- */
.benefit-card__header {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	margin-bottom: 24px;
}
 
/* --- Icon --- */
.benefit-card__icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin-top: 2px;
}
 
/* --- Card Title --- */
.benefit-card__title {
	margin: 0;
	letter-spacing: 0;
	align-self: center;
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 17px;
	font-weight: 500;
}
 
/* --- Card Body Text --- */
.benefit-card__body {
	margin: 0;
	color: rgba(255, 255, 255, 0.70);
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}
 
/* =============================================
   Responsive — Tablet
   ============================================= */
@media (max-width: 991.98px) {
	.benefits-section {
		padding: 52px 0 60px;
	}

	.benefits-title {
		margin-bottom: 32px;
	}

	.benefits-bg-deco--tr {
		width: 220px;
		height: 180px;
	}
}
 
/* =============================================
   Responsive — Mobile
   ============================================= */
@media (max-width: 575.98px) {
	.benefits-section {
		padding: 40px 0 48px;
	}

	.benefits-title {
		font-size: 1.5rem;
		margin-bottom: 24px;
	}

	.benefit-card {
		padding: 22px 20px 26px;
	}

	.benefit-card__title {
		font-size: 0.92rem;
	}

	.benefit-card__body {
		font-size: 0.85rem;
	}

	.benefits-bg-deco {
		opacity: 0.6;
	}
}



/* --- Section --- */
.cp-section {
	padding: 0px 0px 80px;
}
 
/* --- Content Block --- */
.cp-content {
	max-width: 600px;
}
 
/* --- Title --- */
 
/* --- Body Paragraphs --- */
.cp-body {
	margin-bottom: 32px;
	color: #11294B;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
}
 
/* --- Image --- */
.cp-image-wrapper {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.cp-img {
	width: 100%;
	display: block;
	object-fit: cover;
}
 
/* =============================================
   Responsive — Tablet
   ============================================= */
@media (max-width: 991.98px) {
	.cp-section {
		padding: 56px 0 64px;
	}

	.cp-content {
		max-width: 100%;
	}

	.cp-image-wrapper {
		justify-content: center;
	}

	.cp-img {
		max-width: 100%;
	}
}
 
/* =============================================
   Responsive — Mobile
   ============================================= */
@media (max-width: 575.98px) {
	.cp-section {
		padding: 40px 0 48px;
	}

	.cp-title {
		font-size: 1.65rem;
		margin-bottom: 20px;
	}

	.cp-body {
		font-size: 0.93rem;
		margin-bottom: 16px;
	}
}

.pci_case_box {
	border: 1px solid #D4D4D4;
	padding: 35px;
}

.pci_case_box span {
	display: inline-flex;
	padding: 5px 13px;
	align-items: center;
	gap: 7px;
	border-radius: 32px;
	background: #EFF6FF;
	color: rgba(23, 15, 73, 0.54);
	font-size: 14px;
	font-weight: 400;
}

.pci_case_box h6 {
	color: #11294B;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 500;
	margin: 15px 0;
}

.pci_case_box p {
	color: rgba(0, 0, 0, 0.67);
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
}

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

.pci_case_box ul li {
	color: #11294B;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	margin: 10px 0;
	background: url(https://qrcsolutionz.cp4.techshu.in/wp-content/uploads/2026/06/icon-park-outline_check-one.svg) 0 0 no-repeat;
	background-size: 20px;
	background-position: left;
	padding-left: 33px;
}

.pci_case_box a {
	display: flex;
	width: 192px;
	padding: 17px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: #69CBF2;
	color: #170F49;
	font-size: 14px;
	font-weight: 500;
	margin: 32px 0 0 0;
}




/* --- Section --- */
.wq-section {
	background: #EFF6FF;
	padding: 60px 0 65px;
}
 
/* --- Section Header --- */
.wq-header {
	margin-bottom: 40px;
}

.wq-title {
	font-size: clamp(1.6rem, 3vw, 2.2rem);
	font-weight: 600;
	color: #0f1f3d;
	line-height: 1.2;
	letter-spacing: -0.3px;
	margin-bottom: 10px;
}

.wq-subtitle {
	font-size: 0.97rem;
	font-weight: 400;
	color: #3a4a60;
	margin: 0;
	line-height: 1.6;
}
 
/* --- Card Base --- */
.wq-card {
	background: rgba(255, 255, 255, 0.82)fff;
	border-radius: 0px;
	padding: 28px 26px 32px;
	border: 1px solid transparent;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.wq-card:hover {
	box-shadow: 0 4px 20px rgba(59, 184, 200, 0.1);
	transform: translateY(-2px);
}
 
/* --- Bordered Card Variant --- */
.wq-card--bordered {
	border-color: #d0dff0;
}
 
/* --- Card Header (icon + title) --- */
.wq-card__header {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	margin-bottom: 22px;
}
 
/* --- Icon --- */
.wq-card__icon {
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2px;
}
 
/* --- Card Title --- */
.wq-card__title {
	margin: 0;
	align-self: center;
	color: #11294B;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.3;
}
 
/* --- Card Body Text --- */
.wq-card__body {
	font-size: 0.875rem;
	font-weight: 400;
	color: #3a4a60;
	line-height: 1.7;
	margin: 0;
}
 
/* --- Checklist --- */
.wq-list {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.wq-list__item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: #11294B;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
}

.wq-check {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1px;
}
 
/* =============================================
   Responsive — Tablet
   ============================================= */
@media (max-width: 991.98px) {
	.wq-section {
		padding: 52px 0 60px;
	}

	.wq-header {
		margin-bottom: 32px;
	}
}
 
/* =============================================
   Responsive — Mobile
   ============================================= */
@media (max-width: 575.98px) {
	.wq-section {
		padding: 40px 0 48px;
	}

	.wq-title {
		font-size: 1.45rem;
	}

	.wq-card {
		padding: 22px 20px 26px;
	}

	.wq-card__title {
		font-size: 0.92rem;
	}

	.wq-list__item,
  .wq-card__body {
		font-size: 0.85rem;
	}
}





/* ── Section ── */
.rc-section {
	position: relative;
	background: #123064;
	padding: 60px 0 65px;
	overflow: hidden;
}
 
/* ── Background deco ── */
.rc-bg-deco {
	position: absolute;
	pointer-events: none;
	z-index: 0;
}

.rc-bg-deco--tr {
	top: 0;
	right: 0;
	width: 360px;
	height: 300px;
}

.rc-bg-deco--bl {
	bottom: 0;
	left: 0;
	width: 280px;
	height: 240px;
}
 
/* ── Header ── */
.rc-header {
	position: relative;
	z-index: 1;
	margin-bottom: 36px;
}

.rc-eyebrow {
	margin-bottom: 12px;
	color: #21AFE3;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}

.rc-title {
	letter-spacing: -0.3px;
	margin-bottom: 16px;
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 35px;
	font-weight: 500;
	line-height: 54px;
}

#resourceTab {
	margin: 0;
	padding: 0;
}

.rc-subtitle {
	max-width: 600px;
	margin: 0;
	color: rgba(255, 255, 255, 0.82);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}
 
/* ══════════════════════════════════════════
   Bootstrap nav-pills — override to match design
   ══════════════════════════════════════════ */
.rc-nav-pills {
	position: relative;
	z-index: 1;
	gap: 10px;
	flex-wrap: wrap;
}
 
/* Every pill button */
.rc-nav-pills .nav-item .nav-link {
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 999px;
	padding: 8px 22px;
	line-height: 1;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
	color: rgba(255, 255, 255, 0.52);
	font-size: 15px;
	font-weight: 400;
}
 
/* Hover (non-active) */
.rc-nav-pills .nav-item .nav-link:hover:not(.active) {
	border-color: rgba(255,255,255,0.50);
	color: rgba(255,255,255,0.90);
	background: transparent;
}
 
/* Active pill */
.rc-nav-pills .nav-item .nav-link.active,
.rc-nav-pills .nav-item .nav-link:focus.active {
	background: #69CBF2;
	color: #0d1f4e;
	border-color: #69CBF2;
	font-weight: 600;
}
 
/* ── Tab content wrapper ── */
.tab-content {
	position: relative;
	z-index: 1;
}
 
/* ── Card ── */
.rc-card {
	background: #11294B;
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 0px;
	padding: 28px 26px 32px;
	display: flex;
	flex-direction: column;
	transition: border-color 0.2s ease, transform 0.2s ease;
	min-height: 320px;
}

.pci_what_offer_head a {
	display: inline-flex;
	padding: 17px 45px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin: 16px 0 0 0;
	background: #69CBF2;
	color: #11294B;
	font-size: 14px;
	font-weight: 600;
	line-height: 17px;
	text-decoration: none;
	transition: background 0.2s ease;
	width: 145px;
	min-width: 145px;
	max-width: 145px;
}

.rc-card:hover {
	border-color: rgba(77,200,212,0.35);
	transform: translateY(-2px);
}
 
/* Tags row */
.rc-card__tags {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 22px;
	justify-content: space-between;
}

.rc-tag {
	font-size: 0.78rem;
	font-weight: 500;
	border-radius: 999px;
	padding: 5px 14px;
	line-height: 1;
	white-space: nowrap;
}

.rc-tag--outline {
	border-radius: 39px;
	border: 0.8px solid #D6F86D75;
	background: linear-gradient(272deg, rgba(0, 0, 0, 0.10) 11.35%, rgba(255, 255, 255, 0.10) 76.21%);
	backdrop-filter: blur(66.80000305175781px);
	color: rgba(255, 255, 255, 0.82);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.rc-tag--plain {
	border: none;
	background: transparent;
	padding-left: 0;
	color: rgba(255, 255, 255, 0.82);
	font-size: 14px;
	font-weight: 400;
}
 
/* Card title */

.rc-card__title {
	margin-bottom: 14px;
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 20px;
	font-weight: 500;
}
 
/* Card body */
.rc-card__body {
	margin-bottom: 20px;
	flex-grow: 1;
	color: #CDCDCD;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
}
 
/* Checklist */
.rc-card__list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0 0 20px 0;
	padding: 0;
}

.rc-card__list-item {
	color: rgba(255, 255, 255, 0.82);
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

.rc-card__check {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	margin-top: 1px;
}
 
/* Footer */
.rc-card__footer {
	margin-top: auto;
}
 
/* CTA button */
.rc-btn {
	border-radius: 0;
	text-decoration: none;
	transition: background 0.2s ease, transform 0.15s ease;
	display: flex;
	width: fit-content;
	padding: 12px 15px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	background: #69CBF2;
	color: #170F49;
}

.rc-btn:hover, .rc-btn:focus {
	background: #3ab5c0;
	color: #0d1f4e;
	text-decoration: none;
	transform: translateY(-1px);
}

.rc-btn:active {
	transform: translateY(0);
}
 
/* ══════════════════════════════════════════
   Responsive
   ══════════════════════════════════════════ */
@media (max-width: 991.98px) {
	.rc-section {
		padding: 52px 0 60px;
	}

	.rc-bg-deco--tr {
		width: 240px;
		height: 200px;
	}
}

@media (max-width: 575.98px) {
	.rc-section {
		padding: 40px 0 48px;
	}

	.rc-title {
		font-size: 1.6rem;
	}

	.rc-nav-pills {
		gap: 8px;
	}

	.rc-nav-pills .nav-item .nav-link {
		font-size: 0.82rem;
		padding: 7px 16px;
	}

	.rc-card {
		padding: 22px 20px 26px;
		margin: 15px 0 0 0 !important;
	}

	.rc-card__title {
		font-size: 0.95rem;
	}

	.rc-btn {
		width: 100%;
		text-align: center;
	}
}

/* ── Resource slider ─────────────────────────────────────── */
.rc-swiper-nav {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: flex;
	gap: 14px;
}

.rc-swiper-prev,
.rc-swiper-next {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 38px;
	border-radius: 4px;
	background: #DCEEFA;
	cursor: pointer;
	transition: background 0.2s ease;
}

.rc-swiper-prev:hover,
.rc-swiper-next:hover {
	background: #BFE0F5;
}

.rc-section .rc-swiper {
	position: relative;
	z-index: 1;
}

.rc-section .rc-swiper .swiper-slide {
	height: auto;
}

.rc-swiper-pagination {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin-top: 30px;
}

.rc-swiper-pagination .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	margin: 0;
	opacity: 1;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.25);
	transition: width 0.3s ease, background 0.3s ease;
}

.rc-swiper-pagination .swiper-pagination-bullet-active {
	width: 30px;
	background: #46BDE8;
}

@media (max-width: 767.98px) {
	.rc-swiper-nav {
		position: static;
		margin-top: 18px;
	}
}

#faqAccordion .accordion-item {
	border: 0.8px solid #F3F4F6;
	background: rgba(255, 255, 255, 0.82);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
	margin: 20px 0;
}

.ftr_contact_boxright a.btn-line-ftr {
	border: 1px solid rgba(255, 255, 255, 0.63);
	background: rgba(255, 255, 255, 0.82);
	color: #25456E;
}
/*PCI-NEW*/



/*DPDP Compliance Assessment*/
.page-template-dpdp-compliance-assessment-page-template .page_header {
	position: unset;
}

.pci_banner_content h6 {
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 19px;
	font-style: normal;
	font-weight: 500;
	margin: 0 0 10px 0;
}
/*.banner_content_border {
    position: relative;
}
.banner_content_border::after {
    content: '';
    background: url(https://qrcsolutionz.cp4.techshu.in/wp-content/uploads/2026/06/banner-borderline.svg) 0 0 no-repeat;
    width: 3px;
    height: 141px;
    display: block;
    position: absolute;
    left: -30px;
    top: 0;
    background-size: cover;
}*/
.check-list-dpdp {
	padding: 0;
	margin: 0;
	list-style: none;
}

.check-list-dpdp li {
	display: flex;
	align-items: flex-start;
	margin: 15px 0;
}

.check-list-dpdp li .check-icon {
	margin: 0 10px 0 0;
}

.check-list-dpdp li p span {
	display: block;
	color: #11294B;
	font-family: Roboto;
	font-size: 18px;
	font-weight: 500;
}

.check-list-dpdp li p {
	margin: 0;
	color: #11294B;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
 /* 138.889% */;
}

.content-inner-dpdp {
	padding-left: 80px;
}

.pci-section.who_require_sec .pci_worldwide {
	bottom: unset;
	top: -35px;
}

.pci-section.who_require_sec {
	padding: 120px 0 70px 0;
}

.assetment-list {
	margin: 0;
	list-style: none;
}

.assetment-list li {
	display: flex;
	gap: 15px;
	color: #11294B;
	font-size: 17px;
	font-weight: 500;
	margin: 15px 0;
	line-height: 1.3;
}

.dpdp-approach-section {
	padding: 70px 0 125px;
	overflow: visible;
}

.approch_margin {
	margin-bottom: 125px;
}

.dpdp-approach-section .pci_worldwide-box {
	background: #137193;
}

.pci_worldwide-box h3 {
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 25px;
	font-weight: 500;
	line-height: 41px;
}

.pci_worldwide-box form {
	width: 380px;
	min-width: 380px;
	max-width: 380px;
	background: #57a1bc;
	padding: 5px 8px;
	border-radius: 35px;
	display: flex;
	justify-content: space-between;
}

.small_title_span {
	display: flex;
	padding: 3px 22px;
	align-items: center;
	border-radius: 39px;
	border: 1px solid #46BDE8;
	background: #EFF6FF2B;
	position: relative;
	color: rgba(255, 255, 255, 0.82);
	width: fit-content;
	margin: 0 0 10px 0;
}

.pci_worldwide-box form .news_letter_btn {
	padding: 12px 25px;
	border-radius: 35px;
	background: #11294b;
	color: rgba(255, 255, 255, 0.82);
	border: none;
	font-size: 15px;
}

.pci_worldwide-box form input {
	outline: none;
	background: transparent;
	border: none;
	color: #000;
	font-size: 15px;
	padding: 0 13px;
}

.services-section-dpdp {
	background-size: 6px;
	padding: 0px;
}

.approach-section.dpdp-benifits-section {
	background: url(https://qrcsolutionz.cp4.techshu.in/wp-content/uploads/2026/06/benifits-bg-blue.jpg) 0 0 no-repeat;
	background-size: cover;
	background-position: center center;
}

.dpdp-benifits-section .approach-card {
	border: 1px solid rgba(255, 255, 255, 0.13);
	background: linear-gradient(173deg, rgba(255, 255, 255, 0.82) -379.22%, #123064 46.84%);
}

.why_leading_swiper_box h6 {
	color: #11294B;
	font-family: Roboto;
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 7px 0;
}

.why_leading_swiper_box p {
	color: #11294B;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
}

.why_leading_swiper_box figcaption {
	padding: 20px;
	min-height: 195px;
}

.why_leading_swiper_box {
	background: #EFF6FF;
}

.real_world_dpdp .pci_case_box {
	background: rgba(255, 255, 255, 0.82);
	box-shadow: 0 4px 27.7px -4px rgba(49, 110, 180, 0.22);
	border: none;
	margin: 15px 0;
	min-height: 600px;
}

.real_world_dpdp .pci_case_box ul li {
	background-position: 0 0;
}

.dpdp_resource_center {
	background: #123064;
}

.dpdp_resource_center .pci_case_box p,
.dpdp_resource_center .pci_case_box h6 {
	color: rgba(255, 255, 255, 0.82);
}

.dpdp_resource_center .pci_case_box {
	border: none;
	background: #11294B;
	min-height: 345px;
}

.dpdp_resource_center .pci_case_box span {
	color: rgba(255, 255, 255, 0.54);
	font-size: 14px;
	font-weight: 400;
	border-radius: 39px;
	border: 0.8px solid #D6F86D5C;
	background: linear-gradient(272deg, rgba(0, 0, 0, 0.10) 11.35%, rgba(255, 255, 255, 0.10) 76.21%);
	backdrop-filter: blur(66.80000305175781px);
}

.dpdp-data-protection {
	display: flex;
	align-items: center;
	background: #132B4C;
}

.dpdp-data-protection figure {
	margin: 0;
	flex: 1;
}

.dpdp-data-protection figcaption {
	margin: 0;
	flex: 1;
	padding: 0 45px;
}

.dpdp-data-protection figcaption p {
	color: rgba(255, 255, 255, 0.82);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	margin: 0 0 35px 0;
}

.dpdp-data-protection figcaption .pci-btn-bnr .pci-btn-bnr-b {
	border-color: rgba(255, 255, 255, 0.82);
	color: rgba(255, 255, 255, 0.82);
}
/*DPDP Compliance Assessment*/

/*isms*/
.page-template-isms-page-template .banner_content_border::after {
	display: none;
}

.approach-card.isms-approch {
	background: rgba(255, 255, 255, 0.82);
	box-shadow: 0 4px 27.7px -4px rgba(49, 110, 180, 0.22);
}

.approach-card.isms-approch .card-title,
.approach-card.isms-approch .card-desc {
	color: #11294B;
}

.approach-card.isms-approch:hover .card-icon {
	background-color: #f2f2f2;
}

.pci_what_offer.real_world_dpdp.real_world_isms .pci_case_box {
	min-height: unset;
}

.pci_what_offer.real_world_dpdp.real_world_isms .pci_case_box span {
	border-radius: 39px;
	background: linear-gradient(92deg, #48BBE7 -7.52%, #EDF4D8 106.18%);
	color: #11294B;
}

.isms_resource_center {
	background-size: cover !important;
	background-position: center center !important;
}

.isms_resource_center .pci_case_box {
	background: #11294B;
	border: none;
}

.isms_resource_center .pci_case_box span {
	border-radius: 39px;
	background: linear-gradient(92deg, #48BBE7 -7.52%, #EDF4D8 106.18%);
	color: #11294B;
}


/*isms*/

/*cscf*/
.pci-section.who_require_sec_sscf h6 {
	color: #112A4D;
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin: 0 0 25px 0;
	padding-left: 2rem;
}

.cscf-independent-sec .load-more-btn {
	color: #0C2140;
	border-color: #0C2140;
	border-radius: 0;
}

.cscf-data-protection-sec .dpdp-data-protection figcaption h2 {
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 42px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.cscf-supporting-service {
	margin: 30px 0 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	justify-content: space-between;
	list-style: none;
}

.cscf-supporting-service li {
	color: rgba(255, 255, 255, 0.82);
	font-family: "DM Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
	width: 44%;
	display: flex;
	align-items: center;
	gap: 8px;
}

.left_grad_border::after {
	content: '';
	background: url(https://qrcsolutionz.cp4.techshu.in/wp-content/uploads/2026/06/banner-borderline.svg) 0 0 no-repeat;
	width: 5px;
	height: 140px;
	display: block;
	position: absolute;
	left: 0;
	top: -96px;
	background-size: cover;
}

.left_grad_border {
	padding-left: 30px;
}

.cscf_resource_sec {
	background: #EFF6FF url(https://qrcsolutionz.cp4.techshu.in/wp-content/uploads/2026/06/Vector-cscf-who.svg);
	background-repeat: no-repeat;
	background-position: right top;
	;
}

.cscf_resource_content h2 {
	color: #11294B;
	font-family: Roboto;
	font-size: 42px;
	font-style: normal;
	font-weight: 600;
	line-height: 54px;
}

.cscf_resource_content p {
	color: #11294B;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	margin: 15px 0px 29px 0;
}

.cscf_resource_content a {
	color: #3995F8;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 35px;
}

.cscf_resource_content {
	padding: 40px;
}

.cscf_resource_content::after {
	content: '';
	background: url(https://qrcsolutionz.cp4.techshu.in/wp-content/uploads/2026/06/resource_line.svg) 0 0 no-repeat;
	width: 5px;
	height: 140px;
	display: block;
	position: absolute;
	left: 0;
	top: -66px;
	background-size: cover;
}


/*about-new*/

.about-overview-sec h6 {
	color: #333;
	font-family: Roboto;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 20px 0;
}

.about-overview-sec p {
	color: #333;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5;
}

.about-we-stand-sec {
	background: #EFF6FF;
}

.about-we-stand-box .section-subtitle {
	margin: 20px 0;
}

.about-we-stand-box {
	width: 86%;
	margin-left: auto;
}

.about-we-stand-sec {
	background: #EFF6FF;
}

.about-we-stand-box {
	position: relative;
}

.about-we-stand-box::after {
	content: '';
	background: url(https://qrcsolutionz.cp4.techshu.in/wp-content/uploads/2026/06/banner-borderline.svg) 0 0 no-repeat;
	width: 5px;
	height: 140px;
	display: block;
	position: absolute;
	left: -25px;
	top: -96px;
	background-size: cover;
	background-position: center bottom;
}

.about_global_pressence {
	background: #F8F8F8;
}

.about_global_pressence_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 40px 0 0 0;
/*	gap: 15px;*/
}

.about_global_pressence_box_items {
	position: relative;
}

.about_global_pressence_box_items::before {
	content: '';
	background: #69CBF2;
	display: block;
	position: absolute;
	left: 0;
	top: 15px;
	width: 3px;
	height: 48px;
}

.about_global_pressence_box_items h3 {
	text-align: left;
	color: #11294B;
	font-family: Roboto;
	font-size: 35px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.about_global_pressence_box_items p {
	margin: 15px 0 0 0;
	color: #555;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
}

.about_global_pressence_box_items {
	padding: 30px;
	text-align: left;
	background: rgba(255, 255, 255, 0.82);
}

.about_global_pressence_box .about_global_pressence_box_items:nth-child(1) {
	width: 24%;
	min-width: 24%;
	max-width: 24%;
}

.about_global_pressence_box .about_global_pressence_box_items:nth-child(2) {
	width: 24%;
	min-width: 24%;
	max-width: 24%;
}

.about_global_pressence_box .about_global_pressence_box_items:nth-child(3) {
	width: 24%;
	min-width: 24%;
	max-width: 24%;
}

.about_global_pressence_box .about_global_pressence_box_items:nth-child(4) {
	width: 24%;
	min-width: 24%;
	max-width: 24%;
	border-bottom: 0;
}

.about_global_pressence_box .about_global_pressence_box_items:nth-child(5) {
	width: 24%;
	min-width: 24%;
	max-width: 24%;
}

.about_global_pressence_box .about_global_pressence_box_items:nth-child(6) {
	width: 24%;
	min-width: 24%;
	max-width: 24%;
	border-bottom: 0;
}

.about_global_pressence_box .about_global_pressence_box_items:nth-child(7) {
	width: 49%;
	min-width: 49%;
	max-width: 49%;
	border-bottom: 0;
	background: rgba(255, 255, 255, 0.82) url(https://qrcsolutionz.cp4.techshu.in/wp-content/uploads/2026/06/global-last-box-icon.svg) 0 0 no-repeat;
	background-position: right center;
}

.form_contact_page {
	display: flex;
	background: rgba(255, 255, 255, 0.82);
	box-shadow: 0 4px 27.7px -4px rgba(49, 110, 180, 0.24);
	justify-content: space-between;
	align-items: center;
}

.popular_article.download_sidebar_form .form_contact_page {
	background: transparent;
	box-shadow: none;
}

.form_contact_page figure {
	margin: 0;
	min-width: 42%;
	max-width: 42%;
	width: 42%;
}

.form_contact_page figcaption {
	min-width: 58%;
	max-width: 58%;
	width: 58%;
	padding: 46px;
}

.form_contact_page h3 {
	color: #11294B;
	font-family: Roboto;
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin: 0 0 25px 0;
}

.contact_ofc {
	position: relative;
	margin-left: 25px;
}

.contact_ofc::after {
	content: '';
	background: url(https://qrcsolutionz.cp4.techshu.in/wp-content/uploads/2026/07/ofc-line.svg) 0 0 no-repeat;
	width: 4px;
	height: 108px;
	display: block;
	position: absolute;
	left: -25px;
	top: 0;
	background-size: cover;
	background-position: center bottom;
}

.resource_hub_sec {
	background: #EFF6FF;
}

.resources_box {
	display: flex;
	justify-content: space-between;
	gap: 15px;
}

.resources_box_item {
	background: rgba(255, 255, 255, 0.82);
	padding: 19px;
	flex: 1;
}

.resources_box_item_header {
	display: flex;
	align-items: center;
	gap: 15px;
	margin: 0 0 20px 0;
}

.resources_box_item_header figure {
	margin: 0;
	display: flex;
	width: 54px;
	height: 54px;
	padding: 12px;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1/1;
	border-radius: 9px;
	border: 1px solid rgba(57, 149, 248, 0.16);
	background: #ECF7FF;
}

.resources_box_item_header h6 {
	color: #11294B;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.resources_box_item_header span {
	color: #46BDE8;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: block;
	margin: 7px 0 0 0;
}

.resources_box_item p {
	color: #11294B;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	min-height: 70px;
}

.resources_box_item a {
	display: inline-flex;
	padding: 13px 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: #69CBF2;
	color: #0C2240;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.16px;
	width: 140px;
}

.resource_feature_box {
	gap: 25px;
}

.resource_feature_box figure {
	margin: 0;
	flex: 1;
	max-height: 168px;
	overflow: hidden;
}

.resource_feature_box.d-flex.align-items-center figure {
	max-height: unset;
}

.resource_feature_box figcaption {
	flex: 1;
}

.resource_feature_box figcaption span {
	display: inline-flex;
	height: 30px;
	padding: 0 10px;
	align-items: center;
	gap: 5px;
	border-radius: 39px;
	border: 1px solid #46BDE8;
	background: #EFF6FF;
	position: unset;
	font-size: 14px;
}

.resource_feature_box figcaption .resources_box_item_case_study,
.resources_feature_iems figcaption .resources_box_item_case_study {
	background: #11294b;
	border-color: #11294b;
	margin: 0 0 0 8px;
}

.resource_feature_box figcaption span::before {
	content: '';
	background: #46BDE8;
	width: 6px;
	height: 6px;
	border-radius: 50%;
}

.resource_feature_box {
	border: 1px solid #DEE0EB;
	background: rgba(255, 255, 255, 0.82);
}
/*.resource_feature_box.resources_feature_iems {
	min-height: 480px;
}*/
.resource_feature_box figcaption h3 {
	color: #11294B;
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 27px;
	margin: 12px 0 5px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.resource_feature_box figcaption p {
	color: #11294B;
	margin: 0 0 10px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.resource_feature_box figcaption a {
	display: inline-flex;
	padding: 11px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: #69CBF2;
	color: #0C2240;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.16px;
}

.resources_feature_iems figcaption {
	padding: 15px;
}

.resources_feature_iems figcaption .d-flex {
	flex-wrap: wrap;
	gap: 10px;
}

.resources_feature_iems figcaption .resource_webinar_tags .resources_box_item_case_study {
	margin-left: 0;
}

.resources_feature_iems figcaption .resource_webinar_date {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-top: 10px;
	color: #11294B;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.resources_feature_iems figcaption .resource_webinar_date svg {
	flex-shrink: 0;
	color: #3995F8;
}

/* Details pages: "Other ..." slider cards share one height, with the link aligned at the bottom. */
.others_blog_slider .swiper-slide {
	display: flex;
	height: auto;
}

.others_blog_slider .resource_feature_box {
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 100%;
}

.others_blog_slider .resource_feature_box figure {
	flex: 0 0 168px;
}

.others_blog_slider .resource_feature_box figcaption {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
}

.others_blog_slider .resource_feature_box figcaption a {
	margin-top: auto;
}

.resources_box_item_case_study {
	display: flex;
	width: auto;
	height: 31px;
	padding: 0 15px;
	align-items: center;
	border-radius: 67px;
	border: 1px solid #3995F8;
/*	background: rgba(20, 20, 20, 0.22);*/
	background: #0C203D;
	backdrop-filter: blur(6.300000190734863px);
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	position: absolute;
	top: 15px;
	left: 15px;
}

.explore_resource {
	background: #EFF6FF;
}

#professionalTabs {
	margin: 0;
	border: none;
	gap: 10px;
	padding: 0;
	list-style: none;
	display: flex;
}

#professionalTabs li a {
	display: flex;
	padding: 11px 15px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 27px;
	background: rgba(27, 54, 89, 0.11);
	color: #11294B;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.explore_resource_right input {
	width: 360px;
	border-radius: 35px !important;
	padding: 12px 16px !important;
	background: transparent;
	color: #000;
	font-size: 15px;
	min-width: 360px;
	max-width: 360px;
}

#professionalTabs li a span {
	width: 15px;
	height: 15px;
	border: 1px solid #25456e;
	border-radius: 50%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

#professionalTabs li a.active span::after {
	background: #000;
	content: "";
	width: 9px;
	height: 9px;
	display: block;
	border-radius: 50%;
}

.professionalTabs_box {
	display: flex;
	gap: 30px;
}
/*.professionalTabs_filter {
    width: 22%;
    min-width: 22%;
    max-width: 22%;
}*/
.professionalTabs_content {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.professionalTabs_content .resources_feature_iems {
    width: 100%;
}
.professionalTabs_filter ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
}

.professionalTabs_filter {
	display: inline-flex;
	padding: 20px 18px 88px 20px;
	flex-direction: column;
	align-items: flex-start;
	gap: 21px;
	background: rgba(255, 255, 255, 0.82);
	box-shadow: 0 4px 27.7px -4px rgba(49, 110, 180, 0.22);
}

.professionalTabs_filter p {
	margin: 0;
	width: 100%;
	color: #11294B;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.42px;
	text-transform: uppercase;
}

.professionalTabs_filter h6 {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #11294B;
	font-family: Roboto;
	font-size: 18px;
	font-weight: 500;
}

.professionalTabs_filter ul li a {
	display: flex;
	padding: 10px;
	color: #5E6671;
	font-family: Roboto;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.professionalTabs_filter ul li a.active {
	border-radius: 4px;
	border: 1px solid rgba(70, 189, 232, 0.41);
	background: #EFF6FF;
}

/*.professionalTabs_content .resources_feature_iems {
	width: 23.8%;
}*/

.professionalTabs_content .resource_feature_box figcaption a {
	background: transparent;
	padding: 0;
	text-decoration: underline;
	font-size: 15px;
}

.resource_topic_select {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.resource_topic_select .topic_select {
	padding: 10px 15px;
	border-radius: 35px;
	background: #d7e1ed;
	width: 49%;
	font-size: 15px;
/*	border: 1px solid #11294b;*/
	border: 1px solid #11294b00;
	
}

.resource_topic_select_single {
	justify-content: flex-end;
}

.resource_topic_select_single .topic_select {
	width: 100%;
	max-width: 240px;
	cursor: pointer;
}

.resource_webinar_empty {
	grid-column: 1 / -1;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 56px 24px;
	border: 1px solid #DEE0EB;
	background: rgba(255, 255, 255, 0.82);
	text-align: center;
}

.resource_webinar_empty_icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	margin-bottom: 18px;
	border-radius: 50%;
	background: #EFF6FF;
	color: #3995F8;
}

.resource_webinar_empty h3 {
	margin: 0 0 8px 0;
	color: #11294B;
	font-family: Roboto;
	font-size: 22px;
	font-weight: 500;
	line-height: 30px;
}

.resource_webinar_empty p {
	max-width: 520px;
	margin: 0;
	color: #11294B;
}

.resource_webinar_empty_btn {
	margin-top: 22px;
	padding: 11px 24px;
	border: none;
	background: #69CBF2;
	color: #0C2240;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.16px;
	cursor: pointer;
	transition: background 0.2s ease;
}

.resource_webinar_empty_btn:hover,
.resource_webinar_empty_btn:focus-visible {
	background: #46BDE8;
}

@media (max-width: 767px) {
	.resource_topic_select_single {
		justify-content: flex-start;
		margin-top: 12px;
	}

	.resource_topic_select_single .topic_select {
		max-width: none;
	}

	.resource_webinar_empty {
		padding: 40px 18px;
	}
}

.explore_resource .load-more-btn {
	color: #0C2140;
	border-color: #69CBF2;
	border-radius: 0;
}

.outcomes_list_items {
	flex: 1;
	border: 1px solid rgba(255, 255, 255, 0.13);
	background: linear-gradient(173deg, rgba(255, 255, 255, 0.82) -379.22%, #123064 46.84%);
	padding: 26px;
	position: relative;
}

.outcomes_list {
	display: flex;
	gap: 25px;
}

.outcomes_list_items h2 {
	color: #69CBF2;
	font-family: Roboto;
	font-size: 46px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.outcomes_list_items p {
	color: #D3D3D3;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	margin: 0;
}

.outcomes_list_items::before {
	content: '';
	width: 10px;
	height: 10px;
	aspect-ratio: 1/1;
	background: #69CBF2;
	position: absolute;
	left: 0;
	top: 0;
}

.explore_outcome_btn {
	display: flex;
	padding: 17px 28px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: #0C2240;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.16px;
	background: #69CBF2;
	width: fit-content;
	margin: 25px 0 0 0;
}

.download_practicle_sec .resources_box_item {
	box-shadow: 0 4px 27.7px -4px rgba(49, 110, 180, 0.22);
	margin: 45px 0 0 0;
}

.download_practicle_sec .resources_box_item a {
	padding: 0;
	background: transparent;
	width: fit-content;
	display: flex;
	font-size: 15px;
	margin: 22px 0 0 0;
	text-decoration: underline;
}

.download_practicle_sec .resources_box_item h6 {
	color: #11294B;
	font-family: Roboto;
	font-size: 17px;
	font-weight: 600;
	min-height: 45px;
}

.resource_circle {
	display: inline-flex;
	height: 26px;
	padding: 0 10px;
	align-items: center;
	gap: 5px;
	border-radius: 39px;
	border: 1px solid #46BDE8;
	background: #EFF6FF;
	position: relative;
}

.resource_circle::before {
	content: '';
	background: #46BDE8;
	width: 6px;
	height: 6px;
	border-radius: 50%;
}

.resource_details_header h1 {
	color: #11294B;
	font-family: Roboto;
	font-size: 38px;
	font-weight: 600;
}

.resource_details_header_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid rgba(222, 224, 235, 0.64);
	border-bottom: 1px solid rgba(222, 224, 235, 0.64);
	background: rgba(255, 255, 255, 0.82);
	padding: 15px 0;
}

.resource_details_header_name {
	display: flex;
	gap: 15px;
	display: none;
}

.resource_details_header_name figure {
	width: 42px;
	min-width: 42px;
	max-width: 42px;
	height: 42px;
	min-height: 42px;
	max-height: 42px;
	margin: 0;
	border-radius: 42px;
	background: #46bde8;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(255, 255, 255, 0.82);
	font-weight: 400;
}

.resource_details_header_name h6 {
	color: #11294B;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 500;
}

.resource_details_header_name p {
	color: #5E6671;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	margin: 8px 0 0 0;
}

.resource_details_header_box ul {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 20px;
}

.resource_details_header_box ul li {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #11294B;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
}

.resource_big_img {
	margin: 35px 0;
}

.resource_details_content {
	padding: 40px;
	border: 1px solid #F3F4F6;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.resource_details_content ul {
	padding: 0 0 0 15px;
	margin: 15px 0 0 0;
}

.resource_summary ul li {
	color: #11294B;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	margin: 7px 0;
}

.resource_summary h6 {
	color: #11294B;
	font-family: Roboto;
	font-size: 18px;
	font-weight: 600;
}

.resource_summary {
	border-left: 5px solid #48BBE7;
	background: #F8FAFC;
	padding: 30px 25px;
}

.resource_details_content p {
	color: #11294B;
	font-size: 16px;
	font-style: normal;
	line-height: 22px;
	margin: 15px 0 0 0;
}

.resource_details_content ul li,
.resource_details_content ol li {
	font-size: 16px;
	margin: 2px 0;
}

.resource_details_content ol {
	margin: 0;
	padding: 0;
	list-style-position: inside;
	margin: 12px 0;
}

.table_content_resource {
	border: 1px solid #E5E7EB;
	padding: 30px 25px;
}

.table_content_resource ul li {
	color: #11294B;
	font-size: 14px;
	font-weight: 500;
	margin: 9px 0;
}

.table_content_resource h6 {
	color: #11294B;
	font-family: Roboto;
	font-size: 18px;
	font-weight: 600;
}

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

.table_content_resource ul li {
	background: url(https://qrcsolutionz.cp4.techshu.in/wp-content/uploads/2026/07/Symbol-angle.svg);
	background-size: 100%;
	background-size: 6px;
	background-repeat: no-repeat;
	background-position: 0 center;
	padding: 0 0 0 15px;
}

.resource_details_content h3 {
	color: #11294B;
	font-family: Roboto;
	font-size: 18px;
	font-weight: 600;
	margin: 20px 0;
}

.resource_lists li {
	color: #11294B;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	margin: 10px 0;
}

.key_take {
	border: 1px solid rgba(57, 149, 248, 0.16);
	background: #ECF7FF;
	padding: 30px 25px;
}

.key_take h6 {
	color: #11294B;
	font-family: Roboto;
	font-size: 18px;
	font-weight: 600;
}

.key_take ul li {
	color: #11294B;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	margin: 7px 0;
}

.audit_area {
	background: #123064;
	padding: 30px;
	text-align: center;
	display: none;
}

.audit_area h3 {
	color: rgba(255, 255, 255, 0.82);
	text-align: center;
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 32px;
}

.audit_area p {
	color: #CBD5E1;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	margin: 15px 0;
}

.audit_area a {
	background: #69CBF2;
	box-shadow: 0 4px 10.8px 0 rgba(178, 235, 255, 0.04), 0 4px 15.8px 0 rgba(70, 189, 232, 0.22);
	color: #0C2240;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.16px;
	display: block;
	padding: 17px 20px;
}

.audit_area span {
	display: flex;
	justify-content: center;
	margin: 20px 0 0 0;
	gap: 10px;
	color: #94A3B8;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
	align-items: center;
}

.popular_article {
	padding: 30px;
	border: 1px solid #DEE0EB;
	background: rgba(255, 255, 255, 0.82);
	margin: 35px 0;
}

.popular_article h3 {
	color: #11294B;
	font-family: Roboto;
	font-size: 26px;
	font-weight: 600;
	margin: 0 0 30px 0;
}

.popular_article_box {
	display: flex;
	align-items: center;
	gap: 20px;
	margin: 20px 0;
}

.popular_article_box figure {
	width: 65px;
	min-width: 65px;
	max-width: 65px;
	margin: 0;
}

.popular_article_box h6,
.popular_article_box h6 a {
	color: #11294B;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 500;
}

.popular_article_box span {
	color: #545454;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	display: block;
	margin: 5px 0 0 0;
}

.other_blogs {
	background: #EFF6FF;
}

.other_blogs::after {
	content: '';
	background: #EFF6FF;
	width: 100%;
	height: 150px;
	display: block;
	position: absolute;
	bottom: -108px;
	z-index: -1;
}

.leadership-team {
	background: #EFF6FF;
}

.leader_boxes figcaption {
	text-align: center;
}

.leader_boxes figcaption h6 {
	color: #11294B;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.leader_linked_icon img {
	height: 21px;
}

.leader_boxes {
	position: relative;
	margin: 25px 0;
	background: rgba(255, 255, 255, 0.82);
	padding: 30px;
	border-radius: 15px;
	box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
	border: 1px solid rgba(57, 149, 248, 0.16);
}

.leader_boxes figure {
	width: 70%;
	height: 70%;
	overflow: hidden;
	border-radius: 50%;
	margin: 0 auto 20px;
	box-shadow: 0px 0px 0px 1px #44BDEA;
	transition: all 0.4s ease;
}

.leader_boxes figure img {
	filter: grayscale(100%);
	transition: filter 0.3s ease;
}

.leader_boxes:hover figure img {
	filter: grayscale(0%);
}

.leader_view_profile {
	display: flex;
	margin: 0 0 0 0;
	color: #11294B;
	font-family: Roboto;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	align-items: center;
	justify-content: center;
	transition: all 0.4s ease;
}

.leader_boxes:hover .leader_view_profile {
	color: #44BDEA;
}

.leader_view_profile img {
	height: 26px;
}

.leader_boxes figcaption p {
	font-size: 15px;
	margin: 5px 0px 20px 0;
	color: gray;
}

.leader_link {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* LinkedIn icon pinned to the top-right corner of the card */
.leader_boxes .leader_linked_icon {
	position: absolute;
	top: 30px;
	right: 30px;
	line-height: 0;
}
/* the icon leaves the flex row, so keep View Profile flush right as before */
.leader_boxes .leader_link {
	justify-content: center;
}

/* ---------- Leadership profile modal ----------
   Every rule is scoped to .leadership-profile-modal so no other Bootstrap
   modal on the site is affected. Sizing uses Bootstrap 5.3's own modal
   custom properties rather than overriding .modal / .modal-dialog. */

.leadership-profile-modal{
    --bs-modal-width:560px;
}

.leadership-profile-modal .modal-content{
    position:relative;
    padding:28px;
    border:0;
    border-radius:14px;
    background:rgba(255, 255, 255, 0.99);
    box-shadow:0 24px 60px rgba(17,41,75,.18);
}

/* close */

.leadership-profile-modal__close{
    position:absolute;
    top:14px;
    right:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    padding:0;
    border:1px solid #9FD8EE;
    border-radius:4px;
    background:rgba(255, 255, 255, 0.82);
    color:#21AFE3;
    line-height:0;
    cursor:pointer;
    transition:.2s;
}

.leadership-profile-modal__close:hover{
    background:#21AFE3;
    border-color:#21AFE3;
    color:rgba(255, 255, 255, 0.82);
}

.leadership-profile-modal__close:focus-visible{
    outline:2px solid #11294B;
    outline-offset:2px;
}

[id^="career_modal_"] .btn-close{
    position:absolute;
    top:14px;
    right:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    padding:0;
    border:1px solid #9FD8EE;
    border-radius:4px;
    background:rgba(255, 255, 255, 0.82);
    color:#21AFE3;
    line-height:0;
    cursor:pointer;
    transition:.2s;
}

[id^="career_modal_"] .btn-close:hover{
    background:#21AFE3;
    border-color:#21AFE3;
    color:rgba(255, 255, 255, 0.82);
}

[id^="career_modal_"] .btn-close:focus-visible{
    outline:2px solid #11294B;
    outline-offset:2px;
}
/* header */

.leadership-profile-modal__header{
    display:flex;
    align-items:center;
    gap:22px;
    padding-right:28px;
}

.leadership-profile-modal__avatar{
    position:relative;
    flex:none;
    display:flex;
    align-items:center;
    justify-content:center;
    width:78px;
    height:78px;
    overflow:hidden;
    border:2px dashed #9FD8EE;
    border-radius:50%;
    background:#EAF7FD;
}

.leadership-profile-modal__avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}

.leadership-profile-modal__initials{
    color:#2E9CC4;
    font-family:Roboto;
    font-size:22px;
    font-weight:600;
    letter-spacing:.5px;
}

.leadership-profile-modal__identity{
    display:flex;
    flex-direction:column;
    min-width:0;
}

.leadership-profile-modal__eyebrow{
    margin-bottom:6px;
    color:#21AFE3;
    font-family:Roboto;
    font-size:11px;
    font-weight:600;
    letter-spacing:1.4px;
    text-transform:uppercase;
}

.leadership-profile-modal__name{
    color:#11294B;
    font-family:Roboto;
    font-size:24px;
    font-weight:600;
    line-height:1.25;
}

.leadership-profile-modal__role{
    margin-top:5px;
    color:#1F76BE;
    font-family:Roboto;
    font-size:14px;
    font-weight:500;
}

.leadership-profile-modal__role[hidden]{
    display:none;
}

/* divider */

.leadership-profile-modal__divider{
    margin:22px 0;
    border:0;
    border-top:1px solid #E5EDF4;
    opacity:1;
}

/* body */

.leadership-profile-modal__bio{
    margin:0;
    color:#5B6B7C;
    font-family:Roboto;
    font-size:14.5px;
    line-height:1.65;
}

.leadership-profile-modal__meta{
    margin:22px 0 0;
    padding:0;
    list-style:none;
}

.leadership-profile-modal__meta-item{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:10px;
    color:#2C4A6B;
    font-family:Roboto;
    font-size:14px;
}

.leadership-profile-modal__meta-item[hidden]{
    display:none;
}

.leadership-profile-modal__meta-item svg{
    flex:none;
    color:#21AFE3;
}

.leadership-profile-modal__linkedin{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:18px;
    color:#11294B;
    font-family:Roboto;
    font-size:14.5px;
    font-weight:600;
    text-decoration:none;
}

.leadership-profile-modal__linkedin[hidden]{
    display:none;
}

.leadership-profile-modal__linkedin:hover{
    color:#21AFE3;
}

.leadership-profile-modal__linkedin img{
    width:16px;
    height:16px;
}

/* responsive */

@media(max-width:575.98px){

.leadership-profile-modal .modal-content{
    padding:22px;
}

.leadership-profile-modal__header{
    gap:16px;
    padding-right:24px;
}

.leadership-profile-modal__avatar{
    width:62px;
    height:62px;
}

.leadership-profile-modal__initials{
    font-size:18px;
}

.leadership-profile-modal__name{
    font-size:20px;
}

.leadership-profile-modal__divider{
    margin:18px 0;
}

.leadership-profile-modal__bio{
    font-size:14px;
}

}

@media(max-width:379.98px){

.leadership-profile-modal__header{
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
}

}

.Virtual-sec-a-box-item p {
    margin: 0;
}
/*vciso*/

.Virtual-sec-a-box {
    display: flex;
    flex-wrap: wrap;
}
.Virtual-sec-a-box-item img {
    width: 45px;
}
.Virtual-sec-a-box-item {
    width: 50%;
    border: 1px solid #DEE0EB;
    background: rgba(255, 255, 255, 0.82);
    padding: 55px 30px;
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: 18px;
}
.Virtual-sec-a-box-item span {
    color: #A3A3A3;
    font-size: 14px;
    font-weight: 400;
}
.Virtual-sec-a-box-item h6 {
    color: #11294B;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
}
.engagement_cover_slider{
    background: transparent;
}
.engagement_cover_slider figcaption {
    padding: 0;
    min-height: unset;
}
.Virtual-sec-b .left_grad_border::after {
    background: url(https://qrcsolutionz.cp4.techshu.in/wp-content/uploads/2026/07/line-draw-b.svg) 0 0 no-repeat;
    height: 129px;
    top: -58px;
}
.Virtual-sec-c .left_grad_border::after {
  display: none;
}
.what_receive_slider_border {
    border-top: 1px solid #DEE0EB;
    border-bottom: 1px solid #DEE0EB;
    background: rgba(255, 255, 255, 0.82);
}
.what_receive_swiper_box {
    border-right: 1px solid #DEE0EB;
    border-left: 1px solid #DEE0EB;
    background: rgba(255, 255, 255, 0.82);
    padding: 35px 22px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: relative;
    min-height: 215px;
}
.what_receive_swiper_box span {
    color: #A3A3A3;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
}
.what_receive_swiper_box h6 {
    color: #11294B;
    font-family: Roboto;
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
    margin: 25px 0 0 0;
}
.what_receive_swiper_box p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
}
.what_receive_swiper_box::after {
    content: '';
    width: 12px;
    height: 12px;
    background: #69cbf2;
    position: absolute;
    left: 0;
    top: 0;
}


/* ── Section ─────────────────────────────────────────────── */


/* ═══════════════════════════════════════════════════════════
   VERTICAL TAB NAV
═══════════════════════════════════════════════════════════ */
 
.vciso-nav {
  gap: 0;
  border: none !important;
}
#vcisosTab {
    width: 90%;
}
 
/* ── Tab button ──────────────────────────────────────────── */
.vciso-tab-btn {
  display: flex !important;
  align-items: center;
  gap: 14px;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 14px 0 !important;
  text-align: left;
  width: 100%;
  cursor: pointer;
  box-shadow: none !important;
  outline: none;
}
 
.vciso-tab-btn:focus-visible {
  outline: 2px solid #1a8cd8;
  outline-offset: 2px;
  border-radius: 4px !important;
}
 
/* ── Number ──────────────────────────────────────────────── */
.tab-num {
    min-width: 22px;
    font-variant-numeric: tabular-nums;
    transition: color 0.2s ease;
    color: rgba(0, 23, 44, 0.20);
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 1px;
}
 
.vciso-tab-btn.active .tab-num,
.tab-num.active {
  color: #1a8cd8 !important;
}
 
/* ── Icon box ────────────────────────────────────────────── */
.tab-icon-wrap {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    background: rgba(0, 23, 44, 0.05);
}
 
.tab-icon-wrap.active,
.vciso-tab-btn.active .tab-icon-wrap {
/*  background: linear-gradient(135deg, #1a8cd8, #0d6cb5) !important;*/
background: #46BDE8;
  border-color: #1a8cd8 !important;
}
.vciso-tab-btn.active .tab-icon-wrap img{
     filter: brightness(0) invert(1);
}
 
/* ── Label ───────────────────────────────────────────────── */
.tab-label {
    flex: 1;
    letter-spacing: -0.01em;
    transition: color 0.2s ease;
    color: #6B7280;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
 
.vciso-tab-btn.active .tab-label {
  color: #0a1f44 !important;
  font-weight: 600;
}
 
.vciso-tab-btn:not(.active):hover .tab-label {
  color: #3a5c74;
}
 
/* ── Arrow (active only) ─────────────────────────────────── */
.tab-arrow {
  flex-shrink: 0;
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
 
.vciso-tab-btn.active .tab-arrow {
  opacity: 1;
  transform: translateX(0);
}
 
/* ── Divider ─────────────────────────────────────────────── */
.tab-divider {
  height: 1px;
  background-color: #dce8f0;
  width: 100%;
}
 
/* ═══════════════════════════════════════════════════════════
   RIGHT PANEL
═══════════════════════════════════════════════════════════ */
 
.right-panel {
  position: relative;
}
 
/* ── Main image ──────────────────────────────────────────── */
.right-image-wrap {
    border-radius: 0;
    overflow: hidden;
    line-height: 0;
    width: 89%;
    margin-left: auto;
}
 
.right-image {
  width: 100%;
  /*aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
  border-radius: 0;*/
}
 
/* ── Floating info card ──────────────────────────────────── */
.info-card-info {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 40%;
    border-radius: 0;
    padding: 24px 28px;
    min-height: 130px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 6px 54.5px -8px rgba(26, 51, 103, 0.13);
}
 
/* Bootstrap tab-pane overrides for the card */
.info-card {
  /* no extra styles needed — Bootstrap handles show/fade */
}
 
/* ── Info card icon ──────────────────────────────────────── */
.info-card-icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    background: #46BDE8;
    border-radius: 0;
}
.info-card-icon img {
    filter: brightness(0) invert(1);
}
 
/* ── Info card title ─────────────────────────────────────── */
.info-card-title {
    letter-spacing: -0.015em;
    margin-bottom: 8px;
    color: #11294B;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
 
/* ── Info card description ───────────────────────────────── */
.info-card-desc {
    margin-bottom: 0;
    color: #11294B;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}



.service-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.service-nav{

    display:flex;
    align-items:center;
    gap:20px;
}

.serviceSwiper{

    flex:1;
    border-bottom:1px solid #d7dfe8;
}

.serviceSwiper .swiper-slide{
    height: auto;
}

.service-tab{
    width:100%;
    text-align:center;
    white-space:nowrap;
        color: #11294B;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    background: transparent;
    border: none;
   display: flex;
  justify-content: center;
  position: relative;
}

.service-tab.active{

    font-weight:600;
}

.service-tab.active:after{

    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    width:100%;
    height:3px;
    background:#43b2ff;
}

.nav-arrow{

    width:42px;
    height:42px;
    border:0;
    padding: 0;
    background:none;
    font-size:32px;
    color:#18345b;
}

.service-box{

    background:rgba(255, 255, 255, 0.82);
}

.content-wrap{

    padding:70px;
}

.content-wrap h3 {
    color: #11294B;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 20px;
}

.content-wrap p {
    color: #11294B;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    margin: 0;
}

@media(max-width:991px){


.content-wrap{

    padding:30px;
}

.content-wrap h3{

    font-size:28px;
}
}

.ciso_impact .pci_case_box {
    border: none;
    padding: 35px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 4px 27.7px -4px rgba(49, 110, 180, 0.22);
}
.ciso_impact .pci_case_box span {
    background: linear-gradient(92deg, #48BBE7 -7.52%, #EDF4D8 106.18%);
    color: #11294B;
}
.ciso_impact .pci_case_box a {
    width: fit-content;
}
.ciso_impact .pci_case_box p {
    min-height: 90px;
}
.pci_what_offer.resouces_center .pci_case_box {
    background: #11294B;
    border: none; 
}

.pci_what_offer.resouces_center .pci_case_box span {
    background: linear-gradient(92deg, #48BBE7 -7.52%, #EDF4D8 106.18%);
    color: #11294B;
}



/*vciso*/


/*timeline*/

.timeline-section,
.timeline-section *,
.timeline-section *::before,
.timeline-section *::after{
    box-sizing:border-box;
}

.timeline-section{
    padding:45px 0 50px;
    background:rgba(255, 255, 255, 0.82);
    overflow:hidden;
}

/* --- Left column : eyebrow + heading with the vertical accent line --- */

.timeline-section .section-title{
    position:relative;
    margin-left:-12px;
    padding-left:34px;
    font-size:inherit;
    font-weight:400;
    letter-spacing:normal;
    color:inherit;
}

.timeline-section .section-title::before{
    content:"";
    position:absolute;
    left:0;
    top:-46px;
    bottom:0;
    width:3px;
    border-radius:2px;
    background:linear-gradient(180deg,#2fb9c9 0%,#43b8f4 48%,rgba(67,184,244,0) 100%);
}

.timeline-section .section-title span{
    display:block;
    margin-bottom:14px;
    color:#17325d;
    font-size:17px;
    font-weight:400;
    letter-spacing:.2px;
}

.timeline-section .section-title h2{
    margin:0;
    color:#11294B;
    font-size:35px;
    font-weight:600;
    line-height:1.15;
    font-family: Roboto;
}

/* --- Previous / Next --- */

.timeline-section .timeline-nav{
    display:flex;
    margin-top:94px;
    margin-bottom:0 !important;
}

.timeline-section .timeline-nav button{
    display:inline-flex;
    align-items:center;
    gap:10px;
    border:none;
    padding:15px 20px;
    background:transparent;
    color:#1b1b1b;
    font-size:16px;
    line-height:1;
    cursor:pointer;
    transition:.3s;
}

.timeline-section .timeline-nav button img{
    display:block;
    flex:none;
    width:18px;
    height:18px;
}

.timeline-section .timeline-nav button:focus-visible{
    outline:2px solid #11294B;
    outline-offset:2px;
}

.timeline-section .timeline-nav button[disabled]{
    opacity:.4;
    cursor:default;
}

.timeline-section .prevBtn{
    background:transparent !important;
    color:#5f6b78;
}

.timeline-section .prevBtn:hover:not([disabled]){
    color:#11294B;
}

.timeline-section .nextBtn{
    background:#43b8f4 !important;
    color:rgba(255, 255, 255, 0.82);
}

.timeline-section .nextBtn img{
    /* the shared icon ships black – flip it to white on the blue button */
    /* filter:brightness(0) invert(1); */
}

.timeline-section .nextBtn:hover:not([disabled]){
    background:#2ba7e8 !important;
}

/* --- Milestone card --- */

.timeline-section .contentSwiper{
    position:relative;
    z-index:2;
    /* bleed to the container edge on the left and up to the image on the right */
    margin-left:-12px;
    margin-right:-24px;
}

.timeline-section .content-card{
    background:rgba(255, 255, 255, 0.82);
    padding:30px;
    box-shadow:0 12px 40px rgba(17,41,75,.14);
/*    min-height:260px;*/
}

.timeline-section .content-card h1{
    margin:0 0 26px;
    color:#1b1b1b;
    font-size:58px;
    font-weight:300;
    line-height:1;
    letter-spacing:.5px;
    display: none;
}

.timeline-section .content-card p {
	margin: 0;
	color: #1b1b1b;
	font-size: 19px;
	line-height: 1.3;
	font-weight: 600;
}
.Home-page-testimonials .testimonial-content .testimonial-text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
}
.timeline-section .content-card strong{
    display:block;
    margin-top:5px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
}

/* --- Image --- */

.timeline-section .imageSwiper img{
    display:block;
    width:100%;
    height:440px;
    object-fit:cover;
    border-radius:4px;
}

/* --- Bottom strip --- */

.timeline-section .bottom-strip{
    width:100%;
    max-width:640px;
    margin:0 0 0 -27%;
    margin-top:56px !important;
    padding:16px 20px;
    background:#0b6b93;
    color:rgba(255, 255, 255, 0.82);
    text-align:center;
    font-size:16.5px;
    font-style:italic;
    line-height:1.5;
}

/* --- RIGHT TIMELINE --- */

.timeline-section .yearSwiper{
    position:relative;
    height:auto;
    padding-top:4px;
}

/* the vertical connecting line, running past the last year */
.timeline-section .yearSwiper::before{
    content:"";
    position:absolute;
    right:10px;
    top:6px;
    bottom:-80px;
    width:2px;
    background:#dcdcdc;
}

/* the rail never scrolls – every year stays visible, only the active one moves */
.timeline-section .yearSwiper .swiper-wrapper{
    transform:none !important;
}

.timeline-section .yearSwiper .swiper-slide{
    position:relative;
    height:32px !important;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    padding-right:30px;
    color:#b3bac2;
    font-size:16px;
    line-height:1;
    cursor:pointer;
}

.timeline-section .yearSwiper .swiper-slide span{
    display:inline-block;
    padding:5px 2px;
    border-radius:3px;
    transition:.25s;
}

/* the point sitting on the line */
.timeline-section .yearSwiper .swiper-slide::after{
    content:"";
    position:absolute;
    right:6.5px;
    top:50%;
    width:9px;
    height:9px;
    margin-top:-4.5px;
    border-radius:50%;
    background:#d2d2d2;
}

.timeline-section .yearSwiper .swiper-slide:hover:not(.is-active){
    color:#8b949e;
}

/* active year – blue pill + connector + ring.
   `is-active` is managed by custom.js: the rail lists every year at once so it
   never scrolls, which means Swiper's own active class never leaves slide 0. */
.timeline-section .yearSwiper .is-active {
	color: rgba(255, 255, 255, 0.82);
	font-weight: 600;
}

.timeline-section .yearSwiper .is-active span {
	padding: 8px 14px;
	background: #43b8f4;
	color: rgba(255, 255, 255, 0.82);
	border-radius: 30px 10px 10px 30px;
}

.timeline-section .yearSwiper .is-active::before {
	content: "";
	position: absolute;
	right: 11px;
	top: 50%;
	width: 31px;
	height: 6px;
	margin-top: -2px;
	background: #43b8f4;
}

.timeline-section .yearSwiper .is-active::after {
	right: 3px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: rgba(255, 255, 255, 0.82);
	border: 3px solid #43b8f4;
}

.timeline-section .yearSwiper .swiper-slide:focus-visible {
	outline: 2px solid #11294B;
	outline-offset: 2px;
}

/* --- overflow handling per swiper --- */

.timeline-section .swiper {
	overflow: hidden;
}

/* let the card shadow paint outside the swiper without exposing the next slide
   (contentSwiper uses spaceBetween:60, i.e. wider than this clip margin) */
.timeline-section .contentSwiper {
	overflow: clip;
	overflow-clip-margin: 48px;
}

.timeline-section .yearSwiper {
	overflow: visible;
}

/* --- desktop proportions ---
   the card runs from the container edge up to the image, and the year rail
   hugs the right edge and aligns to the top of the row */

@media(min-width:992px) {

	.timeline-section .row {
		align-items: flex-start !important;
	}

	.timeline-section .imageSwiper {
		margin-top: 45px;
	}

	.timeline-section .row > .col-lg-4 {
		width: 38%;
	}

	.timeline-section .row > .col-lg-6 {
		width: 49%;
	}

	.timeline-section .row > .col-lg-2 {
		width: 13%;
		align-self: flex-start;
	}
}


/*wapt*/
.what_we_test_slider_box figcaption {
	min-height: 125px;
	display: flex;
	flex-direction: column;
	padding: 30px 15px 10px 15px;
	position: relative;
	background: rgba(255, 255, 255, 0.82);
}

.what_we_test_slider_box figcaption::after {
	content: '';
	background: #69CBF2;
	position: absolute;
	width: 10px;
	height: 10px;
	left: 0;
	top: 0;
}

.what_we_test_slider_box figure {
	margin: 0;
}

.wapt_benifits_swiper_box h6 {
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px;
	margin: 0 0 12px 0px;
}

.wapt_benifits_swiper_box p {
	color: #D3D3D3;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin: 0;
}

.befits-no-text {
	color: rgba(255, 255, 255, 0.82);
	font-size: 40px;
	font-style: normal;
	font-weight: 300;
	line-height: 54px;
}

.befits-no {
	display: flex;
	align-items: center;
	gap: 15px;
	margin: 0 0 20px 0;
}

.wapt_benifits_swiper {
	min-width: 1800px;
}


/*wapt*/

/* ══════════════════════════════════════════════════════════
   ACCORDION
══════════════════════════════════════════════════════════ */
.what_receive_border {
	border-bottom: 1px solid #DEE0EB !important;
	border-top: 1px solid #DEE0EB !important;
}

.report-accordion {
	border: none;
}
 
/* ── Each item ───────────────────────────────────────────── */
.report-item {
	background: transparent;
	border: none !important;
	border-bottom: 1px solid #DEE0EB !important;
	border-radius: 0 !important;
	border-left: 3px solid transparent !important;
	transition: border-left-color 0.25s ease;
	position: relative;
	border-left: 1px solid #DEE0EB !important;
	border-right: 1px solid #DEE0EB !important;
}
 
/* Active blue left border when open */
.report-item.is-open {
	border-left-color: #1a8cd8 !important;
	border-left-width: 4px !important;
}
 
/* ── Button (header row) ─────────────────────────────────── */
.report-btn {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 40px 0 40px 25px !important;
	letter-spacing: -0.01em;
	box-shadow: none !important;
	gap: 16px;
	width: 100%;
	text-align: left;
	cursor: pointer;
	color: #11294B !important;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.report-btn.collapsed {
	color: #11294B !important;
	font-weight: 400;
}

.accordion-item.report-item.is-open .report-btn {
	padding-bottom: 12px !important;
}

.report-btn.collapsed:hover {
	color: #0a1f44 !important;
}
 
/* Hide Bootstrap default caret */
.report-btn::after {
	display: none !important;
}
 
/* ── +/− icon ────────────────────────────────────────────── */
.report-icon {
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #4b6070;
}

.report-btn .icon-minus {
	display: block;
}

.report-btn .icon-plus {
	display: none;
}

.report-btn.collapsed .icon-minus {
	display: none;
}

.report-btn.collapsed .icon-plus {
	display: block;
}
 
/* ── Body text ───────────────────────────────────────────── */
.report-body {
	padding: 0 0 20px 25px !important;
	color: #11294B;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	max-width: 550px;
}
 
/* ══════════════════════════════════════════════════════════
   RIGHT IMAGE PANEL
══════════════════════════════════════════════════════════ */
 
.right-image-wrap {
/*  border-radius: 12px;*/
	overflow: hidden;
	line-height: 0;
	position: sticky;
	top: 40px;
	background: #0a1f44;
  /* fallback while image transitions */;
}

.right-image {
	width: 100%;
 /* aspect-ratio: 3 / 4;
  object-fit: cover;
  display: block;
  border-radius: 12px;*/
  /* Crossfade transition */
	transition: opacity 0.4s ease;
}
 
/* Fading out state */
.right-image.is-fading {
	opacity: 0;
}
 
/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 991.98px) {
	.deliverables-section {
		padding: 52px 0 60px;
	}

	.right-image-wrap {
		position: static;
		margin-top: 8px;
	}

	.right-image {
		aspect-ratio: 4 / 3;
	}
}

@media (max-width: 767.98px) {
	.deliverables-section {
		padding: 44px 0 52px;
	}

	.report-btn {
		padding: 18px 0 15px 16px !important;
		font-size: 0.95rem;
	}

	.report-body {
		padding: 0 0 16px 16px !important;
	}
}


/* Responsive */

@media(max-width:1199px) {

	.timeline-section .section-title h2 {
		font-size: 30px;
	}

	.timeline-section .content-card {
		padding: 38px 34px 40px;
		min-height: 230px;
	}

	.timeline-section .content-card h1 {
		margin-bottom: 18px;
		font-size: 46px;
	}

	.timeline-section .content-card p {
		font-size: 17px;
	}

	.timeline-section .imageSwiper img {
		height: 370px;
	}

	.timeline-section .yearSwiper .swiper-slide {
		font-size: 14px;
		padding-right: 36px;
	}

	.timeline-section .yearSwiper .is-active::before {
		width: 25px;
	}

	.timeline-section .bottom-strip {
		max-width: none;
		margin-left: 0;
		font-size: 16px;
	}
}

@media(max-width:991px) {

	.timeline-section {
		padding: 56px 0 64px;
	}

	.timeline-section .section-title {
		margin-left: 0;
		padding-left: 24px;
	}

	.timeline-section .section-title::before {
		top: -20px;
	}

	.timeline-section .section-title h2 {
		font-size: 28px;
	}

	.timeline-section .timeline-nav {
		margin-top: 32px;
	}

	.timeline-section .timeline-nav button {
		padding: 14px 22px;
		font-size: 15px;
	}

/* columns stack – drop the desktop bleed */
	.timeline-section .contentSwiper {
		margin-left: 0;
		margin-right: 0;
	}

	.timeline-section .content-card {
		padding: 35px;
	}

	.timeline-section .content-card h1 {
		font-size: 44px;
	}

	.timeline-section .content-card p {
		font-size: 17px;
	}

	.timeline-section .imageSwiper {
		margin-top: 40px;
	}

	.timeline-section .imageSwiper img {
		height: 330px;
	}

	.timeline-section .bottom-strip {
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-top: 24px !important;
		font-size: 16px;
	}

/* the rail stays vertical, just narrower and moved below the content */
	.timeline-section .yearSwiper {
		max-width: 190px;
		margin-top: 44px;
	}

	.timeline-section .yearSwiper::before {
		bottom: -24px;
	}
}

@media(max-width:575px) {

	.timeline-section .section-title h2 {
		font-size: 25px;
	}

	.timeline-section .content-card {
		padding: 28px 24px 30px;
		min-height: 0;
	}

	.timeline-section .content-card h1 {
		margin-bottom: 14px;
		font-size: 38px;
	}

	.timeline-section .content-card p {
		font-size: 16px;
	}

	.timeline-section .timeline-nav button {
		padding: 13px 18px;
		font-size: 14px;
	}

	.timeline-section .imageSwiper img {
		height: 240px;
	}

	.timeline-section .bottom-strip {
		padding: 14px 18px;
		font-size: 15px;
	}

	.timeline-section .yearSwiper {
		max-width: 170px;
	}
}




/*secutity-va*/
.who_need_asses {
	display: flex;
	align-items: center;
	gap: 50px;
	background: rgba(255, 255, 255, 0.82);
}

.who_need_asses figure,
.who_need_asses figcaption {
	flex: 1;
	margin: 0;
}

.who_need_asses h2 {
	letter-spacing: -0.02em;
	color: #11294B;
	font-family: Roboto;
	font-size: 38px;
	font-weight: 600;
}

.who_need_asses figcaption {
	padding: 40px;
}

.who_need_asses figcaption p {
	margin: 15px 0;
}

.who_need_asses figcaption ul {
	padding: 0;
}


/*Soc-monitor*/
.monitoring_cover_swiper {
	min-width: 1950px;
}

.monitoring_cover_slide_box {
	position: relative;
}

.monitoring_cover_slide_box figure {
	margin: 0;
}

.monitoring_cover_slide_box figcaption {
	position: absolute;
	left: 0;
	width: 40%;
	height: 100%;
	background: rgba(0, 0, 0, 0.54);
	backdrop-filter: blur(4.449999809265137px);
	padding: 25px;
	min-width: 40%;
	max-width: 40%;
	justify-content: center;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.monitoring_cover_slide_box figcaption h6 {
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 19px;
	font-style: normal;
	font-weight: 600;
	line-height: 26px;
}

.monitoring_cover_slide_box figcaption p {
	color: #D3D3D3;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}



/*testimonial*/

.tst-page-intro_sec h6 {
	color: #11294B;
	font-family: Roboto;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
}

.tst-page-intro_sec p {
	color: #11294B;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	margin: 25px 0 00 0;
}

/*.tst-page-tst_sec{
    border-top: 1px solid #DEE0EB;
    border-bottom: 1px solid #DEE0EB;
}*/
.tst-tabs-box {
	border: 1px solid #DEE0EB;
	margin: 15px 0 0 0;
}

.tst-tabs-box .tst-tabs-menus {
	margin: 0 0 1px 0 !important;
	padding: 0;
	border-bottom: none;
	justify-content: space-between !important;
	width: 100%;
}

.tst-tabs-box .tst-tabs-menus li {
	flex: 1;
}

.testimonialtabbox {
	display: flex;
	align-items: center;
	gap: 50px;
	padding: 25px 25px 25px 0;
}

.testimonialtabbox figure {
	margin: 0;
	width: 35%;
	min-width: 35%;
	max-width: 35%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.testimonialtabbox figcaption p {
	color: #11294B;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
}

.testimonialtabbox figcaption h6 {
	color: #000;
	font-family: Roboto;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5;
}

.testimonialtabbox figcaption span {
	color: #000;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	display: block;
}

.tst-tabs-box .tst-tabs-menus li button {
	border: none;
	padding: 0 0;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	width: 100%;
	padding: 15px;
	border-radius: 0;
	border-top: 1px solid #DEE0EB;
	background: transparent;
	height: 90px;
}

.tst-tabs-box .tst-tabs-menus li button.active {
	border-top: 2px solid #00AEFF;
	background: #EFF6FF;
}

/* ══════════════════════════════════════════════════════════
   WHY LEADING PAYMENT ORGANIZATIONS CHOOSE QRC — SLIDER
   ══════════════════════════════════════════════════════════ */
.pci_leading_choose {
	padding: 60px 0 65px;
	background: #F5F9FC;
	overflow: hidden;
}

.pci_leading_choose .pci_leading_head {
	margin-bottom: 40px;
}

.pci_leading_choose .section-title {
	margin-bottom: 14px;
	letter-spacing: 0;
	font-size: 35px;
	font-weight: 600;
}

.pci_leading_choose .section-subtitle {
	font-size: 15px;
}

/* ── Navigation arrows ───────────────────────────────────── */
.pci_leading_nav {
	display: flex;
	flex-shrink: 0;
	gap: 14px;
	margin-top: 6px;
}

.pci_leading_nav svg {
	width: 16px;
}

.pci_leading_choose .swiper-button-prev,
.pci_leading_choose .swiper-button-next {
	position: unset;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 38px;
	margin: 0;
	border-radius: 4px;
	background: #DCEEFA;
	transition: background 0.2s ease;
}

.pci_leading_choose .swiper-button-prev:hover,
.pci_leading_choose .swiper-button-next:hover {
	background: #BFE0F5;
}

.pci_leading_choose .swiper-button-prev::after,
.pci_leading_choose .swiper-button-next::after {
	display: none;
}

/* ── Slider ──────────────────────────────────────────────── */


.pci_leading_swiper .swiper-slide {
	width: 100%;
	height: auto;
}

.pci_leading_box {
	display: flex;
	align-items: stretch;
	height: 100%;
	min-height: 320px;
	background: rgba(255, 255, 255, 0.82);
	box-shadow: 0 10px 27.1px 0 rgba(49, 110, 180, 0.10);
}

.pci_leading_box_img {
	position: relative;
	flex: 0 0 44.5%;
	max-width: 44.5%;
	margin: 0;
	overflow: hidden;
}

.pci_leading_box_img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.pci_leading_box_content {
	flex: 1;
	min-width: 0;
	padding: 35px 25px;
}

/* .pci_leading_box_icon {
    width: 40px;
    height: 40px;
    margin-bottom: 30px;
} */

.pci_leading_box_icon {
	/* width: 40px; */
	/* height: 40px; */
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.pci_leading_box_icon img {
	width: 35px;
	height: 35px;
	object-fit: contain;
}

.pci_leading_box_content h3 {
	margin-bottom: 28px;
	color: #11294B;
	font-family: Roboto;
	font-size: 22px;
	font-weight: 600;
	line-height: normal;
}

.pci_leading_box_content ul {
	column-count: 1;
	column-gap: 10px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.pci_leading_box_icon h3 {
	margin: 0;
	font-size: 19px;
}

.pci_leading_box_content ul li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 10px;
	break-inside: avoid;
	color: #11294B;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}

.pci_leading_box_content ul li:last-child {
	margin-bottom: 0;
}

.pci_leading_check {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
}

.pci_leading_check svg {
	width: 20px;
	height: 20px;
	display: block;
}

.pci_leading_box_content p {
	margin: 0;
	max-width: 480px;
	color: #11294B;
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
}

/* ── Pagination ──────────────────────────────────────────── */
.pci_leading_swiper_pagination {
	--swiper-pagination-bullet-horizontal-gap: 0px;
	position: unset;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 40px;
}

.pci_leading_swiper_pagination .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	margin: 0;
	opacity: 1;
	border-radius: 4px;
	background: #C9D6E2;
	transition: width 0.3s ease, background 0.3s ease;
}

.pci_leading_swiper_pagination .swiper-pagination-bullet-active {
	width: 30px;
	background: #46BDE8;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 1199.98px) {
	.pci_leading_box_content {
		padding: 40px 40px;
	}

	.pci_leading_box_content h3 {
		margin-bottom: 0;
		font-size: 20px;
	}
}

@media (max-width: 991.98px) {
	.pci_leading_choose {
		padding: 52px 0 60px;
	}

	.pci_leading_choose .section-title {
		font-size: 28px;
	}


	.pci_leading_box_content {
		padding: 32px 30px;
	}

	.pci_leading_box_content ul {
		column-count: 1;
	}
}

@media (max-width: 767.98px) {
	.pci_leading_choose {
		padding: 44px 0 52px;
	}

	.pci_leading_choose .pci_leading_head {
		flex-direction: column;
		gap: 20px;
		margin-bottom: 28px;
	}

	.pci_leading_nav {
		margin-top: 0;
	}

	.pci_leading_choose .section-title {
		font-size: 24px;
	}


	.pci_leading_box {
		flex-direction: column;
		min-height: 0;
	}

	.pci_leading_box_img {
		flex: 0 0 auto;
		max-width: 100%;
	}

	.pci_leading_box_img {
		height: 220px;
	}

	.pci_leading_box_content {
		padding: 28px 24px 32px;
	}

	.pci_leading_box_icon {
		margin-bottom: 20px;
	}

	.pci_leading_swiper_pagination {
		margin-top: 28px;
	}
}

/* ══════════════════════════════════════════════════════════
   PCI CASE STUDIES
   ══════════════════════════════════════════════════════════ */
.pci_case_study {
	padding: 72px 0;
	background: rgba(255, 255, 255, 0.82);
}

/* ── Left intro ──────────────────────────────────────────── */
.pci_case_study_label {
	display: inline-flex;
	padding: 4px 13px;
	align-items: center;
	border-radius: 32px;
	background: #DCEEFA;
	color: #11294B;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
}

.pci_case_study_intro {
	position: sticky;
	top: 30px;
}

.pci_case_study_intro .title_h2 {
	margin: 16px 0 14px;
	letter-spacing: 0;
	font-size: 35px;
	font-weight: 600;
}

.pci_case_study_intro p {
	margin: 0 0 26px 0;
	color: #11294B;
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
}

.pci_case_study_img {
	margin: 0;
}

.pci_case_study_img img {
	width: 100%;
	max-width: 523px;
	height: auto;
	display: block;
}

/* ── Right case study card ───────────────────────────────── */
.pci_case_study_box {
	margin-bottom: 28px;
	padding: 32px 32px 26px;
	border: 1px solid #E8EDF3;
	background: rgba(255, 255, 255, 0.82);
}

.pci_case_study_box:last-child {
	margin-bottom: 0;
}

.pci_case_study_box span {
	display: inline-flex;
	padding: 4px 13px;
	align-items: center;
	border-radius: 32px;
	background: #DCEEFA;
	color: #11294B;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
}

.pci_case_study_box h3 {
	margin: 16px 0 14px 0;
	color: #11294B;
	font-family: Roboto;
	font-size: 20px;
	font-weight: 600;
	line-height: normal;
}

.pci_case_study_box p {
	margin: 0 0 12px 0;
	color: #11294B;
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
}

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

.pci_case_study_box ul li {
	margin-bottom: 8px;
	color: #11294B;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
}

.pci_case_study_box ul li:last-child {
	margin-bottom: 0;
}

.pci_case_study_box ul li span {
	display: inline;
	padding: 0;
	border-radius: 0;
	background: transparent;
	color: #46BDE8;
	font-size: 15px;
	font-weight: 400;
}

.pci_case_study_box a {
	display: inline-flex;
	padding: 17px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin: 16px 0 0 0;
	background: #69CBF2;
	color: #11294B;
	font-size: 14px;
	font-weight: 600;
	line-height: 17px;
	text-decoration: none;
	transition: background 0.2s ease;
}

.pci_case_study_box a:hover {
	background: #46BDE8;
	color: #11294B;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 1199.98px) {
	.pci_case_study_box {
		padding: 28px 24px 24px;
	}
}

@media (max-width: 991.98px) {
	.pci_case_study {
		padding: 56px 0;
	}

	.pci_case_study_intro {
		position: static;
		top: auto;
		margin-bottom: 40px;
	}

	.pci_case_study_intro .title_h2 {
		font-size: 28px;
	}

	.pci_case_study_img img {
		max-width: 100%;
	}
}

@media (max-width: 767.98px) {
	.pci_case_study {
		padding: 44px 0;
	}

	.pci_case_study_intro .title_h2 {
		margin: 16px 0 18px;
		font-size: 24px;
	}

	.pci_case_study_intro p {
		margin-bottom: 24px;
	}

	.pci_case_study_box {
		margin-bottom: 20px;
		padding: 24px 20px;
	}

	.pci_case_study_box h3 {
		font-size: 18px;
	}

	.pci_case_study_box a {
		width: 100%;
	}
}

.ftr_contact_box.pci_ftr_box h3,
.ftr_contact_box.pci_ftr_box p {
	color: #11294B;
}

.ftr_contact_box.pci_ftr_box .btn-fill-ftr {
	background: #25456E;
}

/* ══════════════════════════════════════════════════════════
   DPDP — WHO REQUIRES A COMPLIANCE ASSESSMENT
   ══════════════════════════════════════════════════════════ */
.dpdp_who_require {
	padding: 60px 0 65px;
	background: #F5F9FC;
}

.dpdp_who_require .section-title {
	margin-bottom: 14px;
	letter-spacing: 0;
	font-size: 35px;
	font-weight: 600;
}

.dpdp_who_require .section-subtitle {
	margin-bottom: 0;
	font-size: 15px;
	line-height: 26px;
}

/* ── Card strip ──────────────────────────────────────────── */
.dpdp_who_require_row {
	margin-top: 36px;
	border-top: 1px solid #E8EDF3;
	border-left: 1px solid #E8EDF3;
}

.row.dpdp_who_require_row.va_assess_row {
	border: none;
}

.dpdp_who_require_box {
	height: 100%;
	padding: 30px 30px 30px;
	border-right: 1px solid #E8EDF3;
	border-bottom: 1px solid #E8EDF3;
	background: rgba(255, 255, 255, 0.82);
}

.dpdp_who_require_row.va_assess_row .dpdp_who_require_box {
	border: none;
	margin: 15px 0;
	height: unset;
	min-height: 95px;
	border-bottom: 3px solid #69cbf2;
	box-shadow: 0 4px 27.7px -4px rgba(49, 110, 180, 0.09);
	padding: 17px;
	display: flex;
	flex-direction: column;
	gap: 18px;
	justify-content: center;
}

.dpdp_who_require_row.va_assess_row .dpdp_who_require_box .dpdp_who_require_icon {
	margin: 0;
}

.dpdp_who_require_icon {
	width: 40px;
	height: 40px;
	margin-bottom: 20px;
}

.dpdp_who_require_icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.dpdp_who_require_box h3 {
	margin: 0;
	color: #11294B;
	font-family: Roboto;
	font-size: 17px;
	font-weight: 600;
	line-height: 28px;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 1199.98px) {
	.dpdp_who_require_box {
		padding: 28px 24px 32px;
	}

	.dpdp_who_require_icon {
		margin-bottom: 30px;
	}

	.dpdp_who_require_box h3 {
		font-size: 16px;
		line-height: 26px;
	}
}

@media (max-width: 991.98px) {
	.dpdp_who_require {
		padding: 52px 0 60px;
	}

	.dpdp_who_require .section-title {
		font-size: 28px;
	}

	.dpdp_who_require_row {
		margin-top: 30px;
	}
}

@media (max-width: 767.98px) {
	.dpdp_who_require {
		padding: 44px 0 52px;
	}

	.dpdp_who_require .section-title {
		font-size: 24px;
	}

	.dpdp_who_require_box {
		padding: 24px 20px 26px;
	}

	.dpdp_who_require_icon {
		margin-bottom: 22px;
	}
}

/* ══════════════════════════════════════════════════════════
   DPDP — SUPPORTING SERVICES
   ══════════════════════════════════════════════════════════ */
.services-section.services-section-dpdp {
	padding: 0;
	background: #F5F9FC;
}

.services-section-dpdp > .container {
	padding-top: 64px;
	padding-bottom: 72px;
	border-left: 1px solid #E9EFF5;
	border-right: 1px solid #E9EFF5;
}

.services-section-dpdp .section-heading-wrap {
	margin-bottom: 30px;
}

.services-section-dpdp .section-title {
	margin-bottom: 12px;
	letter-spacing: 0;
	font-size: 32px;
	font-weight: 600;
}

.services-section-dpdp .section-subtitle {
	max-width: 690px;
	margin-bottom: 0;
	font-size: 15px;
	line-height: 26px;
}

/* ── Service list ────────────────────────────────────────── */
.services-section-dpdp .services-nav {
	position: relative;
}

.services-section-dpdp .tab-num,
.services-section-dpdp .tab-divider {
	display: none;
}

.services-section-dpdp .services-tab-btn {
	position: relative;
	gap: 0;
	padding: 13px 0 13px 22px !important;
}

.services-section-dpdp .services-tab-btn:before {
	content: "";
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 0;
	width: 2px;
	background: transparent;
	transition: background 0.2s ease;
}

.services-section-dpdp .services-tab-btn.active:before {
	background: #46BDE8;
}

.services-section-dpdp .tab-label {
	color: #8095B4;
	font-size: 17px;
	font-weight: 400;
	line-height: 26px;
}

.services-section-dpdp .services-tab-btn.active .tab-label {
	color: #11294B !important;
	font-weight: 600;
}

.services-section-dpdp .services-tab-btn:not(.active):hover .tab-label {
	color: #11294B;
}

/* ── Right feature box ───────────────────────────────────── */
.services-section-dpdp .services-image-wrap {
	padding: 20px 20px 30px;
	border-radius: 0;
	box-shadow: none;
	background: #DCEEFA;
	line-height: normal;
}

.services-section-dpdp .services-img {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	display: block;
}

.services-section-dpdp .services-tab-content {
	margin-top: 26px;
}

.services-section-dpdp .tab-pane-inline {
	padding: 0;
}

.services-section-dpdp .tab-pane-inline.show.active {
	max-height: 320px;
	padding: 0;
}

.services-section-dpdp .tab-pane-inline p {
	color: #11294B;
	font-size: 14px;
	font-weight: 400;
	line-height: 23px;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 991.98px) {
	.services-section-dpdp > .container {
		padding-top: 52px;
		padding-bottom: 60px;
		border-left: 0;
		border-right: 0;
	}

	.services-section-dpdp .section-title {
		font-size: 28px;
	}

	.services-section-dpdp .services-image-wrap {
		margin-top: 36px;
	}
}

@media (max-width: 767.98px) {
	.services-section-dpdp > .container {
		padding-top: 44px;
		padding-bottom: 52px;
	}

	.services-section-dpdp .section-title {
		font-size: 24px;
	}

	.services-section-dpdp .services-tab-btn {
		padding: 11px 0 11px 18px !important;
	}

	.services-section-dpdp .tab-label {
		font-size: 16px;
	}

	.services-section-dpdp .services-image-wrap {
		padding: 16px 16px 24px;
	}
}

/* ══════════════════════════════════════════════════════════
   ISMS — WHO NEEDS ISO/IEC 26001 CERTIFICATION
   ══════════════════════════════════════════════════════════ */
.isms_who_needs {
	background: rgba(255, 255, 255, 0.82);
}

.isms_who_needs .isms_who_needs_inner {
	padding: 40px 24px 40px;
	border-left: 1px solid #E9EFF5;
	border-right: 1px solid #E9EFF5;
}

.isms_who_needs .section-title {
	margin-bottom: 14px;
	letter-spacing: 0;
	font-size: 32px;
	font-weight: 600;
}

.isms_who_needs .section-subtitle {
	margin-bottom: 0;
	font-size: 15px;
	line-height: 26px;
}

/* ── Two-column box ──────────────────────────────────────── */
.isms_who_needs_box {
	margin-top: 38px;
	align-items: stretch;
}

.isms_who_needs_img {
	height: 100%;
	margin: 0;
	padding: 20px 25px;
	background: #DCEEFA;
}

.isms_who_needs_img img {
	width: 100%;
	height: 100%;
    /* aspect-ratio: 484 / 355; */
	object-fit: cover;
	display: block;
}

.isms_who_needs_content {
	height: 100%;
	padding: 46px 40px 46px 58px;
	background: #F7FAFC;
}

.isms_who_needs_quote {
	margin: 0;
	color: #11294B;
	font-size: 15px;
	font-weight: 600;
	line-height: 26px;
}

.isms_who_needs_quote span {
	color: #46BDE8;
}

/* ── Checklist ───────────────────────────────────────────── */
.isms_who_needs_list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: repeat(4, auto);
	grid-auto-flow: column;
	column-gap: 20px;
	row-gap: 14px;
	margin: 36px 0 0 0;
	padding: 0;
	list-style: none;
}

.isms_who_needs_list li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	color: #11294B;
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
}

.isms_who_needs_list li img {
	position: relative;
	top: 5px;
}

.isms_who_needs_check {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	margin-top: 3px;
}

.isms_who_needs_check svg {
	width: 20px;
	height: 20px;
	display: block;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 1199.98px) {
	.isms_who_needs_content {
		padding: 36px 34px;
	}

	.isms_who_needs_list {
		column-gap: 20px;
	}
}

@media (max-width: 991.98px) {
	.isms_who_needs .isms_who_needs_inner {
		padding: 52px 20px 60px;
		border-left: 0;
		border-right: 0;
	}

	.isms_who_needs .section-title {
		font-size: 28px;
	}

	.isms_who_needs_box {
		margin-top: 30px;
	}

	.isms_who_needs_img img {
		aspect-ratio: 16 / 9;
	}

	.isms_who_needs_content {
		padding: 32px 28px 36px;
	}
}

@media (max-width: 767.98px) {
	.isms_who_needs .isms_who_needs_inner {
		padding: 44px 16px 52px;
	}

	.isms_who_needs .section-title {
		font-size: 24px;
	}

	.isms_who_needs_img {
		padding: 16px;
	}

	.isms_who_needs_content {
		padding: 26px 20px 30px;
	}

	.isms_who_needs_list {
		grid-template-columns: 1fr;
		grid-template-rows: none;
		grid-auto-flow: row;
		margin-top: 28px;
	}
}

/* ══════════════════════════════════════════════════════════
   ISMS — WHY LEADING ORGANIZATIONS CHOOSE QRC
   ══════════════════════════════════════════════════════════ */
.isms_why_leading {
	padding: 60px 0 65px;
	background: rgba(255, 255, 255, 0.82);
}

.isms_why_leading .section-title {
	margin-bottom: 14px;
	letter-spacing: 0;
	font-size: 32px;
	font-weight: 600;
}

.isms_why_leading .section-subtitle {
	margin-bottom: 0;
	font-size: 15px;
	line-height: 26px;
}

/* ── Slider ──────────────────────────────────────────────── */
.isms_why_leading_swiper {
	margin-top: 34px;
}

.isms_why_leading_swiper .swiper-slide {
	height: auto;
}

.isms_why_leading_box {
	display: flex;
	align-items: stretch;
	min-height: 343px;
	height: 100%;
}

/* ── Left content ────────────────────────────────────────── */
.isms_why_leading_content {
	flex: 0 0 43%;
	max-width: 55%;
	padding: 30px 30px 100px;
	background: #F8FAFC;
}

.isms_why_leading_icon {
	width: 48px;
	height: 48px;
	margin-bottom: 26px;
}

.isms_why_leading_icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.isms_why_leading_content h3 {
	margin: 0 0 12px 0;
	color: #11294B;
	font-family: Roboto;
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
}

.isms_why_leading_content p {
	max-width: 440px;
	margin: 0;
	color: #11294B;
	font-size: 14px;
	font-weight: 400;
	line-height: 23px;
}

/* ── Right image ─────────────────────────────────────────── */
.isms_why_leading_img {
	position: relative;
	flex: 0 0 45%;
	max-width: 45%;
	margin: 0;
	overflow: hidden;
}

.isms_why_leading_img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ── Pagination ──────────────────────────────────────────── */
.isms_why_leading .isms_why_leading_pagination {
	position: absolute;
	left: 56px;
	bottom: 56px;
	width: auto;
	display: flex;
	align-items: center;
	gap: 7px;
	z-index: 2;
}

.isms_why_leading .isms_why_leading_pagination .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	margin: 0;
	opacity: 1;
	border-radius: 4px;
	background: #C9D6E2;
	transition: width 0.3s ease, background 0.3s ease;
}

.isms_why_leading .isms_why_leading_pagination .swiper-pagination-bullet-active {
	width: 35px;
	background: #46BDE8;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 1199.98px) {
	.isms_why_leading_content {
		padding: 40px 36px 92px;
	}

	.isms_why_leading .isms_why_leading_pagination {
		left: 36px;
		bottom: 44px;
	}
}

@media (max-width: 991.98px) {
	.isms_why_leading {
		padding: 52px 0 60px;
	}

	.isms_why_leading .section-title {
		font-size: 28px;
	}

	.isms_why_leading_box {
		flex-direction: column;
		min-height: 0;
	}

	.isms_why_leading_content,
    .isms_why_leading_img {
		flex: 0 0 auto;
		max-width: 100%;
	}

	.isms_why_leading_content {
		order: 2;
		padding: 32px 28px 76px;
	}

	.isms_why_leading_content p {
		max-width: 100%;
	}

	.isms_why_leading_img {
		order: 1;
		height: 260px;
	}

	.isms_why_leading .isms_why_leading_pagination {
		left: 28px;
		bottom: 32px;
	}
}

@media (max-width: 767.98px) {
	.isms_why_leading {
		padding: 44px 0 52px;
	}

	.isms_why_leading .section-title {
		font-size: 24px;
	}

	.isms_why_leading_content {
		padding: 26px 20px 68px;
	}

	.isms_why_leading_img {
		height: 210px;
	}

	.isms_why_leading .isms_why_leading_pagination {
		left: 20px;
		bottom: 26px;
	}
}

.va-stat-bar .va-stat-bar-row {
	border: 1px solid #DEE0EB;
	background: rgba(255, 255, 255, 0.82);
}

.va-stat-bar .va-stat-bar-tile {
	height: 100%;
	padding: 24px 20px;
	text-align: center;
	border-right: 1px solid #DEE0EB;
}

.va-stat-bar .va-stat-bar-col:last-child .va-stat-bar-tile {
	border-right: 0;
}

.va-stat-bar .va-stat-bar-tile h6 {
	margin: 0 0 8px 0;
	color: #11294B;
	font-family: Roboto;
	font-size: 20px;
	font-weight: 600;
}

.va-stat-bar .va-stat-bar-tile p {
	margin: 0;
	color: #11294B;
	font-size: 16px;
	font-weight: 400;
}

@media (max-width: 991.98px) {
	.va-stat-bar .va-stat-bar-col:nth-child(2n) .va-stat-bar-tile {
		border-right: 0;
	}

	.va-stat-bar .va-stat-bar-col:nth-child(-n+2) .va-stat-bar-tile {
		border-bottom: 1px solid #DEE0EB;
	}
}

/*VA ASSESSMENT METHODOLOGY SLIDER*/
.va_method_sec {
	position: relative;
	background: #11294B;
	padding: 60px 0 65px;
	overflow: hidden;
}

.va_method_sec .va_method_head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 48px;
}

.va_method_sec .va_method_head_txt {
	flex: 1 1 auto;
	max-width: 990px;
}

.va_method_sec .va_method_head .section-title {
	margin-bottom: 14px;
	letter-spacing: 0;
	font-size: 35px;
	font-weight: 600;
}

.va_method_sec .va_method_head .section-subtitle {
	margin-bottom: 0;
	font-size: 15px;
}

.va_method_sec .va_method_nav {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 10px;
}

.va_method_sec .va_method_swiper_prev,
.va_method_sec .va_method_swiper_next {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 38px;
	border-radius: 4px;
	background: #DCEBF8;
	cursor: pointer;
	transition: background 0.3s ease;
}

.va_method_sec .va_method_swiper_prev:hover,
.va_method_sec .va_method_swiper_next:hover {
	background: #C6DFF4;
}

.va_method_sec .va_method_swiper_prev.swiper-button-disabled,
.va_method_sec .va_method_swiper_next.swiper-button-disabled {
	opacity: 0.45;
	cursor: default;
}
/* ── Method card — image card with hover reveal ──────────── */
.va_method_sec .va_method_slide {
	position: relative;
	display: block;
	height: auto;
	aspect-ratio: 420 / 313;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: #0B1B33;
	overflow: hidden;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.va_method_sec .va_method_slide:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 34px rgba(0, 0, 0, 0.28);
}

.va_method_sec .va_method_slide_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.va_method_sec .va_method_slide_img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.va_method_sec .va_method_slide:hover .va_method_slide_img img {
	transform: scale(1.04);
}

.va_method_sec .va_method_slide_txt {
	position: absolute;
	right: 12px;
	bottom: 13px;
	left: 12px;
	z-index: 1;
	margin: 0;
	padding: 0;
}

.va_method_sec .va_method_slide_txt h6 {
	margin: 0;
	padding: 10px 10px;
	background: #7FD0EE;
	letter-spacing: 0;
	color: #11294B;
	font-family: Roboto;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.3;
}

.va_method_sec .va_method_slide_txt p {
	max-height: 0;
	min-height: 0;
	margin: 0;
	padding: 0 16px;
	opacity: 0;
	overflow: hidden;
	transform: translateY(10px);
	background: rgba(11, 27, 51, 0.92);
	color: #D3D3D3;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	transition: max-height 0.45s ease, padding 0.45s ease, opacity 0.35s ease 0.05s, transform 0.45s ease;
}

.va_method_sec .va_method_slide:hover .va_method_slide_txt p {
	max-height: 220px;
	padding: 10px 10px 10px;
	opacity: 1;
	transform: translateY(0);
}

.va_method_sec .va_method_swiper_pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 40px;
	position: unset;
}

.va_method_sec .va_method_swiper_pagination .swiper-pagination-bullet {
	width: 7px;
	height: 7px;
	margin: 0;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.82);
	opacity: 0.35;
	transition: width 0.3s ease, background 0.3s ease, opacity 0.3s ease;
}

.va_method_sec .va_method_swiper_pagination .swiper-pagination-bullet-active {
	width: 30px;
	background: #69CBF2;
	opacity: 1;
}

@media (max-width: 991.98px) {
	.va_method_sec {
		padding: 52px 0 60px;
	}

	.va_method_sec .va_method_head {
		flex-wrap: wrap;
		margin-bottom: 32px;
	}

	.va_method_sec .va_method_head_txt {
		max-width: 100%;
	}

	.va_method_sec .va_method_slide {
		aspect-ratio: auto;
		min-height: 300px;
	}

	.va_method_sec .va_method_slide_txt h6 {
		padding: 15px 14px;
		font-size: 18px;
	}
}

@media (max-width: 767.98px) {
	.va_method_sec {
		padding: 44px 0 52px;
	}
}

@media (max-width: 575.98px) {
	.va_method_sec .va_method_slide_txt h6 {
		font-size: 17px;
	}

	.va_method_sec .va_method_slide_txt p {
		padding: 0 14px;
	}

	.va_method_sec .va_method_slide:hover .va_method_slide_txt p {
		padding: 12px 14px 14px;
	}
}
/* ── Touch devices — description always visible ──────────── */
@media (hover: none) {
	.va_method_sec .va_method_slide {
		aspect-ratio: auto;
		min-height: 340px;
	}

	.va_method_sec .va_method_slide_txt p {
		max-height: none;
		padding: 14px 16px 16px;
		opacity: 1;
		transform: none;
	}
}


/*VA WHAT YOU RECEIVE*/
.va_receive_sec {
	background: #F5F8FC;
	padding: 50px 0;
}

.va_receive_sec .va_receive_title {
	margin-bottom: 14px;
}

.va_receive_sec .va_receive_desc {
	max-width: 520px;
	line-height: 28px;
	margin-bottom: 26px;
}

.va_receive_sec .va_receive_accordion {
	max-width: 560px;
	border: none;
}

.va_receive_sec .va_receive_item {
	background: transparent;
	border: none;
	border-radius: 0;
}

.va_receive_sec .va_receive_btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	text-align: left;
	padding: 14px 4px 14px 22px;
	border: none;
	border-left: 2px solid transparent;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #11294B;
	font-family: Roboto;
	font-size: 18px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: -0.01em;
	cursor: pointer;
}

.va_receive_sec .va_receive_btn:not(.collapsed) {
	background: transparent;
	box-shadow: none;
	border-left-color: #4DB0E8;
	color: #11294B;
}

.va_receive_sec .va_receive_btn.collapsed {
	color: #5B7C9E;
	font-weight: 400;
}

.va_receive_sec .va_receive_btn.collapsed:hover {
	color: #11294B;
}

.va_receive_sec .va_receive_btn::after {
	display: none;
}

.va_receive_sec .va_receive_icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	color: #4DB0E8;
}

.va_receive_sec .va_receive_btn .icon-up {
	display: block;
}

.va_receive_sec .va_receive_btn .icon-down {
	display: none;
}

.va_receive_sec .va_receive_btn.collapsed .icon-up {
	display: none;
}

.va_receive_sec .va_receive_btn.collapsed .icon-down {
	display: block;
}

.va_receive_sec .accordion-collapse {
	border-left: 2px solid transparent;
}

.va_receive_sec .accordion-collapse.show,
.va_receive_sec .accordion-collapse.collapsing {
	border-left-color: #4DB0E8;
}

.va_receive_sec .va_receive_body {
	padding: 0 20px 18px 22px;
	max-width: 500px;
	color: #4B5A6E;
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
}

.va_receive_sec .va_receive_img {
	margin: 0;
	padding-left: 50px;
}

.va_receive_sec .va_receive_img img {
	display: block;
	width: 100%;
	height: 470px;
	object-fit: cover;
}

@media (max-width: 991px) {
	.va_receive_sec {
		padding: 50px 0;
	}

	.va_receive_sec .va_receive_accordion,
    .va_receive_sec .va_receive_desc {
		max-width: 100%;
	}

	.va_receive_sec .va_receive_img {
		padding-left: 0;
		margin-top: 35px;
	}

	.va_receive_sec .va_receive_img img {
		height: 340px;
	}
}

@media (max-width: 575px) {
	.va_receive_sec .va_receive_btn {
		font-size: 16px;
	}

	.va_receive_sec .va_receive_img img {
		height: 240px;
	}
}


/*VA SUPPORTING SERVICES*/
.va_support_sec {
	background: rgba(255, 255, 255, 0.82);
	padding: 60px 0;
	overflow: hidden;
}

.va_support_sec .va_support_title {
	margin-bottom: 16px;
}

.va_support_sec .va_support_desc {
	max-width: 410px;
	line-height: 26px;
	margin-bottom: 50px;
}

.va_support_sec .va_support_nav {
	display: flex;
	align-items: center;
	gap: 12px;
}

.va_support_sec .va_support_swiper_prev,
.va_support_sec .va_support_swiper_next {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 38px;
	border-radius: 4px;
	background: #DFEDF9;
	cursor: pointer;
	transition: background 0.3s ease;
}

.va_support_sec .va_support_swiper_prev:hover,
.va_support_sec .va_support_swiper_next:hover {
	background: #C6DFF4;
}

.va_support_sec .va_support_slider_wrap {
	position: relative;
	max-width: 490px;
	margin-left: auto;
	margin-right: 45px;
}
/* layered panels stacked behind the active card */
.va_support_sec .va_support_slider_wrap::before,
.va_support_sec .va_support_slider_wrap::after {
	content: '';
	position: absolute;
	top: 15px;
	bottom: 12px;
	right: -20px;
	width: 60px;
	background: #E8F5FC;
	z-index: 2;
}

.va_support_sec .va_support_slider_wrap::after {
	top: 28px;
	bottom: 24px;
	right: -45px;
	background: #F2FAFD;
	z-index: 1;
}

.va_support_sec .va_support_swiper {
	position: relative;
	z-index: 3;
}

.va_support_sec .va_support_card {
	background: #8ED6F5;
	padding: 45px 40px 35px 40px;
	min-height: 245px;
}

.va_support_sec .va_support_card_icon {
	margin-bottom: 48px;
}

.va_support_sec .va_support_card_icon img {
	width: 48px;
	height: 42px;
	object-fit: contain;
}

.va_support_sec .va_support_card h3 {
	color: #11294B;
	font-family: Roboto;
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 18px 0;
}

.va_support_sec .va_support_card p {
	max-width: 385px;
	color: #11294B;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	margin: 0;
}

@media (max-width: 991px) {
	.va_support_sec {
		padding: 50px 0;
	}

	.va_support_sec .va_support_desc {
		max-width: 100%;
		margin-bottom: 30px;
	}

	.va_support_sec .va_support_slider_wrap {
		max-width: 100%;
		margin-right: 0;
		margin-top: 40px;
	}

	.va_support_sec .va_support_slider_wrap::before {
		right: -14px;
		width: 40px;
	}

	.va_support_sec .va_support_slider_wrap::after {
		right: -28px;
		width: 40px;
	}

	.va_support_sec .va_support_card p {
		max-width: 100%;
	}
}

@media (max-width: 575px) {
	.va_support_sec .va_support_card {
		padding: 28px 24px;
		min-height: 0;
	}

	.va_support_sec .va_support_card_icon {
		margin-bottom: 26px;
	}

	.va_support_sec .va_support_card p {
		font-size: 15px;
		line-height: 27px;
	}
}

/*VA SUPPORTING SERVICES — horizontal card grid (.va_support_grid only)
  Each card reads [ icon ][ title + description ][ arrow ], three across on
  desktop. CSS grid does the placement, so the existing markup - icon, h3 and
  p as three siblings - needs no wrapper element. */
.va_support_sec.va_support_grid {
	background: rgba(255, 255, 255, 0.82);
}

.va_support_sec.va_support_grid .va_support_title {
	margin-bottom: 14px;
}

.va_support_sec.va_support_grid .va_support_desc {
	max-width: 660px;
	margin-bottom: 36px;
	line-height: 26px;
}

/* Three across from lg up - the columns ship as col-lg-3, i.e. four across. */
@media (min-width: 992px) {
	.va_support_sec.va_support_grid .va_support_cards > [class*="col-"] {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
}

.va_support_sec.va_support_grid .va_support_card {
	position: relative;
	display: grid;
	grid-template-columns: 80px minmax(0, 1fr) 40px;
	grid-template-rows: auto auto;
	column-gap: 18px;
	align-content: center;
	height: 100%;
	min-height: 0;
	padding: 22px 24px;
	border: 1px solid #E6EDF5;
	background: rgba(255, 255, 255, 0.82);
	box-shadow: 0 2px 10px rgba(17, 41, 75, 0.04);
	overflow: hidden;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.page-template-home-page-template .va_support_sec.va_support_grid .va_support_card {
	/*position: relative;
	display: grid;
	grid-template-columns: 80px minmax(0, 1fr) 40px;
	grid-template-rows: auto auto;
	column-gap: 18px;
	align-content: center;
	height: 100%;
	min-height: 0;
	padding: 22px 24px;
	box-shadow: 0 2px 10px rgba(17, 41, 75, 0.04);
	overflow: hidden;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;*/
	background: #11294B;
	border: 1px solid rgba(255, 255, 255, 0.19);
}

.va_support_sec.va_support_grid .va_support_card:hover {
	border-color: rgba(255, 255, 255, 0.10);
	box-shadow: 0 10px 24px rgba(17, 41, 75, 0.10);
}

/* ── Icon: left column, spanning both text rows ───────────── */
.va_support_sec.va_support_grid .va_support_card_icon {
	grid-area: 1 / 1 / 3 / 2;
	align-self: center;
	margin: 0;
	line-height: 0;
}

.va_support_sec.va_support_grid .va_support_card_icon img {
	width: 80px;
	height: 80px;
	object-fit: contain;
	object-position: center center;
}

/* ── Title over description in the middle column ──────────── */
.va_support_sec.va_support_grid .va_support_card h3 {
	grid-area: 1 / 2 / 2 / 3;
	align-self: end;
	margin: 0 0 8px;
	color: #11294B;
	font-family: Roboto;
	font-size: 19px;
	font-weight: 600;
	line-height: 1.3;
}

/* The description used to be a dark hover overlay; it sits in flow now. */
.va_support_sec.va_support_grid .va_support_card p {
	grid-area: 2 / 2 / 3 / 3;
	align-self: start;
	position: static;
	max-width: 100%;
	margin: 0;
	padding: 0;
	background: transparent;
	color: #5A6B85;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.55;
	opacity: 1;
	visibility: visible;
	transform: none;
}

.page-template-home-page-template .va_support_sec.va_support_grid .va_support_card h3,
.page-template-home-page-template .va_support_sec.va_support_grid .va_support_card p {
	color: rgba(255, 255, 255, 0.82);
}
/* ── Circular arrow in the right column. Drawn in CSS so the markup stays
      untouched; the glyph is the theme's own icon_next.svg path. ───────── */
.va_support_sec.va_support_grid .va_support_card::after {
	content: "";
	grid-area: 1 / 3 / 3 / 4;
	align-self: center;
	width: 40px;
	height: 40px;
	border: 1px solid #BFD9F0;
	border-radius: 50%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.42 13H16.67L11.42 18.25L12.08 19L18.58 12.5L12.08 6L11.42 6.75L16.67 12H4.42V13Z' fill='%232E7BC4'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 17px 17px;
	transition: border-color 0.3s ease, background-color 0.3s ease;
}
.va_support_sec.va_support_grid .va_support_card:hover::after {
	border-color: #2E7BC4;
	background-color: #F2F8FD;
}

/* Cards that have a destination carry a real <a> instead of the decorative
   ::after, so the circle is focusable and clickable. Both render identically,
   so a card with a link and one without look exactly the same. */
.va_support_sec.va_support_grid .va_support_card:has(.va_support_card_link)::after {
	content: none;
}
.va_support_sec.va_support_grid .va_support_card_link {
	grid-area: 1 / 3 / 3 / 4;
	align-self: center;
	width: 40px;
	height: 40px;
	border: 1px solid #BFD9F0;
	border-radius: 50%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.42 13H16.67L11.42 18.25L12.08 19L18.58 12.5L12.08 6L11.42 6.75L16.67 12H4.42V13Z' fill='%232E7BC4'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 17px 17px;
	text-decoration: none;
	transition: border-color 0.3s ease, background-color 0.3s ease;
}
.va_support_sec.va_support_grid .va_support_card:hover .va_support_card_link {
	border-color: #2E7BC4;
	background-color: #F2F8FD;
}

/* ── Tablet: two across via the existing col-sm-6 ─────────── */
@media (max-width: 991.98px) {
	.va_support_sec.va_support_grid .va_support_desc {
		max-width: 100%;
		margin-bottom: 30px;
	}
	.va_support_sec.va_support_grid .va_support_card {
		grid-template-columns: 68px minmax(0, 1fr) 38px;
		column-gap: 16px;
		padding: 20px;
	}
	.va_support_sec.va_support_grid .va_support_card_icon img {
		width: 68px;
		height: 68px;
	}
}

/* ── Mobile: one across, still [ icon ][ text ][ arrow ] ──── */
@media (max-width: 575.98px) {
	.va_support_sec.va_support_grid .va_support_card {
		grid-template-columns: 56px minmax(0, 1fr) 34px;
		column-gap: 14px !important;
		padding: 18px 16px;
	}
	.va_support_sec.va_support_grid .va_support_card_icon img {
		width: 56px;
		height: 56px;
	}
	.va_support_sec.va_support_grid .va_support_card h3 {
		font-size: 17px;
		margin-bottom: 6px;
	}
	.va_support_sec.va_support_grid .va_support_card p {
		font-size: 13.5px;
		line-height: 1.5;
	}
	.va_support_sec.va_support_grid .va_support_card::after,
	.va_support_sec.va_support_grid .va_support_card_link {
		width: 34px;
		height: 34px;
		background-size: 15px 15px;
	}
}

/*SOC SUPPORTING SERVICES — cover panel with card grid (.va_support_cover only)*/
.va_support_sec.va_support_cover{
  background-image: linear-gradient(90deg, rgba(11, 27, 51, 0.92) 0%, rgba(11, 27, 51, 0.70) 55%, rgba(11, 27, 51, 0.58) 100%), url(../images/supporting-service-soc.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}
.va_support_sec.va_support_cover .va_support_cover_box {
    position: relative;
    /* padding: 55px 34px 34px;
    background-image:
        linear-gradient(90deg, rgba(11, 27, 51, 0.92) 0%, rgba(11, 27, 51, 0.70) 55%, rgba(11, 27, 51, 0.58) 100%),
        url(../images/supporting-service-soc.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; */
}
.va_support_sec.va_support_cover .va_support_head {
    max-width: 760px;
    margin-bottom: 50px;
}
.va_support_sec.va_support_cover .va_support_title {
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.82);
    font-weight: 600;
}
.va_support_sec.va_support_cover .va_support_desc {
    max-width: 100%;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
    line-height: 26px;
}
.va_support_sec.va_support_cover .va_support_cards_row {
    row-gap: 16px;
}
.va_support_sec.va_support_cover .va_support_card {
    height: 100%;
    min-height: 0;
    padding: 25px 25px 25px;
    border-left: 1px solid #CFCFCF;
    background: rgba(255, 255, 255, 0.82);
}
.va_support_sec.va_support_cover .va_support_card_icon {
    margin-bottom: 0;
    line-height: 0;
}
.va_support_sec.va_support_cover .va_support_card_icon img {
    width: 44px;
    height: 44px;
    object-fit: contain;
}
.va_support_sec.va_support_cover .va_support_card h3 {
	margin: 0;
	color: #11294B;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35;
}
.va_support_sec.va_support_cover .va_support_card p {
    max-width: 100%;
    margin: 0;
    color: #4A5A73;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}
.va_flex-card_ {
	display: flex;
	align-items: center;
	gap: 15px;
	margin: 0 0 15px 0;
}
/* dividers: only between cards, never on the first card of a visual row */
@media (min-width: 992px) {
    .va_support_sec.va_support_cover .va_support_col:nth-child(4n+1) .va_support_card {
        border-left: 0;
    }
}
@media (min-width: 576px) and (max-width: 991.98px) {
    .va_support_sec.va_support_cover .va_support_col:nth-child(2n+1) .va_support_card {
        border-left: 0;
    }
}
@media (max-width: 991.98px) {
    .va_support_sec.va_support_cover .va_support_cover_box {
        padding: 42px 24px 24px;
    }
    .va_support_sec.va_support_cover .va_support_head {
        margin-bottom: 56px;
    }
}
@media (max-width: 575.98px) {
    .va_support_sec.va_support_cover .va_support_cover_box {
        padding: 34px 18px 18px;
    }
    .va_support_sec.va_support_cover .va_support_head {
        margin-bottom: 32px;
    }
    .va_support_sec.va_support_cover .va_support_card {
        padding: 26px 22px 28px;
        border-left: 0;
    }
    .va_support_sec.va_support_cover .va_support_card_icon {
        margin-bottom: 22px;
    }
}


/*VA BENEFITS*/
.va_benefit_sec {
    background: rgba(255, 255, 255, 0.82);
    padding: 70px 0;
}
.va_benefit_sec .va_benefit_title {
	font-size: 30px;
	margin-bottom: 14px;
	/* padding-left: 22px; */
}
.va_benefit_sec .va_benefit_intro {
    max-width: 590px;
    line-height: 26px;
    margin-bottom: 40px;
    /* padding-left: 22px; */
}
/* .va_benefit_sec .va_benefit_item {
    position: relative;
    padding-left: 22px;
    margin-bottom: 40px;
} */
 .va_benefit_sec .va_benefit_list {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
 .va_benefit_sec .va_benefit_item {
	position: relative;
	padding: 15px;
	margin-bottom: 0;
	width: 47%;
	min-width: 47%;
	max-width: 47%;
	border: 1px solid #CFDEEE;
	box-shadow: 0 10px 24px rgba(17, 41, 75, 0.10);
	background: #69CBF2;
	transition: all 0.3s ease;
}
.va_benefit_sec .va_benefit_item:last-child {
    margin-bottom: 0;
}
.va_benefit_img {
	padding: 70px 0;
}
.va_benefit_sec .va_benefit_item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #8FD0EE;
    transition: all 0.3s ease;
}
.va_benefit_wrap {
	/* border-left: 1px solid #eee; */
	padding: 70px 0;
}

.va_benefit_sec .va_benefit_item h3 {
    color: #11294B;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 14px 0;
    transition: all 0.3s ease;
    color: #11294B;
}
.va_benefit_sec .va_benefit_item p {
    max-width: 530px;
    color: #11294B;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin: 0;
    transition: all 0.3s ease;
}

.va_benefit_sec .va_benefit_item span {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: white;
	margin-bottom: 15px;
}

.va_benefit_sec .va_benefit_img img {
    display: block;
    width: 100%;
    height: 446px;
    object-fit: cover;
}
/*
.va_benefit_sec .va_benefit_item:hover {
	background: #69CBF2;
}
.va_benefit_sec .va_benefit_item:hover p,
.va_benefit_sec .va_benefit_item:hover h3
{
	color: rgba(255, 255, 255, 0.82);
}
.va_benefit_sec .va_benefit_item:hover::before{
  height: 100%;
  top: 0%;
  background: #11294b;
}*/


@media (max-width: 991px) {
    .va_benefit_sec {
        padding: 50px 0;
    }
    .va_benefit_sec .va_benefit_intro,
    .va_benefit_sec .va_benefit_item p {
        max-width: 100%;
    }
    .va_benefit_sec .va_benefit_img {
        margin-top: 35px;
    }
    .va_benefit_sec .va_benefit_img img {
        height: 360px;
    }
}
@media (max-width: 575px) {
    .va_benefit_sec .va_benefit_title {
        font-size: 26px;
    }
    .va_benefit_sec .va_benefit_item {
        margin-bottom: 0;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    .va_benefit_wrap{
        padding: 0;
    }
    .va_benefit_sec .va_benefit_img img {
        height: 240px;
    }
    .va_benefit_sec .va_benefit_img {
	padding: 0 0 50px 0;
}
}


/*VA WHY SECURITY TEAMS CHOOSE QRC*/
.va_why_sec {
    background: #11294B;
    padding: 55px 0 70px 0;
}
/* Bordered box: the header and pager carry the side borders, while the right
   edge of the slider row is formed by the last visible card's own border - that
   way no line is ever drawn twice. */
.va_why_sec .va_why_head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 40px 0;
	border-left: 0 !important;
	border-top: 0 !important;
	border-right: 0 !important;
	border: 1px solid rgba(255, 255, 255, 0.12);
}

.va_why_sec .va_why_head_txt {
	flex: 1 1 auto;
	min-width: 0;
}

.va_why_sec .va_why_title {
	font-size: 30px;
	margin-bottom: 12px;
}

.va_why_sec .va_why_desc {
	max-width: 1000px;
	line-height: 26px;
	margin-bottom: 0;
}

.va_why_sec .va_why_nav {
	display: flex;
	flex: 0 0 auto;
	gap: 12px;
}

.va_why_sec .va_why_swiper_prev,
.va_why_sec .va_why_swiper_next {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 38px;
	border-radius: 4px;
	background: #DFEDF9;
	cursor: pointer;
	transition: background 0.3s ease;
}

.va_why_sec .va_why_swiper_prev:hover,
.va_why_sec .va_why_swiper_next:hover {
	background: #C6DFF4;
}

.va_why_sec .va_why_slider {
	border-left: 1px solid rgba(255, 255, 255, 0.12);
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.va_why_sec .va_why_swiper .swiper-slide {
	height: auto;
	display: flex;
}

.va_why_sec .va_why_card {
	box-sizing: border-box;
	flex: 1 1 auto;
	min-height: 188px;
	padding: 25px;
	border-right: 1px solid rgba(255, 255, 255, 0.12);
}

.va_why_sec .va_why_card_icon {
	margin-bottom: 20px;
}

.va_why_sec .va_why_card_icon img {
	display: block;
	width: 44px;
	height: 44px;
	object-fit: contain;
}

.va_why_sec .va_why_card h3 {
	margin: 0;
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto;
	font-size: 18px;
	font-weight: 500;
	line-height: normal;
}

.va_why_sec .va_why_card p {
	color: rgba(255, 255, 255, 0.82);
	font-size: 15px;
	margin: 15px 0 0 0;
}

.va_why_sec .va_why_pager {
	padding: 30px;
    /* border-left: 1px solid rgba(255, 255, 255, 0.12);
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12); */;
}

.va_why_sec .va_why_swiper_pagination {
	--swiper-pagination-bullet-horizontal-gap: 0px;
	position: unset;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0;
}

.va_why_sec .va_why_swiper_pagination .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	margin: 0;
	opacity: 1;
	border-radius: 4px;
	background: #C9D6E2;
	transition: width 0.3s ease, background 0.3s ease;
}

.va_why_sec .va_why_swiper_pagination .swiper-pagination-bullet-active {
	width: 35px;
	background: #46BDE8;
}

.soc-why.va_why_sec .va_why_card {
	background: rgba(255, 255, 255, 0.82);
	border-right: 1px solid rgba(17, 41, 75, 0.08);
	border-left: 1px solid rgba(17, 41, 75, 0.08);
}

.soc-why.va_why_sec .va_why_card h3 {
	color: #11294b;
}

.soc-why.va_why_sec .va_why_card p {
	color: #11294b;
}

@media (max-width: 1199.98px) {
	.va_why_sec .va_why_head {
		padding: 32px 24px;
	}

	.va_why_sec .va_why_card {
		padding: 30px 24px 34px 24px;
	}

	.va_why_sec .va_why_card_icon {
		margin-bottom: 40px;
	}
}

@media (max-width: 991px) {
	.va_why_sec {
		padding: 45px 0 55px 0;
	}

	.va_why_sec .va_why_head {
		align-items: flex-start;
		flex-direction: column;
		gap: 22px;
	}

	.va_why_sec .va_why_card {
		min-height: 0;
		padding: 28px 24px 32px 24px;
	}

	.va_why_sec .va_why_card_icon {
		margin-bottom: 32px;
	}

	.va_why_sec .va_why_pager {
		padding: 24px;
	}
}

@media (max-width: 575px) {
	.va_why_sec .va_why_head {
		padding: 0 0 26px 0;
	}

	.va_why_sec .va_why_title {
		font-size: 26px;
	}

	.va_why_sec .va_why_card {
		padding: 24px 20px 28px 20px;
	}

	.va_why_sec .va_why_card_icon {
		margin-bottom: 24px;
	}
}

.tst-page-tst_sec .load-more-btn {
	color: #46bbe6;
	width: 100%;
	/*border-left: 1px solid #DEE0EB;
	border-right: 1px solid #DEE0EB;
	border-top: 1px solid #DEE0EB;*/
	padding: 25px;
	outline: none !important;
	box-shadow: none !important;
	border: none;
}

.about_life_at_qrc {
	box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
	border: 1px solid rgba(57, 149, 248, 0.16);
}

.about_life_at_qrc figure {
	margin: 0;
}

.about_life_at_qrc figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	padding: 0 !important;
}

.about_life_at_qrc figcaption {
	padding: 20px;
	min-height: 183px;
}

.page.page-id-1225 .about_life_at_qrc figcaption{
	min-height: unset;
}
.about_life_at_qrc figcaption h6 {
	font-family: Roboto;
	font-size: 21px;
	color: #0f2245;
	margin: 0 0 10px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.page.page-id-1225 .about_life_at_qrc figcaption h6{
	min-height: 51px;
}

.about_life_at_qrc figcaption p {
	margin: 0;
	font-size: 15px;
	color: #11294b;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.page.page-id-1225 .about_life_at_qrc figcaption a.learning_box_btn {
	display: inline-flex;
	padding: 9px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: #69CBF2;
	box-shadow: 0 4px 10.8px 0 rgba(178, 235, 255, 0.04), 0 4px 15.8px 0 rgba(70, 189, 232, 0.22);
	color: #0C2240;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.14px;
	margin: 15px 0 0 0;
}
/* ==========================================================================
   Our Global Presence map - contact page "qrc_office_contact" section only
   ========================================================================== */
.qrc_office_contact.qrc_office_contact--map {
	position: relative;
	height: auto;
	background: #11294B;
}

.qrc_office_contact--map .qrc_office_map {
	position: relative;
	width: 100%;
}

.qrc_office_contact--map .qrc_office_map_inner {
	position: relative;
	width: 100%;
}

.qrc_office_contact--map .qrc_office_map_img {
	display: block;
	width: 100%;
	height: auto;
}

.qrc_office_contact--map .qrc_office_map_copy {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	pointer-events: none;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
}

.qrc_office_contact--map .qrc_office_map_copy .contact_ofc {
	pointer-events: auto;
	padding-top: 0;
}

.qrc_office_contact--map .qrc_office_map_copy p {
	margin-bottom: 0;
}

/* Pins */
.qrc_office_contact--map .qrc_office_point {
	position: absolute;
	width: 26px;
	height: 26px;
	margin: -13px 0 0 -13px;
	z-index: 3;
}

.qrc_office_contact--map .qrc_office_point.is-open {
	z-index: 12;
}

.qrc_office_contact--map .qrc_office_pin {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	background: none;
	line-height: 0;
	cursor: pointer;
	outline: none;
}

.qrc_office_contact--map .qrc_office_pin img {
	display: block;
	width: 100%;
	height: 100%;
	transition: transform .2s ease;
}

.qrc_office_contact--map .qrc_office_pin:hover img,
.qrc_office_contact--map .qrc_office_pin:focus-visible img,
.qrc_office_contact--map .qrc_office_point.is-open .qrc_office_pin img {
	transform: scale(1.25);
}
/* USA + India pins blink for attention - icon, size, colour and hit area unchanged.
   Only opacity animates, so the existing hover/open transform is untouched. */
@keyframes qrcOfficePinBlink {
	0%, 100% {
		opacity: 1;
	}

	50% {
		opacity: .45;
	}
}

.qrc_office_contact--map .qrc_office_point--pulse .qrc_office_pin img {
	animation: qrcOfficePinBlink 1.8s ease-in-out infinite;
}

.qrc_office_contact--map .qrc_office_point--pulse .qrc_office_pin:hover img,
.qrc_office_contact--map .qrc_office_point--pulse .qrc_office_pin:focus-visible img,
.qrc_office_contact--map .qrc_office_point--pulse.is-open .qrc_office_pin img {
	animation: none;
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.qrc_office_contact--map .qrc_office_point--pulse .qrc_office_pin img {
		animation: none;
	}
}

.qrc_office_contact--map .qrc_office_pin_label {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* Location card */
.qrc_office_contact--map .qrc_office_card {
	display: none;
	position: absolute;
	top: 0;
	left: 32px;
	width: 310px;
	padding: 20px 22px 20px;
	background: rgba(255, 255, 255, 0.82);
	border: 1px solid rgba(172, 172, 172, 0.25);
	box-shadow: 0 18px 40px rgba(9, 22, 41, 0.28);
	text-align: left;
}

.qrc_office_contact--map .qrc_office_point--left .qrc_office_card {
	left: auto;
	right: 32px;
}

.qrc_office_contact--map .qrc_office_point--up .qrc_office_card {
	top: auto;
	bottom: 0;
}

.qrc_office_contact--map .qrc_office_point.is-open .qrc_office_card {
	display: block;
}

.qrc_office_contact--map .qrc_office_card h5 {
	margin: 0 0 14px 0;
	padding-right: 22px;
	color: #11294B;
	font-family: Roboto;
	font-size: 18px;
	font-weight: 600;
	line-height: normal;
	display: none;
}

.qrc_office_contact--map .qrc_office_card_item + .qrc_office_card_item {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid rgba(172, 172, 172, 0.25);
}

.qrc_office_contact--map .qrc_office_card_item h6 {
	margin: 0;
	color: #11294B;
	font-family: Roboto;
	font-size: 15px;
	font-weight: 600;
	line-height: normal;
}

.qrc_office_contact--map .qrc_office_card ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.qrc_office_contact--map .qrc_office_card ul li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 12px 0 0 0;
	color: #000;
	font-family: Roboto;
	font-size: 13px;
	font-weight: 400;
	line-height: 21px;
}

.qrc_office_contact--map .qrc_office_card ul li span {
	width: 18px;
	min-width: 18px;
	max-width: 18px;
}

.qrc_office_contact--map .qrc_office_card ul li span img {
	display: block;
	width: 100%;
}

.qrc_office_contact--map .qrc_office_card ul li a {
	color: #000;
	text-decoration: none;
	word-break: break-word;
}

.qrc_office_contact--map .qrc_office_card ul li a:hover {
	color: #46BDE8;
}

.qrc_office_contact--map .qrc_office_card_close {
	position: absolute;
	top: 6px;
	right: 8px;
	width: 26px;
	height: 26px;
	padding: 0;
	border: 0;
	background: none;
	color: #11294B;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
}

/* Below xl the map is too short for a pin-anchored popover: use a sheet */
@media (max-width: 1199px) {
	.qrc_office_contact--map .qrc_office_card,
	.qrc_office_contact--map .qrc_office_point--left .qrc_office_card,
	.qrc_office_contact--map .qrc_office_point--up .qrc_office_card {
		position: fixed;
		top: auto;
		right: 16px;
		bottom: 16px;
		left: 16px;
		width: auto;
		max-width: 460px;
		margin: 0 auto;
		max-height: 72vh;
		overflow-y: auto;
		z-index: 1000;
	}
}

/* Tablet + mobile: stack the copy above a framed map */
@media (max-width: 991px) {
	.qrc_office_contact.qrc_office_contact--map {
		display: flex;
		flex-direction: column;
	}

	.qrc_office_contact--map .qrc_office_map_copy {
		order: -1;
		position: static;
		transform: none;
		margin-bottom: 30px;
		pointer-events: auto;
	}

	.qrc_office_contact--map .qrc_office_map {
		overflow: hidden;
	}

	.qrc_office_contact--map .qrc_office_map_inner {
		width: 140%;
		margin-left: calc(50% - clamp(0.357, var(--qrc-map-focus, 0.65), 0.643) * 140%);
	}
}

@media (max-width: 575px) {
	.qrc_office_contact--map .qrc_office_map_inner {
		width: 210%;
		margin-left: calc(50% - clamp(0.238, var(--qrc-map-focus, 0.65), 0.762) * 210%);
	}

	.qrc_office_contact--map .qrc_office_point {
		width: 22px;
		height: 22px;
		margin: -11px 0 0 -11px;
	}

	.qrc_office_contact--map .qrc_office_card {
		padding: 18px 16px;
	}

	.qrc_office_contact--map .qrc_office_card h5 {
		font-size: 17px;
	}
}

/*SOC MONITORING - WHAT 24x7 SOC MONITORING COVERS*/
.soc-covers {
	background: #F6F9FC;
}

.soc-covers .soc-covers-head {
	margin-bottom: 34px;
}

.soc-covers .soc-covers-row {
	align-items: stretch;
}

.soc-covers .soc-covers-col {
	display: flex;
}

.soc-covers .soc-covers-col + .soc-covers-col {
	border-left: 1px solid #A6D9EC;
}
/* every card row except the last closes with a bottom rule, same style as the column dividers */
.soc-covers .soc-covers-row:not(:last-child) .soc-covers-col {
	border-bottom: 1px solid #A6D9EC;
}

.soc-covers .soc-covers-item {
	width: 100%;
	padding: 25px 25px 25px 0;
}

.soc-covers .soc-covers-col + .soc-covers-col .soc-covers-item {
	padding-left: 25px;
}

.soc-covers .soc-covers-icon {
	display: block;
	width: 40px;
	height: 40px;
	margin-bottom: 20px;
}

.soc-covers .soc-covers-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.soc-covers .soc-covers-item h6 {
	margin: 0 0 14px 0;
	color: #11294B;
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.soc-covers .soc-covers-item p {
	margin: 0;
	color: #11294B;
	font-family: Roboto;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

@media (max-width: 991.98px) {
	.soc-covers .soc-covers-col + .soc-covers-col {
		border-left: 0;
		border-top: 1px solid #A6D9EC;
	}

	.soc-covers .soc-covers-row:not(:last-child) .soc-covers-col {
		border-bottom: 0;
	}

	.soc-covers .soc-covers-item,
    .soc-covers .soc-covers-col + .soc-covers-col .soc-covers-item {
		padding: 26px 0;
	}

	.soc-covers .soc-covers-icon {
		margin-bottom: 22px;
	}
}

@media (max-width: 575.98px) {
	.soc-covers .soc-covers-head {
		margin-bottom: 24px;
	}

	.soc-covers .soc-covers-item h6 {
		font-size: 18px;
	}
}

/*SOC MONITORING - HOW QRC'S 24x7 SOC WORKS*/
.soc-flow {
    --soc-flow-gap: 38px;
    background: rgba(255, 255, 255, 0.82);
}
.soc-flow .soc-flow-head {
    margin-bottom: 34px;
}
.soc-flow .soc-flow-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: var(--soc-flow-gap);
    row-gap: 0;
}
.soc-flow .soc-flow-card {
	position: relative;
	padding: 28px;
	border-radius: 2px;
	background: rgba(255, 255, 255, 0.82);
	box-shadow: 0 4px 27.7px -4px rgba(49, 110, 180, 0.22);
}
.soc-flow .soc-flow-icon {
    display: block;
    width: 40px;
    height: 40px;
    margin-bottom: 26px;
}
.soc-flow .soc-flow-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}
.soc-flow .soc-flow-card h6 {
    margin: 0 0 12px 0;
    color: #11294B;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.soc-flow .soc-flow-card p {
    margin: 0;
    color: #4A5A75;
    font-family: Roboto;
    font-size: 14.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}

/* Dotted flow arrow sitting in the gap to the right of each card */
.soc-flow .soc-flow-card::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: calc(var(--soc-flow-gap) - 12px);
    margin-left: 5px;
    border-top: 1.5px dashed #7A90A8;
    transform: translateY(-50%);
}
.soc-flow .soc-flow-card::before {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + var(--soc-flow-gap) - 11px);
    width: 6px;
    height: 6px;
    border-top: 1.5px solid #7A90A8;
    border-right: 1.5px solid #7A90A8;
    transform: translateY(-50%) rotate(45deg);
}
/* Last card of each row of four has nothing to point at */
.soc-flow .soc-flow-card:nth-of-type(4n)::before,
.soc-flow .soc-flow-card:nth-of-type(4n)::after {
    content: none;
}

/* Connector carrying the flow from card 4 down and back to card 5 */
.soc-flow .soc-flow-link {
    grid-column: 1 / -1;
    position: relative;
    display: block;
    height: 60px;
}
.soc-flow .soc-flow-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: calc((100% - 3 * var(--soc-flow-gap)) / 8);
    right: calc((100% - 3 * var(--soc-flow-gap)) / 8);
    height: 34px;
    border-right: 1.5px dashed #7A90A8;
    border-bottom: 1.5px dashed #7A90A8;
}
.soc-flow .soc-flow-link::after {
    content: "";
    position: absolute;
    top: 34px;
    left: calc((100% - 3 * var(--soc-flow-gap)) / 8);
    height: 18px;
    border-left: 1.5px dashed #7A90A8;
}
.soc-flow .soc-flow-link i {
    position: absolute;
    top: 48px;
    left: calc((100% - 3 * var(--soc-flow-gap)) / 8);
    width: 6px;
    height: 6px;
    border-right: 1.5px solid #7A90A8;
    border-bottom: 1.5px solid #7A90A8;
    transform: translateX(-50%) rotate(45deg);
}

@media (max-width: 1199.98px) {
    .soc-flow {
        --soc-flow-gap: 24px;
    }
    .soc-flow .soc-flow-card {
        padding: 22px;
    }
    .soc-flow .soc-flow-icon {
        margin-bottom: 20px;
    }
    .soc-flow .soc-flow-card h6 {
        font-size: 16px;
    }
    .soc-flow .soc-flow-card p {
        font-size: 14px;
        line-height: 22px;
    }
}
@media (max-width: 991.98px) {
    .soc-flow .soc-flow-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 24px;
    }
    /* Two per row now, so only the left-hand card of each pair points across */
    .soc-flow .soc-flow-card:nth-of-type(2n)::before,
    .soc-flow .soc-flow-card:nth-of-type(2n)::after {
        content: none;
    }
    .soc-flow .soc-flow-card:nth-of-type(2n+1)::before,
    .soc-flow .soc-flow-card:nth-of-type(2n+1)::after {
        content: "";
    }
    .soc-flow .soc-flow-link {
        display: none;
    }
}
@media (max-width: 575.98px) {
    .soc-flow .soc-flow-head {
        margin-bottom: 24px;
    }
    .soc-flow .soc-flow-grid {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 20px;
    }
    /* Single column: turn the flow arrows downward between stacked cards */
    .soc-flow .soc-flow-card::after,
    .soc-flow .soc-flow-card:nth-of-type(2n)::after,
    .soc-flow .soc-flow-card:nth-of-type(4n)::after {
        content: "";
        top: 100%;
        left: 50%;
        width: 0;
        height: 24px;
        margin-left: 0;
        margin-top: 10px;
        border-top: 0;
        border-left: 1.5px dashed #A6D9EC;
        transform: translateX(-50%);
    }
    .soc-flow .soc-flow-card::before,
    .soc-flow .soc-flow-card:nth-of-type(2n)::before,
    .soc-flow .soc-flow-card:nth-of-type(4n)::before {
        content: "";
        top: calc(100% + 30px);
        left: 50%;
        border-top: 0;
        border-bottom: 1.5px solid #A6D9EC;
        transform: translateX(-50%) rotate(45deg);
    }
    .soc-flow .soc-flow-card:nth-of-type(8)::before,
    .soc-flow .soc-flow-card:nth-of-type(8)::after {
        content: none;
    }
}

/* Flow arrows: a slow travel on the chevron head and a soft breath on the
   dashed trail, so they read as movement from one card to the next. The
   0%/100% frames are the approved resting design, so nothing shifts at rest. */
@keyframes socFlowTrail {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.55; }
}
/* Cards sit in a row (>= 576px) - the head drifts toward the next card. */
@keyframes socFlowHeadX {
    0%, 100% { transform: translateY(-50%) translateX(0) rotate(45deg); }
    50%      { transform: translateY(-50%) translateX(4px) rotate(45deg); }
}
/* Cards stack (<= 575.98px) and the arrows turn downward - travel on Y. */
@keyframes socFlowHeadY {
    0%, 100% { transform: translateX(-50%) translateY(0) rotate(45deg); }
    50%      { transform: translateX(-50%) translateY(4px) rotate(45deg); }
}
.soc-flow .soc-flow-card::after {
    animation: socFlowTrail 2.4s ease-in-out infinite;
}
.soc-flow .soc-flow-card::before {
    animation: socFlowHeadX 2.4s ease-in-out infinite;
}
@media (max-width: 575.98px) {
    .soc-flow .soc-flow-card::before {
        animation-name: socFlowHeadY;
    }
}
@media (prefers-reduced-motion: reduce) {
    .soc-flow .soc-flow-card::before,
    .soc-flow .soc-flow-card::after {
        animation: none;
    }
}

/*SOC MONITORING - BENEFITS OF 24x7 SOC MONITORING*/
.soc-benefits {
    background: #11294B;
    overflow: hidden;
}
.soc-benefits .soc-benefits-copy {
    padding: 70px 0 63px;
    border-left: 1px solid rgba(255, 255, 255, 0.14);
}
.soc-benefits .soc-benefits-copy{
    padding-right: 40px;
}
.soc-benefits .soc-benefits-title {
    margin: 0 0 14px 0;
    padding-left: 22px;
    letter-spacing: -0.02em;
    color: rgba(255, 255, 255, 0.82);
    font-family: Roboto;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.soc-benefits .soc-benefits-sub {
    max-width: 430px;
    margin: 0 0 34px 0;
    padding-left: 22px;
    color: #C7D4E4;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}
.soc-benefits .soc-benefits-nav {
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.soc-benefits .soc-benefits-tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 18px 50px 18px 22px;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.82);
    text-align: left;
    transition: background-color 0.25s ease, color 0.25s ease;
}
.soc-benefits .soc-benefits-tab:focus,
.soc-benefits .soc-benefits-tab:focus-visible {
    outline: 0;
    box-shadow: none;
}
.soc-benefits .soc-benefits-tab:not(.active):hover {
    color: #69CBF2;
}
.soc-benefits .soc-benefits-tab.active {
    background: rgba(255, 255, 255, 0.82);
    color: #11294B;
}
.soc-benefits .soc-benefits-tab-label {
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.soc-benefits .soc-benefits-tab.active .soc-benefits-tab-label {
    font-weight: 500;
}
.soc-benefits .soc-benefits-tab-arrow {
    display: flex;
    flex: 0 0 auto;
}
.soc-benefits .soc-benefits-tab-arrow svg {
    display: block;
}

/* the reference splits the row just past halfway, not 50/50 */
@media (min-width: 992px) {
    .soc-benefits .soc-benefits-col-copy {
        flex: 0 0 auto;
        width: 52.5%;
    }
    .soc-benefits .soc-benefits-col-visual {
        flex: 0 0 auto;
        width: 47.5%;
    }
}

/* Right: static image with the active tab's caption below it */
.soc-benefits .soc-benefits-visual {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding-right: 40px;
	border-right: 1px solid rgba(255, 255, 255, 0.14);
}

.soc-benefits .soc-benefits-media {
	position: relative;
	flex: 1 1 auto;
	min-height: 300px;
	overflow: hidden;
}
/* absolute so the photo cannot drive the column height - it fills whatever
   space is left once the caption box is placed */
.soc-benefits .soc-benefits-media img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.soc-benefits .soc-benefits-note {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	min-height: 150px;
	padding: 30px 46px;
	background: #69CBF2;
}

.soc-benefits .soc-benefits-note .tab-content {
	width: 100%;
}

.soc-benefits .soc-benefits-pane {
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transition: max-height 0.35s ease, opacity 0.3s ease;
}

.soc-benefits .soc-benefits-pane.show.active {
	max-height: 200px;
	opacity: 1;
}

.soc-benefits .soc-benefits-pane p {
	margin: 0;
	color: #11294B;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
}

@media (max-width: 1199.98px) {
	.soc-benefits .soc-benefits-copy {
		padding: 60px 0;
	}

	.soc-benefits .soc-benefits-title {
		font-size: 30px;
	}

	.soc-benefits .soc-benefits-note {
		padding: 26px 32px;
		min-height: 130px;
	}

	.soc-benefits .soc-benefits-pane p {
		line-height: 28px;
	}
}

@media (max-width: 991.98px) {
	.soc-benefits .soc-benefits-copy {
		padding: 54px 0 34px;
	}

	.soc-benefits .soc-benefits-tab {
		padding: 14px 22px;
	}

	.soc-benefits .soc-benefits-media {
		min-height: 0;
		height: 280px;
	}

	.soc-benefits .soc-benefits-note {
		min-height: 0;
	}

	.soc-benefits {
		padding-bottom: 54px;
	}
}

@media (max-width: 575.98px) {
	.soc-benefits .soc-benefits-copy {
		padding: 42px 0 26px;
	}

	.soc-benefits .soc-benefits-title {
		font-size: 26px;
		padding-left: 16px;
	}

	.soc-benefits .soc-benefits-sub {
		margin-bottom: 26px;
		padding-left: 16px;
	}

	.soc-benefits .soc-benefits-tab {
		padding: 13px 16px;
	}

	.soc-benefits .soc-benefits-tab-label {
		font-size: 15px;
	}

	.soc-benefits .soc-benefits-media {
		height: 210px;
	}

	.soc-benefits .soc-benefits-note {
		padding: 24px 22px;
	}

	.soc-benefits .soc-benefits-pane p {
		font-size: 15px;
		line-height: 26px;
	}

	.soc-benefits {
		padding-bottom: 42px;
	}
}

/*SOC MONITORING - WHY SECURITY TEAMS CHOOSE QRC*/
/* This section now reuses the shared .va_why_sec styles (see above); the
   section tag carries both classes, so no .soc-why-specific rules are needed. */

/*VULNERABILITY ASSESSMENT - BENEFITS IMAGE STICKY SCROLL*/
/* The row is .align-items-center, so the image column is sized to the figure
   itself (446px) and position:sticky would have zero travel. Stretching only
   this one column gives the figure the full section height to travel through,
   so it pins at the offset and releases when the section ends. */
.va_benefit_sec .row > div:last-child {
	align-self: stretch;
}

.va_benefit_sec .va_benefit_img {
	position: sticky;
	top: 24px;
}

@media (max-width: 991px) {
    /* Stacked layout: the column wraps only the figure, so there is nothing to
       travel through - keep the original static flow. */
	.va_benefit_sec .row > div:last-child {
		align-self: auto;
	}

	.va_benefit_sec .va_benefit_img {
		position: static;
	}
}


/*HOME - BUSINESS MODEL STAGES: flow-card layout (scoped to .sec_home_f)*/
.sec_home_f {
	--home-flow-gap: 38px;
	background: rgba(255, 255, 255, 0.82);
}
/* Wider gutter for the flow gap. It has to be set on the row as well as
   the container: .row declares its own --bs-gutter-x, which would beat
   inheritance, and matching the container padding to the row's negative
   margins keeps the cards aligned with the heading. */
.sec_home_f > .container,
.sec_home_f > .container > .row {
    --bs-gutter-x: var(--home-flow-gap);
}
/* Heading block */
/*.sec_home_f .title_h2 {
    letter-spacing: -0.01em;
    font-size: 32px;
    font-weight: 600;
}*/
.sec_home_f .mb-3 {
    margin-bottom: 34px !important;
}
.sec_home_f .mb-3 > p {
    max-width: 760px;
    color: #4A5A75;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
}
/* Card */
.sec_home_f .home_business_model {
    position: relative;
    height: 100%;
    padding: 0;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 4px 27.7px -4px rgba(49, 110, 180, 0.22);
}
/* Icon row - the existing figure sized as the card icon, badge alongside it */
.sec_home_f .home_business_model figure {
    /* display: flex;
    align-items: center; */
    gap: 12px;
    margin: 0 0 0 0;
}
.sec_home_f .home_business_model figure img {
    flex: 0 0 auto;

    border-radius: 2px;
    object-fit: cover;
}

.sec_home_f .home_business_model figure span {
	position: static;
	height: 24px;
	padding: 0 12px;
	border: 1px solid #3995F8;
	background: #ECF7FF;
	backdrop-filter: none;
	color: #11294B;
	font-size: 11px;
	width: fit-content;
	margin: 15px 0 0 0;
    margin-left: 15px;
}
.sec_home_f .home_business_model h3 {
    margin: 0 0 12px 0;
    color: #11294B;
    font-size: 17px;
    font-weight: 600;
    line-height: normal;
}
.sec_home_f .home_business_model ul {
    margin: 0;
    padding-left: 18px;
}
.sec_home_f .home_business_model ul li {
    color: #4A5A75;
    font-size: 14.5px;
    font-weight: 400;
    line-height: 23px;
}
/* Dotted flow arrow sitting in the gutter to the right of each card */
.sec_home_f .home_business_model::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: calc(var(--home-flow-gap) - 12px);
    margin-left: 5px;
    border-top: 1.5px dashed #7A90A8;
    transform: translateY(-50%);
}
.sec_home_f .home_business_model figcaption {
	padding: 15px;
}
.sec_home_f .home_business_model::before {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + var(--home-flow-gap) - 11px);
    width: 6px;
    height: 6px;
    border-top: 1.5px solid #7A90A8;
    border-right: 1.5px solid #7A90A8;
    transform: translateY(-50%) rotate(45deg);
}
/* Last card of the flow has nothing to point at */
.sec_home_f .row > div:last-child .home_business_model::before,
.sec_home_f .row > div:last-child .home_business_model::after {
    content: none;
}
@media (max-width: 991.98px) {
    .sec_home_f > .container > .row {
        --bs-gutter-y: var(--home-flow-gap);
    }
    /* Two per row, so the second card ends its row as well */
    .sec_home_f .row > div:nth-last-child(3) .home_business_model::before,
    .sec_home_f .row > div:nth-last-child(3) .home_business_model::after {
        content: none;
    }
}
@media (max-width: 767.98px) {
    .sec_home_f .title_h2 {
        font-size: 28px;
    }
}
@media (max-width: 575.98px) {
    .sec_home_f .title_h2 {
        font-size: 26px;
    }
    .sec_home_f .home_business_model {
        padding: 22px;
    }
    /* Single column: turn the flow arrows downward between stacked cards */
    .sec_home_f .row > div:nth-last-child(3) .home_business_model::before,
    .sec_home_f .row > div:nth-last-child(3) .home_business_model::after {
        content: "";
    }
    .sec_home_f .home_business_model::after {
        top: 100%;
        left: 50%;
        width: 0;
        height: 20px;
        margin-left: 0;
        margin-top: 9px;
        border-top: 0;
        border-left: 1.5px dashed #7A90A8;
        transform: translateX(-50%);
    }
    .sec_home_f .home_business_model::before {
        top: calc(100% + 26px);
        left: 50%;
        border-top: 0;
        border-bottom: 1.5px solid #7A90A8;
        transform: translateX(-50%) rotate(45deg);
    }
    .sec_home_f .row > div:last-child .home_business_model::before,
    .sec_home_f .row > div:last-child .home_business_model::after {
        content: none;
    }
}

/*RESOURCES - UPCOMING WEBINARS & EVENTS (scoped to .approch_margin, which only
  this section uses, so the other .dpdp-approach-section pages are untouched)*/
.approach-section.dpdp-approach-section.approch_margin {
    padding: 60px 0 60px;
    background: rgba(255, 255, 255, 0.82);
}
.approach-section.dpdp-approach-section.approch_margin .dot-grid {
    display: none;
}
/* Heading block */
.approach-section.dpdp-approach-section.approch_margin .small_title_span {
    border-color: #46BDE8;
    background: #EFF6FF;
    color: #11294B;
}
.approach-section.dpdp-approach-section.approch_margin .section-title {
    margin-bottom: 12px;
}
.approach-section.dpdp-approach-section.approch_margin .section-subtitle {
    max-width: 760px;
    margin-bottom: 0;
    color: #5A6B85;
    font-size: 15px;
    line-height: 25px;
}
/* Card grid */
.approach-section.dpdp-approach-section.approch_margin .outcomes_list {
    gap: 0;
}
.approach-section.dpdp-approach-section.approch_margin .outcomes_list_items {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    padding: 0;
    border: 1px solid #E7ECF3;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 4px 20px rgba(17, 41, 75, 0.06);
    overflow: hidden;
}
.approach-section.dpdp-approach-section.approch_margin .outcomes_list_items::before {
    content: none;
}
/* Image area with the category badge over it */
.approach-section.dpdp-approach-section.approch_margin .outcomes_list_media {
    position: relative;
    margin: 0;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}
.approach-section.dpdp-approach-section.approch_margin .outcomes_list_media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.approach-section.dpdp-approach-section.approch_margin .outcomes_list_badge {
    position: absolute;
    top: 14px;
    left: 14px;
    padding: 5px 14px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 2px 6px rgba(17, 41, 75, 0.12);
    color: #11294B;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
}
/* Card body */
.approach-section.dpdp-approach-section.approch_margin .outcomes_list_body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 20px;
}
.approach-section.dpdp-approach-section.approch_margin .outcomes_list_meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px 0;
    color: #5A6B85;
    font-family: Roboto;
    font-size: 12.5px;
    font-weight: 400;
    line-height: normal;
}
.approach-section.dpdp-approach-section.approch_margin .outcomes_list_meta svg {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
}
.approach-section.dpdp-approach-section.approch_margin .outcomes_list_meta i {
    width: 1px;
    height: 12px;
    background: #C9D3E0;
}
.approach-section.dpdp-approach-section.approch_margin .outcomes_list_items h2 {
    margin: 0 0 10px 0;
    color: #11294B;
    font-family: Roboto;
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
}
.approach-section.dpdp-approach-section.approch_margin .outcomes_list_items p {
    margin: 0;
    color: #5A6B85;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
/* CTA pinned to the bottom so the cards stay equal height */
.approach-section.dpdp-approach-section.approch_margin .outcomes_list_link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 18px;
    color: #137193;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    text-decoration: underline;
    text-underline-offset: 3px;
    width: fit-content;
}
.approach-section.dpdp-approach-section.approch_margin .outcomes_list_link svg {
    flex: 0 0 auto;
    width: 17px;
    height: 11px;
    transition: transform 0.2s ease;
}
.approach-section.dpdp-approach-section.approch_margin .outcomes_list_link:hover svg {
    transform: translateX(3px);
}
@media (max-width: 991.98px) {
    .approach-section.dpdp-approach-section.approch_margin {
        padding: 52px 0 60px;
    }
}
@media (max-width: 575.98px) {
    .approach-section.dpdp-approach-section.approch_margin {
        padding: 44px 0 48px;
    }
    .approach-section.dpdp-approach-section.approch_margin .outcomes_list_body {
        padding: 18px;
    }
    .approach-section.dpdp-approach-section.approch_margin .outcomes_list_meta {
        flex-wrap: wrap;
        row-gap: 4px;
    }
}

/*RESOURCES - NEWSLETTER BAR. Scoped with .ftr_newsletter_bar because
  .bg_ftr_up / .ftr_contact_box / .pci_ftr_box are shared by ~20 templates.*/
.bg_ftr_up.ftr_newsletter_bar .ftr_contact_box {
    align-items: center;
    padding: 26px 40px;
    margin-bottom: 70px;
    border-radius: 4px;
    /* background: #69CBF2 !important; */
    gap: 30px;
}
.bg_ftr_up.ftr_newsletter_bar .ftr_contact_boxleft h3 {
    margin: 0;
    color: #0B2239;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
}
.bg_ftr_up.ftr_newsletter_bar .ftr_contact_boxleft p {
    margin: 6px 0 0 0;
    color: #0B2239;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}
.bg_ftr_up.ftr_newsletter_bar .ftr_contact_boxright {
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 14px;
}
/* Pill field with the Subscribe button seated inside its right edge */
.bg_ftr_up.ftr_newsletter_bar .ftr_newsletter_form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 400px;
    max-width: 100%;
    padding: 5px 6px 5px 8px;
    border: 1px solid rgba(255, 255, 255, 0.82);
    border-radius: 35px;
    background: rgba(255, 255, 255, 0.82);
}
.bg_ftr_up.ftr_newsletter_bar .ftr_newsletter_form input {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 10px 0 14px;
    border: none;
    background: transparent;
    outline: none;
    color: #0B2239;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.bg_ftr_up.ftr_newsletter_bar .ftr_newsletter_form input::placeholder {
    color: #8A98A8;
    opacity: 1;
}
.bg_ftr_up.ftr_newsletter_bar .ftr_newsletter_form .news_letter_btn {
    flex: 0 0 auto;
    padding: 11px 26px;
    border: none;
    border-radius: 35px;
    background: #11294B;
    color: rgba(255, 255, 255, 0.82);
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    transition: background 0.2s ease;
}
.bg_ftr_up.ftr_newsletter_bar .ftr_newsletter_form .news_letter_btn:hover {
    background: #0B2239;
}
/* Existing CTA keeps its link, sized to sit beside the field */
.bg_ftr_up.ftr_newsletter_bar .ftr_contact_boxright a.btn-fill-ftr {
    padding: 12px 22px;
    border-radius: 35px;
    background: #11294B;
    color: rgba(255, 255, 255, 0.82);
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
}
@media (max-width: 991.98px) {
    .bg_ftr_up.ftr_newsletter_bar .ftr_contact_box {
        display: block;
        padding: 24px 26px;
    }
    .bg_ftr_up.ftr_newsletter_bar .ftr_contact_boxright {
        justify-content: flex-start;
        margin-top: 18px;
    }
    .bg_ftr_up.ftr_newsletter_bar .ftr_newsletter_form {
        width: 100%;
    }
}
@media (max-width: 575.98px) {
    .bg_ftr_up.ftr_newsletter_bar .ftr_contact_box {
        padding: 22px 20px;
    }
    .bg_ftr_up.ftr_newsletter_bar .ftr_contact_boxleft h3 {
        font-size: 18px;
    }
    .bg_ftr_up.ftr_newsletter_bar .ftr_contact_boxright {
        flex-direction: column;
        align-items: stretch;
    }
    .bg_ftr_up.ftr_newsletter_bar .ftr_newsletter_form .news_letter_btn {
        padding: 11px 20px;
    }
    .bg_ftr_up.ftr_newsletter_bar .ftr_contact_boxright a.btn-fill-ftr {
        justify-content: center;
    }
}


/* ============================================================
   Security VA / WAPT - #qrc-deliverables stat bar
   Eleven templates share this id+class, but only these three pages use the
   stat-bar treatment; the other eight keep the .deliverable-card--stacked
   card grid, so these rules are pinned to the two page body classes.
   A compact full-width strip: icon on the left, title over
   description on the right, hairline rules between the four
   items. Scoped to the section so the shared .deliverable-card
   styling used by the other service templates is untouched.
   ============================================================ */

:is(.page-template-security-va-page-template, .page-template-wapt-page-template, .page-template-red-teaming-exercises-page-template) #qrc-deliverables.deliverables-section,
.deliverables-section.deliverables-section--bar {
	/* the pt-0/pb-5 utilities are !important, so the bar's own
	   padding has to outrank them to stay compact */
padding-top: 0 !important;
	padding-bottom: 0 !important;
	background-color: #F4F9FD;
}

/* Close the gutters so the rules sit midway between items. */
:is(.page-template-security-va-page-template, .page-template-wapt-page-template, .page-template-red-teaming-exercises-page-template) #qrc-deliverables.deliverables-section .row,
.deliverables-section.deliverables-section--bar .row {
--bs-gutter-x: 0;
--bs-gutter-y: 0;
margin-top: 0 !important;
align-items: stretch;
}

:is(.page-template-security-va-page-template, .page-template-wapt-page-template, .page-template-red-teaming-exercises-page-template) #qrc-deliverables.deliverables-section .row > [class*="col-"],
.deliverables-section.deliverables-section--bar .row > [class*="col-"] {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}

/* Drop the panel chrome - no fill, border, radius or hover lift. */
:is(.page-template-security-va-page-template, .page-template-wapt-page-template, .page-template-red-teaming-exercises-page-template) #qrc-deliverables.deliverables-section .deliverable-card--stacked,
.deliverables-section.deliverables-section--bar .deliverable-card--stacked {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 16px;
width: auto;
height: auto;
padding: 22px 10px;
border: 0;
border-radius: 0;
background: transparent;
text-align: left;
}

/* the inherited cyan accent bar has no place on an info strip */
:is(.page-template-security-va-page-template, .page-template-wapt-page-template, .page-template-red-teaming-exercises-page-template) #qrc-deliverables.deliverables-section .deliverable-card--stacked::before,
.deliverables-section.deliverables-section--bar .deliverable-card--stacked::before {
content: none;
}

/* ── Icon: left of the text, vertically centred with it ───── */
:is(.page-template-security-va-page-template, .page-template-wapt-page-template, .page-template-red-teaming-exercises-page-template) #qrc-deliverables.deliverables-section .icon-wrap,
.deliverables-section.deliverables-section--bar .icon-wrap {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
}

:is(.page-template-security-va-page-template, .page-template-wapt-page-template, .page-template-red-teaming-exercises-page-template) #qrc-deliverables.deliverables-section .icon-wrap img,
.deliverables-section.deliverables-section--bar .icon-wrap img {
width: 100%;
height: 100%;
object-fit: contain;
}

:is(.page-template-security-va-page-template, .page-template-wapt-page-template, .page-template-red-teaming-exercises-page-template) #qrc-deliverables.deliverables-section .deliverable-card--stacked:hover .icon-wrap,
.deliverables-section.deliverables-section--bar .deliverable-card--stacked:hover .icon-wrap {
background: transparent;
transform: none;
}

/* ── Text block ───────────────────────────────────────────── */
:is(.page-template-security-va-page-template, .page-template-wapt-page-template, .page-template-red-teaming-exercises-page-template) #qrc-deliverables.deliverables-section .card-body-content,
.deliverables-section.deliverables-section--bar .card-body-content {
flex: 0 1 auto;
min-width: 0;
padding-top: 0;
}

:is(.page-template-security-va-page-template, .page-template-wapt-page-template, .page-template-red-teaming-exercises-page-template) #qrc-deliverables.deliverables-section .card-title,
.deliverables-section.deliverables-section--bar .card-title {
margin-bottom: 1px;
color: #11294B;
font-family: Roboto;
font-size: 17px;
font-weight: 600;
line-height: 1.35;
letter-spacing: -0.01em;
white-space: nowrap;
}

:is(.page-template-security-va-page-template, .page-template-wapt-page-template, .page-template-red-teaming-exercises-page-template) #qrc-deliverables.deliverables-section .card-desc,
.deliverables-section.deliverables-section--bar .card-desc {
margin-bottom: 0;
color: #4C5F7A;
font-size: 14px;
font-weight: 400;
line-height: 1.45;
}

/* ── Desktop: four across, a rule before items 2, 3 and 4 ─── */
@media (min-width: 992px) {
:is(.page-template-security-va-page-template, .page-template-wapt-page-template, .page-template-red-teaming-exercises-page-template) #qrc-deliverables.deliverables-section .row > [class*="col-"] + [class*="col-"]::before,
	.deliverables-section.deliverables-section--bar .row > [class*="col-"] + [class*="col-"]::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 44px;
	background: #D7E2EC;
	transform: translateY(-50%);
}
}

/* ── Tablet: two per row, rule between each pair ──────────── */
@media (min-width: 768px) and (max-width: 991.98px) {
	:is(.page-template-security-va-page-template, .page-template-wapt-page-template, .page-template-red-teaming-exercises-page-template) #qrc-deliverables.deliverables-section .row > [class*="col-"]:nth-child(even)::before,
	.deliverables-section.deliverables-section--bar .row > [class*="col-"]:nth-child(even)::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 1px;
		height: 44px;
		background: #D7E2EC;
		transform: translateY(-50%);
	}

	:is(.page-template-security-va-page-template, .page-template-wapt-page-template, .page-template-red-teaming-exercises-page-template) #qrc-deliverables.deliverables-section .row > [class*="col-"]:nth-child(n+3),
	.deliverables-section.deliverables-section--bar .row > [class*="col-"]:nth-child(n+3) {
		border-top: 1px solid #E3EBF2;
	}
}

/* ── Mobile: stacked, icon stays to the left of the text ──── */
@media (max-width: 767.98px) {
	:is(.page-template-security-va-page-template, .page-template-wapt-page-template, .page-template-red-teaming-exercises-page-template) #qrc-deliverables.deliverables-section .row > [class*="col-"] + [class*="col-"],
	.deliverables-section.deliverables-section--bar .row > [class*="col-"] + [class*="col-"] {
		border-top: 1px solid #E3EBF2;
	}

	:is(.page-template-security-va-page-template, .page-template-wapt-page-template, .page-template-red-teaming-exercises-page-template) #qrc-deliverables.deliverables-section .row > [class*="col-"],
	.deliverables-section.deliverables-section--bar .row > [class*="col-"] {
		justify-content: flex-start;
	}

	:is(.page-template-security-va-page-template, .page-template-wapt-page-template, .page-template-red-teaming-exercises-page-template) #qrc-deliverables.deliverables-section .deliverable-card--stacked,
	.deliverables-section.deliverables-section--bar .deliverable-card--stacked {
		gap: 14px;
		padding: 16px 4px;
	}

	:is(.page-template-security-va-page-template, .page-template-wapt-page-template, .page-template-red-teaming-exercises-page-template) #qrc-deliverables.deliverables-section .icon-wrap,
	.deliverables-section.deliverables-section--bar .icon-wrap {
		width: 38px;
		height: 38px;
	}

	:is(.page-template-security-va-page-template, .page-template-wapt-page-template, .page-template-red-teaming-exercises-page-template) #qrc-deliverables.deliverables-section .card-title,
	.deliverables-section.deliverables-section--bar .card-title {
		font-size: 16px;
	}
}


/* ============================================================
   Security VA - "What We Assess" boxes: icon left, text right.
   Page-scoped via the body class (the convention already used
   elsewhere in this stylesheet) because .va_assess_row is shared
   with the WAPT and red-teaming templates, and .dpdp_who_require
   with four more - an unscoped rule would restyle all of them.
   Only the flex axis changes; the box's own padding, min-height,
   border, shadow, gap and typography are left as they are.
   ============================================================ */
.page-template-security-va-page-template .dpdp_who_require_row.va_assess_row .dpdp_who_require_box {
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

/* the 40px icon is a flex item now, so stop the heading squeezing it */
.page-template-security-va-page-template .dpdp_who_require_row.va_assess_row .dpdp_who_require_box .dpdp_who_require_icon {
	flex: 0 0 40px;
}

.page-template-security-va-page-template .dpdp_who_require_row.va_assess_row .dpdp_who_require_box h3 {
	flex: 1 1 auto;
	min-width: 0;
}


/* ============================================================
   WAPT - "Key Areas We Assess" boxes.
   Same card chrome as the approved Security VA boxes (both come
   from the shared .va_assess_row rule); only the inside changes:
   icon and title share the top row, the description sits beneath
   the title. CSS grid places the three existing siblings, so the
   markup needs no wrapper. Pinned to the WAPT body class because
   .va_assess_row is shared with the Security VA and red-teaming
   templates, whose boxes must stay as they are.
   ============================================================ */
.page-template-wapt-page-template .dpdp_who_require_row.va_assess_row .dpdp_who_require_box {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	grid-template-rows: auto auto;
	column-gap: 18px;
	row-gap: 8px;
	align-content: center;
	justify-content: start;
}

/* The icon occupies the title's row only, so the description below can never
   run alongside it and starts flush with the title's left edge. */
.page-template-wapt-page-template .dpdp_who_require_row.va_assess_row .dpdp_who_require_box .dpdp_who_require_icon {
	grid-area: 1 / 1 / 2 / 2;
	align-self: center;
	margin: 0;
}

.page-template-wapt-page-template .dpdp_who_require_row.va_assess_row .dpdp_who_require_box h3 {
	grid-area: 1 / 2 / 2 / 3;
	align-self: center;
	min-width: 0;
}

/* Only placement and margin here - the description keeps the type it already
   has, since the Security VA boxes carry no description to match it against. */
.page-template-wapt-page-template .dpdp_who_require_row.va_assess_row .dpdp_who_require_box p {
	grid-area: 2 / 2 / 3 / 3;
	min-width: 0;
	margin: 0;
}


/* ============================================================
   WAPT - "Key Areas We Assess": equal card heights.
   Descriptions run 3-4 lines depending on the card, so the boxes
   ended up uneven. The column becomes a flex container and the
   box stretches to fill it, so the tallest card in each row sets
   the height for its row-mates. Done this way rather than with a
   fixed height because the 15px vertical margins stay outside the
   stretch (height:100% would overflow by exactly those 30px), and
   because it still collapses to content height at one-per-row on
   mobile instead of forcing a desktop height onto a phone.
   Pinned to the WAPT body class - #who-will-benefit.dpdp_who_require
   alone also matches the Security VA and red-teaming templates.
   ============================================================ */
.page-template-wapt-page-template #who-will-benefit.dpdp_who_require .dpdp_who_require_row.va_assess_row > [class*="col-"] {
	display: flex;
}

.page-template-wapt-page-template #who-will-benefit.dpdp_who_require .dpdp_who_require_row.va_assess_row .dpdp_who_require_box {
	flex: 1 1 auto;
}


/* ============================================================
   SOC Monitoring - "What 24x7 SOC Monitoring Covers" boxes.
   Icon and title share the top row; the description sits beneath
   the title. CSS grid places the three existing siblings, so the
   markup needs no wrapper element. Only the layout axis changes -
   the box's padding, width, colours and type are left alone, and
   the gap under the title is still the h6's own 14px margin.
   Pinned to the SOC body class because .soc-covers is shared with
   the Virtual CISO template, whose boxes are identical and must
   stay as they are. The capitalisation matches the template
   filename - WordPress does not lowercase body classes.
   ============================================================ */
.page-template-SOC-monitoring-page-template .soc-covers .soc-covers-item {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	grid-template-rows: auto auto;
	column-gap: 16px;
	row-gap: 0;
}

/* The icon occupies the title's row only, so the description below can never
   run alongside it and starts flush with the title's left edge. */
.page-template-SOC-monitoring-page-template .soc-covers .soc-covers-item .soc-covers-icon {
	grid-area: 1 / 1 / 2 / 2;
	align-self: center;
	margin-bottom: 0;
}

.page-template-SOC-monitoring-page-template .soc-covers .soc-covers-item h6 {
	grid-area: 1 / 2 / 2 / 3;
	align-self: center;
	min-width: 0;
}

.page-template-SOC-monitoring-page-template .soc-covers .soc-covers-item p {
	grid-area: 2 / 2 / 3 / 3;
	min-width: 0;
}


/* ============================================================
   SOC Monitoring + Virtual CISO - #qrc-deliverables cards:
   icon on the left, title and description stacked to its right.
   These cards already wrap their text in .card-body-content, so
   one flex row does it - no grid and no markup change needed.
   .deliverable-card--stacked.bg-white occurs only on these two
   templates (4 + 8 cards, all inside #qrc-deliverables), so no
   other deliverable card is reached - the SOC stat bar's cards
   carry no .bg-white and keep their own layout.
   ============================================================ */
#qrc-deliverables .deliverable-card.deliverable-card--stacked.bg-white {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 18px;
}

/* The icon keeps whatever size the existing rules give it at each breakpoint -
   flex-basis auto preserves 48 / 44 / 42px instead of pinning one value. The
   bottom margin only existed to separate it from the title stacked beneath. */
#qrc-deliverables .deliverable-card.deliverable-card--stacked.bg-white .icon-wrap {
	flex: 0 0 auto;
	margin-bottom: 0;
}

#qrc-deliverables .deliverable-card.deliverable-card--stacked.bg-white .card-body-content {
	flex: 1 1 auto;
	min-width: 0;
}


/* ============================================================
   SOC Monitoring + Virtual CISO - #why-qrc cards: icon and title share the top
   row, description sits beneath the title. CSS grid places the
   three existing siblings, so the markup needs no wrapper.
   align-content:start keeps them packed at the top of the card's
   188px min-height exactly as the block layout did, and the gap
   under the title is still the p's own 15px top margin.
   #why-qrc.soc-why.va_why_sec matches exactly these two templates'
   sections - four cards each, same three siblings, same 44px <img>
   icon - and both take the same treatment, so one rule set serves
   both. The id keeps it clear of the other .va_why_card sections on
   the VA, WAPT and red-teaming pages, which are untouched.
   ============================================================ */
#why-qrc.soc-why.va_why_sec .va_why_card {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	grid-template-rows: auto auto;
	column-gap: 16px;
	row-gap: 0;
	align-content: start;
}

/* The icon occupies the title's row only, so the description below can never
   run alongside it and starts flush with the title's left edge. */
#why-qrc.soc-why.va_why_sec .va_why_card .va_why_card_icon {
	grid-area: 1 / 1 / 2 / 2;
	align-self: center;
	margin-bottom: 0;
}

#why-qrc.soc-why.va_why_sec .va_why_card h3 {
	grid-area: 1 / 2 / 2 / 3;
	align-self: center;
	min-width: 0;
}

#why-qrc.soc-why.va_why_sec .va_why_card p {
	grid-area: 2 / 2 / 3 / 3;
	min-width: 0;
}


/* ============================================================
   Virtual CISO - "soc-covers" boxes: icon and title share the top
   row, description sits beneath the title. Same treatment as the
   SOC Monitoring block above, but its own rule because the icon
   column differs: SOC's inline <svg> is pinned to 40px by
   .soc-covers .soc-covers-icon svg, while this template uses
   <img> with no equivalent rule, so the files render at their
   intrinsic size (up to 44px). A 44px column fits the widest of
   them without overlapping the title and keeps all four titles on
   the same left edge - the icons themselves are not resized.
   Pinned to the Virtual CISO body class so the SOC block keeps
   its 40px column. Capitalisation matches the template filename -
   WordPress does not lowercase body classes.
   ============================================================ */
.page-template-Virtual-CISO-page-template .soc-covers .soc-covers-item {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	grid-template-rows: auto auto;
	column-gap: 16px;
	row-gap: 0;
	align-content: start;
}

/* The icon occupies the title's row only, so the description below can never
   run alongside it and starts flush with the title's left edge. */
.page-template-Virtual-CISO-page-template .soc-covers .soc-covers-item .soc-covers-icon {
	grid-area: 1 / 1 / 2 / 2;
	align-self: center;
	margin-bottom: 0;
}

.page-template-Virtual-CISO-page-template .soc-covers .soc-covers-item h6 {
	grid-area: 1 / 2 / 2 / 3;
	align-self: center;
	min-width: 0;
}

.page-template-Virtual-CISO-page-template .soc-covers .soc-covers-item p {
	grid-area: 2 / 2 / 3 / 3;
	min-width: 0;
}

.page-template-leadership-template .page_footer {
	padding-top: 70px;
}

.qrcv2-stages {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(4, 1fr);
}

.qrcv2-stage {
	background: rgba(255,255,255,.055);
	border: 1px solid rgba(97, 97, 97, 0.12);
	border-radius: 0;
	min-height: 310px;
/*	padding: 14px;*/
	position: relative;
	overflow: hidden;
}

.qrcv2-stage h3 {
	color: 500;
	font-size: 19px;
	font-weight: 620;
	line-height: 1.35;
	margin: 0 0 12px;
	font-family: Roboto;
}

.qrcv2-stage p {
	color: #353535;
	font-size: 14px;
	line-height: 1.65;
	margin: 0 0 22px;
}

.qrcv2-stage ul {
	color: #d5deeb;
	font-size: 12px;
	line-height: 1.65;
	margin: 0;
	padding-left: 17px;
}

.qrcv2-stage--accent {
	background: #46BDE8;
	border-color: #46BDE8;
}

.qrcv2-stage--accent::before, .qrcv2-stage--accent h3, .qrcv2-stage--accent p, .qrcv2-stage--accent ul {
	color: #11294B;
}

.qrcv2-section--assurance {
	background-color: #11294B;
	background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px), radial-gradient(circle at 85% 10%, rgba(0,204,255,.16), transparent 32%);
	background-size: 44px 44px, 44px 44px, auto;
}

.qrcv2-section--assurance .qrcv2-stage {
	counter-increment: none;
	min-height: 390px;
	overflow: hidden;
	padding: 0;
}

.qrcv2-section--assurance .qrcv2-stage::before {
	content: none;
}

.qrcv2-stage-image {
	aspect-ratio: 15 / 11;
	border: 0;
	border-bottom: 1px solid rgba(255,255,255,.12);
	border-radius: 0;
	margin: 0;
}

.qrcv2-stage-content {
	padding: 24px;
}

.qrcv2-stage-content p {
	margin-bottom: 0;
}

.qrcv2-stage-cover {
	align-items: flex-start;
	background: rgba(8,21,45,.98);
	display: flex;
	flex-direction: column;
	inset: 0;
	justify-content: center;
	opacity: 0;
	padding: 30px;
	position: absolute;
	transform: translateY(16px);
	transition: opacity .25s ease, transform .25s ease;
	visibility: hidden;
	z-index: 3;
}

.qrcv2-stage-cover span {
	color: #46BDE8;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .12em;
	margin-bottom: 16px;
	text-transform: uppercase;
}

.qrcv2-stage-cover ul {
	color: #d5deeb;
	font-size: 15px;
	line-height: 1.8;
	margin: 0;
	padding-left: 18px;
}

.qrcv2-stage:hover .qrcv2-stage-cover, .qrcv2-stage:focus .qrcv2-stage-cover, .qrcv2-stage:focus-within .qrcv2-stage-cover {
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
}

.qrcv2-stage--accent .qrcv2-stage-image {
	background: rgba(255,255,255,.45);
}

.qrcv2-stage--accent .qrcv2-stage-cover {
	background: rgba(0,187,225,.98);
}

.qrcv2-stage--accent .qrcv2-stage-cover span, .qrcv2-stage--accent .qrcv2-stage-cover ul {
	color: #11294B;
}

/* =========================================
   HOME PAGE PILLAR
========================================= */

.home-page-pillar {
	width: 100%;
	padding: 52px 0 50px;
	background: rgba(255, 255, 255, 0.82)fff;
}


/* =========================================
   HEADING
========================================= */
.qrcv2-tag-row {
	display: flex;
	gap: 8px;
	margin: 10px 0;
}

.qrcv2-tag {
	display: flex !important;
	height: 26px;
	padding: 0 10px;
	align-items: center;
	gap: 5px;
	border-radius: 39px;
	border: 1px solid #46BDE8;
	background: #EFF6FF;
	color: #11294B;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.home_core_box a.core_capa_know {
	position: unset;
	display: flex;
	padding: 10px 12px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: #21AFE3;
	color: rgba(255, 255, 255, 0.82);
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-weight: 400;
	width: fit-content;
	height: unset;
	margin: 15px 0 0 0;
}

.home-pillar-heading {
	margin-bottom: 45px;
}

.home-pillar-eyebrow {
	display: inline-flex;
	padding: 8px 10px;
	align-items: center;
	border-radius: 32px;
	background: #DCEEFA;
	color: #11294B;
	font-size: 11px;
	font-weight: 400;
	line-height: 16px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

/* =========================================
   PILLAR ROW
========================================= */

.home-pillar-row {
	--bs-gutter-x: 0;
}


/* =========================================
   PILLAR ITEM
========================================= */

.home-pillar-item {
	min-height: 215px;
	padding: 0 35px;
	border-right: 1px solid #d9e1e9;
}

.home-pillar-row > div:first-child .home-pillar-item {
	padding-left: 0;
}

.home-pillar-row > div:last-child .home-pillar-item {
	border-right: 0;
}


/* =========================================
   ICON
========================================= */

.home-pillar-icon {
	width: 66px;
	height: 66px;
	margin-bottom: 19px;
	display: flex;
	align-items: center;
	justify-content: center;
    /*border: 2px solid #b9e5f6;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.82)fff;*/;
}

.home-pillar-icon img {
	height: 100%;
	width: auto;
}


/* =========================================
   TITLE
========================================= */

.home-pillar-item h3 {
	margin: 0 0 17px;
	color: #17345f;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 600;
	font-family: Roboto;
}


/* =========================================
   DESCRIPTION
========================================= */

.home-pillar-item p {
	max-width: 300px;
	margin: 0;
	color: #202020;
	font-size: 15px;
	line-height: 1.65;
	font-weight: 400;
}

/* =========================================
   LARGE DESKTOP
========================================= */

@media (min-width: 1400px) {

	.home-page-pillar {
		padding-top: 54px;
		padding-bottom: 50px;
		background: #fafafa;
	}

	.home-pillar-heading {
		margin-bottom: 47px;
	}

	.home-pillar-item {
		padding-left: 36px;
		padding-right: 36px;
	}
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1199.98px) {

	.home-pillar-item {
		padding-left: 25px;
		padding-right: 25px;
	}

	.home-pillar-item h3 {
		font-size: 24px;
	}

	.home-pillar-item p {
		font-size: 16px;
	}
}


/* =========================================
   TABLET / MOBILE
========================================= */

@media (max-width: 991.98px) {

	.home-page-pillar {
		padding: 45px 0;
	}

	.home-pillar-heading {
		margin-bottom: 35px;
	}

	.home-pillar-row > div:nth-child(2) .home-pillar-item {
		border-right: 0;
	}

	.home-pillar-row > div:nth-child(3) .home-pillar-item,
    .home-pillar-row > div:nth-child(4) .home-pillar-item {
		margin-top: 35px;
	}
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767.98px) {

	.home-page-pillar {
		padding: 40px 0;
	}

	.home-pillar-heading {
		margin-bottom: 30px;
	}

	.home-pillar-eyebrow {
		font-size: 14px;
		margin-bottom: 10px !important;
	}

	.home-pillar-item {
		min-height: auto;
		padding: 0 0 30px !important;
		border-right: 0;
		border-bottom: 1px solid #d9e1e9;
	}

	.home-pillar-row > div {
		margin-top: 0 !important;
	}

	.home-pillar-row > div:not(:first-child) .home-pillar-item {
		padding-top: 30px !important;
		margin: 0;
	}

	.home-pillar-row > div:last-child .home-pillar-item {
		padding-bottom: 0 !important;
		border-bottom: 0;
	}

	.home-pillar-item p {
		max-width: 100%;
		font-size: 16px;
		line-height: 1.55;
	}
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 575.98px) {

	.home-page-pillar {
		padding: 35px 0;
	}

	.home-pillar-icon {
		width: 60px;
		height: 60px;
	}

	.home-pillar-icon svg {
		width: 29px;
		height: 29px;
	}

	.home-pillar-item h3 {
		font-size: 23px;
	}
}
/* =========================================
   HOME PAGE TESTIMONIALS
========================================= */

.Home-page-testimonials {
	width: 100%;
	background: rgba(255, 255, 255, 0.82)fff;
	overflow: hidden;
}


/* =========================================
   HEADING
========================================= */

.Home-page-testimonials .testimonials-heading-row {
	margin-bottom: 38px;
}

.Home-page-testimonials .testimonials-eyebrow {
	display: block;
	margin-bottom: 12px;
	color: #25a9dc;
	font-size: 15px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.Home-page-testimonials .section-title {
	margin: 0;
	color: #142d5b;
	font-size: 40px;
	line-height: 1.15;
	font-weight: 600;
	letter-spacing: -1px;
}


/* =========================================
   NAVIGATION
========================================= */

.Home-page-testimonials .testimonials-navigation {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 12px;
}

.Home-page-testimonials .testimonials-navigation .swiper-button-prev,
.Home-page-testimonials .testimonials-navigation .swiper-button-next {
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	width: 56px;
	height: 56px;
	margin: 0;
	border: 2px solid #c7e8f6;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.82)fff;
	color: #25a9dc;
}

.Home-page-testimonials
.testimonials-navigation
.swiper-button-prev:after,
.Home-page-testimonials
.testimonials-navigation
.swiper-button-next:after {
	font-size: 17px;
	font-weight: 600;
}


/* =========================================
   SWIPER
========================================= */

.Home-page-testimonials .testimonialsSwiper {
	position: relative;
	width: 100%;
	padding-bottom: 45px;
/*    overflow: visible;*/;
}

.Home-page-testimonials .testimonialsSwiper .swiper-wrapper {
	align-items: stretch;
}

.Home-page-testimonials .testimonialsSwiper .swiper-slide {
	height: auto;
}


/* =========================================
   TESTIMONIAL CARD
========================================= */

.Home-page-testimonials .testimonial-card {
	width: 100%;
	 height: 100%; 
	display: flex;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.82);
	box-shadow: 0 4px 28.5px -4px rgba(49, 110, 180, 0.12);
	margin: 10px 0;
	border: 1px solid #e8e8e8;
}

.testimonialsSwiper {
	padding: 0 5px;
}
/* =========================================
   IMAGE
========================================= */

.Home-page-testimonials .testimonial-image {
	width: 39%;
	min-width: 39%;
	height: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 15px;
}

/*.Home-page-testimonials .testimonial-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
}*/


/* =========================================
   CONTENT
========================================= */

.Home-page-testimonials .testimonial-content {
	width: 61%;
	height: 100%;
	padding: 34px 36px 30px;
	display: flex;
	flex-direction: column;
	color: rgba(255, 255, 255, 0.82)fff;
}


/* =========================================
   QUOTE
========================================= */

.Home-page-testimonials .testimonial-quote {
	height: 45px;
	color: #16b4e9;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 72px;
	line-height: 0.75;
	font-weight: 600;
}


/* =========================================
   TESTIMONIAL TEXT
========================================= */

.Home-page-testimonials .testimonial-text {
	max-width: 100%;
	margin-top: 0;
	color: #11294B;
	font-size: 15px;
	line-height: 1.65;
	font-weight: 400;
}

/* =========================================
   AUTHOR
========================================= */

.Home-page-testimonials .testimonial-author {
	margin-top: 0;
	padding-top: 17px;
	border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.Home-page-testimonials .testimonial-author h6 {
	margin: 0 0 5px;
	color: #11294B;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 600;
}

.Home-page-testimonials .testimonial-author p {
	margin: 0;
	color: #11294B;
	font-size: 13px;
	line-height: 1.45;
	font-weight: 400;
}


/* =========================================
   PAGINATION
========================================= */

.Home-page-testimonials .testimonials-pagination {
	position: absolute;
	bottom: 0 !important;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 7px;
}

.Home-page-testimonials
.testimonials-pagination
.swiper-pagination-bullet {
	width: 9px;
	height: 9px;
	margin: 0 !important;
	opacity: 1;
	background: #d3d9e2;
}

.Home-page-testimonials
.testimonials-pagination
.swiper-pagination-bullet-active {
	width: 27px;
	border-radius: 10px;
	background: #172f64;
}


/* =========================================
   LARGE DESKTOP
========================================= */

@media (min-width: 1400px) {

	.Home-page-testimonials .section-title {
		font-size: 40px;
	}

	.Home-page-testimonials .testimonial-card {
		height: 100%;
	}

	.Home-page-testimonials .testimonial-content {
		padding: 35px 37px 30px;
	}

	.Home-page-testimonials .testimonial-text {
		font-size: 15px;
	}
}


/* =========================================
   LAPTOP
========================================= */

@media (max-width: 1199.98px) {

	.Home-page-testimonials .section-title {
		font-size: 36px;
	}

	.Home-page-testimonials .testimonial-card {
		height: 100%;
	}

	.Home-page-testimonials .testimonial-content {
		padding: 28px 27px;
	}

	.Home-page-testimonials .testimonial-text {
		font-size: 17px;
		line-height: 1.55;
	}

	.Home-page-testimonials .testimonial-quote {
		font-size: 62px;
	}
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991.98px) {

	.Home-page-testimonials .testimonials-heading-row {
		margin-bottom: 30px;
	}

	.Home-page-testimonials .section-title {
		font-size: 34px;
	}

	.Home-page-testimonials .testimonials-navigation {
		justify-content: flex-start;
		margin-top: 20px;
	}

	.Home-page-testimonials .testimonial-card {
		height: 100%;
	}

	.Home-page-testimonials .testimonial-content {
		padding: 25px 22px;
	}

	.Home-page-testimonials .testimonial-text {
		font-size: 16px;
	}
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767.98px) {

	.Home-page-testimonials {
		padding-top: 45px !important;
		padding-bottom: 40px !important;
	}

	.Home-page-testimonials .section-title {
		font-size: 30px;
		line-height: 1.2;
	}

	.Home-page-testimonials .testimonials-eyebrow {
		font-size: 13px;
	}

	.Home-page-testimonials .testimonials-navigation {
		margin-top: 18px;
	}

	.Home-page-testimonials
    .testimonials-navigation
    .swiper-button-prev,
    .Home-page-testimonials
    .testimonials-navigation
    .swiper-button-next {
		width: 48px;
		height: 48px;
	}

	.Home-page-testimonials .testimonial-card {
		height: unset;
		display: block;
	}

	.Home-page-testimonials .testimonial-image {
		width: 100%;
		min-width: 100%;
		height: 190px;
	}

	.Home-page-testimonials .testimonial-content {
		width: auto;
		height: 260px;
		padding: 20px 22px;
	}

	.Home-page-testimonials .testimonial-quote {
		height: 30px;
		font-size: 55px;
	}

	.Home-page-testimonials .testimonial-text {
		margin-top: 15px;
		font-size: 16px;
		line-height: 1.5;
	}

	.Home-page-testimonials .testimonial-author {
		padding-top: 12px;
	}
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 575.98px) {

	.Home-page-testimonials .section-title {
		font-size: 27px;
	}

	.Home-page-testimonials .testimonial-card {
		height: 100%;
	}

	.Home-page-testimonials .testimonial-image {
		height: 180px;
		padding: 0;
	}
		.Home-page-testimonials .testimonial-image img{
			width: 100%;
			padding: 0 40px;
		}
}

.slider_Five {
	padding: 15px 2px;
}


/*solution*/

.qrc-wrap {
	max-width: 1320px;
}

.qrc-heading {
	color: rgba(255, 255, 255, 0.82)fff;
	font-size: clamp(34px, 3.3vw, 46px);
	line-height: 1.13;
	font-weight: 600;
	letter-spacing: 0;
	margin-bottom: 16px;
}

.qrc-subheading {
	color: rgba(255, 255, 255, 0.9);
	font-size: 16px;
	line-height: 1.65;
	max-width: 835px;
	margin-bottom: 30px;
}

.qrc-card {
	border-radius: 0;
	background: #123064;
	height: 100%;
	box-shadow: none;
	border: 1px solid rgba(255, 255, 255, 0.10);
}

.qrc-img {
	width: 100%;
	height: 197px;
	object-fit: cover;
	display: block;
}

.qrc-body {
	min-height: 226px;
	padding: 15px;
	display: flex;
	flex-direction: column;
}

.qrc-label {
	color: rgba(255, 255, 255, 0.82);
	border: 1px solid #11294B;
	padding: 8px 15px;
	letter-spacing: 1px;
	margin-bottom: 16px;
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	border-radius: 32px;
	background: #0C203D;
	display: flex;
	width: fit-content;
	margin: 0 0 10px 0;
}

.qrc-title {
	color: rgba(255, 255, 255, 0.82);
	font-size: 20px;
	line-height: 1.25;
	font-weight: 600;
	margin-bottom: 12px;
	font-family: Roboto;
}

.qrc-desc {
	color: rgba(255, 255, 255, 0.82);
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 12px;
}

.qrc-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 20px;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

.qrc-list li {
	position: relative;
	font-size: 14px;
	line-height: 1.35;
	padding-left: 0;
	display: flex;
	align-items: center;
	gap: 8px;
	color: rgba(255, 255, 255, 0.82);
}

   /* .qrc-list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 6px;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #21AFE3;
    }*/

.qrc-cta {
	position: unset;
	display: flex;
	padding: 12px 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: #21AFE3;
	color: rgba(255, 255, 255, 0.82);
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-weight: 400;
	height: unset;
	margin: 15px 0 0 0;
	width: fit-content;
}

.qrc-cta span {
	color: #11294B;
	font-size: 22px;
	line-height: 1;
	transform: translateY(-1px);
}

@media (max-width: 991.98px) {
      

	.qrc-img {
		height: 220px;
	}
}

@media (max-width: 575.98px) {
   

	.qrc-body {
		padding: 24px 22px;
	}

	.qrc-list {
		grid-template-columns: 1fr;
	}
}

.page-template-home-page-template .va_support_sec.va_support_grid .va_support_card::after {
	display: none;
}


/*    tsts*/
.testimonial-section {
	min-height: 100vh;
	display: flex;
	align-items: center;
/*      padding: 70px 0;*/
	background: rgba(255, 255, 255, 0.82);
}

.testimonial-wrap {
	max-width: 1420px;
}

.testimonial-card {
	position: relative;
	display: grid;
	grid-template-columns: 250px 1fr;
	min-height: unset;
	background: #eef4f8;
	border-top: 1px solid rgba(255, 255, 255, 0.82);
	border-right: 1px solid rgba(255, 255, 255, 0.82);
	border-bottom: 2px solid var(--teal);
	overflow: hidden;
}

.testimonial-card::before {
	content: "";
	position: absolute;
	top: -1px;
	right: -1px;
	width: 42px;
	height: 42px;
/*      background: linear-gradient(45deg, transparent 49%, rgba(255, 255, 255, 0.82) 50%, rgba(255, 255, 255, 0.82) 52%, transparent 53%);*/
	z-index: 3;
}

.testimonial-card::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	border-top: 31px solid rgba(255, 255, 255, 0.82);
	border-left: 31px solid transparent;
	z-index: 2;
}

 /*   .profile-panel {
      position: relative;
      padding: 35px 28px 30px;
      color: rgba(255, 255, 255, 0.82);
      background:
        linear-gradient(45deg, transparent 0 42px, rgba(0, 200, 239, .6) 43px 44px, transparent 45px) left bottom / 100% 100% no-repeat,
        linear-gradient(225deg, rgba(1, 177, 218, .48) 0 46px, transparent 47px) right top / 100% 100% no-repeat,
        radial-gradient(circle at 64% 72%, rgba(0, 208, 245, .52), transparent 44%),
        linear-gradient(180deg, #102b52 0%, #0b3159 60%, #0783a2 100%);
      overflow: hidden;
    }*/
.profile-panel {
	position: relative;
	padding: 35px 28px 30px;
	color: rgba(255, 255, 255, 0.82);
	background: #123064;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.profile-panel::before {
	content: "";
	position: absolute;
	inset: 0;
     /* background:
        linear-gradient(45deg, transparent 0 52px, rgba(255, 255, 255, .17) 53px, transparent 54px) left bottom / 100% 100% no-repeat,
        linear-gradient(225deg, rgba(0, 175, 216, .35) 0 78px, transparent 79px) right top / 100% 100% no-repeat;*/
	pointer-events: none;
	background: #001d66;
}

.logo-box {
	position: relative;
	width: 135px;
	height: 152px;
	margin: 0 auto 43px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(238, 244, 248);
	border: 1px solid rgba(255, 255, 255, .12);
	box-shadow: inset 0 0 26px rgba(255, 255, 255, .08);
	font-size: 36px;
	line-height: 1;
	font-weight: 800;
	letter-spacing: -3px;
}

.logo-box::after {
	content: "";
	position: absolute;
	left: -1px;
	bottom: -1px;
	border-bottom: 24px solid rgb(0, 29, 102);
	border-right: 24px solid rgba(255, 255, 255, 0.82);
}

.profile-name {
	position: relative;
	margin: 0 0 8px;
	font-size: 17px;
	line-height: 1.2;
	font-weight: 800;
	font-family: Roboto;
}

.profile-role {
	position: relative;
	margin: 0;
	color: rgb(56, 56, 56);
	font-size: 16px;
	font-weight: 400;
}

.company-badge {
	position: relative;
	display: inline-flex;
	align-items: center;
	height: 38px;
	padding: 0 15px;
	border-left: 3px solid var(--teal);
	background: rgba(255, 255, 255, .13);
	color: rgba(255, 255, 255, 0.82);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1px;
}

.quote-panel {
	position: relative;
	padding: 50px 20px 20px 27px;
}

.quote-mark {
	position: absolute;
	top: 17px;
	right: 39px;
	color: rgba(68, 189, 234, 0.63);
	font-family: Georgia, serif;
	font-size: 94px;
	line-height: 1;
	font-weight: 600;
}

.quote-text {
	position: relative;
	max-width: 350px;
	font-size: 15px;
	line-height: 1.55;
	font-weight: 400;
	letter-spacing: 0;
	margin: 15px 0 12px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.story-row {
	display: flex;
	align-items: center;
	gap: 22px;
}

.story-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 155px;
	height: 46px;
	padding: 0 18px;
	background: var(--teal);
	border: 0;
	color: #0a2b4d;
	text-decoration: none;
	font-size: 13px;
	line-height: 1;
	font-weight: 800;
}

.story-btn:hover {
	background: #00b8e3;
	color: #0a2b4d;
}

.story-line {
	width: 145px;
	height: 1px;
	background: rgba(255, 255, 255, 0.82);
}

@media (max-width: 1199.98px) {
	.testimonial-card {
		grid-template-columns: 230px 1fr;
	}

	.quote-panel {
		padding-left: 34px;
		padding-right: 30px;
	}
}

@media (max-width: 991.98px) {
	.testimonial-section {
		padding: 45px 0;
	}

	.testimonial-card {
		max-width: 660px;
		margin: 0 auto;
	}
}

@media (max-width: 575.98px) {
	.testimonial-card {
		grid-template-columns: 1fr;
	}

	.profile-panel {
		min-height: 300px;
	}

	.quote-panel {
		padding: 44px 26px 42px;
	}

	.quote-mark {
		top: 4px;
		right: 24px;
	}

	.story-line {
		flex: 1;
	}
}
/*    tsts*/
.Home-page-testimonials .pci_leading_choose {
	padding: 0;
	margin: 0;
	background: transparent;
}

.Home-page-testimonials .pci_leading_choose .pci_leading_nav {
	margin: 0;
	justify-content: flex-end;
}

.load-more-btn {
	color: #69cbf2;
	text-align: center;
	display: flex;
	width: fit-content;
	margin: 37px auto 0;
	border: 1px solid #69cbf2;
	font-size: 15px;
	font-weight: 400;
	padding: 12px 30px;
}

.logo-box img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.logo-box.logo-box-logo img {
	width: auto;
	height: auto;
	border-radius: 0;
	padding: 0 7px;
}

.soc-covers-row.bring_together .soc-covers-col:nth-child(1) {
	border-bottom: 1px solid #A6D9EC;
}

.soc-covers-row.bring_together .soc-covers-col:nth-child(2) {
	border-bottom: 1px solid #A6D9EC;
}

.soc-covers-row.bring_together .soc-covers-col:nth-child(3) {
	border-bottom: 1px solid #A6D9EC;
}

.soc-covers-row.bring_together .soc-covers-col:nth-child(4) {
	border-bottom: 1px solid #A6D9EC;
}

.soc-covers-row.bring_together .soc-covers-col:nth-child(5) {
	border-left: none;
}
/*.soc-covers-row.bring_together .soc-covers-col:nth-child(6) {}
.soc-covers-row.bring_together .soc-covers-col:nth-child(7) {}
.soc-covers-row.bring_together .soc-covers-col:nth-child(8) {}*/
.about_life_at_qrc.audit_certi_box {
	margin: 30px 0 0 0;
}

.about_life_at_qrc.audit_certi_box figcaption {
	min-height: 100px;
}

.about_life_at_qrc.audit_certi_box figcaption h6 {
	font-size: 17px;
	margin: 0 0 0 0;
	line-height: 1.5;
}

.page.page-id-2376 .soc-flow .soc-flow-grid .soc-flow-card:nth-of-type(5)::before,
.page.page-id-2376 .soc-flow .soc-flow-grid .soc-flow-card:nth-of-type(5)::after {
	display: none !important;
	content: none !important;
}

.va_benefit_sec .va_benefit_item:nth-of-type(2) {
	background: rgba(255, 255, 255, 0.82);
}

.va_benefit_sec .va_benefit_item:nth-of-type(3) {
	background: rgba(255, 255, 255, 0.82);
}
/*.va_benefit_sec .va_benefit_item:nth-of-type(2) span{
background: #69CBF2;
}
.va_benefit_sec .va_benefit_item:nth-of-type(3) span{
background: #69CBF2;
}
*/



/* =========================================
   QRC CLIENT STORY MODAL
========================================= */

.qrc-modal {
	position: relative;
	width: 470px;
	max-width: 100%;
	min-height: 340px;
	border: 0;
	border-radius: 0;
	background: rgba(255, 255, 255, 0.99);
	padding: 30px 28px 28px;
    /* Screenshot style cut corners */
	clip-path: polygon(
        0 0,
        calc(100% - 24px) 0,
        100% 24px,
        100% 100%,
        24px 100%,
        0 calc(100% - 24px)
    );
	box-shadow: none;
}


/* Modal body */
.qrc-modal .modal-body {
	position: relative;
}


/* =========================================
   CLOSE BUTTON
========================================= */

.qrc-modal-close {
	position: absolute;
	top: -13px;
	right: -7px;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 1px solid #e3e8eb;
	border-radius: 0;
	background-color: #f4f7f9;
	opacity: 1;
	z-index: 10;
}

.qrc-modal-close:hover {
	opacity: 1;
	background-color: #edf2f5;
}


/* =========================================
   LABEL
========================================= */

.qrc-modal-label {
	margin-bottom: 8px;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 600;
	letter-spacing: 1.2px;
	color: #59b4cc;
	text-transform: uppercase;
}

.qrc-modal-label span {
	color: #8d989f;
	padding: 0 3px;
}


/* =========================================
   TITLE
========================================= */

.qrc-modal-title {
	margin: 0 40px 16px 0;
	font-size: 18px;
	line-height: 1.25;
	font-weight: 600;
	color: #171b1f;
	display: none;
}


/* =========================================
   TEXT
========================================= */

.qrc-modal-text {
	color: #68737c;
	font-size: 11px;
	line-height: 1.65;
	font-weight: 400;
}

.qrc-modal-text p {
	margin-bottom: 18px;
	font-size: 16px;
	color: #1b1b1b;
}

.qrc-modal-text p:last-child {
	margin-bottom: 0;
}


/* =========================================
   AUTHOR
========================================= */

.qrc-modal-author {
	margin-top: 17px;
}

.qrc-modal-author strong {
	display: block;
	font-size: 18px;
	line-height: 1.4;
	font-weight: 600;
	color: #35495b;
}

.qrc-modal-author span {
	display: block;
	margin-top: 2px;
	font-size: 14px;
	line-height: 1.4;
	color: #87919a;
}


/* =========================================
   BOOTSTRAP MODAL OVERRIDE
========================================= */

#qrcClientStoryModal .modal-dialog {
	max-width: 470px;
}

#qrcClientStoryModal .modal-content {
	border: 0;
	border-radius: 0;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 575.98px) {

	#qrcClientStoryModal .modal-dialog {
		width: calc(100% - 30px);
		margin: 1rem auto;
	}

	.qrc-modal {
		width: 100%;
		min-height: auto;
		padding: 25px 22px 25px;
	}

	.qrc-modal-title {
		font-size: 17px;
	}

	.qrc-modal-text {
		font-size: 10.5px;
		line-height: 1.6;
	}

	.qrc-modal-close {
		width: 30px;
		height: 30px;
		top: 12px;
		right: 12px;
	}
}
/*.btn.btn-primary.client_strory_btn {
	display: inline-flex;
	padding: 10px 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: rgba(255, 255, 255, 0.82);
	 font-family: "Roboto", sans-serif;
	font-size: 12px;
	font-weight: 400;
	background: #21afe3;
	border: none;
	border-radius: 0;
	margin: 7px 0 0 0;
}*/
.btn.btn-primary.client_strory_btn {
	color: #44bdea;
	padding: 0;
	display: inline-block;
	border: none;
	background: transparent !important;
	outline: none !important;
	margin: 0 0 15px 0px;
	font-size: 15px;
}

.qrc_office_card {
	display: none !important;
}

.send_me_btn {
	position: unset;
	display: flex;
	padding: 15px 22px !important;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: #21AFE3 !important;
	color: rgba(255, 255, 255, 0.82) !important;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-weight: 400;
	width: fit-content;
	height: unset;
	margin: 0;
	border: none !important;
	border-radius: 0 !important;
}
/* Resource type pages (blog, case studies, news, webinars, downloads): white library background; the main Resources page keeps its own. */
body.page-template-resources-blog-template .explore_resource,
body.page-template-resources-case-studies-template .explore_resource,
body.page-template-resources-news-template .explore_resource,
body.page-template-resources-webinars-template .explore_resource,
body.page-template-resources-downloads-template .explore_resource,
body.tag .explore_resource {
	background: rgba(255, 255, 255, 0.82);
}

.wpcf7-not-valid-tip {
	font-size: 11px;
}

.clear_rosurces {
	display: flex;
	align-items: center;
	gap: 25px;
	margin: 0 0 20px 0;
}

.clear_rosurces p {
	margin: 0;
	font-size: 15px;
}

.clear_rosurces span {
	display: flex;
	align-items: center;
	gap: 5px;
	background: rgba(255, 255, 255, 0.82);
	padding: 5px 10px;
	border-radius: 35px;
	font-size: 13px;
	cursor: pointer;
}

.clear_rosurces span img {
	width: 10px;
}
.ftr_subscribe .wpcf7-response-output {
	display: none !important;
}
.ftr_enti b {
	display: block;
	width: fit-content;
	border-bottom: 1px solid #e0e0e0;
	margin: 0 0 5px 0;
	font-size: 16px;
}
.va_support_card_icon_home .va_support_card_icon img {
	width: 60px !important;
	height: 60px !important;
}
.va_support_card.va_support_card_icon_home {
	gap: 0 !important;
}
.page-template-QRC-assure-page-template #qrc-deliverables .deliverable-card.deliverable-card--stacked.bg-white {
	background: #11294B !important;
	border: 1px solid rgba(255, 255, 255, 0.19);
}
.page-template-QRC-assure-page-template #qrc-deliverables .deliverable-card.deliverable-card--stacked.bg-white h3,
.page-template-QRC-assure-page-template #qrc-deliverables .deliverable-card.deliverable-card--stacked.bg-white p{
	color: rgba(255, 255, 255, 0.82) !important;
}

/* Supporting Services card button (PCI DSS): compact button, card radius, buttons aligned across each row */
.benefit-card:has(> .rc-btn) {
	display: flex;
	flex-direction: column;
}
.benefit-card:has(> .rc-btn) .benefit-card__body {
	margin-bottom: 16px;
}
.benefit-card > .rc-btn {
	margin-top: auto;
	padding: 8px 14px;
	font-size: 13px;
	border-radius: 0;
}

/* Legal pages (Privacy Policy etc.): spacing and lists for the page content only; fonts and sizes stay the theme's */
.legal-content p {
	margin-bottom: 14px;
}
.legal-content h3,
.legal-content h4,
.legal-content h5,
.legal-content h6 {
	margin: 28px 0 12px;
}
.legal-content > :first-child {
	margin-top: 0;
}
.legal-content ul {
	margin: 0 0 16px;
	padding-left: 28px;
	list-style: disc;
}
.legal-content ul ul {
	margin: 8px 0 0;
	list-style: circle;
}
.legal-content li {
	margin-bottom: 8px;
}
.legal-content a {
	text-decoration: underline;
}

.page-template-home-page-template .qrc-img {
	height: 250px;
}

.page.page-id-373 .pci_leading_box {
	min-height: unset;
}

.career_list {
	border-radius: 14px;
	border: 1px solid #CACACA;
	padding: 25px;
	margin: 15px 0;
}
.career_list_header {
	display: flex;
	justify-content: space-between;
}
.career_list_header h6 {
	color: #11294B;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.career_list ul {
	padding: 0;
	margin: 40px 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.career_list ul li {
	color: #11294B;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	width: 47%;
	min-width: 47%;
	max-width: 47%;
}
.career_list ul li span {
	color: #0B031F;
	font-weight: 600;
}
.career_list a {
	display: flex;
	padding: 10px 21px;
	background: #21AFE3;
	color: rgba(255, 255, 255, 0.82);
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-weight: 400;
	width: fit-content;
	height: unset;
	margin: 15px 0 0 0;
	width: fit-content;
}

.key_response h6 {
	font-size: 21px;
	border-bottom: 1px solid #e3e3e3;
	padding: 0 0 10px 0;
}
.key_response ul li {
	font-size: 15px;
	margin: 6px 0;
}
.key_response ul {
	padding: 0;
	list-style: decimal;
	margin: 20px 0 20px 15px;
}
/* Career popup: gap under the title divider when the description starts with a paragraph (a list already has its own top margin) */
.key_response h6 + p {
	margin-top: 20px;
}
.key_response a {
	display: flex;
	padding: 10px 21px;
	background: #21AFE3;
	color: rgba(255, 255, 255, 0.82);
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-weight: 400;
	width: fit-content;
	height: unset;
	margin: 15px 0 0 0;
}

/* Resources page - Featured insights: equal-height cards */
.resource_feature_sec .col-md-4 {
	display: flex;
}
.resource_feature_sec .resources_feature_iems {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.resource_feature_sec .resources_feature_iems figcaption {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.resource_feature_sec .resources_feature_iems figcaption h3 {
	min-height: 54px;
}
.resource_feature_sec .resources_feature_iems figcaption a {
	margin-top: auto;
	align-self: flex-start;
}


.page.page-id-5351 .bg_ftr_up, 
.page.page-id-5350 .bg_ftr_up, 
.page.page-id-5349 .bg_ftr_up, 
.page.page-id-3 .bg_ftr_up, 
.page.page-id-590 .bg_ftr_up, 
.page.page-id-3068 .bg_ftr_up, 
.page.page-id-3168 .bg_ftr_up, 
.page.page-id-3406 .bg_ftr_up
{
	display: none;
}
.page.page-id-5351 .page_footer, 
.page.page-id-5350 .page_footer, 
.page.page-id-5349 .page_footer, 
.page.page-id-3 .page_footer, 
.page.page-id-590 .page_footer, 
.page.page-id-3068 .page_footer, 
.page.page-id-3168 .page_footer, 
.page.page-id-3406 .page_footer
{
	padding-top: 60px;
}

.sticky-sidebar.sticky-top {
	z-index: 1;
}

.popular_article.download_sidebar_form {
	background: #11294b;
}
.popular_article.download_sidebar_form h3 {
	color: rgba(255, 255, 255, 0.82);
	margin: 0 0 10px 0;
}
.popular_article.download_sidebar_form p {
	color: rgba(255, 255, 255, 0.82);
}
.popular_article.download_sidebar_form .form_contact_page .form-control {
	background: #11294b;
	color: rgba(255, 255, 255, 0.82);
	font-size: 15px;
	border: 1px solid #ffffff36;
}
.popular_article.download_sidebar_form .form_contact_page .form-control::placeholder{
	color: rgba(255, 255, 255, 0.82);
	opacity: 1;
}
.popular_article.download_sidebar_form .form_contact_page select.form-control {
	background: #11294b url(../images/arrow-down.png) 0 0 no-repeat;
	background-size: 20px;
	background-position: 98% 50%;
}

#masthead.site-header {
    position: relative;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

#masthead.site-header.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    animation: smoothHeader 0.4s ease forwards;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

@keyframes smoothHeader {
    from {
        opacity: 0.7;
        transform: translateY(-15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* Tablet */
@media (max-width: 991px) {
    .professionalTabs_content {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Mobile */
@media (max-width: 767px) {
    .professionalTabs_content {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .professionalTabs_content {
        grid-template-columns: repeat(1, 1fr);
    }
}


.page-template-home-page-template .sec_home_g.pt-5.pb-0.overflow-hidden {
	display: none !important;
}