body {
	line-height: 1.5;

	font-weight: 400;
	overflow-x: hidden;
	
}


@font-face {
	font-family: Helvetica Bold;
	src: url(../fonts/HelveticaNeueBold.otf);
}

@font-face {
	font-family: Helvetica Medium;
	src: url(../fonts/HelveticaNeueMedium.otf);
}
@font-face {
	font-family: Helvetica Light;
	src: url(../fonts/HelveticaNeueLight.otf);
}
@font-face {
	font-family: Roboto SemiBold;
	src: url(../fonts/Roboto-SemiBold.ttf);
}
@font-face {
	font-family: Roboto Medium;
	src: url(../fonts/Roboto-Medium.ttf);
}
.mt-100 {
	margin-top: 100px;
}

h1,
h2,
h4,
h5 {
	font-family: Helvetica Bold;

}

p {
	font-family: Helvetica Light;
	font-size: 17px;
}
li{
	text-decoration: none !important;
}
a{
	text-decoration: none !important;
}
* {
	margin: 0;
	box-sizing: border-box;
}
button{
	font-family: Helvetica Light;
}
:before,
:after {
	box-sizing: border-box;
}

/* .container{
	max-width: 1200px;
	margin:auto;
} */

.v-center {
	align-items: center;
}

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

a {
	text-decoration: none;
}




.contact-btn {
	background-color: #ffffff;
	
	color: #000000;
	border: solid 1px #ffffff87;
	font-size: 15px;
	padding: 6px 12px;
}

/* header */

.header .item-left {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
}

.header .item-center {
	flex: 1;
	display: flex;
	justify-content: flex-end;
}

.header {
	display: block;
	width: 100%;
	position: fixed;
	z-index: 99;
	padding: 15px;
	background-color: #00000014;
	backdrop-filter: blur(15px);
	    border-bottom: solid 1px #ffffff4a;
}
.menu-main{
	display: flex;
	align-items: center;
	justify-content: end;
	    padding-top: 10px;
}
.menu-sub ul li a {
	color: #000 !important;
}

.header .logo a {
	font-size: 30px;
	color: #000000;
	font-weight: 700;
	text-decoration: none;
}

.header .item-right {

	display: flex;
	justify-content: flex-end;
}

.header .item-right a {
	text-decoration: none;
	font-size: 25px;
	color: #ffffff;
	display: inline-block;
	margin-left: 10px;
	transition: color 0.3s ease;
	font-family: Helvetica Light;
}

.header .menu>ul>li {
	display: inline-block;
	margin-left: 20px;
}

.header .menu>ul>li>a {
	font-size: 15px;
	font-weight: 500;
	color: #ffffff;
	position: relative;
	text-transform: capitalize;
	transition: color 0.3s ease;
	text-align: center;
font-family: Helvetica Light;
}

.header .menu>ul>li .sub-menu {
	position: absolute;
	z-index: 500;
	background-color: #ffffff;
	box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);
	padding: 20px 30px;
	transition: all 0.5s ease;
	margin-top: 25px;
	opacity: 0;
	visibility: hidden;
}

@media(min-width: 992px) {
	.header .menu>ul>li.menu-item-has-children:hover .sub-menu {
		margin-top: 0;
		visibility: visible;
		opacity: 1;
	}
}

.header .menu>ul>li .sub-menu>ul>li {
	line-height: 1;
}

.header .menu>ul>li .sub-menu>ul>li>a {
	display: inline-block;
	padding: 10px 0;
	font-size: 15px;
	color: #555555;
	transition: color 0.3s ease;
	text-decoration: none;
	text-transform: capitalize;
}

.header .menu>ul>li .single-column-menu {
	min-width: 280px;
	max-width: 350px;
}

.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li {
	line-height: 1;
	display: block;
}

.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
	padding: 10px 0;
	display: inline-block;
	font-size: 15px;
	color: #555555;
	transition: color 0.3s ease;
}

.header .menu>ul>li .sub-menu.mega-menu {
	left: inherit;
	transform: translateX(-50%);
}

.header .menu>ul>li .sub-menu.mega-menu-column-4 {
	max-width: 200px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 20px 15px;
}

.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {

	padding: 0 15px;
}

.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title {
	font-size: 16px;
	color: #000;
	font-weight: 500;
	line-height: 1;
	padding: 10px 0;
}

.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {
	text-align: center;
}

.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {
	max-width: 100%;
	width: 100%;
	vertical-align: middle;
	margin-top: 10px;
	height: 300px;
	object-fit: cover;
}

.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a:hover,
.header .menu>ul>li .sub-menu>ul>li>a:hover,
.header .item-right a:hover,
.header .menu>ul>li:hover>a {
	color: #1E2E46;
}

/* banner section */
.banner-section {
	background-image: url('../img/banner.jpg');
	background-size: cover;
	background-position: center;
	height: 700px;
	width: 100%;
	display: block;
}

.mobile-menu-head,
.mobile-menu-trigger {
	display: none;
}

/*responsive*/
@media(max-width: 991px) {
	.header {
		padding: 0px;
		background-color: #212529;
		padding-top: 5px;
		padding-bottom: 10px;
	}

	.header .item-center {
		order: 3;
		flex: 0 0 100%;
	}

	.header .item-left,
	.header .item-right {
		flex: 1 0 auto;
		justify-content: space-around;
	}

	.v-center {
		justify-content: space-between;
	}

	.header .mobile-menu-trigger {
		display: flex;
		height: 30px;
		width: 30px;
		margin-left: 15px;
		cursor: pointer;
		align-items: center;
		justify-content: center;
	}

	.header .mobile-menu-trigger span {
		display: block;
		height: 2px;
		background-color: #ffffff;
		width: 24px;
		position: relative;
	}

	.header .mobile-menu-trigger span:before,
	.header .mobile-menu-trigger span:after {
		content: '';
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #ffffff;
	}

	.header .mobile-menu-trigger span:before {
		top: -6px;
	}

	.header .mobile-menu-trigger span:after {
		top: 6px;
	}

	.header .item-right {
		align-items: center;
	}

	.header .menu {
		position: fixed;
		width: 320px;
		background-color: #ffffff;
		left: 0;
		top: 0;
		height: 100vh;
		overflow: hidden;
		transform: translate(-100%);
		transition: all 0.5s ease;
		z-index: 1099;
	}

	.header .menu.active {
		transform: translate(0%);
	}

	.header .menu>ul>li {
		line-height: 1;
		margin: 0;
		display: block;
	}

	.header .menu>ul>li>a {
		line-height: 30px;
	
		/* padding: 0 50px 0 15px; */
		display: block;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.header .menu>ul>li>a i {
		position: absolute;
		height: 50px;
		width: 50px;
		top: 0;
		right: 0;
		text-align: center;
		line-height: 50px;
		/* transform: rotate(-90deg); */
	}

	.header .menu .mobile-menu-head {
		display: flex;
		height: 50px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 501;
		position: sticky;
		background-color: #ffffff;
		top: 0;
	}

	.header .menu .mobile-menu-head .go-back {
		height: 50px;
		width: 50px;
		border-right: 1px solid rgba(0, 0, 0, 0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color: #000000;
		font-size: 16px;
		display: none;
	}

	.header .menu .mobile-menu-head.active .go-back {
		display: block;
	}

	.header .menu .mobile-menu-head .current-menu-title {
		font-size: 15px;
		font-weight: 500;
		color: #000000;
	}

	.header .menu .mobile-menu-head .mobile-menu-close {
		height: 50px;
		width: 50px;
		border-left: 1px solid rgba(0, 0, 0, 0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color: #000000;
		font-size: 25px;
	}

	.header .menu .menu-main {
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.header .menu>ul>li .sub-menu.mega-menu,
	.header .menu>ul>li .sub-menu {
		visibility: visible;
		opacity: 1;
		position: absolute;
		box-shadow: none;
		margin: 0;
		padding: 15px;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding-top: 65px;
		max-width: none;
		min-width: auto;
		display: none;
		transform: translateX(0%);
		overflow-y: auto;
	}

	.header .menu>ul>li .sub-menu.active {
		display: block;
	}

	@keyframes slideLeft {
		0% {
			opacity: 0;
			transform: translateX(100%);
		}

		100% {
			opacity: 1;
			transform: translateX(0%);
		}
	}

	@keyframes slideRight {
		0% {
			opacity: 1;
			transform: translateX(0%);
		}

		100% {
			opacity: 0;
			transform: translateX(100%);
		}
	}

	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {
		margin-top: 0;
	}

	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {
		margin-bottom: 20px;
	}

	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center:last-child .title {
		margin-bottom: 0px;
	}

	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
		flex: 0 0 100%;
		padding: 0px;
	}

	.header .menu>ul>li .sub-menu>ul>li>a,
	.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
		display: block;
	}

	.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul {
		margin-bottom: 15px;
	}

	.menu-overlay {
		position: fixed;
		/* background-color: rgba(0, 0, 0, 0.5); */
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1098;
		visibility: hidden;
		opacity: 0;
		transition: all 0.5s ease;
	}

	.menu-overlay.active {
		/* visibility: visible; */
		opacity: 1;
	}
	.menu-main{
		display: block;
	}
	.user-ic{
		color: #000;
	}
	.bg-zoom{
		animation: none !important;
	}
}

.menu-items-left {
	flex: 0 0 75%;
	display: flex;
	justify-content: end;
}

@media(max-width: 576px) {}

.list-item a {
	display: block !important;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #000;
	font-family: Helvetica Light;
	text-decoration: none;
}

.list-item a:hover {
	text-decoration: none;
}
.phone-id{
	color: #fff;
}


.explore-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 36px;
  background: #1E2E46; /* Dark Navy */
  color: #ffffff;
  font-size: 17px;

  text-decoration: none;
  overflow: hidden;
  transition: background 0.3s ease;
  font-family: Helvetica Light;
  border: solid 1px gray;
}

/* Top Right Corner Shape */
.explore-btn .corner {
  position: absolute;
top: 3px;
    right: 3px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
  transition: all 0.3s ease;
}
.explore-btn:hover {
	background-color: #fff;
	color: #1E2E46	;
	border: solid 1px gray;
}



/* ✅ Hover Animation */








/************************** Hero Section Start ********************/

/* .hero-min {
	background-image: url(../img/hero-Photoroom.png);
	height: 750px;
	background-position: right;
	width: 100%;
	background-repeat: no-repeat;

} */

/* .hero-img-item{
	position: relative;
}
.hero-img-item:before {
     
        content: "";
        background: linear-gradient(180deg, rgba(19, 19, 19, 0) 0%, rgb(19 19 19 / 48%) 100%);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;

    } */

.carousel-caption {
    position: absolute;
    right: 15%;
        bottom: 8.25rem !important;
    left: 10% !important;  
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: left !important;
}
.carousel{
	overflow: hidden;
}
.hero-img{
	padding-top:40px;
}

.hero-caption h1{
			font-family: Helvetica Bold;
		font-size: 60px;
		
		    letter-spacing: 0px;
		
}
.hero-caption-area{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 400px;
	text-align: center;
}
.hero-caption p{
				font-family: Helvetica Light;
		font-size: 16px;
}
.hero-caption-area {
    position: absolute;
    top: 20%;

    z-index: 1;
    left: 0;
    right: 0;
    /* width: 60%; */
}



.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
	width: 9px !important;
	height: 9px !important;
	border-radius: 10px !important;
	border: none !important;
}
.carousel-indicators .active{

	width: 9px !important;
	height: 9px !important;
	background-color: #1E2E46 !important;
}



.hero-caption {
	font-family: SpaceGrotesk Regular;
	color: #fff;
	font-size: 60px;

	/* position: absolute; */
}


/* #myVideo {
	right: 0;
	position: absolute;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
  } */


.img-fluid {
	max-width: 100% !important;
	height: auto;
}

.shapes {
	position: relative;
}

.shape1 {
	position: absolute;
	right: 0;
	z-index: -1;
}

.shape2 {
	position: absolute;
	left: 0;
	z-index: -1;
}

.holder {
	position: relative;
}


.object {


	animation-name: animation1;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}

@keyframes animation1 {
	0% {
		right: 0;
		top: 0;
	}

	50% {
		right: 0px;
		top: 100px;
	}

	75% {
		right: 0px;
		top: 50px;
	}

	100% {
		right: 0;
		top: 0;
	}
}

.object2 {


	animation-name: animation2;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}

@keyframes animation2 {
	0% {
		left: 0;
		top: 0;
	}

	50% {
		left: 0px;
		top: 80px;
	}

	75% {
		left: 0px;
		top: 40px;
	}

	100% {
		left: 0;
		top: 20px;
	}
}
















.hero-features-area {
    position: absolute;
    z-index: 1;
    bottom: 0;
	    left: 0;
    right: 0;
	border-top: solid #ffffff5c 1px;
}
.features-item h5{
	color: #fff;
	padding-left: 6px;
}
.features-item img{
	padding-left: 6px;
}
.features-item p{
	color: #fff;
	font-family: Roboto Light;
	font-size: 16px;
	padding-left: 6px;
}
.features-item h5{
		font-family: Roboto Medium;
		letter-spacing: 0;
}
.features-data{
	
}
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 1% !important;

}
.features-item {
    border-left: 1px #ffffff5c solid;
        padding-top: 20px;
	
}

/********************* About Section ***********************/


.features-card{
	display: flex;
	background-color: #c5cbc75b;
	border-radius: 10px;
	padding: 20px 0;
}
.features-icon i{
	background: #fff;
	padding: 8px 10px;
}
.features-quote{
	padding-left: 20px;
	padding-right: 8px;
}
.features-area{
	width: 75%;
	margin-right: auto;
	margin-left: auto;
}
.about-quote h2{
	color: #2F2F2F;
	font-size: 42px;
}
.sub-point h4{
	font-size: 17px;
	color: #5A77B7;
	font-family: Helvetica Medium;
}
.about-quote p{
	font-size: 18px;
}


.prime-btn{
	background-color: #212121;
	color: #fff;
	position: relative;
	border: none;
	box-shadow: none;
	    padding: 10px 45px 15px 20px;
}
.prime-btn::after{
position: absolute;
    content: '';
    background-color: #ffffff9c;
    width: 1px;
    height: 20px;
    /* left: 0; */
    right: 30px;
}


button{

	border: none;
}

.pc-btn {
  display: inline-flex;
  align-items: center;
  
  gap: 20px;
  background: #333;            /* Dark background */
  color: #fff;
  padding: 7px 18px;
  text-decoration: none;
  font-size: 16px;
  transition: 0.3s ease;
 font-family: Roboto Regular !important;
}

.pc-btn .divider {
  width: 1px;
  height: 24px;
  background: #fff;
}

.pc-btn .arrow {
  font-size: 26px;
  
}

.pc-btn:hover {
  background: #000;          
  padding-left: 32px;         
}



.pc-btn-light {
  display: inline-flex;
  align-items: center;
  
  gap: 20px;
  background: #ffffff;            
  color: #2F2F2F;
  padding: 7px 18px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  transition: 0.3s ease;
 
 letter-spacing: 0;
}

.pc-btn-light .divider {
  width: 1px;
  height: 24px;
  background: #2F2F2F;
}

.pc-btn-light .arrow {
  font-size: 26px;
  font-weight: 300;
}

.pc-btn-light:hover {
  opacity: 0.8;         
  padding-left: 32px;        
}




.main-title h2{
	color: #2F2F2F;
	font-size: 42px;
}
.main-title p{
	width: 35%;
}










.timeline ul li:last-child {
	position: relative;
	top: 80px;
}

.timeline {
	padding: 50px;
}

.timeline ul {
	padding: 0;
	margin: 0;
}

.timeline .default-line {
	content: '';
	position: absolute;
	left: 50%;
	width: 2px;
	background: #7c7c7c81;
	height: 510px;
	top: 72px;
}

.timeline .draw-line {
	width: 2px;
	height: 0;
	position: absolute;
	left: 50%;
	background: linear-gradient(159deg,rgba(217, 217, 217, 1) 0%, rgba(15, 48, 121, 1) 53%);
}

.timeline ul li {
	list-style-type: none;
	position: relative;
	width: 2px;
	margin: 0 auto;
	height: 150px;
	background: transparent;
}

.timeline ul li::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 0px;
	height: 0px;
	border-radius: 0;
	background: #2f00ff;
	backdrop-filter: blur(8.5px);


	transition: all 0.4s ease-in-out;
}

.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;
}

.timeline ul li.in-view::before {
	content: '';
	position: absolute;
	left: 52%;
	top: 0;
	transform: translateX(-50%);
	width: 30px;
	height: 30px;
	border-radius: 0%;
	background-image: url('https://sg0duxoli5-flywheel.netdna-ssl.com/wp-content/themes/inspired_elearning_theme/images/check-dark.svg');
	background-color: #0F3079;
	backdrop-filter: blur(8.5px);
	box-shadow: #ffffff2b 2px 2px 18px 4px;
	background-size: 20px 20px;
	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;
	animation: zoomIn 0.3s ease-out forwards;
}

/* Add keyframes for zoom animation */
@keyframes zoomIn {
	0% {
		transform: translateX(-50%) scale(0.5);
		opacity: 0.5;
	}

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


.left-container {
	/* right: 30%; */
}


.timeline-count {
	background: linear-gradient(257deg, rgb(255, 255, 255) -53.53%, #3E2DC9 111.57%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 800;
	font-size: 45px;
	font-family: SpaceGrotesk Regular;
	padding-right: 0;
}

.timeline-count {
	position: absolute;
	left: -70px;
}

.timeline {
	position: relative;
	max-width: 100%;

}

.containr {
	padding: 10px 0px;
	position: relative;
	width: 100%;
	animation: movedown 1s linear forwards;
	opacity: 0;
}

@keyframes movedown {
	0% {
		opacity: 1;
		transform: translate(-30px);
	}

	100% {
		opacity: 1;
		transform: translate(0px);
	}
}

.text-box {

	position: relative;
	font-size: 15px;
}

.right-container {
	/* right: 50%; */
	margin-top: 20px;
	background-color: #F0F2F1;
	padding: 16px;
	border-radius: 9px;
}
.howit-work-item h5{
	margin-top: 15px;
}
.howit-work-item p{
	color: #ffffff61;
	margin-top: 20px;
	font-size: 14px;
}

.text-box p {
	font-size: 17px;
	color: #000000d1;
}


@keyframes moveline {
	0% {
		height: 0;
	}

	100% {
		height: 100%;
	}
}

.project-working .caption{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	
}
.timeline ul li.in-view::before{
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  color: #5c78b8;
      padding: 3px 8px;
}
.check-item{
	position: relative;
}
/********************* Free Quote Section ***********************/


.free-quote{
	background-color: #1E2E46;
	padding-top:60px;
	padding-bottom:60px;
	position: relative;
}

.free-quote h2{
	color: #fff;
	padding-top: 30px;
}
.free-quote p{
	color: #fff;
}
.free-quote-data p{
	width: 80%;
}



.contacts-data {

	display: flex;

	flex-direction: column;

	justify-content: center;



	height: 100%;

}



.contact-form-field {

	background: #F0F2F1 !important;

	border-bottom: 2px #5a78b79f solid !important;

	padding: 10px;
    border:none;
	color: #000 !important;


	width: 100%;

	font-size: 15px;

}
.required-fm{
    color:#D40801;
}


input[type]:focus {



	border-bottom: 2px solid #1E2E46 !important;



	outline: 0px !important;





}


.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none !important;
    	border-bottom: 2px solid #D40801 !important;
}


 select.custom-select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:100%;
    padding:14px 46px 14px 14px; /* room for arrow */
    border:1px solid var(--border);
    border-radius:2px;
    font-size:16px;
    color:var(--muted);
    background:white;
    box-shadow:none;
    outline:none;
    transition:box-shadow .15s ease, border-color .15s ease;
    cursor:pointer;
  }
  
  
  
  .select-wrap::after{
    content: "";
    position:absolute;
    top:50%;
    right:14px;
    transform:translateY(-50%);
    width:22px;
    height:22px;
    pointer-events:none;
    background-image:
      radial-gradient(circle at 35% 40%, rgba(0,0,0,0.15) 0 10%, transparent 11%),
      linear-gradient(135deg, transparent 45%, #333 45%, #333 55%, transparent 55%);
    background-repeat:no-repeat;
    background-size:100% 100%;
    opacity:0.55;
  }

  /* when select is open (FF uses :focus) */
  select.custom-select:focus{
    border-color:#cfcfcf;
    box-shadow:0 6px 18px rgba(0,0,0,0.04);
  } 
  
  
 .select-wrap{
    width: 100%;   
 } 
  
  

textarea:focus {



	border-bottom: 2px solid #1E2E46 !important;



	outline: 0px !important;





}


.form-select{
    
    	border: 1px #00000075 solid !important;
    	border-radius: 0px !important;
    	    color: #898989 !important;
}

.contact-form-field-area label {


	padding-top: 20px;

	font-size: 18px;



}



.contact-form-field-area {

	border: solid #8080807a 1px;


	padding: 20px;

	background-color: #fff;

	padding-bottom: 50px;
	border-radius: 9px;
}
.stracture-img {
    position: absolute;
    bottom: 0;
}



.contact-item {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 25px 0;
}
.icon0 {
    width: 48px;
    height: 48px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon0 i {
    font-size: 20px;
    color: #c5a47d; /* gold shade similar to UI */
}

.contact-item p {
    margin: 0;
    line-height: 1.5;
    max-width: 500px;
    color:#fff;
}




.project-card {
  position: relative;
  width: 100%;
  max-width: 420px;
  height: 360px;
  overflow: hidden;
  border-radius: 9px;
  cursor: pointer;
}

/* Image Zoom Effect */
.project-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

/* Bottom Expanding Panel */
.project-overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 65px;
  background: rgba(0, 0, 0, 0.512);
  color: #fff;
 padding: 0px 20px 0px;
  transition: height 0.45s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.project-overlay span{
	/*padding-left: 10px;*/
}
/* Title */
.project-overlay h3 {
  font-size: 20px;
      padding-top: 30px;
	  font-family: Helvetica Medium;
}

/* Hidden Text */
.project-overlay p {
  font-size: 14px;
  opacity: 0;
  margin-top: 6px;
  transform: translateY(10px);
  transition: all 0.4s ease;
}

/* ✅ HOVER EFFECTS */
.project-card:hover img {
  transform: scale(1.12);
}

.project-card:hover .project-overlay {
  height: 105px;
}

.project-card:hover .project-overlay p {
  opacity: 1;
  transform: translateY(0);
}



.products{
	
	padding-bottom: 80px;
	padding-top: 120px;
}

.product-item {

}
.product-item img{
	
	transition: transform 0.6s ease;
	overflow: hidden;
}

.product-item {
  overflow: hidden;             
         
}
.product-item:hover img{
	transform: scale(1.15);
}
.product-title h5{
	font-family: Roboto Regular;
}

/* .zoom-item  img {
  width: 100%;
  transition: all .3s ease-in-out;
}

.zoom-item:hover   {
  transform: scale(1.2);
} */



/* .inner-img {
  transition: 0.3s;
}

.inner-img:hover {
  transform: scale(1.1);
} */




/********************* About Section ***********************/

.sale-title{
	display: flex;
	flex-direction: column;
	align-items: left;
	justify-content: center;
	height: 100%;
	padding-bottom: 50px;
	position: relative;
}
.sale-title h2{
	color: #fff;
	font-size: 60px;
		font-family: Roboto Bold;

}
.sale-title h3{
	color: #fff;
	font-size: 40px;
}
.spn-sale{
	color: #D40801;
	letter-spacing: -1px;
}
.sale-title p{
	color: #fff;
	width: 75%;
	font-size: 17px;
}


.bg-zoom {
  background-size: 100%;
  background-position: center;
  animation: bgZoom 12s ease-in-out infinite;
}

@keyframes bgZoom {
  0%   { background-size: 100%; }
  50%  { background-size: 110%; }
  100% { background-size: 100%; }
}










/********************* Footer Section ***********************/

footer{
	position: relative;
	  background-color: #F4FAFF;
	      padding-bottom: 30px;
}
.ft-shape img{
	    position: absolute;
    right: 0;
    height: 400px;
    z-index: 0;
    top: 35px;
}
/* footer::after{
	content: '';
    background-color: #000;
    filter: blur(26px);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
} */

footer p{
	color: #fff;
	font-size: 14px;
}
.quick-links ul{
	padding-left: 0 !important;
}
.foot-adress ul{
	padding-left: 0 !important;
}
.foot-adress li{
		color: #3B3B3B;
	font-family: Helvetica Light;
	font-size: 14px;
	padding-left: 10px;
}

.foot-adress h5{
	padding-left: 10px;
}

.quick-links li{
	color: #3B3B3B;
	font-family: Helvetica Light;
	font-size: 14px;
	padding-top: 10px;
}
.footer-grid{
	border-top: solid 1px #ffffff4b;
}
footer .quick-links h6{
	color: #fff;

	font-size: 13px;
	margin-top: 10px;
}
.form-area{
	position: relative;
}
.arrow-right{
    position: absolute;
    color: #fff;
    right: 12px;
    bottom: 12px;

}
.quick-links span{
		color: #fff;
		font-size: 18px;
}

footer h5{
	color: #9D9D9D;
	font-size: 16px;
		font-family: Helvetica Medium;
}
.input-item{
	background: transparent;
	border: solid 1px #fff;
	color: #fff;
	padding-left: 10px;
	width: 100%;
	padding: 7px;
}


.copyright p{
	color: #ffffff78;
	font-size: 12px;
}


.footer-bottom h5{
	font-size: 14px;
}


.copyright{
	border-bottom: solid 1px #5A77B7;
	border-top: solid 1px #5A77B7;
	padding-top: 20px;
	padding-bottom: 10px;
}

.social-icons span{
	color: #000;
}
.social-icons i{
	margin-left: 20px;
	border: solid 1px #5A77B7;
	padding: 6px;
	color: #858585;
}
.copyright p{
	color: #000;
}
/************* About Page */


.inner-caption  h1{
			font-family: Roboto Medium;
		font-size: 60px;
		color: #fff;
		    letter-spacing: 0px;
			text-transform: uppercase;
}

.inner-caption  p{
			font-family: Roboto Regular;
		font-size: 16px;
		color: #fff;
}

.inner-caption-area {
    position: absolute;
    top: 20%;

    z-index: 1;
    left: 0;
    right: 0;
    /* width: 60%; */
}


@media screen and (max-width: 600px) {
	.timeline {
		margin: 50px auto;
	}

	.timeline::after {
		left: 31px;
	}

	.containr {
		width: 100%;
	}

	.right-container {
		left: 0;
	}

	.left-container img {
		left: 0px;
	}

	.right-container img {
		left: 3px;
	}
}




/************************** Service Page  **************************/


ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #eee;
}
ul.breadcrumb li {
  display: inline;
  font-size: 16px;
      color: #5A77B7;
}
ul.breadcrumb li+li:before {
  padding: 8px;
      color: #5A77B7;
  content: "/\00a0";
}
ul.breadcrumb li a {
 color: black;
  text-decoration: none;
}
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}

.inner-title-area{
    display: flex;
    flex-direction: column;
    height: 500px;
    align-items: self-start;
    justify-content: center;
}
.inner-title-area h2{
    color: #fff;
}

.why-choose{
       background-color: #f3ebeb;
       padding-bottom: 80px;
       padding-top:60px;
}
.why-choose-title{
    display: flex;
    flex-direction: column;
    align-items: center;
        width: 55%;
    margin-right: auto;
    margin-left:auto;
    text-align:center;
}
.why-choose-item{
    display: flex;
       background-color: #fff;
    padding: 20px;
        box-shadow: 0 40px 30px rgb(0 0 0 / 0%), 0 24px 60px rgb(0 0 0 / 10%);
        border-radius: 8px;
}
.why-choose-features-area{
    width: 60%;
    margin-right: auto;
    margin-left:auto;
 
}
.why-choose-item p{
    padding-left: 20px;
    margin-bottom:0;
}





.main .container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
  justify-content: center;
  align-items: center;
}
.main .card {
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
  color: #333333;
  border-radius: 2px;
}
.main .card-image {
  background: #ffffff;
  display: block;
  padding-top: 70%;
  position: relative;
  width: 100%;
}
.main .card-image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 600px) {
  .main .container {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1rem;
  }
}

/************************** other Mediaquey  **************************/

@media(max-width: 576px) {
.stracture-img{
	display: none;
}
.title-area{
	display: block;
}

	.d-none-mob {
		display: none !important;
	}

	.project-name h4 {
		font-size: 14px;
	}

	.project-name span {
		font-size: 11px;
	}

	.testimonial-item p {
		font-size: 16px;
	}

	.testimonial-item span {
		font-size: 12px;
	}

	.header .menu>ul>li>a {
		color: #777777;
		text-align: left;
	}

	.team h2 {
		width: 100%;
	}

	.contact-info {
		width: 100% !important;
	}

	.about-caption h5 {
		font-size: 26px;
	}

	.about-caption {
		width: 100%;
	}

	.faq-content {
		width: 100%;

	}

	.lets-connect-area {
		width: 100%;

	}

	.set {
		display: block !important;
		width: 100%;
	}

	.join {
		display: block !important;
	}

	.quick-contact .area {
		margin-left: 0px !important;
	}
	.curve-bg{
		display: none !important;
	}
	.integrations-grid .caption{
		width: 100%;
	}
	.integrations-grid .caption h2 {
    font-size: 34px;
	
}
.hero-min {

    height: 350px;
}
.anim-text{
	font-size: 54px;
	line-height: 66px;
	margin-bottom: 15px;
}
.set img{
	display: flex;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}
.curve-shape{
	width: 100%;
}
.disposal h2 {
    font-size: 40px;
}

.projects .caption h2 {
    font-size: 40px;
}
.webflow-feature .caption h2 {
    font-size: 40px;
}
.webflow-services .caption h2 {
    font-size: 40px;
}
.challenges .challenges-grid h2 {
    font-size: 40px;
}
}
@media (min-width: 1200px) {

	/* .container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1400px !important;
	} */
	.d-none-desk{
		display: none !important;
	}
}