.ip21-hero{display: flex;flex-wrap: wrap;}
.ip21-hero .ip21-hero-img{width: 30%;}
.ip21-hero .ip21-hero-desc{width: 70%;}

.ip21-hero .ip21-hero-img img{width: 90%; margin:0 5%; }
.ip21-hero .ip21-hero-desc p{width: 100%; padding: 10px 2.5%; color: navy; letter-spacing: 0.5px;}
.cta{font-size: 20px; padding: 26px 5px; background: #000080B0; color: #fff; width:95%; 
	text-align: center; margin: 25px 2.5% 0; border-radius: 5px; letter-spacing: 1.5px;}

@media(max-width: 800px)
{
	.ip21-hero .ip21-hero-img{width: 100%;}
	.ip21-hero .ip21-hero-desc{width: 100%; padding-top: 30px;}
}
@media(min-width: 575px) and (max-width: 800px)
{
	.ip21-hero .ip21-hero-img img{width: 60%; margin:0 20%; }
}

.ip21-sec-2{background-color: whitesmoke}
.ip21-sec-2 p{padding: 10px 20px 20px;}
.ip21-sec-2 p span{color: #7E3C2B; font-size: 120%; font-weight: bold; line-height: 16px;}


.service-list .item-box{width:95%;box-shadow:2px 2px 4px #a0a0a0; margin:0 auto 30px; padding: 20px 10px;
display: block; color: #303030; background-color: #dae8dd;}

.service-list .img-box{width: 100%;height: auto;}
.service-list .img-box img{width: 60%; display: block; margin: 30px auto; aspect-ratio: 1/1}

.service-list .desc{width: 100%; height: 100%; text-align: center;}
.service-list .desc h3{color: #7E3C2B; margin: 20px 0; font-weight: bold;}
.service-list .desc p{font-size: 16px; letter-spacing: 0.5px; margin: 5px 20px 25px;color: #555;}

.service-list .item-box:hover{box-shadow:2px 2px 6px #172B4D, -2px -2px 6px #172B4D;}
.service-list .item-box:hover h3{color: #005D3A;}
.service-list .item-box:hover p{color: #333;}