main {
  margin-top: 0;
}
.section__header {
  background-color: #fff !important;
}
.section__main {
  background-color: #fff !important;
}
/* ===============   SERVICE MAIN INFO   ================ */
.section__service__page {
}

.container__service__page {
}
.block__service__page {
  flex-direction: column;
}
.block__service__page > :first-child {
  margin-bottom: var(--short-padding);
}
.box__service__main__info {
  display: flex;
  flex-direction: column;
  gap: var(--mid-padding);
  padding-bottom: var(--huge-padding);
  background-color: #fff;
  position: relative;
}
.box__img__service {
  position: relative;
}
.img__service {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  max-height: 360px;
}

.box__content__service {
  display: flex;
  flex-direction: column;
  gap: var(--mid-padding);
}
.box__service__main__info .btn__book {
  width: 100%;
}
/* ===============   SERVICE DETAILS  ================ */
.section__service__detail {
  background-color: var(--color-light-green);
  padding: var(--huge-padding) 0;
}
.container__service__detail {
}

.block__service__detail {
  flex-direction: column;
  gap: 0;
}

.block__service__detail > p {
  margin-top: .25rem;
}
.block__service__detail h4 {
  font-size: 1.5rem;
}

.box__content__detail * {
  color: var(--color-dark-gray);
  line-height: 1.5;
}

.box__content__detail :first-child:not(h2,h3,h4){
  margin-top: 1.125rem;
}
.box__content__detail h1{
  line-height: 1.1;
  margin-bottom: 0.5em;
}
.box__content__detail h2{
  line-height: 1.2;
  margin-top: 1.25em;
  margin-bottom: 0.5em;
  font-size: 1.5rem;
  font-family: "Philosopher", sans-serif;
  font-weight: bold;
}
.box__content__detail h2 *{
  line-height: 1.2;
  font-family: "Philosopher", sans-serif;
  font-weight: bold;
  font-size: 1.5rem;
}
.box__content__detail h3{
  line-height: 1.3;
  font-size: 1.375rem;
  margin-top: 1em;
  margin-bottom: 0.4em;
  font-family: "Philosopher", sans-serif;
  font-weight: bold;
}
.box__content__detail h3 * {
  font-family: "Philosopher", sans-serif;
  line-height: 1.3;
  font-weight: bold;
  font-size: 1.375rem;
}
.box__content__detail p {
  line-height: 1.5;
  letter-spacing: 0.1px;
  margin-bottom: 0.5em;
}
.box__content__detail p * {
  line-height: 1.5;
}

.box__content__detail p:empty, .box__content__detail p:has(br){
  line-height: 1;
  margin-bottom: 0;
}
.box__content__detail ul{
  list-style-type: decimal !important;
  padding-left: 1.5rem;
  list-style-position: outside;
  color: black !important;
  margin-bottom: 1.125rem;
}
.box__content__detail ol{
  list-style-type: disc !important;
  padding-left: 1.5rem;
  list-style-position: outside;
  color: black !important;
  margin-bottom: 1.125rem;
}

.box__make__order{
  display:flex;
  gap: var(--main-padding);
  flex-direction: column;
  flex-wrap: nowrap;
}
.text__price__info{
  font-size: var(--h3) !important;
  font-family: "Philosopher";
  line-height: 1.3;
  letter-spacing: 0px;
  color: #141414;
}
.box__price{
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
  /*align-items: center;*/
}
.box__additional__info{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
/* ===============   UNITS LIST  ================ */

.section__service__unit {
  padding: var(--main-padding) 0;
  background-color: var(--color-light-green);
}
.container__service__unit {
}
.block__service__unit {
  flex-direction: column;
  gap: var(--main-padding);
}

.card__unit {
  display: flex;
  flex-direction: column;
  min-height: 100px;
  background-color: white;
  padding: var(--def--padding);
  box-sizing: border-box;
  gap: var(--main-padding);
}

.card__unit:nth-child(2n) {
  background-color: var(--color-pre-light-green);
}

.box__desc__unit {
  display: flex;
  flex-direction: column;
  gap: var(--short-padding-x2);
}

.box__price__unit {
  display: flex;
  gap: var(--main-padding);
}
.box__price__unit > * {
  font-size: 1.625rem;
}
.box__price__unit > .old__price {
  color: var(--color-red);
  text-decoration: line-through;
}



/* ===============   SERVICE LIST  ================ */
.box__nav__btn {
  display: none;
}
.same__title {
  margin-top: var(--mid-padding);
}
.btn__move__left{
  cursor: pointer;
}
.btn__move__right{
  cursor: pointer;
}


.block__scroll {
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
  transition: all 0.5s linear;
}
.card__blog {
    scroll-snap-align: start;
}

.container__blog {
  gap: var(--mid-padding);
}
.block__pagination {
  display: flex;
  gap: 10px;
}
.item__pagination {
  height: 0.5rem;
  width: 0.5rem;
  background-color: #fff;
  border-radius: 500px;
}
.item__pagination.active {
  background-color: var(--color-green);
}
.btn__space{
  align-items: center;
}


/* ===============   MODULE LIST  ================ */

.section__module{
  display: none !important;
  overflow-y: scroll !important;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0;
  z-index: 9999;
  justify-content: center;
  align-items: center;
  
}
.section__module.active{
  display: flex !important;
  overflow-y: hidden !important;
}

.section__module__block{
  /*min-height: 250px;*/
  height: auto;
  width: 90%;
  max-width: 500px;
  background-color: var(--color-white);
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: var(--huge-padding) var(--mid-padding);
  gap: var(--mid-padding);
  box-shadow: rgba(0, 0, 0, 0.35) 0px 7px 18px;

}

.block__img__box{
  height: auto;
  width: 100%;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.block__text__box{

}
.img_box{
  height: 60px;
  aspect-ratio: 1;
}
.module__block__btn{
  display: flex;
  height: auto;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: var(--mid-padding);
}
.module__block__btn_continue{
  background-color: var(--color-yellow);
  min-height: 45px;
  padding: var(--mid-padding);
  padding-top: calc(var(--mid-padding) - 4px);
}
.module__block__btn_cart{
  background-color: var(--color-third-green);
  min-height: 45px;
  padding: var(--mid-padding);
  padding-top: calc(var(--mid-padding) - 4px);
}
.module__block__btn_continue:hover{
  background-color: var(--color-yellow-hover);
}
.module__block__btn_cart:hover{
  background-color: var(--color-green);
}

/* ===============   SERVICE NOT ALLOWED  ================ */

.box__not-allowed{
  height: 100%;
  background: rgba(0,0,0,0.5);
  width: 100%;
  position: absolute; 
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-height: 360px;
  border-radius: 30px;
}
.box__desc_not-allowed{
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  /* ===============   SERVICE LIST  ================ */

  .slider__space {
    display: none;
  }
    
  .block__title__blog {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  .box__nav__btn {
    display: flex;
    gap: var(--mid-padding);
  }
  .box__nav__btn ul {
    display: flex;
    gap: var(--mid-padding);
  }
  .card__blog {
    flex: 0 0 calc(((100vw + var(--mid-padding)*2) - var(--big-padding)*5) /2 ) ;
    max-width: calc(((1280px + var(--mid-padding)*2) - var(--big-padding)*5 - 8px) /2 ) ;
  }
  .block__scroll {
    overflow-x: visible;
    transition: all 1.3s ease;
  }
    .card__blog:last-child {
        display: flex;
    }

  /* ===============   UNITS LIST  ================ */

  
  .block__service__unit {
    flex-direction: column;
    gap: var(--main-padding);
  }

  .card__unit {
    flex-direction: row;
    min-height: 100px;
    padding: var(--def--padding);
    gap: var(--mid-padding);
    transition: all 0.2s ease-in;
    box-shadow: rgba(149, 157, 165, 0.0) 0px 8px 24px;  }

  .box__desc__unit {
    display: flex;
    flex-direction: column;
    gap: var(--short-padding);
    flex: 0 0 60%;
  }

  .box__price__unit {
    flex-direction: column;
    gap: var(--short-padding);
    flex: 4;
    justify-content: center;
  }

  .btn__space.space__card {
    width: auto;
    display: flex;
    align-items: center;
    flex: 6;
  }
  .box__price__unit > * {
    font-size: 1.625rem;
  }
  .box__price__unit > .old__price {
    color: var(--color-red);
    text-decoration: line-through;
  }
}
@media (min-width: 1024px) {
  /* ===============   SERVICE MAIN INFO   ================ */
  .section__service__page {
  }

  .container__service__page {
  }
  .block__service__page {
    flex-direction: column;
  }
  .box__service__main__info {
    display: flex;
    flex-direction: column;
    gap: var(--mid-padding);
    padding-bottom: var(--huge-padding);
    background-color: #fff;
    /*  */
    flex-direction: row;
    align-items: center;
  }

  .box__img__service {
    /*  */
    order: 1;
    flex: 4;
    max-width: 574px;
  }
  .img__service {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
  }

  .box__content__service {
    display: flex;
    flex-direction: column;
    gap: var(--mid-padding);
    /*  */
    flex: 5;
    max-width: 574px;
  }
  .box__service__main__info .btn__book {
    /*  */
    width: auto;
    min-width: 195px;
  }
  .box__service__main__info .btn__space {
    /*  */
    justify-content: start;
  }

  .box__make__order{
    display:flex;
    flex-direction: row;
    gap: var(--huge-padding);
    flex-wrap: nowrap;
  }
  .text__price__info{
    font-size: var(--h3) !important;
    font-family: "Philosopher";
    line-height: 1.6;
    letter-spacing: 0px;
    color: #141414;
  }
  .box__price{
    display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0;
  }

  /* ===============   UNITS LIST ================ */

  .box__desc__unit {
    flex: 0 0 68%;
  }

  .box__price__unit {
    flex: 5;
  }
  /* ===============   SERVICE LIST  ================ */
  .section__service__detail {
    background-color: var(--color-light-green);
    padding: var(--huge-padding) 0;
  }
  .container__service__detail {
  }
  .block__service__detail {
    flex-direction: column;
    gap: 0;
    /*  */
  }
  .block__service__detail h4 {
    font-size: 1.5rem;
  }
  .card__blog {
    flex: 0 0 calc(((100vw + var(--mid-padding)) - var(--big-padding)*5 - 8px) /3 );
    max-width: calc(((1280px + var(--mid-padding)*2) - var(--big-padding)*5 - 8px) /3 );
  }
  
  .block__scroll {
    overflow-x: visible;
    transition: all 1.3s ease;
  }
  
  
    .card__blog:last-child {
        display: flex;
      
    }
}
@media (hover: hover) {

  .card__unit:hover {
    background-color: var(--color-pre-light-green);
    transition: all 0.150s ease-in;
    box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;

  }
  .counter__slider__btn:hover{
    opacity: 0.9;
    border-color: #395e27;
    scale: 1.05;
    transition: all 0.150s ease-in;
  }
}