
/* Banner Section */
.banner-box-first{
  margin-left: 11%  !important;
  margin-top: 2% !important;
  padding-top: 3%  !important;
  background-color: white;
  color: black;
  align-self: center !important;
}
.best-verstical-text{
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 12x;
  font-weight: 500;
  border-radius: 62px 62px 62px 62px !important;
  padding: 16px 4px 12px 5px !important;
  margin-left: 9% !important;
}
.btn-container{
  margin-left: 9%;
  margin-bottom: 6% !important;
  margin-top: 20px !important;
}
.banner-content{
  display: block;
  margin: 0 !important;
  margin-bottom: 0 !important;
}
.banner-content p{
  line-height: 1.8; 
  padding-top: 8px !important;
}
.banner-paragraph{
  position: relative !important;
  margin-top: -27% !important;
  margin-left: 17% !important;
  margin-right: 39px !important;
}
.banner-img{
  width: 500px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}
.banner-section .dash{
  content: '';
  position: absolute;
  height: 3px;
  width: 50px;
  background: #0084CE !important;
  bottom: 0;
  left: 0;
}

/* Team Section */
.team-section .team-content p{
  font-weight: 300 !important;
}
.team-verstical-text{
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 12x;
  font-weight: 500;
  border-radius: 62px !important;
  padding: 16px 10px 16px 10px !important;
}
.team-section .line{
  width: 50px ;
  height: 3px;
  background-color: #0084CE;
}
.team-section .lines{
  width: 50px ;
  height: 3px;
  background-color: #0084CE;
}
.team-section .team-image:hover .box{
  border-color: #0084CE;
}
.team-section .team-container{
  margin-top: 3%;
  margin-bottom: 20px !important;
}
.team-content{
  margin-top: -16% !important;
  margin-left: 20% !important;
}
.team-section .box{
  margin-left: -8px !important;
  height: 220px !important;
  width: 300px !important;
  border-top: 4px solid #abb8c3;
  border-right: 4px solid #abb8c3;
  border-bottom: 4px solid #abb8c3;
  padding: 18px 18px 18px 18px !important;
}
.team-section .icon{
  gap: 8px !important;
  font-size: 20px !important;
  margin-top: 11px !important;
  margin-left: -5px !important;
}
.team-section{
  margin-top: 4% !important;
}
/* Responsive Media */

@media screen and (min-width: 320px) and (max-width: 767px){
  .banner-content{
    margin: 0 !important;
    margin-bottom: 0 !important; 
  }
  .banner-box-first{
    display: block;
    margin: 2px auto !important;
  }
  .best-verstical-text{
    writing-mode: horizontal-tb;
    transform: none;   
    margin-left: 21% !important;
    display: inline-block;
    text-align: center
  }
  .banner-paragraph{
    margin-top: 0% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center;
    margin: 2px 0px 2px 2px !important;
    margin-bottom: 20px !important;
  }
  .banner-content p{
    padding: 4px 10px !important;
    margin-top: 12px;
  }
  .banner-content H1{
    font-size: 20px !important;
  }
  .btn-container{
    margin-left: 0 !important;
    margin-top: -26px !important;
  }
  .team-section .soical-icon{
    display: flex !important;
    justify-content: center !important;
  }
  .banner-section .btn-div{
    display: block !important;
  }
  .banner-section .btn-content{
    justify-content:center !important;
  }  
  .banner-img{
    width: 500px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
  }
  .team-verstical-text{
    writing-mode: horizontal-tb;
    transform: none;   
    display: inline-block;
    padding: 14px 10px 14px 10px !important;
    padding: 6px 10px 6px 10px !important;
    display: block;
    margin: 20px auto !important;
    margin-bottom: 0  !important;
  }
  .team-content{
    margin-left: 0 !important;
    margin-top: 10px !important;
  }
  .team-content h2{
    font-size: 25px;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
  }
  .team-content p{
    font-size: 15px;
    padding: 0 4px 0 4px !important;
    text-align: center;
  }
  .team-section .line{
    display: block;
    margin: 8px auto !important;
  }
  .team-section .lines{
    display: block !important;
    margin: 0px auto !important;
    margin-bottom: 15px !important;
  }
  .team-section .box{
      border-bottom: 4px solid #abb8c3;
      border-right: 4px solid #abb8c3;
      border-left: 4px solid #abb8c3 !important;
      border-top: none;
      margin-left: 0 !important;
  }
  .team-section .icon-text{
    display: flex ;
    justify-content: center;
    color: black !important;
  }
  .team-section .line{
    display: block !important;
    margin-bottom: 15px !important;
  }
  .team-section .team-image{
    display: unset !important;
    text-align: center !important;
  }
  .team-image img{
    width: 100% !important;
    object-fit: cover;
    height: 333px !important;
  }
  .team-image p {
    text-align: center !important;
  }
  .team-image h5{
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px){
  .banner-box-first{
    margin-left:2%  !important;
    margin-top: 0 !important;
  }
  .banner-content{
    flex-wrap: unset!important;
    display: block;
    margin: 0 !important;
    margin-bottom: 20px !important;
  }   
   .best-verstical-text{
    writing-mode: horizontal-tb;
    transform: none;   
    margin-left: 21% !important;
    display: inline-block;
    text-align: center
  }
  .banner-paragraph{
    margin-top: 0% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center;
    margin: 2px 0px 2px 2px !important;
  }
  .banner-content p{
    padding: 4px 10px !important;
    margin-top: 12px;
  }
  .banner-content H1{
    font-size: 18px !important;
  }
  .btn-container{
    margin-top: -20px !important;
    margin-bottom: 10px !important;
    margin-left: 0 !important;
  }
  .banner-section .btn-div{
    display: flex !important;
    justify-content: center !important;
  }
  .banner-section .wp-block-button__link {
    padding:10px 12px 10px 12px !important; 
  }
  .banner-img{
    width: 300px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
  }
  .team-image img{
    width: 100%  !important;
    object-fit: cover !important;
    height: 333px !important;
  }
  .team-sectionn{
    display: flow !important;
  }
  .team-image{
    margin-top:30px !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
  .banner-box-first{
    margin-left:6%  !important;
    margin-top: 0 !important;
  }
  .banner-content{
    flex-wrap: unset!important;
    margin-bottom: 7px !important;
  } 
  .banner-paragraph {
    position: relative !important;
    margin-top: -42% !important;
    margin-left: 15% !important;
    margin-right: 31px !important;
  }
  .best-verstical-text{
    margin-left: 4% !important;
  }
  .banner-content p{
    font-size: 15px;
  }
  .banner-content H1{
    font-size: 25px !important;
  }
  .banner-section .wp-block-button__link {
    padding:10px 12px 10px 12px !important; 
  }
  .banner-img{
    width: 400px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
  }
  .team-image img{
    max-width: unset !important;
    width: revert-layer !important;
    object-fit: cover !important;
  }
  .team-section .box{
    height: 270px !important;
    width: 210px !important;
    padding: 28px 2px 4px 12px !important;
  }
  .team-section .icon{
    justify-content: unset !important;
  }
  .banner-section .btn-container{
    margin-bottom: 21px !important;
    margin-left: 4% !important;
  }
  .team-image img{
    width: 200px !important;
    height: 300px !important;
  }
  .team-section .box{
    width: auto !important;
  }
  .team-section .icon{
    gap: 0px !important;
  }
}
