.contact-block-main{ display: flex; align-items: flex-start; justify-content: center; padding: 0 0 126px; width: 100%; position: relative;  }
.ct-from{ display: block; margin: 0 auto; width: 100%; max-width:1087px ; padding: 54px 136px 83.5px 139px;  border-radius: 5px;box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.16);background-color: #fff; margin: -326px auto 0; }
.contact-block-inner{ width: 100%; display: block;}



.ct-from .row{ margin: 0 -30px; }
.ct-from .row>*{ padding: 0 30px; }
.ct-from  .input-box{ padding: 30px 0 0 0; display: block; width: 100%; }
.ct-from  .input-box .input-text{ color: #1a1b1d; font-size: 18px; width: 100%; padding: 14px 0; border: 0;  border-bottom: solid 1px #707070;}
.ct-from  .input-box textarea.input-text{ padding: 19px 16px; height: 147px;  border: solid 1px #707070; border-radius: 5px; }
.ct-from  .nice-select { line-height: normal; border-radius: 0; height: auto; color: #1a1b1d; font-size: 18px; width: 100%; padding: 14px 0; border: 0;  border-bottom: solid 1px #707070;}
.ct-from  .nice-select .option { padding: 8px 18px; line-height: 1.4; white-space: normal; overflow-wrap: break-word; }


.upload-box{ display: block; width: 100%;}
.upload-box label{ cursor: pointer; padding: 18px 16px; display: block; position: relative; width: 100%;  border-radius: 5px;border: solid 1px #111519;}
.upload-box .upload-content{ display: block; width: 100%; }
.upload-box .upload-content .upload-icon i { align-items: center; display: flex; min-width: 15px;  }

.upload-box .upload-content .upload-icon{ padding: 0 0 7px; color: #111519;font-size: 18px; gap: 11px; display: flex; align-items: center; }
.upload-box .upload-content .upload-text p{ font-size:14px ;font-weight: 300;color: #111519; }

.ct-from .input-box.upload-box .wpcf7-form-control-wrap { display: none; }

 /* File List */
    .file-list {
       
      padding: 0;
      list-style: none;

      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .file-list li {
      background: #fff;
      border: 1px solid #ddd;
      border-left: 3px solid red;
      border-radius: 6px;
      padding: 12px 14px;
      font-size: 14px;
      color: #222;

      display: flex;
      justify-content: space-between;
      align-items: center;
    }

     .file-list li:first-child{ margin-top: 15px; }

    .file-name {
      font-weight: 500;
    }

    .file-size {
      color: #777;
      font-size: 13px;
    }

    /* Remove Button */
    .remove-file {
      background: red;
      color: #fff;
      border: none;
      border-radius: 4px;
      padding: 5px 10px;
      cursor: pointer;
      font-size: 12px;
    }

    .remove-file:hover {
      opacity: 0.8;
    }

.termbox label{ max-width: 520px; position: relative;  display: block;}
    .termbox label input{ opacity: 0; position: absolute; left: 0; top: 0;  }
.termbox label .wpcf7-list-item-label{ padding: 0 0 0 42px; position: relative; display: block;   cursor: pointer; line-height: 1.43;letter-spacing: 0.44px;color: var(--lightdark);font-size: 10px; color: #111519;font-weight:300;}
.termbox label .wpcf7-list-item-label a{color: var(--lightdark); text-decoration: underline; }
.termbox label .wpcf7-list-item-label  a:hover{ text-decoration: none; }
.termbox label .wpcf7-list-item-label::after{ position: absolute; left: 0px; top: 0px; width: 22px; height: 22px; opacity: 1;  transition: all 0.3s ease-in-out;  ;background-color: #fff; content: ''; border-radius: 5px;border: solid 1px #111519;  }
.termbox label .wpcf7-list-item-label::before{ position: absolute; left: 0px; top: 0px; width: 24px; height: 24px; border-radius: 5px; transition: all 0.3s ease-in-out; background: url(../../assets/images/checkmark.svg) no-repeat center center;  background-size: cover;   content: ''; opacity: 0; }
.termbox label   input:checked + .wpcf7-list-item-label::after{ opacity: 0; }
.termbox label   input:checked + .wpcf7-list-item-label::before{ opacity: 1; } 


.input-box-submit{ position: relative; padding: 60px 0 0 0; display: flex; }
.input-box-submit input[type="submit"]{ border-radius: 100px; min-height: 32px; padding: 0 20px; min-width: 0; justify-content: center;    border: var(--themecolor1) solid 1px;; font-size: 18px;  font-weight: normal; transition: all 0.3s ease-in-out;  display: flex; align-items: center;  color: var(--themecolor1); cursor: pointer; background: none;  } 
.input-box-submit input[type="submit"]:hover{ transform: scale(1.1);  }
.input-box-submit .wpcf7-spinner { position: absolute; left: 113px; }

.contact-wapper { display: block; width: 100%; position: relative;}
.info-data-main{ position: absolute; right: 0; top: 0; height: 100%; width: 220px;  }
.contact-wapper .shape-bg{ max-width: 100%; width: 435px; position: absolute; display: flex;  right: 0px; bottom: 0; }
.contact-wapper .shape-bg img{ width: 100%; height: auto;}
.info-data-inner{ padding: 94px 0 20px 0; display: block; width: 100%; position: sticky; top: 100px;}


.info-data-inner{ display: block; width: 100%;}
.info-data-inner .info-row{ gap: 25px; display: flex; align-items: flex-start;}
.info-data-inner .info-row i{ width: 17px; display: flex; align-items: center; justify-content: center;}
.info-data-inner .info-row i img{ max-width: 17px; }
.info-data-inner .info-row .sub-text{  color: #1a1b1d; font-size: 16px; line-height: 1.38; display: block; width: calc(100% - 17px - 25px);}
.info-data-inner .info-row .sub-text strong{ font-weight: bold; display: block;}
.info-data-inner .info-row a{ display: flex; align-items: center; gap: 25px;}
.info-data-inner .info-row + .info-row{ padding-top: 25px; } 

.contact-block-inner .wpcf7 .wpcf7-response-output,
.contact-block-inner .wpcf7 form.invalid .wpcf7-response-output { position: relative; display: flex; margin: 20px 0 0; padding: 0; font-size: 18px; color: #dc3232; border: none; align-items: center; gap: 8px; }
.contact-block-inner .wpcf7 form.invalid .wpcf7-response-output:before { width: 16px; height: 16px; background: url('../../assets/images/cross-icon.svg') no-repeat center center; background-size: contain; content: ''; }
.contact-block-inner .wpcf7 .wpcf7-not-valid-tip { padding-top: 8px; font-size: 16px; }
.contact-block-inner .wpcf7 form.sent .wpcf7-response-output { position: relative; display: flex; margin: 20px 0 0; padding: 0; font-size: 18px; color: #28A745; border: none; align-items: center; gap: 8px; }
.contact-block-inner .wpcf7 form.sent .wpcf7-response-output:before { width: 16px; height: 16px; background: url('../../assets/images/check-icon.svg') no-repeat center center; background-size: contain; content: ''; }



@media (min-width: 1600px) and (max-width: 1800px) {
 .ct-from{ margin-top:-256px ; }
 .ct-from{ width: 860px; padding: 54px 60px 83.5px 60px;}


 .contact-wapper .shape-bg{ width: 420px;}

}

@media (min-width: 1400px) and (max-width: 1599px) {
.ct-from{ margin-top:-256px ; }
.ct-from{ width: 860px; padding: 54px 60px 83.5px 60px;}
.info-data-main{ right: -70px;}

 .contact-wapper .shape-bg{ width: 400px;}
}
@media (min-width: 1200px) and (max-width: 1399px) {
 .ct-from{ margin-top:-256px ; }
.ct-from{ width: 700px; padding: 32px 40px 64px 40px;}
.info-data-main{ right: -50px;}
.info-data-inner .info-row .sub-text { width: calc(100% - 17px - 16px); font-size: 14px;}
.info-data-inner .info-row{ gap: 16px;}

 .contact-wapper .shape-bg{ width: 350px;}
}
 
@media (min-width: 992px) and (max-width: 1200px) {
.ct-from{ margin-top:-256px ; }
.ct-from{ width: 100%; padding: 32px 40px 64px 40px;}
.info-data-main{ right: auto; position: relative;}
.info-data-inner .info-row .sub-text { width: calc(100% - 17px - 16px); font-size: 14px;}
.info-data-inner .info-row{ gap: 16px;}
.contact-block-main{ flex-direction: column;}

 .contact-wapper .shape-bg{ width: 350px;}
	 
}
@media (min-width: 768px) and (max-width: 991px) {
 .ct-from{ margin-top:-256px ; }
.ct-from{ width: 100%; padding: 32px 40px 64px 40px;}
.info-data-main{ right: auto; position: relative;}
.info-data-inner .info-row .sub-text { width: calc(100% - 17px - 16px); font-size: 14px;}
.info-data-inner .info-row{ gap: 16px;}
.contact-block-main{ flex-direction: column;}
.ct-from .input-box .input-text{ font-size: 16px;}
 

 .contact-wapper .shape-bg{ width: 320px;}

} 
@media (max-width: 767px) {
  .ct-from{ margin-top:-164px; }
.ct-from{ width: 100%; padding: 32px 20px 64px 20px;}
.info-data-main{ right: auto; position: relative;}
.info-data-inner .info-row .sub-text { width: calc(100% - 17px - 16px); font-size: 14px;}
.info-data-inner .info-row{ gap: 16px;}
.contact-block-main{ flex-direction: column;}
.upload-box .upload-content .upload-icon,
.ct-from .input-box .input-text{ font-size: 16px;}
.upload-box .upload-content .upload-text p{ font-size: 12px;}
.input-box-submit{ padding: 32px 0 0 0; }

	 

 .contact-wapper .shape-bg{ width: 320px;}
 .ct-from .input-box{ padding: 16px 0 0 0; }
}