/*20052025*/
	
	.z-zoom-image {
	transition: transform 0.4s ease-in-out;
	}

	.z-zoom-image:hover {
	transform: scale(1.05);
	}
	
	.har-du-z-two-bg-parent {
	position: relative;
	background-color: #0b1c30; /* Top background color */
	padding-top: clamp(60px, 10vw, 100px);
	padding-bottom: clamp(60px, 10vw, 100px);
	padding-left: clamp(12px, 4vw, 20px);
padding-right: clamp(12px, 4vw, 20px);
	overflow: hidden;
	}

	/* Bottom background */
	.har-du-z-bottom-bg-with-radius {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background-color: #0f2540; /* Bottom background color */
	border-top-left-radius: clamp(40px, 10vw, 150px);
	border-top-right-radius: clamp(40px, 10vw, 150px);
	z-index: 1;
	}

	/* Center box */
	.har-du-z-center-box {
	position: relative;
	max-width: 647px;
	margin: 0 auto;
	z-index: 2;
	background-color: #061629;
	color: white;
	padding: 52px 30px;
	border-radius: clamp(12px, 2vw, 20px);
	text-align: center;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
	}
	
	.har-du-z-center-box>.har-du{
		display: flex;
		align-items: center;
		gap: 25px;
		flex-direction: column;
	}
	
	.har-du-z-center-box>.har-du p b{
		font-family: var(--ff-gilroybold);
	}
	
	.har-du-z-center-box>.har-du p{
		font-family: var(--ff-gilroy);
		font-size: clamp(16px, calc(12.91px + 0.77vw), 20px);
		color: #E5F3FF;
		line-height: clamp(24px, calc(19.82px + 0.72vw), 28px);
		font-weight: 300;
		margin: 0;
		width: 100%;
		max-width: 460px;
	}
	
	.oppdag-mer-z-two-bg-parent {
	position: relative;
	background-color: #0f2540;
	padding: clamp(60px, 10vw, 100px) clamp(12px, 4vw, 20px);
	overflow: hidden;
	}


	.oppdag-mer-z-bottom-bg-with-radius {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background-color: #0b1c30;
	border-top-left-radius: clamp(40px, 10vw, 150px);
	border-top-right-radius: clamp(40px, 10vw, 150px);
	z-index: 1;
	}


	.oppdag-mer-z-center-box {
	position: relative;
	max-width: 718px;
	margin: 0 auto;
	z-index: 2;
	background-color: #061629;
	color: white;
	padding: 40px 30px;
	border-radius: clamp(12px, 2vw, 20px);
	text-align: center;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
	}
	
	.oppdag-mer-z-center-box>.oppdag-mer p{
		font-family: var(--ff-gilroy);
		font-size: clamp(16px, calc(12.91px + 0.77vw), 20px);
		color: #E5F3FF;
		line-height: clamp(24px, calc(21.33px + 0.83vw), 32px);
		font-weight: 300;
		margin: 0;
		width: 100%;
		max-width: 520px;
	}
	
	.oppdag-mer-z-center-box>.oppdag-mer{
		display: flex;
		align-items: center;
		gap: 25px;
		flex-direction: column;
	}
	
	/*20052025*/
	
	.gap-16{
		gap: 16px;
	}
	
	.set-margin-inherit>.common-button{
		margin: inherit !important;
	}
	
	.reduce-equal-spacer{
		grid-row-gap: 20px !important;
	}
	
	h2.nysg-title{
		font-family: var(--ff-gilroybold);
		/*font-size: clamp(1.625rem, 3vw, 3.25rem);*/
		font-size: clamp(24px, calc(2vw + 32px), 64px);
		margin-bottom: 10px;
		text-align: center;
		color: #FB7A60;
	}
	p.nysg-text{
		font-size: clamp(16px, 2vw, 24px);
		font-family: var(--ff-inter);
		text-align: center;
		color: #FFFFFF;
	}
	
.h-p-list-div-1 ul li, ul.r-list-ul li strong {
    font-size: clamp(16px, 3vw, 20px) !important;
}	
	
/*For 12 Title Start*/	
.reasons-banner {
display: flex;
align-items: center;
max-width: fit-content;
gap: 16px;	
}

.reasons-number{
	
}

.reasons-text{
	
}

.reasons-banner h2{
margin: 0;
font-weight: normal;
}

.reasons-banner .number {
color: #FA5B3D; /* red-orange */
/**font-size: clamp(84px, 9vw, 148px);*/
line-height: 1;
font-family: var(--ff-gilroybold);
font-size: 215px;
letter-spacing: -10px;	
}

.reasons-banner .text {
font-size: clamp(20px, calc(14px + 1.76vw), 36px);
line-height: clamp(32px, calc(22px + 2.08vw), 52px);	
font-family: var(--ff-inter);
color: #EBFAFF;
width: 100%;
max-width: 380px;
font-weight: 300;
}

.reasons-banner .text b{
	font-weight: 700;
}
/*For 12 Title End*/	


/*Line animation start*/

.line-circle {
transform-box: fill-box;
offset-anchor: 50% 50%;
offset-path: path('m22.5,52.76v172.24c0,11.05,8.95,20,20,20h1108c11.05,0,20,8.95,20,20v390.75c0,11.05-8.95,20-20,20H42.5c-11.05,0-20,8.95-20,20v400.25c0,11.05,8.95,20,20,20h1108c11.05,0,20,8.95,20,20v145'); 
offset-path: url('#line-base');
animation: move 5s forwards linear;
animation-timeline: scroll();
animation-range-start: 15% !important;
animation-range-end: 40% !important;
}

@keyframes move {
to {
offset-distance: 100%;
}
}

.line-running {
stroke-dasharray: 1;
stroke-dashoffset: 1;
animation: line-animation 5s linear forwards;
animation-timeline: scroll();
animation-range-start: 15% !important;
animation-range-end: 40% !important;
}
@keyframes line-animation {
from {
stroke-dashoffset: 1;
}
to {
stroke-dashoffset: 0;
}
}

svg.timelinesvg {
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
max-width: 1193px;	
}

.path {
stroke-dashoffset: 1000;
stroke-dasharray: 1000;
}

/*Line animation end*/

/*Subscriobe box style*/

.blog-mid-position-relative {
position: relative;

}

.z-set-alter-width{
		max-width: 718px !important;
	}	
	
.blog-mid-position-absolute {

width: 100%;
max-width: 647px;

background-color: #061629;
border-radius: 20px;
padding: 20px;
text-align: center;
position: absolute;
top: -120px;
}

.blog-subscribe-box {
padding: 20px;
}

.blog-subscribe-text{
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: center;
}
	
.blog-subscribe-text p b{
font-family: var(--ff-inter);
}	

.blog-subscribe-text p {
font-family: var(--ff-gilroy);
font-size: clamp(16px, calc(12.91px + 0.77vw), 20px);
color: #EBFAFF;
line-height: clamp(24px, calc(19.82px + 0.72vw), 28px);
font-weight: 300;
margin: 0;
width: 100%;
max-width: 500px;
}
/*Subscriobe box style*/

.equal-spacer {
display: flex;
flex-direction: column;
grid-row-gap: 70px;
}

/*Line animation section*/
.diagram-container {
width: 100%;
height: 100vh;
max-width: 100%;
overflow: hidden;
}

.lines {
position: absolute;
top: 0;
left: 0;
width: 100%; /* ensures full width across screen */
height: 100vh; /* ensures full height */
overflow: visible !important;
pointer-events: none;
z-index: 0;
}

/*@keyframes drawLine {
from {
stroke-dashoffset: 100%;
}
to {
stroke-dashoffset: 0;
}
}*/

@keyframes drawLine {
to {
stroke-dashoffset: 0;
}
}	

.lines line {
stroke: #FA5B3D;
stroke-width: 2;
stroke-dasharray: 5 5;
}

.diagram {
position: relative;
width: 100%;
height: 100%;
max-width: 1250px;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
}

.center {
position: absolute;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
text-align: center;
z-index: 1;
color: white;
width: clamp(120px, 14vw, 220px);
height: clamp(120px, 14vw, 220px);
font-size: clamp(0.8rem, 2vw, 1.6rem);
/*font-family: "Gilroy";*/
}

.center-left {
background-color: #fea998;
top: 50%;
left: 50%;
transform: translate(-90%, -50%);
}

.center-right {
background-color: #ff7461;
top: 50%;
left: 50%;
transform: translate(-15%, -50%);
}

.node {
position: absolute;
background-color: #0e4aa1;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
color: white;
padding: 8px;
z-index: 1;
width: clamp(70px, 10vw, 150px);
height: clamp(70px, 10vw, 150px);
font-size: clamp(0.7rem, 1.5vw, 1.3rem);	
transform: translate(-50%, -50%);
font-weight: 500;	
/*font-family: "Gilroy";*/

}


.n1 { top: 20%; left: 18%; }
.n2 { top: 40%; left: 18%; }
.n3 { top: 62%; left: 14%; }
.n4 { bottom: 14%; left: 30%; }
.n5 { bottom: 1%; left: 43%; }
.n6 { bottom: 1%; right: 31%; }
.n7 { bottom: 15%; right: 20%; }
.n8 { bottom: 23%; right: 2%; }
.n9 { top: 40%; right: 6%; }
.n10 { top: 20%; right: 6%; }
.n11 { top: 20%; right: 24%; }
.n12 { top: 8%; right: 38%; }
.n13 { top: 20%; left: 36%; }

/*Line animation section*/

/*Faq Style*/
	
.accordion-button:focus{
border-color: transparent !important;
box-shadow: none !important;
}	

.z-accordion-item	{
		border-radius: 12px !important;
	}

.accordion-item {
margin-bottom: 16px;
border: 0;
background-color: #0F2540;
color: #ffffff;
font-family: var(--ff-gilroy);
font-weight: 300;
font-size: clamp(16px, 3vw, 18px);
line-height: 20px;
border-radius: 6px;
overflow: hidden;
}


.accordion-button:not(.collapsed) {
color: #FA5B3D; 
border-bottom: 1px solid #FA5B3D !important;
background-color: transparent;
font-weight: 500;	
}

.accordion-body{
font-family: var(--ff-gilroy);
font-weight: 300;
font-size: clamp(16px, 3vw, 18px);
line-height: 28px;
}


.accordion-button {
background-color: transparent;
color: #fff;
box-shadow: none;
padding-left: 0px;
padding-right: 0px;
font-family: var(--ff-inter);
font-size: clamp(16px, 3vw, 18px);
font-weight: 300;	
}


	
.accordion-header{
padding-left: 1.25rem;
padding-right: 1.25rem;
}

.accordion-header h2, h2.text-center {
font-weight: 300;
font-size: 18px;
line-height: 20px;
font-family: var(--ff-inter);
border-radius: 15px;
}


.accordion-button::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FA5B3D'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
/*Faq Style*/  


.round-icon-1::after{
top: 55.5% !important;
}
.round-icon-2::after{
top: 49% !important;
}	
.round-icon-3::after{
top: 49% !important;
}

.round-icon-1::before, .round-icon-2::before, .round-icon-3::before, .round-icon-4::before{
outline: 3px solid #0B1C30 !important;
}	
	
.round-icon-4::after{
top: 41% !important;
}

.h-top-image-3 img{
width: 100%;
max-width: 60px !important;
}
.h-top-image-4 img{
width: 100%;
max-width: 50px !important;
}
.h-p-list-div-1, .h-p-list-div-3{
flex: 0 0 calc(41% - 20px);
}
	
/*30-04-2025*/
	.set-bg:hover{
		border: 1px solid #FA5B3D;
		background-color: #FA5B3D !important;
	}
	
	.set-bg{
		border: 1px solid #FFFFFF;
		background-color: transparent !important;
	}
/*30-04-2025*/
	


/*For Line animation responsive Start*/

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

.res-1366-width{
max-width: 1300px;
}



}

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

.res-1366-width{
max-width: 1300px;
}



}

@media only screen and (max-width: 1280px) and (min-width: 993px){



.timelinemaindiv{
max-width: 950px !important;
}

.h-timeline{
row-gap: 115px !important;
max-width: 910px !important;
}

.border-l-b{
top: 80px !important;
}	

.div-width-1, .div-width-2, .div-width-3, .div-width-4{
width: 100%;
max-width: 850px !important;
}

.round-icon-1::before{
left: -2% !important;
}	

.round-icon-1::after{
left: -0.6% !important;
top: 56% !important;
}



.round-icon-2::before{
right: -2% !important;
}

.round-icon-2::after{
right: -0.7% !important;
top: 50% !important;
}

.round-icon-3::before{
left: -2% !important;	
}

.round-icon-3::after{
left: -0.6% !important;
top: 49.5% !important;
}

.round-icon-4::before{
right: -2% !important;
}

.round-icon-4::after{
right: -0.7% !important;
top: 39.7% !important;
}	

.h-top-image-1{
max-width: 100px !important;
}

.h-top-image-2 img{
max-width: 100px !important;
}	

.h-top-image-3 img{
max-width: 50px !important;
}

.h-top-image-4 img{
max-width: 50px !important;
}



}

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

.reasons-banner .number{
bottom: -5px !important;
font-size: 170px;
}

.res-1366-width{
max-width: 960px;
}

.timelinemaindiv{
max-width: 950px !important;
}

.h-timeline{
row-gap: 105px !important;
max-width: 910px !important;
}

.border-l-b{
top: 80px !important;
}	

.div-width-1, .div-width-2, .div-width-3, .div-width-4{
width: 100%;
max-width: 830px !important;
}

.h-timeline-text-box{
padding-left: 30px !important;
padding-right: 30px !important;
}

.round-icon-1::before{
left: 0% !important;
}	

.round-icon-1::after{
left: 1.4% !important;
top: 56.7% !important;
}

.round-icon-2::before{
right: 0% !important;
}

.round-icon-2::after{
right: 1.3% !important;
top: 49% !important;
}

.round-icon-3::before{
left: 0% !important;	
}

.round-icon-3::after{
left: 1.4% !important;
top: 49.7% !important;
}

.round-icon-4::before{
right: 0% !important;
}

.round-icon-4::after{
right: 1.3% !important;
top: 40% !important;
}
}

@media only screen and (max-width: 992px) and (min-width: 769px){
.h-timeline {
row-gap: 50px !important;
max-width: 810px !important;
}
.h-timeline-text-box p {
margin-bottom: 1rem !important;
}
.reasons-banner .text{
line-height: clamp(24px, 10vw, 42px) !important;
maz-width: 270px;
}

.reasons-banner .number{
font-size: 160px;
bottom: -6px !important;
}

}

@media only screen and (max-width: 992px) and (min-width: 576px){

.reasons-banner .text{
line-height: clamp(38px, 4vw, 42px) !important;
}
.reasons-banner .text{
font-size: clamp(16px, 4vw, 24px) !important;
max-width: 270px;
}

.h-top-image-3{
width: 100%;
max-width: 40px;
}
.h-top-image-4{
width: 100%;
max-width: 30px;
}
}

@media only screen and (max-width: 768px) and (min-width: 576px) {
.h-timeline {
row-gap: 50px !important;
}

.reasons-banner .number{
font-size: 175px;
bottom: -6px !important;
}
.reasons-banner .text {
line-height: clamp(33px, 4vw, 42px) !important;
}
}

@media only screen and (max-width: 575px) and (min-width: 360px) {
.h-timeline {
row-gap: 50px !important;
}
.reasons-banner{
gap: 6px;
}
.reasons-banner .number{
font-size: 105px;
bottom: -6px !important;
letter-spacing: 0;
}
.reasons-banner .text{
line-height: clamp(28px, 2vw, 42px) !important;
max-width: 180px;
font-size: clamp(16px, 2vw, 24px) !important;
}


.res-flex-row-gap{
flex-direction: column;
gap: 15px;
align-items: center;
}
}
	

	
@media only screen and (max-width: 689px) and (min-width: 360px) {
	.res-flex-row-gap{
		flex-direction: column;
		gap: 20px;
		align-items: center;
	}
	.add-before-sapce-res{
		padding-top: 190px;
	}
	
	.remove-before-space-res{
		padding-top: 50px;
	}
	.reasons-banner .text{
		
	}
}