@font-face {

  font-family: 'Autography';

  src: url(../fonts/Autography.otf);

}

/******************** contact us css start ********************/

.ourcustomersection{

  height: 100vh;

}

.contactussection{



  background-color: #fff;

}

/******************** bootstrap class overlap start********************/

.form-control-input, select{

  height : calc(2rem + 1rem + 4px) !important;

  padding: 0.45rem 1.05rem !important;

  line-height: 2 !important;

  border-radius: 0.45rem !important;

}

select{
  border: 1px solid #ced4da;
    color: #495057;
}

option{
  color: #495057;
}

.btn.focus, .btn:focus, input[type=file]{

  box-shadow: 0 0 0 0.2rem transparent !important;

}

textarea{

  padding: 0.45rem 1.05rem !important;

}

.dropdown-item.active, .dropdown-item:active{

  color: #495057;

  background-color:transparent!important;

}

.text-banner{

  font-family: Autography !important;

  color: #e07e1b !important;

  font-style: italic;

  font-weight: 600;

}

.btn-primary{

  border-radius: 2rem !important;

  background-color: #e07e1b !important;

  border: 1px solid #e07e1b !important;

}

.btn-primary:hover{

  border-radius: 2rem !important;

  background-color: #cc7145 !important;

  border: 1px solid #cc7145 !important;

}

.dropdown-toggle::after{

  float: right !important;

  margin-top: 10px;

}

/******************** bootstrap class overlap end ********************/

.btn-dropdown{

  color: #495057e3 !important;

}

.form-control-dropdown{

  border: 1px solid #ced4da;

  background-color :#fff;

  color: #495057;

  font-size: 1rem;

  font-weight: 400;

  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

  height: calc(2rem + 1rem + 4px) !important;

  padding: 0.45rem 1.05rem !important;

  line-height: 2 !important;

  border-radius: 0.45rem !important;

  text-align:left;

  width: 100%;

}

.bg-white{

  background-color: white;

}

.resize-none{

  resize: none !important;

}

.title h5{

  color: #404041;

}



.contactussection{

 

  background-size: cover;

  background-color: white;

  float: left;

  font-family: 'Raleway-Medium';

  overflow-x: hidden;

  width: 100% !important;

}

/********************* contact us css end  *********************/

/********************* our customer css start  *********************/



.customerbox{

  background-color: #fff;

  border-radius: 1rem;

  width: 100%;

}

.ourcustomersection{

  height: auto !important;

}

div.fiximg figure.left3{

  left:0 !important;

  bottom: 0 !important;

}

div.fiximg figure.right5{

  right:0 !important;

}

div.fiximg figure.right6{

  right:0 !important;

  bottom: 0 !important;

}

.ourcustomerpage div.title h1{

  font-size:55px;

}

.custom-file-label{

  height: calc(2rem + .75rem + 2px)!important;

  padding: .375rem .75rem!important;

  border-radius: 0.45rem !important;

  line-height: 2!important;

}

.custom-file-label::after{

  height: calc(1.5rem + 1rem + 4px) !important;

  padding: 0.45rem 1.05rem !important;

  line-height: 2!important;

  border-radius: 0.45rem !important;

}

.custom-file-input:focus~.custom-file-label{

  border-color: #fadabe !important;

  box-shadow: 0 0 0 0.2rem #fadabe !important;

}

.footer-navbar a{

  color: #fff !important;

}

/********************* our customer css end  *********************/

@media screen and (max-width: 1366px) {



}

@media screen and (max-width: 1024px) {

  .ourcustomerpage .fiximg .left1  img{

    width: 40%;

  }

  div.fiximg figure.right6, div.fiximg figure.right5{

    display: none;

  }

  .contactussection{

    padding: 0%;

  }

}

@media screen and (max-width: 767px) {

  .ourcustomerpage .fiximg .left1  img{

    width: 40%;

  }

  div.fiximg figure.left3{

    display:none;

  }

  .p-set{

    padding: 15px;

  }

  .ourcustomerpage div.title h1, .contactuspage div.title h1{

    font-size: 35px;

  }

  .contactussection{

    padding: 0% 10%;

  }

  .text-banner{

    float: right;

    font-size: 3rem;

  }

  .arrow-img img{

    width: 75%;

    float: right;

  }

}