@font-face {
   font-family: "Name-Of-Font";
   src: url("Inter_28pt-Light.ttf") format("truetype");
}

@font-face {
   font-family: "font-main";
   src: url("Merriweather-Regular.ttf") format("truetype");
}

body {
   font-family: 'Name-Of-Font';
}

th {
   border: none !important
}

.custom_form {
   font-size: 20px;
   border: transparent;
   border-bottom: 1px solid;
   background: #fff0;
   width: 97%;
   /*padding: 0px !important;*/
   margin: 0px !important;
   border-radius: 0px;
}

.custom_form:focus {
   outline: none;
}

td {
   border: none !important;
}

.logo-1 {
   height: 80px;
}

.logo-2 {
   height: 80px;
}

.table-container {
   display: flex;
   align-items: center;
   flex-direction: row;
   justify-content: flex-start;
}

.inner-container {
   display: flex;
}

label {
   font-weight: 400 !important;
   font-size: 20px !important;
}

.checkbox-field {
   margin-right: 10px !important;
}

.cust-checkbox {
   margin-right: 8px;
}

.submit-btn {
   background: #708d65;
   border: none;
   color: #fff;
   padding: 10px 70px;
   border-radius: 3px;
}

.submit-btn.btn-fade {
   background: #bce2ad;
}

.phone-input {
   width: 545px !important;
   padding-left: 80px !important;
   background: #fff0 !important;
   border: transparent !important;
   border-bottom: 1px solid !important;
   font-size: 20px !important;
}

.phone-input:focus {
   outline: none;
}

.iti--separate-dial-code .iti__selected-flag {
   background: #fff0 !important;
   border-radius: 0px;
}

h2 {
   font-family: "font-main";
   color: #708d65;
   text-align: center;
   font-size: 55px;
   margin-bottom: 70px !important;
}

body {
   background-image: radial-gradient(#e9f2e2, transparent), url(main-bg.png);
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

table {
   margin-bottom: 85px !important;
}

@media screen and (max-width: 480px) {
   label {
      font-size: 8px !important;
      display: flex;
      align-items: center;
   }

   .phone-input {
      width: 100% !important;
   }

   .checkbox-field {
      margin: 0px 5px !important;
   }

   .custom_form {
      font-size: 14px;
   }

   h2 {
      font-size: 25px;
      margin-bottom: 35px !important;
   }

   table {
      margin-bottom: 25px !important;
   }
   .cust-checkbox {
   margin-right: 5px;
}
}

@media only screen and (max-width: 600px) {
    th{
        font-size: 10px;
    }
}
.otp-button{
   background: #708d65;
    border: none;
    color: #fff;
    padding: 10px 70px;
    border-radius: 3px;
}
.otp-button.btn-fade{
   background: #bce2ad;
}