.banner_head {
  position: relative;
}

.owl-carousel .owl-item img {
  display: block;
  width  : 80% !important;
}

.contact_us_banner .banner_head::before {
  background     : url("../../images/contactus/down_curve.png") no-repeat;
  background-size: 100%;
  content        : "";
  position       : absolute;
  bottom         : -100px;
  left           : 400px;
  width          : 185px;
  height         : 170px;
  animation      : scaleAnimation 2s infinite alternate;
}

@keyframes scaleAnimation {
  0% {
    transform        : scale(1);
    -webkit-transform: scale(1);
    -moz-transform   : scale(1);
    -ms-transform    : scale(1);
    -o-transform     : scale(1);
  }

  50% {
    transform        : scale(1);
    -webkit-transform: scale(1);
    -moz-transform   : scale(1);
    -ms-transform    : scale(1);
    -o-transform     : scale(1);
  }

  100% {
    transform        : scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform   : scale(1.1);
    -ms-transform    : scale(1.1);
    -o-transform     : scale(1.1);
  }
}

.contact_us_banner .client-item {
  display        : flex;
  justify-content: flex-start;
}

/* Our_Office_Location Section Start */

.vis_hid {
  visibility: hidden;
}

.Hosur_Chennai p img,
.Hosur_Chennai span img {
  margin-right: 15px;
}

.Our_Office_address {
  position: relative;
}

.Hosur_Chennai {
  display        : flex;
  align-items    : center;
  justify-content: space-evenly;
}

.Hosur_Chennai span {
  color      : var(--Main, #121212);
  font-size  : 16px;
  font-weight: 600;
  line-height: 27px;
}

.Hosur_Chennai p {
  font-size: 14px;
}

.Hosur_Chennai p a {
  text-decoration: none;
  color          : var(--Dark, #111);
  font-size      : 14px;
  font-weight    : 400;
  line-height    : 27px;
}

.hori_line_1 {
  display: none;
}

.hori_line_2 {
  display: block;
}

/* Our_Office_Location Section End */

/* Send your message Section Start */
.Send_your_message .head_para {
  width: 95%;
}

.placeholder {
  color: #a0a0a0;
}

.contact_form {
  border-radius: 7.46px;
  border       : 1.441px solid #f6911d;
  padding      : 34px 39px;
}

.name_office .name input:focus-visible,
.name_office .office input:focus-visible,
.phone_email input:focus-visible,
.select_option select:focus-visible,
.message textarea:focus-visible {
  outline: none;
}

.name_office .name input,
.name_office .office input,
.phone_email input,
.select_option select,
.message textarea {
  width        : 100%;
  height       : 45.005px;
  border-radius: 4.08px;
  border       : 1px solid #a0a0a0;
  margin-bottom: 30px;
  padding      : 0px 10px 0 40px !important;
  resize       : none;
  font-size: 14px;
}

.placeholder,
.select_option select option::placeholder {
  color    : #a0a0a0;
  font-size: 12px;
}

.select_option select option {
  color: #000;
}

.message textarea {
  width        : 100%;
  height       : 112px !important;
  border-radius: 4.08px;
  border       : 1px solid #a0a0a0;
  margin-bottom: 50px;
  padding      : 15px 10px 0 40px !important;
  resize       : none;
}

.name_office,
.phone_email {
  display        : flex;
  justify-content: space-between;
  gap            : 36px;
}

.name_office .name label img,
.name_office .office label img,
.select_option label img,
.message label img {
  margin-right: 8px;
}

.input_box {
  position: relative;
}

.form-control:focus {
  box-shadow: none !important;
}

.input_box img {
  position: absolute;
  top     : 15px;
  left    : 15px;
}


.form-floating>label {
  background : #fff;
  position   : absolute;
  top        : 10px;
  left       : 40px;
  display    : inline-block;
  width      : auto;
  height     : auto;
  padding    : 0 4px;
  border     : 1px solid transparent;
  color      : #979797;
  font-size  : 12px;
  font-weight: 400;
  line-height: 24px;
}



.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
  opacity: 1;
  transform: translateY(-24px) translateX(-28px);
  -moz-transform: translateY(-24px) translateX(-28px);
  -webkit-transform: translateY(-24px) translateX(-28px);
  -ms-transform: translateY(-24px) translateX(-28px);
  -o-transform: translateY(-24px) translateX(-28px);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}




.name_office .name::placeholder,
.name_office .office::placeholder,
.select_option select option,
.message::placeholder {
  color      : #979797;
  font-size  : 14px;
  font-weight: 400;
  line-height: 24px;
  z-index    : 1;
}

.contact_form .btn_s {
  display        : flex;
  justify-content: center;
  margin         : 0 0 40px 0;
}

.contact_form .btn_s button {
  padding: 10px 22px;
  border : none;
}


/* Modal Start */
.error {
  color    : red;
  font-size: 0.8em;
  position : absolute;
  top      : 50px;
}

.form-group {
  margin-bottom: 10px;
}

.modal {
  display         : none;
  position        : fixed;
  z-index         : 1;
  left            : 0;
  top             : 0;
  width           : 100%;
  height          : 100%;
  overflow        : auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
  background-color: #fefefe;
  margin          : 15% auto;
  padding         : 20px;
  border          : 1px solid #888;
  width           : 30%;
}

.modal-content p {
  text-align: center;
  margin    : 40px 0 20px 0;
}

.close {
  color      : #aaa;
  float      : right;
  font-size  : 28px;
  font-weight: bold;
  cursor     : pointer;
  text-align : end;
}

/* Modal End */

/* Send your message Section End */