/*----- Banner Section -----*/
.banner-section{
  width: auto;
  height: auto;
}
.wp-block-cover.alignfull.banner-section{
  margin-left: calc( -100vw / 2 + 100% / 2 ) !important;
    margin-right: calc( -100vw / 2 + 100% / 2 ) !important;
}
.banner-section .wp-block-buttons, .service-section .wp-block-buttons{
  display: block;
}
.banner-section .wp-block-button__link {
  border: 0 !important;
  padding: 0 !important;
  color: #000 !important;
  font-family: playball;
  text-transform: capitalize;
  font-size: 22px !important;
  font-weight: bold;
  letter-spacing: 2px;
  text-decoration: none;
}
.banner-section .wp-block-button__link:hover, .service-section .service-box .wp-block-button__link:hover{
  background: transparent !important;
}
.banner-section .banner-content{
  background-color: rgb(190 162 109 / 70%);
  padding: 25px;
}

/*----- Services Section -----*/
.service-section{
  gap: 2em;
}
.service-section .service-box{
  border: 4px solid #cca4b1;
  border-radius: 5px;
}
.service-box img{
  margin-top: -3%;
  border-radius: 50% !important;
  border: solid 4px #cca4b1;
}
.service-section .service-box .wp-block-button__link {
  border: 0 !important;
  padding: 0 !important;
  color: #000 !important;
  font-size: 14px !important;
  font-weight: bold;
  text-decoration: none;
}
.service-section .wp-block-image{
  padding-bottom: 30px !important;
}
/*------ Media CSS ------*/
@media screen and (max-width: 768px) and (min-width: 576px){
  .banner-section .wp-block-column.banner-first:first-child {
    flex-basis: 25% !important;
  }
  .service-section .service-box{
    flex-basis: 31% !important;
  }
  .service-section .service-box:nth-child(2){
    margin: 0 20px;
  }
  .service-box img{
    margin-top: -36% ;
  }
  .service-section .wp-block-columns{
    flex-wrap: nowrap !important;
  }
  .service-section .wp-block-image {
      padding-bottom: 0px !important;
  }
}
@media screen and (max-width: 575px){
  .banner-section {
    min-height: 250px !important;
  }
  .banner-section h1{
    font-size: 28px !important;
  }
  .banner-section p{
    display: none;
  }
  .service-section .service-box {
    margin-bottom: 5em !important;
  }
  .service-section .wp-block-image {
    padding-bottom: 0px !important;
  }
}