.services_info{text-align: center;margin-top: 95px;}
.services_info h2{font-size: 40px;line-height: 100%;color: var(--bodyColor);margin-bottom: 14px;}
.services_info h2 span{}
.services_info p{text-align: center !important;font-size: 18px;}

.service_boxes{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;row-gap: 81px;column-gap: 20px;margin: 90px auto;}
.service_boxes::before{content: "";position: absolute;}
.service_boxes section{min-height: 330px;display: flex;width: 47%;position: relative;}
.service_boxes section .box_content a {position: absolute; inset:0;}
.service_boxes section figure{width: 60%;}
.service_boxes section figure img{object-fit: cover;width: 100%;height: 100%;max-width: 397px;}
.service_boxes section .box_content{position: absolute;top: 58px;right: 0;}
.service_boxes section .box_content p:hover {background: var(--fourthColor);color: #808080;}
.service_boxes section h2{line-height: 100%;text-align: center;font-size: 20px;color: #fff;background: var(--priColor);display: inline-block;padding: 18px 30px;position: relative;z-index: 1;transform: translateX(-11%);max-width: 261px;display: flex;justify-content: center;align-items: center;}
.service_boxes section p{font-size: 18px;color: #808080;max-width: 323px;width: 100%;border: 1px solid #b2b2b2;background: #fff;box-shadow: 10px 10px 20px rgba(0,0,0, 0.16);padding: 62px 25px 44px;transform: translateY(-15%);margin: 0 0 0 auto;transition: background 300ms linear, color 300ms linear;}
.service_boxes section:nth-child(even) .box_content{}
.service_boxes section:last-child{}

.btm_qr figure{text-align: center;}
.btm_qr figure img{max-width: 500px; width: 100%;border: 3px solid var(--secColor);   border-radius: 14px;}

/* utility classes */
.figure-center{ overflow: hidden;}
.figure-center img{ margin-left: 50%; transform:translateX(-50%);}

.btm_qr{display: flex; justify-content: center;}
.btm_qr a{width: 339px;   height: 70px;   border: 2px solid var(--fourthColor);   color: #fff;border-radius: 15px;   padding: 5px;   font-size: 19px;}
.btm_qr a:hover{ text-decoration: none;}

/* Media Queries */
@media only screen and (max-width:1200px) {
  .service_boxes section figure { width: 50%; }
}

@media only screen and (max-width:1090px) {
  .service_boxes section p { width: 86%; padding: 62px 10px 44px; margin-left: auto;} 
  .service_boxes section .box_content { right: 0; width: 60%;} 
  .service_boxes section h2 {transform: none;margin: 0;right: 20px;padding: 18px 20px;}
  .service_boxes section {justify-content: space-between;}
  .service_boxes section p {min-height: 231px;}
}

@media only screen and (max-width:1000px) {

  .service_boxes section .box_content { position: static; transform: none; width: 100%;} 
  .service_boxes section { flex-direction: column; align-items: center; max-width: 331px;} 
  .service_boxes section figure { width: 100%; } 
  .service_boxes section p { width: 100%; margin: 0;padding: 32px 10px 44px;min-height: 180px;max-width: 100%;transform: none;text-align: center;} 
  .service_boxes section h2 {   position: static;transform: none;width: 100%;max-width: 100%;} 
  .service_boxes { justify-content: center; row-gap: 30px; } 

  .main_content::before { display: none; }
  .services_info { margin-top: 60px; } 
  .service_boxes { margin-top: 60px; } 
}

@media only screen and (max-width:1000px) {
  .service_boxes section p {min-height: 205px;}
}

@media only screen and (max-width:600px) {
  .service_boxes section { width: 100%; } 
  .service_boxes section .box_content { transform: none;  } 
  .service_boxes section h2 {  min-height: 0 !important;} 
  .service_boxes section p { transform: none; min-height: unset;} 
  .service_boxes section p { padding: 40px 10px; } 
}