@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;600;700&display=swap');

body {
	font-family: 'Rubik', sans-serif !important;
	color:#444;
	line-height: 2.2rem !important;
}

body, .dropdown-item {
	font-size: 1.05rem;
}

h5 {
	line-height: 2.2rem;
}

h6 {
 line-height: 2.3rem;
}

.fw-600 {
	font-weight: 600;
}
.fw-700 {
	font-weight: 700;
}

.rounded-50 {
	border-radius: 50%;
}
.rounded-alt {
	border-radius: 1rem !important;
}
.rounded-alt-2 {
	border-radius: 2rem !important;
}
.rounded-start-alt {
	border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
}
.rounded-end-alt {
	border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
}

.bg-light-alt {
	background-color: #F1F1F2;
}

.bg-our-customer,
.bg-about-us,
.bg-service,
.bg-our-value {
	background-attachment: fixed !important;
}
.bg-our-customer {
	background: url('../images/1Asset 2@4x 2 (1).png') no-repeat center center / 100% auto;
}
.bg-about-us {
	background: url('../images/image 10.png') no-repeat top center / 100% auto;
}
.bg-service {
	background: url('../images/1Asset 1@4x 2.png') no-repeat top center / 100% auto;
}
.bg-about-us:before,
.bg-service:before {
	content: '';
    background: rgba(000, 000, 000, 0.5);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	z-index:0;
}
.bg-our-value {
	background: url('../images/image 11.png') no-repeat center center / 100% auto;
}
.bg-our-value:before {
	content: '';
    background: rgba(77, 78, 80,.7);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	z-index:0;
}

.service-item {
	overflow:hidden;
	height: 275px;
}
.service-item .caption {
	margin-top: -90px;
    background: rgba(219, 121, 6, 0.7);
	line-height: 1.5rem;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;	
}
.service-item .caption ._title {
	height: 48px;
}
.service-item:hover .caption {
	margin-top: -275px;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;	
}

.carousel-caption {
	bottom: 0 !important;
}

@media (max-width: 411.98px) {
	._title-width {
		width:100%;
	}
	._title-carousel {
		font-size: .9rem;
	}
	.service-item:hover .caption {
		margin-top: -83%;	
	}
}

@media  (min-width: 412px) and (max-width: 575.98px) {
	._title-width {
		width:100%;
	}
	._title-carousel {
		font-size: .9rem;
	}
	.service-item:hover .caption {
		margin-top: -75%;	
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	._title-width {
		width:100%;
	}
	._title-carousel {
		font-size: 1.2rem;
	}
	
	.bg-our-value {
		background: url('../images/image 11.png') no-repeat center center / 100% auto !important;
	}
	
	.service-item:hover .caption {
		margin-top: -95%;	
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	._title-width {
		width:100%;
	}
	._title-carousel {
		font-size: 1.5rem;
	}
	
	.service-item:hover .caption {
		margin-top: -80%;	
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	._title-width {
		width:100%;
	}
	
	.service-item:hover .caption {
		margin-top: -100%;	
	}
	.service-item .caption h6,
	.service-item .caption .div {
	}
}

@media (min-width: 1200px) {
	._title-width {
		width:50%;
	}
}

@media (max-width: 1279.98px) {
	.bg-our-value {
		background: url('../images/image 11.png') no-repeat center center / auto 100%;
	}
}