/*----- Banner Section -----*/
.banner-section{
  width: auto;
  height: auto;
}
.banner-section .wp-block-buttons, .service-section .wp-block-buttons{
  display: block;
}
.banner-section .wp-block-button__link {
  border: 0;
  padding: 0;
  color: #000 !important;
  font-family: playball;
  text-transform: capitalize;
  font-size: 22px;
  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 .service-box{
  border: 4px solid #cca4b1;
  border-radius: 5px;
}
.service-box img{
  margin-top: -20%;
  border-radius: 50% !important;
  border: solid 4px #cca4b1;
}
.service-section .service-box .wp-block-button__link {
  border: 0;
  padding: 0;
  color: #000 !important;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

/*------ Media CSS ------*/
@media screen and (max-width: 768px) and (min-width: 576px){
  .banner-section .wp-block-column:first-child, .banner-section .wp-block-column:nth-child(3){
    flex-basis: 25% !important;
  }
  .banner-section .wp-block-column:nth-child(2){
    flex-basis: 55% !important;
    margin: 0;
  }
  .service-section .service-box{
    flex-basis: 31% !important;
  }
  .service-section .service-box:nth-child(2){
    margin: 0 20px;
  }
  .service-box img{
    margin-top: -36% ;
  }
}
@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;
  }
}