.head {padding-block: 30px;}
.head .wrapper {display: grid; grid-template-columns: repeat(2 , 1fr); gap: 50px;}
.head .title :first-child {font-size:32px; line-height: 48px; font-weight: 700; color: #000;}
.head .content ul {display: grid; grid-template-columns: repeat(2 ,1fr);}
.head .content ul li{position: relative; font-size: 16px; color: #000; margin-bottom: 30px; padding-left: 25px;}
.head .content ul li::before {position: absolute; top: 3px; left: 0; width: 15px; height: 15px; background: no-repeat center / cover url('https://www.kolaxoprint.pk/wp-content/themes/KolaxoPrint/assets_new/images/tick-1.png');
content: '';}


.service {margin-block: 30px;}
.service .wrapper {display: grid; grid-template-columns: repeat(2 , 1fr);}
.service .content {background-color: #f2f2f2; padding: 70px 15px 37px; }
.service .content > :first-child {font-size:32px; line-height: 48px; font-weight: 700; color: #000; margin-bottom: 16px;}
.service .content p {font-size: 16px; color: #757575; margin-bottom: 30px;} 
.service .content ul {display: grid; grid-template-columns: repeat(2 ,1fr); gap: 30px; }
.service .content li{position: relative; font-size: 16px; color: #000;  padding-left: 25px;}
.service .content ul li::before {position: absolute; top: 3px; left: 0; width: 15px; height: 15px; background: no-repeat center / cover url('https://www.kolaxoprint.pk/wp-content/themes/KolaxoPrint/assets_new/images/tick.svg');
content: '';}
.service .image img {height: 450px; object-fit: cover;}

@media only screen and (max-width: 1200px){
.service .content li{ font-size: 14px;  padding-left: 20px;}
}

@media only screen and (max-width: 991px){
.head .wrapper {gap: 30px;}
.head .title :first-child {font-size:28px; line-height: 36px;}
.service .wrapper { grid-template-columns: 1fr;}
.service .content { padding: 25px 15px 25px; }
.service .image img {height: 350px; width: 100%;}
.service .content > :first-child {font-size:28px; line-height: 36px; margin-bottom: 12px;}
.service .content p {font-size: 16px; color: #757575; margin-bottom: 20px;} 

}

@media only screen and (max-width: 767px){
.head .wrapper { grid-template-columns:  1fr; }
}
@media only screen and (max-width: 575px){
.head .wrapper {gap: 20px;}
.head .title :first-child {font-size:22px; line-height: 30px;}
.service .content > :first-child {font-size:22px; line-height: 30px; margin-bottom: 12px;}
.service .content p { margin-bottom: 12px;} 
}

@media only screen and (max-width: 475px){
.service .content ul {grid-template-columns: 1fr; gap: 16px; }
}

@media only screen and (max-width: 475px){
.head .content ul {grid-template-columns:1fr;} 
.head .content ul li{ margin-bottom: 12px;}
}