
.home-banner{height: calc(100vh - 75px); width: 100%; padding: 0 10px; 
	background:url(../img/index-hero1.webp);
	background-size: cover;background-repeat: no-repeat;background-position: center;}

.center-text-box{position: relative;top: 50%; left: 50%; transform: translate(-50%, -50%); 
	text-align: center;padding: 0 20px; width: fit-content;}
.center-text-box h1{font-size: 40px;margin-bottom: 40px; color: #ffffff;background: #172B4D60;
	text-shadow: 1px #000;padding: 0 6px;}
.center-text-box h1 span{font-size: 20px; }

.home-banner .button{background: #005D3A90; color: #fff; border: 1px solid #7E3C2B; font-size: 20px;letter-spacing: 1px;
	padding: 12px 18px; border-radius: 15px; text-decoration: none;transition: 1s}

.home-banner .button:hover{background: #7E3C2B90;}

@media(min-width:991px ) and (max-width: 768px)
{
	.center-text-box h1{font-size: 30px;}
	.center-text-box h1 span{font-size: 19px;}
	.home-banner .button{font-size: 18px}
}

@media (max-width: 767px){
	.center-text-box h1{font-size: 26px;}
	.center-text-box h1 span{font-size: 18px;}
	.home-banner .button{font-size: 17px}
}

.home-about{background: whitesmoke;}

.home-about p{padding: 20px; line-height: 30px;font-size: 18px;color: #444;}
.home-about p span, .home-about a{color: #7E3C2B;font-weight: bold;}

.home-card-img{width: 100%; text-align: center;}
.home-card-img img{width: 100%;height: auto; aspect-ratio: 788/505}

@media(min-width: 768px) and (max-width: 991px)
{
.home-about p{padding: 15px 5px; line-height: 22px;font-size: 15px}
}

@media(max-width: 767px)
{
	.home-about p{padding: 20px 5px; line-height: 24px;font-size: 17px}
}

.home-services{background: linear-gradient(#172B4Dc0, #172B4DC0), url(../img/bg/background-banner.webp) center center;
background-repeat: no-repeat;background-size: cover; background-attachment: fixed;}
.home-services h2,h3{color: #fff}
.home-services p{color: #fff;margin-bottom: 20px;}

.service{margin: 12px 0;}
.service a{text-decoration: none;}
.service h3{line-height: 30px; margin-left: 25px; }
.service h3:before{background-image: url('../img/svg/check-all-green.svg');
    background-size: 25px 25px; background-repeat: no-repeat;background-position: center;
     display: inline-block;  width: 22px;  height: 22px; content:""; background-color: #ffffffd0;
	position:relative;top:3px; left: -5px; box-shadow:1px 2px 3px 3px #fff; margin-right: 10px  }

.bg-smoke-white{background-color: whitesmoke;}

.services-details p{font-size: 18px; line-height: 2; letter-spacing: 1px;}
.services-details h2{font-size: 28px; margin-bottom: 30px; color: #7E3C2Bc0;}
.services-details .service-img{width: 100%; height: auto;}
.services-details .service-img img{width: 95%; height: auto; margin: 0 2.5%;aspect-ratio: 700/450}
.services-details .service-text{width: 100%;}
.col-lg-7{grid-column: span 7; padding: 0 20px}
.col-lg-5{grid-column: span 5; padding: 0 20px}

@media(min-width: 901px) and (max-width: 1200px)
{
	.services-details .service-img img{width: 100%; margin: 0}
	.services-details p{font-size: 16px; line-height: 1.2; letter-spacing: 0.3px;}
}

@media(min-width:576px) and (max-width: 900px){
	.col-lg-7{grid-column: span 12; padding: 0 40px}
	.col-lg-5{grid-column: span 12; padding: 0 40px}
	.services-details h3{font-size: 25px;}
}
@media(max-width: 575px){
	.col-lg-7{grid-column: span 12; padding: 0 10px}
	.col-lg-5{grid-column: span 12; padding: 0 10px}
	.services-details p{font-size: 16px;}
	.services-details h3{font-size: 20px;}
}

.ord-1{order: 1}
.ord-2{order: 2}
@media(max-width: 899px){
	.ord-1{order: 2}
	.ord-2{order: 1}
	.services-details p{margin-top: 30px;}
}


.gmb-list{background: whitesmoke;}
.gmb-list a{text-decoration: none;}
.gmb-list h2{font-size: 36px;color: #656565;}
.gmb-list p{text-align: center;}
@media(min-width: 992px) and (max-width: 1199px){
	.gmb-list h2{font-size: 32px}
}

@media(min-width: 768px) and (max-width: 991px)
{
	.gmb-list h2{font-size: 30px}
}

@media (min-width: 576px) and (max-width: 767px)
{
	.gmb-list h2{font-size: 24}
}

@media(max-width: 575px)
{
	.gmb-list h2{font-size: 20px}
}