/*contact part start */
.banner-content{
  position: relative;
}
.banner-text{
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 999;
 display: flex;
 align-items: center;
 justify-content: center;
 height: 100%;
 width: 100%;
 background: linear-gradient(to left, rgb(0 0 0 / 75%), rgb(0 0 0 / 75%));
}
.banner-content .banner-text .left{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--white);
  height: 100%;
}
.banner-content .banner-text .left span{
  text-transform: capitalize;
}
.banner-content .banner-text .left a{
  color: var(--green)!important;
  transition: all 500ms;
  text-transform: capitalize;
}
.banner-content .banner-text .left a:hover{
  color: var(--white)!important;
}
.banner-content .banner-text .right{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--white);
}
.banner-content .banner-text .right img{
  background-color: var(--green);
  border-radius: 20px;
  margin-bottom:20px ;
}
.banner-content .banner-text .right h4{
  margin-bottom: 20px;
  text-transform: capitalize;
  font-weight: 600;
}
.banner-content .banner-text .right .whatsapp-us{
 padding: 5px  10px;
 background-color: var(--green);
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: center;
 border-radius: 10px;
 transition: all 500ms ease-in-out;
}
.banner-content .banner-text .right .whatsapp-us:hover{
  background-color: var(--lightgreen);
  box-shadow: 0px 0px 15px #32c36c9c;
}
.banner-content .banner-text .right .whatsapp-us img{
  width: 40px;
  padding: 0px;
  margin: 0px;
  margin-right: 10px;
}
.contact{
	position: relative;
}
.contact .content{
 background-color: var(--white);
}

.contact .content .left{
  padding: 40px;
  border-radius: 10px;
  background-image:
  linear-gradient(#32C36CD9 0%,#32C36C 82% ), url(/assets/img/request-bg.jpg);
  background-position: center;
  background-size: cover;
}
.contact .content .left p{
  color: var(--white);
  font-weight: 600;
}

.contact .content .left .detail{
 color: var(--white);
 margin-top: 10px;
}
.contact .content .left .detail a{
 color: var(--white)!important;
 transition: all 300ms;
}
.contact .content .left .detail a:hover{
  color: #000!important;
}
.contact .content .left .detail i{
 margin-right: 10px;
}

.contact .content .right h4{
 font-weight: 600;
 margin-bottom: 20px;
}
.contact .content .right p{
 color: var(--gray);
}

.contact .content .right form input{
  padding: 15px;
  color: var(gray);
  outline-color: var(--green)!important;
}
.contact .content .right form select{
  padding: 15px;
  color: var(--gray);
}
/*contact part end */


/* servicers page start  */
/*.services{
  background: linear-gradient(#ffffffd9 0%,#ffffffd9 82%  ), url(/assets/img/bg-img.jfif);
  background-size: cover;
  background-attachment: fixed;

}*/
.services .table{
  /*background-color: var(--white);*/
}
.services .img{
  margin: 20px;
  border-radius: 10px;
  overflow: hidden;
}
.services ol li{
  list-style: none;
  list-style-image: url(/assets/img/bullet-point.png);
  margin-bottom: 10px;
  vertical-align: text-top;
}

.services .accordion-button{
  font-weight: 700px!important;
  font-size: 18px;
}
.services a{
  color: var(--green)!important;
  transition: all 500ms;
}
.services a:hover{
  color:  #000!important;
}
.highlight{
  background-color: var(--lightgreen);
  border-radius: 5px;
  padding: 5px 20px;
}
.about .wrap{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;  
  text-align: center;
}
/*.about .wrap p{
   justify-content: center;
}*/
.about .wrap .img{
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 20px;
  background-color: #32c36c73;
}
.accordion-button:not(.collapsed){
  background-color: var(--lightgreen)!important;
  box-shadow: var(--lightgreen)!important;
}
/* servicers page end  */