.container.term-calculator-container{
  max-width: 1206px;
  margin: 0 auto;
  padding: unset;
}
.term-calculator-container >.cmp-container{
  display: flex;
  border-radius: 24px;
  background: #F2F7FB;
  gap: 24px;
  padding: 24px;
}

.term-calculator-container .cmp-container .extendedimage.term-banner-logo{
  width: 540px;
  height: 485px;
}
.term-calculator-container .cmp-container .extendedimage.term-banner-logo .cmp-image{
  width: 540px;
  height: 485px;
}
.term-calculator-container .cmp-container .extendedimage.term-banner-logo .cmp-image__image{
  width: 540px;
  height: 485px;
}
.terminsurancecalculator .term-insurance-wrapper{
  padding: 0px;
  background: transparent;
}
.terminsurancecalculator .term-insurance-wrapper .tic-premium-calc-title{
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.24px;
  background: var(--Primary-Gradient, linear-gradient(90deg, #0073BB 0%, #D62049 55%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  margin-bottom: 16px;
}
.term-calculator-container .term-insurance-wrapper .name-date-field-wrap{
  display: flex;
  column-gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.term-calculator-container .term-insurance-wrapper .term-insurance-form .inp-wrapper__grp__label{
  color: #58595B;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: -0.14px;
  margin-bottom: 8px;
}
.term-calculator-container .term-insurance-wrapper .term-insurance-form .inp-wrapper{
  margin-bottom: 16px;
}
.term-calculator-container .term-insurance-wrapper .term-insurance-form .inp-wrapper-name{
  width: 48.3%;
}
.term-calculator-container .term-insurance-wrapper .term-insurance-form .inp-wrapper__grp__field{
  padding: 13px 16px;
  border-radius: 8px;
  border: 1px solid #E6E7E8;
  background-color: #FFF;
  box-shadow: unset;
}
.term-calculator-container .term-insurance-wrapper .term-insurance-form .inp-wrapper__grp__field::placeholder{
  color: #A7A9AC;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.14px;
}
.term-calculator-container .term-insurance-wrapper .term-insurance-form .dob-wrapper{
  width: 49%;
}
.term-calculator-container .term-insurance-wrapper .term-insurance-form .dob-wrapper .inp-wrapper__grp__field{
  padding-right: 50px;
  background-image: url(../../../../../content/dam/tataaialifeinsurancecompanylimited/hard-code-icons/common-icons/newcalendar.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) center;
}

.term-calculator-container .ta-bo-toggle-switch{
  min-width: 180px;
  border-radius: 8px;
  border: 1px solid #A7A9AC;
  box-shadow: unset;
}
.term-calculator-container .ta-toggle-switch-label{
  padding: 16px;
  width: 100%;
  color: #58595B;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.14px;
}
.ta-bo-toggle-switch {
  position: relative;
  cursor: pointer;
  display: flex
;
  border-radius: 100px;
  border: 1px solid rgba(163, 163, 163, 0.30);
  background: var(--grey-tone-light-4);
  box-shadow: 0px 0px 20px 0px rgba(163, 163, 163, 0.20) inset;
}
.ta-bo-toggle-switch .switch{
  position: absolute;
    width: 55%;
    height: 100%;
    transition: all 0.15s ease;
    left: 0;
    z-index: 1;
    border-radius: 100px;
    border: 1px solid var(--grey-tone-light-2);
    background: var(--neutral-white);
    display: flex;
    align-items: center;
    column-gap: 4px;
    justify-content: center;
}

.term-calculator-container .ta-bo-toggle-switch .switch{
  border-radius: 8px;
  border: 2px solid #0073BB;
  background: #FFF;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
  padding: 16px;
  height: 104%;
  top: -1px;
  left: -1px;
  right: -1px;
  column-gap: 8px;
}
.term-calculator-container .ta-bo-toggle-switch .switch .switch-txt{
  color: #0073BB;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.14px;
}
.term-calculator-container .ta-bo-toggle-switch.off .switch{
  left: 46%;
}
.term-calculator-container .ta-bo-toggle-switch{
  background: transparent;
}
.term-calculator-container .bo-calc-toggle-btn-wrap{
  margin-bottom: 16px;
}
.term-calculator-container .ta-bo-toggle-switch .switch img{
  width: 16px;
  height: 16px;
}
.term-calculator-container .mobileno-emailid{
  display: flex;
  gap: 16px;
}
.term-calculator-container .mobileno-emailid .mobileno-fvc{
  width: 50%;
}
.term-calculator-container .data-phone-number-main-wrap{
  width: 50%;
}
.term-calculator-container .inp-country-dropdown .inp-country-label{
  /* width: 100%; */
  width: 38%;
}
.term-calculator-container .inp-country-dropdown .inp-country-label--wrap{
  margin-bottom: unset;
  justify-content: unset;
}
.term-calculator-container .inp-country-dropdown .inp-county-wrap{
  border-radius: 8px;
  border: 1px solid #E6E7E8;
  background: #FFF;
}
.term-calculator-container .inp-country-dropdown .inp-county-wrap .srp-pointer-evt{
  pointer-events: none;
}
.term-calculator-container .inp-country-dropdown .inp-country-field::placeholder{
  color: #A7A9AC;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.14px;
}
.term-calculator-container .inp-country-dropdown .inp-country-field{
  padding: 13px 10px;
  border-radius: 0 8px 8px 0;
  color: #000;
}
.term-calculator-container .inp-country-dropdown .inp-country-otp-txt{
  /* width: 100%; */
  /* margin-top: -5px; */
}
.term-calculator-container .inp-country-dropdown .county-code{
  padding: 6px 30px 6px 5px;
  color: #58595B;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.14px;
}
.term-calculator-container .inp-country-dropdown .hide-country-arrow{
  padding: 10px 20px;
}
.term-calculator-container .terminsurance-dropdown-field{
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.term-calculator-container .inp-wrapper--dropdown{
  width: 22.9%;
}
.term-calculator-container .inp-country-dropdown .county-code::after{
  display: block;
  position: absolute;
  content: '';
  background-image: url("../../../../../content/dam/tataaialifeinsurancecompanylimited/hard-code-icons/common-icons/dropdown-arrow.svg");
  width: 24px;
  height: 24px;
  background-size: 100% 100%;
  right: 5px;
  top: 3px;
}
.term-calculator-container .inp-country-dropdown .srp-pointer-evt .county-code::after{
  display: none;
}
.term-calculator-container .inp-country-dropdown .county-code.active::after{
  
  background-image: url("../../../../../content/dam/tataaialifeinsurancecompanylimited/hard-code-icons/common-icons/dropdown-arrow-up.svg");
}
.term-calculator-container .inp-wrapper--dropdown .inp-wrapper__dropdonw{
  border-radius: 8px;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.20);
  max-height: 144px;
  margin-top: 2px;
}
.term-calculator-container .inp-wrapper--dropdown .inp-wrapper__dropdonw .inp-wrapper__dropdonw-item{
  border-bottom: 1px solid #F2F7FB;
  background: #FFF;
  color: #58595B;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.14px;
  padding: 8px 16px;
}
.term-calculator-container .inp-wrapper--dropdown .inp-wrapper__dropdonw .inp-wrapper__dropdonw-item:hover, .inp-wrapper--dropdown .inp-wrapper__dropdonw .inp-wrapper__dropdonw-item:focus{
  background-color: #F2F7FB;
  color: #0073BB;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.14px;
}
.term-calculator-container .inp-wrapper--dropdown .inp-wrapper__dropdonw .inp-wrapper__dropdonw-item.selected{
  border-bottom: 1px solid #F2F7FB;
  background: #FFF;
  color: #4197D3;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.14px;
}
.term-calculator-container .inp-wrapper--dropdown .inp-wrapper__dropdonw::-webkit-scrollbar-thumb{
  border-radius: 21px;
  background: #A7A9AC;
}
.term-calculator-container .tic-premium-calc-wrapper .tic-premium-calc-form .tic-premium-calc-term-sec-wrp {
  column-gap: 8px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
}
.term-calculator-container .tic-premium-calc-wrapper .tic-premium-calc-form .tic-premium-calc-term-sec-wrp p {
  color: var(--grey-tone-light-1);
  font-family: Inter;
  font-size: 0.625rem;
  line-height: 12px;
}
.term-calculator-container .ticpremium-consent-checkbox{
  width: 43px;
  margin: unset;
  height: 18px;
  outline: none;
  cursor: pointer;
}
.term-calculator-container .ticprecheckbox-errormsg-evt {
  color: #D62049;
  font-family: Inter;
  font-size: 10px;
  font-weight: 400;
  line-height: normal;
  margin-top: 6px;
  margin-bottom: 3px;
}
.term-calculator-container .ticpremium-dnone{
  display: none;
}
.term-calculator-container .tic-premium-calc-wrapper .tic-premium-calc-form .tic-premium-calc-term-sec-wrp p{
  color: #58595B;
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.1px;
}
.term-calculator-container .tic-premium-calc-wrapper .tic-premium-calc-form .tic-premium-calc-term-sec-wrp p a{
  text-decoration: underline;
}
.term-calculator-container .ta-btn-primary{
  border-radius: 8px;
  background: #D62049;
  padding: 16px 24px;
  color: #FFF;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -0.14px;
}
.term-calculator-container .inp-wrapper--dropdown:focus-within .inp-wrapper__grp__field+.inp-wrapper__grp__label{
  color: #58595B;
}
.term-calculator-container .inp-wrapper--invalid .inp-wrapper__grp__label{
  color: #f64a4a !important;
}
.term-calculator-container .inp-wrapper--invalid .inp-wrapper__grp__field{
  color: #f64a4a;
}
.term-calculator-container .inp-wrapper--dropdown .inp-wrapper__grp__field{
  background-image: url(../../../../../content/dam/tataaialifeinsurancecompanylimited/hard-code-icons/common-icons/Down-Icon.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) center;
}
.term-calculator-container .inp-wrapper--dropdown .inp-wrapper__grp__field:focus{
  background-image: url(../../../../../content/dam/tataaialifeinsurancecompanylimited/hard-code-icons/common-icons/Down-Icon.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) center;
}
.term-calculator-container .cmp-container .extendedimage.term-banner-logo{
  display: block;
}
.term-calculator-container .cmp-container .extendedimage.term-person-img{
  display: none;
}
.term-insurance-wrapper .term-insurance-form .inp-wrapper__grp__field.policyTermCurrentInput,
.term-insurance-wrapper .term-insurance-form .inp-wrapper__grp__field.sumAssuredCurrentInput,
.term-insurance-wrapper .term-insurance-form .inp-wrapper__grp__field.annualIncomeCurrentInput,
.term-insurance-wrapper .term-insurance-form .inp-wrapper__grp__field.paymentModeCurrentInput{
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.14px;
  cursor: pointer;
}
.term-calculator-container .inp-wrapper__grp__field:focus+.inp-wrapper__grp__label{
  color: #0073bb;
}
.term-calculator-container .inp-wrapper--invalid .inp-wrapper__grp__field:focus+.inp-wrapper__grp__label{
  color: #F64A4A !important;
}
.term-calculator-container .inp-wrapper__grp__field:focus{
  border: 1px solid #0073bb !important;
}
.term-calculator-container .inp-wrapper__grp__field:focus+.inp-wrapper__grp__label{
  color:#0073bb !important;
}
.term-calculator-container .inp-country-dropdown:focus-within .inp-county-wrap+.inp-country-label--wrap .inp-country-label{
  color: #0073bb !important;
} 
.term-calculator-container .inp-country-dropdown:focus-within .inp-country-label {
  color: #0073bb !important;
}
.inp-wrapper--invalid.inp-country-dropdown:focus-within .inp-country-label{
  color: #F64A4A !important;
}
.term-calculator-container .inp-wrapper--invalid .inp-country-dropdown:focus-within .inp-country-label {
  color: #0073BB !important;
}
.term-calculator-container .inp-country-dropdown:focus-within .inp-county-wrap {
  border: 1px solid #0073BB;
}
.term-calculator-container .inp-wrapper--invalid.inp-country-dropdown .inp-county-wrap {
  border: 1.5px solid #f64a4a;
}
.term-calculator-container .inp-wrapper--invalid .inp-wrapper__grp__field{
  border: 1.5px solid #f64a4a !important;
}
.term-calculator-container .form-btn-container .proxybutton{
  display: none;  
}
.term-calculator-container .inp-country-dropdown .inp-county-wrap .county-code-popup{
  left: 0;
}
.term-calculator-container .gender-toggle{
  margin: 0 10px;
}
.term-calculator-container .inp-wrapper--invalid .inp-wrapper__grp__field{
  color: #333 ;
}
.container.form-btn-container{
  padding: unset;
}
.term-calculator-container .inp-country-dropdown .inp-country-otp-txt{
  width: 68%;
}
.term-calculator-container .data-otp-wrapper{
  width: 50%;
}
.term-calculator-container .inp-wrapper-otp .inp-otp-field-wrap .inp-otp-field{
  padding: 12px 14px;
}
.term-calculator-container .inp-wrapper-otp .inp-otp-label-wrap .inp-otp-label{
  color: #58595B;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: -0.14px;
  margin-bottom: 5px;
}
.term-calculator-container .inp-country-dropdown .inp-country-otp-btn{
  height: 49px;
}
.term-calculator-align-space > .cmp-container{
  gap: 12px;
}
.tic-premium-calc-wrapper .inp-wrapper__error {
  margin-top: 4px;
  color: var(--alert-error);
  font-family: 'helveticaregular', sans-serif;
  font-size: 0.75rem;
  line-height: 14.4px;
}
.term-calculator-container .cmp-container .extendedimage.terminsurance-banner-logo{
  width: 190px;
  height: auto;
}
.term-calculator-container .cmp-container .extendedimage.terminsurance-banner-logo .cmp-image,
.term-calculator-container .cmp-container .extendedimage.terminsurance-banner-logo .cmp-image__image{
  width: 190px;
  height: 79px;
}
.term-calculator-container .cmp-container .extendedimage.terminsurance-person-img{
  display: block;
}
@media screen and (max-width: 768px){
  .term-calculator-container .cmp-container .extendedimage.term-banner-logo{
    display: none;
  }
  .term-calculator-container .cmp-container .extendedimage.term-person-img{
    display: block;
    width: 100%;
    height: 176px;
    padding: 0 20px 16px 20px;
  }
  .term-calculator-container .cmp-container .extendedimage.term-person-img .cmp-image__image{
    display: block;
    width: 100%;
    height: 176px;
  }
  .term-calculator-container >.cmp-container{
    flex-direction: column;
    padding: unset;
    gap: 16px;
    background: unset;
  }
  .term-calculator-container .form-btn-container .cmp-container{
    background-color: #F2F7FB;
    padding: 20px;
  }
  .term-calculator-container .terminsurancecalculator .term-insurance-wrapper .tic-premium-calc-title{
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.2px;
    background: var(--Primary-Gradient, linear-gradient(90deg, #0073BB 0%, #D62049 80%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
  }
  .term-calculator-container .term-insurance-wrapper .term-insurance-form .inp-wrapper-name{
    width: 100%;
  }
  .term-calculator-container .term-insurance-wrapper .term-insurance-form .dob-wrapper{
    width: 51%;
  }
  .term-calculator-container .ta-bo-toggle-switch{
    min-width: 124px;
  }
  .term-calculator-container .term-insurance-form{
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 0px 10px 1px rgba(0, 127, 197, 0.12);
    padding: 16px;
  }
  .term-calculator-container .mobileno-emailid{
    flex-direction: column;
    gap: unset;
  }
  .term-calculator-container .data-phone-number-main-wrap{
    width: 100%;
  }
  .term-calculator-container .mobileno-emailid .mobileno-fvc{
    width: 100%;
  }
  .term-calculator-container .inp-wrapper--dropdown{
    width: 47%;
  }
  .term-calculator-container .ta-btn-primary{
    width: 100%;
    line-height: 21px;
    text-align: center;
    padding: 12px 24px;
  }
  .term-calculator-container .term-insurance-wrapper .term-insurance-form .inp-wrapper__grp__label{
    margin-bottom: 4px;
    color: #58595B;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.12px;
  }
  .term-calculator-container .term-insurance-wrapper .term-insurance-form .inp-wrapper__grp__field{
    color: #000;
    background-size: 16px 16px;
  }
  .term-calculator-container .term-insurance-wrapper .term-insurance-form .dob-wrapper .inp-wrapper__grp__field{
    padding-right: 35px;
    background-position: calc(100% - 12px) center;
  }
  .term-calculator-container .ta-toggle-switch-label{
    color: #A7A9AC;
  }
  .term-calculator-container .ticpremium-consent-checkbox{
    width: 65px;
  }
  .term-calculator-container .terminsurance-dropdown-field{
    row-gap: unset;
  }
  .term-calculator-container .form-btn-container .proxybutton{
    display: block;
    margin: 0 16px;
    border-radius: 8px;
    border: 1.5px solid var(--Primary-Primary-Blue, #0073BB);
    background: #FFF;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
  }
  .term-calculator-container .form-btn-container .proxybutton .cmp-button{
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    text-align: center;
    justify-content: center;
    padding: 10px 12px 10px 35px;
    height: 100%;
  }
  .term-calculator-container .form-btn-container .proxybutton .cmp-button img{
    width: 30px;
   height: 30px;
   margin-right: 4px;
  }
  .term-calculator-container .form-btn-container .proxybutton{
    margin-top: 16px;
    height: 50px;
  }
  .term-calculator-container .showlesstxt{
    display: none;
  }
  .term-calculator-container .form-btn-container .proxybutton .cmp-button .cmp-button__text{
    color: #0073BB;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: -0.14px;
    position: relative;
  }
  .term-calculator-container .gender-toggle{
    margin: unset;
  }
  .term-calculator-container .form-btn-container .proxybutton .cmp-button .cmp-button__text::before{
    content:url('../../../../../content/dam/tataaialifeinsurancecompanylimited/hard-code-icons/common-icons/whatsapp-btn.svg');
    position:absolute;
    left: -35px;
    top: -6px;
    width: 30px;
    height: 30px;
  }
  .term-calculator-container .inp-country-dropdown .inp-country-otp-btn{
    padding: 13px 12px 13px 12px;
  }
  .term-calculator-container .data-otp-wrapper{
    width: 100%;
  }
  .term-calculator-container .inp-wrapper-otp .inp-otp-label-wrap .inp-otp-label{
    color: #58595B;
    font-family: Inter;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.12px;
    margin-bottom: unset;
  }
  .term-calculator-container .inp-country-dropdown .inp-country-otp-btn{
    height: 47px;
  }
  .term-calculator-align-space > .cmp-container{
    gap: 16px;
  }
  .term-calculator-align-space > .cmp-container .bgcolorcontainer .container-align {
    padding: unset;
  }
  .term-calculator-container .cmp-container .extendedimage.terminsurance-banner-logo{
    width: 144px;
    height: auto;
  }
  .term-calculator-container .cmp-container .extendedimage.terminsurance-banner-logo .cmp-image, 
  .term-calculator-container .cmp-container .extendedimage.terminsurance-banner-logo .cmp-image__image{
    width: 144px;
    height: 60px;
  }
  .term-calculator-container .cmp-container .extendedimage.terminsurance-person-img{
    display: none;
  }
}