.line-running {
	animation-range-start: 3% !important;
	animation-range-end: 25% !important;
	}
	
	.r-footer{
		background-color: #0B1C30 !important;
	}
	
	.round-icon-1::after{
		top: 55.5% !important;
	}
	.round-icon-2::after{
		top: 48% !important;
	}	
	.round-icon-3::after{
		top: 47.2% !important;
	}
	.round-icon-4::after{
		top: 40.5% !important;
	}
	
	/*29-04-2025*/
	
	.box-layout-wo-bg:hover{
		background-color: #0B1C30 !important;
    	border: 1px solid #0E4AA2 !important;
	}
	
	.box-layout-wo-bg{
    	border: 1px solid #FA5B3D !important;
	}
	
	.reasons-banner {
	display: flex;
	align-items: center;
	max-width: fit-content;
	gap: 16px;	
	}
	
	.reasons-banner h2{
		margin: 0;
		font-weight: normal;
	}

	.reasons-banner .number {
	color: #FA5B3D; /* red-orange */
	/**font-size: clamp(2rem, 10vw, 168px);*/
	line-height: 1;
	font-family: var(--ff-gilroybold);
	margin: 0;
	font-weight: normal;
	font-size: 215px;
	}

	.reasons-banner .text {
	font-size: clamp(24px, 10vw, 36px);
	font-family: var(--ff-inter);
	line-height: clamp(24px, 10vw, 52px);
	color: #EBFAFF;	
	}

	
	.r-i-content:hover{
		background-color: #0F2540 !important;
	}
	
	.swiper.mod--reviews{
		width: 100%;
		max-width: 100% !important;
		display: flex;
    justify-content: center;
    align-items: center;
	}
	.zirius-text-6 p{
		text-align: center;
	}
	.author.mod--reviews{
		justify-content: center;
	}
	.author__text-wrap{
		align-items: center !important;
	}
	.swiper-button-lock{
		display: none;
	}
	
	.line-circle {
	transform-box: fill-box;
	offset-anchor: 50% 50%;
	offset-path: path('m22.5,30.76v145.24c0,11.05,8.95,20,20,20h1108c11.05,0,20,8.95,20,20v360.75c0,11.05-8.95,20-20,20H42.5c-11.05,0-20,8.95-20,20v385.25c0,11.05,8.95,20,20,20h1108c11.05,0,20,8.95,20,20v175'); 
	offset-path: url('#line-base');
	animation: move 5s forwards linear;
	animation-timeline: scroll();
	animation-range-start: 2%;
	animation-range-end: 35%;
	}

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

	/*0% {
	offset-distance: 0%;
	}
	70% {
	offset-distance: 100%;
	}	*/
	}

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

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

	.path {
	stroke-dashoffset: 1000;
	stroke-dasharray: 1000;
	}
	
	ul.orage-triangle-list li:before{
		top: 5px !important;
	}
	
	.three-box-layout{
		justify-content: center !important;
	}
	
	.box-layout-wo-bg{
		flex: 0 0 calc(50% - 20px) !important;
	}
	.box-layout-wo-bg h3{
		font-weight: 300;
	}
	
	.box-layout-wo-bg h3 span.bold{
		font-weight: 500;
	}
	
	/*Subscriobe box style*/

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

.blog-mid-position-absolute {
    position: absolute;
    width: 100%;
    max-width: 550px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #061629;
    border-radius: 20px;
    padding: 20px;
    text-align: center;
}

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

.blog-subscribe-text{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	justify-content: center;
}

.blog-subscribe-text h3 {
    font-family: var(--ff-gilroy);
    color: var(--text-color-theme);
    font-size: var(--contact-form-title-fz);
    text-align: center;
    font-weight: bold;
    line-height: var(--contact-form-title-lh);
	margin-bottom: 0;
}
	
	.blog-subscribe-text p.z-orange-head{
		color: #FB7A60 !important;
		font-size: clamp(1.625rem, 3vw, 3.25rem);
		font-weight: bold;
		margin-bottom: 0;
		line-height: 100%;
	}
	
	.blog-subscribe-text p.z-orange{
		font-size: clamp(16px, 3vw, 22px); !important;
		font-family: var(--ff-inter);
	}

.blog-subscribe-text p {
    font-family: var(--ff-gilroy);
    font-size: clamp(0.875rem, 0.7885rem + 0.3846vw, 1.25rem);
    color: #EBFAFF;
    line-height: 28px;
    font-weight: 300;
    margin: 0;
	width: 100%;
	max-width: 450px;
}

	.blog-subscribe-text p b{
		font-family: var(--ff-inter) !important;
	}


/*Subscriobe box style*/
	
	/*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: #0b1c30;
color: #ffffff;
font-family: var(--ff-gilroy);
font-weight: 300;
font-size: clamp(16px, 3vw, 18px);	
line-height: 20px;
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: clamp(16px, 3vw, 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*/ 
	
	ul.orage-triangle-list li{
		font-size: clamp(16px, 3vw, 20px); !important; 
	}
	
	
	/*29-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: 60px !important;
	}
	
	.h-top-image-4 img{
		max-width: 50px !important;
	}
	
	
	
	}
	
	@media only screen and (max-width: 1024px){
		
		.reasons-banner .number{
			bottom: -5px !important;
		}
		
		.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;
		}
		
	.reasons-banner .number{
	font-size: 195px;
	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;
		}
		
		.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{
			height: 55px;
		}*/
		.reasons-banner{
			gap: 6px;
		}
		.reasons-banner .number{
			font-size: 105px;
			bottom: -6px !important;
		}
	.reasons-banner .text{
			line-height: clamp(28px, 2vw, 42px) !important;
		}
		.reasons-banner .text{
			font-size: clamp(16px, 2vw, 24px) !important;
		}	
}
	
	/*For Line animation responsive End*/
	
	/*.h-top-image-3 img{
		width: 100%;
		max-width: 60px !important;
	}
	.h-top-image-4 img{
		width: 100%;
		max-width: 50px !important;
	}*/