.services {
 padding: 60px 0;
 background: #EFF5FB;
}
.services::before {
    content: none
}

.services__tabs {
 display: flex;
 align-items: center;
 gap: 10px;
 margin-bottom: 30px;
}

.services__tab {
 padding: 9px 14px;
 border-radius: 9px;
 background: #FFF;
 color: rgba(52, 62, 74, 0.8);
 font-size: 14px;
 font-weight: 600;
 line-height: 143%;
 transition: all .3s;
}

.services__tab--active {
 color: #fff !important;
 background: #0B54A0;
}

.services__tab:hover {
 color: #0B54A0;
}


.services__list {
 display: grid;
 grid-template-columns: 1fr;
 gap: 38px;
 align-items: flex-start;
}

.services__card {
 display: flex;
 align-items: center;
 border-radius: 20px;
 background: #FFF;
 box-shadow: 0 11px 18px 0 rgba(8, 37, 67, 0.06);
 overflow: hidden;
}

.services__card-image {
 line-height: 0;
 flex: 1 1 100%;
 max-width: 360px;
 min-width: 360px;
 border-radius: 20px;
 overflow: hidden;
 height: -webkit-fill-available;
}

.services__card-image img {
 height: 100%;
 width: 100%;
 object-fit: cover;
}

.services__card-content {
 padding: 30px;
 flex: 1 1 100%;
 max-width: 654px;
 min-width: 654px;
 height: 100%;
}

.services__card-title {
 color: #343E4A;
 margin-bottom: 7px;
}

.services__card-description {
 color: #92969A;
 font-size: 14px;
 font-weight: 400;
 line-height: 143%;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 5;
 overflow: hidden;
}

.services__card-tags {
 margin-top: 20px;
 display: flex;
 align-items: center;
 gap: 6px;
 flex-wrap: wrap;
}

.services__card-tag {
 display: flex;
 padding: 7px 10px;
 border-radius: 10px;
 background: #E7EDF3;
 align-items: center;
 gap: 6px;
 font-size: 14px;
 font-weight: 500;
 line-height: 143%;
}

.services__card-tag-icon {
 line-height: 0;
}

.services__card-tag-icon svg {
 width: 19px;
 height: 19px;
}

.services__card-price {
 padding: 20px;
 border-radius: 18px;
 background: #F3F4F5;
 max-width: 426px;
 width: 100%;
 margin-left: auto;
 margin-right: 30px;
}

.services__card-price-label {
 color: #343E4A;
 font-size: 14px;
 font-weight: 500;
 line-height: 143%;
 margin-bottom: 2px;
}

.services__card-price-value {
 color: #20247A;
 font-size: 19px;
 font-weight: 700;
 line-height: 147%;
}

.services__card-details {
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 5px;
 margin-top: 10px;
 width: 100%;
 padding: 13px 20px;
 border-radius: 10px;
 border: 2px solid #BACFE3;
 transition: all .3s;
}

.services__card-details-icon {
 line-height: 0;
}

.services__card-details-text {
 color: #20247A;
 font-size: 15px;
 font-weight: 600;
 line-height: 140%;
}

.services__card-details:hover {
 background: #BACFE3;
}

.services__card-order {
 margin-top: 10px;
 padding: 18px 23px;
 width: 100%;
 font-weight: 600;
}

.services__card-details-text--mob {
 display: none;
}

.services__card-order--mob {
 display: none;
}

.popup-service .popup-inner {
 padding: 0;
 max-width: 521px;
}

.popup__top {
 padding: 30px 30px 15px 30px;
 border-bottom: 1px solid #F3F4F5;
}


.popup__service {
 margin-top: 15px;
 display: flex;
 gap: 15px;
 align-items: center;
}

.popup__image {
 line-height: 0;
}

.popup__image img {
 border-radius: 10px;
 background: #FFF;
 width: 112px;
 height: 106px;
 object-fit: cover;
}

.popup__service-title {
 color: #343E4A;
 margin-bottom: 4px;
 color: #343E4A;
 font-size: 18px;
 font-weight: 700;
 line-height: 26px;
}

.popup__service-price {
 color: #20247A;
 font-size: 17px;
 font-weight: 700;
 line-height: 141%;
}

.popup__form {
 padding: 20px 30px;
 display: flex;
 flex-direction: column;
 gap: 15px;
}

.popup-fg {
 margin-bottom: 5px;
}

.popup-service-submit {
 padding: 18px 23px;
}

.benefits {
    padding-top: 194px;
}

@media (max-width: 1550px) {
 .services__card-content {
  max-width: 454px;
  min-width: 454px;
 }

 .services__card-image {
  max-width: 260px;
  min-width: 260px;
 }
}


@media (max-width: 1024px) {
 .services {
  padding: 30px 0;
 }

 .services__list {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items: stretch;
 }

 .services__card {
  flex-direction: column;
  border-radius: 16px;
 }

 .services__card-image {
  max-width: 100%;
  min-width: 100%;
  max-height: 270px;
  border-radius: 16px;
 }

 .services__card-image img {
  height: 270px;
 }

 .services__card-content {
  max-width: 100%;
  min-width: 100%;
  padding: 16px;
  flex: 0;
 }

 .services__card-title {
  margin-bottom: 6px;
 }

 .services__card-description {
  font-size: 13px;
  line-height: 135%;
  -webkit-line-clamp: 2;
 }

 .services__card-tags {
  margin-top: 6px;
  gap: 4px;
 }

 .services__card-tag {
  padding: 5px;
  gap: 4px;
  font-size: 12px;
 }

 .services__card-tag-icon svg {
  width: 17px;
  height: 17px;
 }

 .services__tabs {
  margin-bottom: 20px;
  gap: 4px;
 }

 .services__card-price {
  padding: 12px;
  border-radius: 10px;
  width: -webkit-fill-available;
  margin-right: 0;
  margin: 16px;
  margin-top: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 8px;
  margin-top: auto;
 }

 .services__card-price-label {
  font-size: 13px;
  margin-bottom: 0;
 }

 .services__card-price-value {
  font-size: 17px;
  text-align: right;
 }

 .services__card-details {
  margin-top: 0;
  padding: 9px 20px;
 }

 .services__card-details-text--desc {
  display: none;
 }

 .services__card-details-text--mob {
  display: block;

 }

 .services__card-order--desc {
  display: none;
 }

 .services__card-order--mob {
  display: block;
 }

 .services__card-order {
  margin-top: 0;
  padding: 12px 23px;
  font-size: 13px;
 }

 .services__card-details-text {
  font-size: 13px;
 }

 .services__tab {
  padding: 4px 9px;
  font-size: 13px;
  border-radius: 6px;
 }
}

@media (max-width: 991px) {
    .benefits {
    padding-top: 77px;
}
}

@media (max-width: 768px) {
 .services__list {
  grid-template-columns: 1fr;
  gap: 15px;
 }

 .services__card-image img {
  height: 250px;
 }

 .services__card-image {
  max-height: 250px;
  border-radius: 0;
 }

 .services__card-content {
  padding: 12px;
  padding-bottom: 0;
 }

 .services__card-tags {
  margin-top: 16px;
 }

 .services__card-price {
  margin: 12px;
 }

 .services__card {
  border-radius: 10px;
 }

 .services__card-image {
  border-radius: 10px 10px 0 0;
 }
}

@media (max-width: 580px) {
 .popup__top {
  padding: 14px 14px 10px 14px;
  border-bottom: none;
 }

 .popup__form {
  padding: 0 14px 14px 14px;
  gap: 10px;
 }

 .popup-fg {
  margin-bottom: 0;
 }

 .benefits {
    padding-top: 44px;
}
}


.m-page {
    padding-top: 182px;
}
@media (max-width: 1260px) {
    .m-page {
        padding-top: 120px;
    }
}
@media (max-width: 767px) {
    .m-page {
        padding-top: 93px;
    }
}