.r-footer{
		background-color: #0F2540 !important;
	}
	
	.round-icon-1::after{
		top: 55.5% !important;
	}
	.round-icon-2::after{
		top: 49.5% !important;
	}	
	.round-icon-3::after{
		top: 49.5% !important;
	}
	.round-icon-4::after{
		top: 40.5% !important;
	}
	
	.round-icon-5::after{
		top: 47.5% !important;
	}
	
	.h-top-image-3 img{
		width: 100%;
		max-width: 60px !important;
	}
	.h-top-image-4 img{
		width: 100%;
		max-width: 50px !important;
	}
	
	/*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.6% !important;
        top: 42% !important;
	}	
	
	.h-top-image-1 img{
		max-width: 100px !important;
	}
		
	.h-top-image-2 img{
		max-width: 100px !important;
	}
	
	.h-top-image-3 img{
		max-width: 40px !important;
	}
	
	.h-top-image-4 img{
		max-width: 40px !important;
	}
	
	
	
	}
	
	@media only screen and (max-width: 1024px){
		
		.res-1366-width{
			max-width: 960px;
		}
		
		.timelinemaindiv{
		max-width: 950px !important;
		}

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

		.border-l-b{
		top: 60px !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: 58% !important;
		}
		
		.round-icon-2::before{
		right: 0% !important;
		}

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

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

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

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

		.round-icon-4::after{
		right: 1.3% !important;
		top: 42.7% !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;
    }
	}


@media only screen and (max-width: 992px) and (min-width: 576px){
		.h-top-image-3{
			width: 100%;
			max-width: 40px;
			top: 10% !important;
		}
		.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;
    }
}
	
	@media only screen and (max-width: 575px) and (min-width: 360px) {
    .h-timeline {
        row-gap: 50px !important;
    }
}
	
	/*For Line animation responsive End*/
	
	/*home-timeline-start*/

.h-timeline-image{
	position: relative;
}

.h-timeline-image-1{
	position: absolute;
	top: 40%;
}

.h-contact-form-side-image{
	position: relative;
}

.h-contact-form-side-image-1{
	position: absolute;
	top: 40%;
	right: 0;
}


.home-timeline-div{
	
}
.home-timeline-div h2{
	color: #EBFAFF;
    font-family: "Inter", sans-serif;
    font-size: var(--home-h2-fs);
    line-height: var(--home-h2-lh);
    text-align: center;
    font-weight: 300;
    font-style: normal;
	margin: 0;
}

.t-l-t{
	color: #EBFAFF;
    font-size: var(--8-good-reason-fs);
    font-style: normal;
    font-weight: bold;
    font-family: "Inter", sans-serif;
	min-width: 260px;
	display: block;
	position: absolute;
}

.pos-1{
	left: 3rem;
}
.pos-2{
	right: 3rem;	
	text-align: right;
}
.pos-3{
	left: 3rem;
}
.pos-4{
	right: 3rem;
	text-align: right;
}
.pos-5{
	left: 3rem;
}
.pos-6{
	right: 3rem;
	text-align: right;
}
.pos-7{
	left: 3rem;
}
.pos-8{
	right: 3rem;
	text-align: right;
}

.home-2-timeline {
  padding: 50px;
}
.home-2-timeline ul {
  padding: 0;
}
.home-2-timeline .default-line {
  content: "";
  position: absolute;
  left: 50%;
  width: 2px;
  background: #173963;
  height: 700px;
}
.home-2-timeline .draw-line {
  width: 2px;
  height: 0;
  position: absolute;
  left: 50%;
  background: #FA5B3D;
}
.home-2-timeline ul li {
  list-style-type: none;
  position: relative;
  width: 2px;
  margin: 0 auto;
  height: 100px;
  background: transparent;
}
.home-2-timeline ul li.in-view {
  transition: 0.125s ease-in-out, background-color 0.2s ease-out, color 0.1s ease-out, border 0.1s ease-out;
}
.home-2-timeline ul li.in-view::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-48%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-image: url("/wp-content/themes/Zirius-2024/revamp/images/orange_circle.png");
  border: 2px solid #FA5B3D;
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.125s ease-in-out, background-color 0.2s ease-out, color 0.1s ease-out, border 0.1s ease-out;
}
.home-2-timeline ul li::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-48%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: inherit;
  background: #0F2540;
  border: 2px solid #173963;	
  transition: all 0.4s ease-in-out;
  background-image: url("/wp-content/themes/Zirius-2024/revamp/images/blue_circle.png");  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center;	
}

/*home-timeline-end*/