@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

:root {
  color-scheme: only light;
}
* {margin: 0;padding: 0;box-sizing: border-box;}
img {max-width: 100%;height: auto;}
body {background: #ffffff;font-size:14px;color: #9199AA;font-family: 'Roboto', sans-serif; font-weight: 400;}
ul {list-style: none;padding: 0;}
p {margin-bottom: 15px;font-size: 14px;}

/* ----- Heading Font CSS ------ */

h1,h2,h3,h4,h5,h6 {margin-bottom: 15px;line-height: 1.2;font-weight: 500;}
h1{font-size: 25px;line-height: 28px;}
h2{font-size: 20px;}
h3{font-size: 18px;}
h4{font-size: 16px;}
h5{font-size: 14px;}
h6{font-size: 12px;}
strong{font-weight: 500;}
a:focus,.btn:focus,button:focus,.btn-primary:not(:disabled):not(.disabled):active:focus {outline: none;box-shadow: none;}
input:focus{border: none;outline: none;}
/* global css start */ 
.full_width{width: 100%;float: left;}
.wrapper{max-width: 758px;margin: 0 auto;width: 100%;padding: 0 20px;}

/* global css end */
/* ******************************* main css ***************************** */

/* header css start */
.header{padding: 41px;background: #F3F3F3;line-height: 1;}
.header a{display: inline-block;width: 396px;}
.header img{display: block;}
/* contact form */
.contact_form{padding: 50px 0;}
.contact_form h1{margin-bottom: 54px;}
.contact_form .field{width: calc(50% - 31px);margin-right: 62px;float: left;margin-bottom: 30px;position: relative;}
.contact_form .field.half{margin-right: 0;float: right;}
.contact_form .field label:not(.custom_btn){background: #fff;font-family: 'Roboto';letter-spacing: 0.4px;font-style: normal;font-size: 12px;line-height: 12px;margin: 0 12px;padding: 1px;position: relative;color: rgba(34, 51, 84, 0.5);}
.contact_form .field label { -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer;}
.contact_form .field input,.contact_form .field select ,.contact_form .field textarea,.contact_form .file_name, .contact_form .signature-pad{width: 100%;padding: 8px 14px;letter-spacing: 0.09px;background: #ffffff;border: 1px solid rgba(34, 51, 84, 0.5);border-radius: 4px;margin-top: -8px;font-family: 'Roboto';    
    font-style: normal; font-weight: 400;font-size: 14px;line-height: 24px;color: rgba(34, 51, 84, 0.5);}
.contact_form .signature-pad { cursor:pointer; padding:0 }
.contact_form .file_name { overflow:hidden; white-space:nowrap; }
.contact_form .field.select{position: relative;}
.contact_form .field select{cursor: pointer;}
.contact_form .field.select::before{content: "";position: absolute;right: 14px;top: calc(50% + 5px);transform: translateY(-50%);background: url(../images/down-arrow.svg)no-repeat;width: 10px;height: 5px;}
.contact_form .field.select select{-webkit-appearance: none;}
.contact_form .text_box{margin: 50px 0 70px;display: flex;justify-content: space-between;border-bottom: 1px solid rgba(34, 51, 84, 0.2);}
.contact_form .text_box .left{width: calc(50% - 30px);float: left;padding-right: 10px;}
.contact_form .text_box .small{font-family: 'Roboto'; font-style: normal; font-weight: 400;  font-size: 11px; line-height: 13px;}
.contact_form .text_box .center{width: 60px;font-family: 'Roboto'; font-style: normal;font-weight: 700;font-size: 16px; line-height: 19px;color: rgba(34, 51, 84, 0.5);background: #F6F8FB;padding: 10px 0;text-align: center;margin-bottom: -18px;display: flex;align-items: center;justify-content: center;}
.contact_form .text_box .right{width: calc(50% - 30px);float: right;padding-left: 10px;}
.contact_form .field textarea{height: 95px;resize: none;}
.contact_form  .pluse{position: absolute;right: -30px;top: -5px;cursor: pointer;}
.contact_form .field_set .field{margin-right: 0;}
.contact_form .field_set .field.date{width: calc(19% - 20px);margin-right: 20px;}
.contact_form .field_set .field.Bes{width:  calc(44% - 15px);margin-right: 15px;}
.contact_form .field_set .field.chf{width:  calc(15% - 13px);margin-right: 13px;}
.contact_form .field_set .field.upload{width: 22%;}
.contact_form .field_set {position: relative;margin-bottom: 50px;}
.contact_form .field_set .pluse{top: 8px;}
.contact_form .custom_btn {cursor: pointer;}
.contact_form .custom_btn input{opacity: 0;visibility: hidden;display: none;}
.fields_clone_dynamic{ /*position: relative;*/}
.contact_form .submit .btn_sub{transition: 0.4s; cursor: pointer; padding: 12px 30px;letter-spacing: 0.09px;background: #007fba;border: none;border-radius: 4px;font-family: 'Roboto';font-weight: 700;color: #fff; float: right;}
.contact_form .submit .btn_sub:hover{background: #ffb101;}
.contact_form .remove{position: relative;width: 100%; overflow: visible; float: left;}
.contact_form .close{cursor: pointer; position: absolute;right: -31px;width: 25px;height: 25px;background: #9199aa;border-radius: 100%;top: 8px;}
.contact_form .close::before{content: "";position: absolute;left: 8px;top: 12px;width: calc(100% - 16px);background: #fff;height: 1px;}

/* receipt page css */





/* footer  css start */
.footer{background: #DADADA;padding: 36px 0 11px;}
.footer ul, .footer li{margin-bottom: 0;}
.footer li,.footer li a{color: #6A6868;letter-spacing: 0.09px;display: inline-block;font-family: 'Roboto'; font-style: normal; font-weight: 400;font-size: 16px;line-height: 24px;}
.footer li{padding-left: 5px;margin-right: 5px;position: relative;}
.footer li::after{content:'|';position: relative;right: -5.5px;}

/* Responsive css start */

@media only screen and (max-width: 767px) {
   .wrapper{padding: 0 35px;}
    .header a{width: 200px;}
    .header{padding: 30px 20px;}
    .contact_form .field{width: 100%;margin-right: 0;}
    .contact_form .field_set .field.date,.contact_form .field_set .field.Bes,.contact_form .field_set .field.chf,.contact_form .field_set .field.upload{width: 100%;margin-right: 0;}


}

@media only screen and (max-width: 600px) {
    .contact_form{padding: 40px 0;}
    .contact_form h1{margin-bottom: 30px;}
    .contact_form .text_box{margin: 30px 0;}
    .contact_form .text_box .left{width: 100%;}
    .contact_form .text_box .right{width: 100%;}
    .contact_form .text_box .center{width: 100%;margin: 10px 0;border-radius: 5px;}
    .contact_form .text_box{flex-wrap: wrap;text-align: center;padding-bottom: 10px;}

}
/* 
@page {
    size: 21cm 29.7cm;
    margin: 30mm 45mm 30mm 45mm;


} */