.layoutTwoColumn{
    display: flex;
    flex-wrap: wrap;
  }
  .container-wrapper.layoutTwoColumn{
     margin: 0 auto;
     display: block;
  }
  .col-left{
     width: 60%;
     padding-right: 30px;
  }
  .col-right{
     width: 40%;
  }

  .sngl_frm .frm_wrp{
     margin-top: 0;
  }

  .single-col-row{
     display: flex;
     flex-wrap: wrap;
  }

  .frmpg{
     min-height: inherit;
     align-items: flex-start;
  }
  .layoutTwoColumn >.single-col-row{
     margin-top: -260px;
     background: #fff;
     padding: 30px;
     border-radius: 25px 25px 0 0;
  }

  .frmpg{
     background: #fff;
     box-shadow: 0px 3px 12px #0000001F;
     border: 1px solid #D9D9D6;
     position: relative;
  }

  /*boxes*/
  .boxes .sub-hd{
     font-size: 20px;
     line-height: 24px;
  }
  .boxes .description{
     font-size:15px;
     line-height: 20px;
  }
  .boxes{
     padding: 20px!important;
  }
  .boxes img{
     width: 35px;
     height: 35px;
  }

  .layoutTwoColumn .full-width-bg.grey{
     background: #fff!important;
  }
  .full-width-bg.grey, .full-width{
     padding: 30px 0!important;
  }
  .two-col-comp iframe{
     max-height: 270px;
  }
  .heading-comp h1{
  font-size: 38px;
  }
  .partner-comp img{
     height: 90px;
  }
  .full-width-bg.grey{
     background: #fff;
  }

  /*two column template form color changes*/
  .col-right .frm_fld .prm_btn{
     background: #0874e7;
     color: #fff;
  }
  .col-right .frm_wrp .frm_hdr{
     color:#fff;
     padding: 20px;
     background: #0874e7;
  }
  .col-right .sngl_frm .stp_wrp{
     padding: 20px;
     margin-top: 0;
  }
  .col-right .full-width-bg .frm_cntr{
     color:#1d202c;
  }
  .col-right .frm_fld mat-label,:host ::ng-deep .full-width-bg .frm_fld .mat-select-placeholder{
     color:#8D8F91;
  }
  .col-right .button-radio .button-radio__item label {
     color: #2630A8;
     border: 1px solid #2630A8;
  }
  .col-right .button-radio .button-radio__item:hover label {
     background-color: #2630A8;
     color: #fff;
  }

  .col-right .button-radio .button-radio__item input:checked+label {
     background-color: #2630A8;
     color: #fff;
  }
  :host ::ng-deep .col-right .frm_fld input.mat-mdc-input-element{
     color: #1d202c;
  }
  :host ::ng-deep .col-right .frm_fld.mat-form-field-appearance-fill .mat-form-field-label{
     color: #1d202c;
  }
  :host ::ng-deep .col-right .frm_fld.mat-form-field-appearance-fill .mat-form-field-underline{
     background: #1d202c;
  }
  :host ::ng-deep .col-right .frm_fld.mat-mdc-form-field-appearance-fill .mat-form-field-underline .mat-form-field-ripple{
     background: #1d202c;
   }
  :host ::ng-deep .col-right .frm_fld mat-checkbox{
     color: #1d202c;
  }
  /* :host ::ng-deep .col-right .frm_fld mat-checkbox a{
     color: #1d202c;
     text-decoration: underline;
  } */

  :host ::ng-deep .col-right .frm_fld .mat-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background
  {
     background: #fff;
     border:solid 1px #707070;
  }
  :host ::ng-deep .col-right .frm_fld .mat-select-placeholder,
  :host ::ng-deep .col-right .frm_fld .mat-select-value{
     color: #1d202c;
  }
  .col-right .rd_fld{
     color: #1d202c;
  }
  .frm_cntr .stp_wrp{
    padding: 0 20px;
  }
  .sngl_frm .btn_fld{
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .frm_fld .prm_btn{
    margin: 0 0 10px;
  }
  .frm_fld.btn_fld button{
    margin-bottom: 0;
  }
  .frm_fld.btn_fld button.prm_btn{
    margin-left: auto;
  }
  .sngl_frm .frm_fld.btn_fld button.prm_btn{
    margin: 0 auto;
  }
  /* .mbl_slct{
    margin-bottom: 15px;
  } */
  .sngl_frm.cmbnfrm .btn_fld{
    flex-direction: row;
  }
  .sngl_frm.cmbnfrm .frm_fld.btn_fld .prm_btn {
    margin: 0 0 0 auto;
  }
  @media screen and (max-width: 667px){
     .layoutTwoColumn > .single-col-row{
         margin-top: 0;
         padding: 0 20px 0;
         margin-bottom: 20px;
     }
     .col-left{
         padding-right: 0;
         padding-top: 0;
         padding-bottom: 0;
     }
     .col-right,.two-col-comp>div,.col-left,.layoutTwoColumn{
         width: 100%;
     }
     .frm_fld.btn_fld{
       padding:0 20px;
       flex-direction: row;
       justify-content: space-between;
     }
     .frm_cntr{
         padding-bottom: 0;
     }
     .frm_wrp{
        margin-top: 0;
        min-height: auto;
     }
     .frm_fld.btn_fld{
        margin-bottom: 20px;
     }
     .mbl_slct .frm_fld .mat-mdc-form-field-error{
        /* width: calc(100% + 85px); */
     }
     .mbl_slct .inpt_fld.frm_fld{
        width: calc(100% - 110px);
    }
    .sngl_frm .frm_wrp{
        min-height: 0;
    }
    .frm_fld.btn_fld button{
        width: 100%;
        margin-bottom: 10px;
    }
    .frm_wrp .frm_hdr{
        margin-bottom: 10px;
    }
    .frm_fld.btn_fld,.sngl_frm.cmnfrm .frm_fld.btn_fld{
        flex-direction: column-reverse;
    }
    .cmbnfrm .frm_cntr .frm_wrp {
        margin-top: 0;
        min-height: unset;
    }
    .mat-mdc-form-field-error {
        margin-left: 0 !important;
    }
  }
  @media  screen and (min-width:768px) and (max-width:1024px) {
     .layoutTwoColumn{
         min-width: 100%;
     }
    .col-left{
        width: 65%;
        padding-right: 20px;
    }
    .col-right{
        width: 35%;
    }
    .box-container{
        display: block;
    }
    .boxes{
        width: 100%;
    }
    .boxes:not(:last-child){
        margin-bottom: 20px;
    }
    .single-col-row{
        padding: 0;
    }
    .frmpg{
        min-height: auto!important;
    }
    .col-right .stp_wrp{
        padding-bottom: 0!important;
    }
    .full-width-bg.grey, .full-width{
     padding: 20px 0!important;
    }
  }
  @media screen and (max-width: 1024px) {
    .frm_fld.btn_fld button{
        width: 100%;
        padding: 0;
    }
    .frm_fld.btn_fld, .sngl_frm.cmbnfrm .btn_fld{
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column-reverse;
     }
  }

    #mat-mdc-form-field-label-6{
        top: 50px !important;
    }
    .ng-untouched #mat-mdc-form-field-label-6{
        top: 28px !important;
    }
    .mat-mdc-floating-label.mdc-floating-label--float-above#mat-mdc-form-field-label-6 {
        top: 28px !important;
    }
    .mbl_slct .inpt_fld .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
        top: 28px !important;
    }
    .mbl_slct .inpt_fld.ng-untouched  .mat-mdc-text-field-wrapper.mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-floating-label#mat-mdc-form-field-label-12 {
        top: 34px!important;
    }
    .mbl_slct mat-form-field .mdc-text-field--invalid .mdc-line-ripple:after{
        width: 98% !important;
    }
    .mbl_slct mat-form-field:last-child input {
        padding: 12px 16px;
    }
    .frm_cntr mat-form-field.mat-form-field-invalid.err_ln .mat-mdc-floating-label.mdc-floating-label mat-label{
        color: #333;
    }
    .mbl_slct.dial_code.err_ln {
        margin-bottom: 20px !important;
    }
    .mbl_slct{
        margin-bottom: 20px !important;
    }
    .mbl_slct:has(.err_ln):not(:has(> mat-form-field)) {
        margin-bottom: 40px !important;
    }

    .mbl_slct:not(> .err_In) mat-form-field:last-child .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
        width: 98% !important;
    }
    .mbl_slct.err_In mat-form-field:last-child .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
        width: 97.3% !important;
    }
    .mbl_slct mat-form-field:last-child.err_In .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
        width: 97.3% !important;
    }
    .mbl_slct mat-mdc-form-field.err_In .mdc-text-field--filled.mdc-text-field--invalid .mat-mdc-form-field-subscript-wrapper{
        height: 50px;
    }
    .mbl_slct .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:after{
      width:98% !important
    }
    @media screen and (max-width: 768px) {
        .mbl_slct mat-form-field:last-child .mdc-line-ripple:before {
            width: 97.5% !important;
        }
        .mbl_slct mat-form-field:last-child .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:after{
            width: 97% !important;
        }
        .mbl_slct .inpt_fld.frm_fld.err_In {
            margin-bottom: 20px !important;
        }
        .col-right .sngl_frm .stp_wrp {
            padding:20px 15px !important;
        }
        .mbl_slct.dial_code .mat-mdc-form-field-error{
            left: -105px;
            position: absolute;
        }

    }
    .frmpg {
        border-bottom-left-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
    }

  .mbl_slct mat-form-field:last-child .mdc-line-ripple:before{
    width: 97.8% !important;
  }
  .mbl_slct mat-form-field:last-child .mdc-line-ripple:after{
    width: 97% !important;
  }

  .mbl_slct.dial_code.err_ln .mdc-line-ripple:after{
    width: 97.5% !important;
  }
  .mbl_slct.dial_code:has(.ng-invalid.ng-touched) .mdc-line-ripple:after, .mbl_slct.dial_code:has(.ng-invalid.ng-touched) .mdc-line-ripple:before, .mbl_slct mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:after{
    width: 98% !important;
  }
  .mbl_slct.dial_code:has(.ng-invalid.ng-touched) .mdc-line-ripple:before{
    width: 96% !important;
  }
  .mbl_slct.dial_code:has(.ng-invalid.ng-touched) mat-form-field:last-child .mdc-line-ripple:before{
    width: 98% !important;
}