
/** contact-section **/

.contact-section{
  position: relative;
}

.contact-section .sec-title h2{
  font-size: 48px;
  line-height: 56px;
}

.contact-section .inner-container{
  position: relative;
    display: block;
    /* background: #fff; */
    border-radius: 10px;
    /* box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06); */
    padding: 0px 0px 0px 50px;
}

.contact-section .info-box{
  position: relative;
}

.contact-section .info-box .single-item{
  position: relative;
  display: block;
  padding-left: 95px;
  margin-bottom: 35px;
}

.contact-section .info-box .single-item:last-child{
  margin-bottom: 0px;
}

.contact-section .info-box .single-item .icon-box{
  position: absolute;
  display: inline-block;
  left: 0px;
  top: 8px;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  font-size: 30px;
  color: #fff;
  background: rgb(18 84 62) !important;
}

.contact-section .info-box .single-item h4{
  display: block;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 4px;
}

.contact-section .info-box .single-item p{
  line-height: 26px;
  max-width: 190px;
}

.contact-section .info-box .single-item p a{
  color: var(--text-color);
}
.add-inners a{color: rgb(0, 0, 0);font-weight: 600;}
.add-inners p{color: rgb(0, 0, 0);font-weight: 500;max-width: 300px;}

.highlights-block-one .inner-box .icon-box i{font-size:32px;height:80px;width: 80px;color: white;}
.highlights-block-one .inner-box .icon-box {font-size: 40px;background-color: rgb(17, 99, 0);height:65px;width: 65px;text-align: center;line-height:59px;border-radius: 50%;}

.contact-section .form-inner {
    position: relative;
    display: block;
    padding: 40px 20px;
    box-shadow:0px 0px 30px 0px rgb(0 0 0 / 25%);
}
/* 
.contact-section .form-inner:before{
  position: absolute;
  content: '';
  background: #e5e5e5;
  width: 1px;
  height: calc(100% - 0px);
  top: 0px;
  left: -120px;
} */

.contact-section .form-inner .form-group{
  position: relative;
  margin-bottom: 22px;
}

.contact-section .form-inner .form-group:last-child{
  margin-bottom: 0px;
}

.contact-section .form-inner .form-group label{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 4px;
  color:#000000;
}

.contact-section .form-inner .form-group:last-child{
  margin-bottom: 0px;
}

.contact-section .form-inner .form-group input[type='text'],
.contact-section .form-inner .form-group input[type='email'],
.contact-section .form-inner .form-group textarea{
    position: relative;
    display: block;
    width: 100%;
    height: 34px;
    font-size: 16px;
    color: rgb(0, 0, 0);
    padding: 1px 20px;
    border-bottom: 2px solid rgb(0, 0, 0);
    transition: all 500ms ease;

}

.contact-section .form-inner .form-group textarea{
  height: 100px;
  resize: none;
  /* border-radius: 20px; */
}

.contact-section .form-inner .form-group input:focus,
.contact-section .form-inner .form-group textarea:focus{

}


.google-map .inner-container{
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
  height: 500px;
}

.google-map .inner-container iframe{
  position: relative;
  width: 100%;
  height: 500px;
}

.pad-left-con{padding-left:100px ;}


/** rtl-css **/

.rtl .contact-section .form-inner:before{
  left: inherit;
  right: -120px;
}
.get-int-head{margin-bottom: 30px;padding-top: 30px;}
.get-int-head h2{font-size: 55px;color: black;}

.rtl .contact-section .info-box .single-item{
  padding-left: 0px;
  padding-right: 95px;
}

.rtl .contact-section .info-box .single-item .icon-box{
  left: inherit;
  right: 0px;
}

/** responsive-css **/

@media only screen and (max-width: 1200px){

}

@media only screen and (max-width: 991px){
  .contact-section .form-inner:before{
    display: none;
  }

  .contact-section .info-box{
    margin-bottom: 40px;
  }

  .contact-section .inner-container{padding: 0px;}
  .get-int-head { padding-left: 40px;}
  .highlights-block-one{padding-left: 65px;}

}

@media only screen and (max-width: 767px){
  .contact-section .inner-container{
    padding: 70px 30px;
  }
}

@media only screen and (max-width: 599px){
.contact-section .inner-container {
        padding: 0px 11px 0px 11px;
    }
    .highlights-block-one .inner-box .icon-box {  
    height: 40px;
    width: 40px; 
    line-height: 25px; }
    .highlights-block-one .inner-box .icon-box i {
    font-size: 22px;}
    .pad-left-con{padding-left:50px ;}
    .highlights-block-one .inner-box {
    position: relative;
    display: block;
    padding: 0px 0px 6px 60px;}
    .contact-section .info-box {
        margin-bottom: 19px;
    }

    .get-int-head h2 {
    font-size: 40px;
    color: black;
}
    .highlights-block-one {
        padding-left: 0px;
    }
    .get-int-head {
        padding-left: 0px;
    }
    .get-int-head{padding-top: 10px;}
    .inner-container {padding: 0px;}
    .info-column{padding:10px 17px;}
    .content-column{padding: 0px;}
    .container.pc-0{padding: 0px;}
    .contact-section .form-inner{padding: 25px 20px;}

.highlights-block-one .inner-box { margin-bottom: 5px; }




}

@media only screen and (max-width: 499px){
  .contact-section .info-box .single-item{
    padding-left: 0px;
  }

  .rtl .contact-section .info-box .single-item{
    padding-right: 0px;
  }

  .contact-section .info-box .single-item .icon-box{
    position: relative;
    margin-bottom: 20px;
    top: 8px;
  }
}











































