.gold-purity{overflow-x:auto}
.gold-purity::-webkit-scrollbar{display:none}
.gold-weight-value{font-size:24px}
.gold-weight-unit{font-size:16px}
.gl-emi-value{font-size:14px}
.eligibility-amount{font-size:24px}
.eligibilityCal-bg-overlay{border-radius:12px;border-bottom-right-radius:0;border-bottom-left-radius:0;opacity:.5 !important}
.bottom-content{border-bottom-left-radius:0}
.eligibility-img{width:119px;height:111px}
.eligibility-input-field{padding:12px}
.input-div{border-radius:12px;border-top-left-radius:0;border-top-right-radius:0}
.cal-subheading-desc{font-size:0}
.cal-subheading-desc span p{display:inline;font-size:14px}
.cal-subheading-desc span ol li,.cal-subheading-desc span ul li{font-size:14px}
.cal-subheading-desc span ol,.cal-subheading-desc span ul,.cal-subheading-desc span dl,.cal-subheading-desc span p,.cal-subheading-desc span{margin-bottom:0}
.main-cal-container{box-shadow:0 4px 14px 2px rgba(0,0,0,0.08);border-radius:12px !important}
.img-opicity{opacity:.5}
.eligibilityAmountText,.monthlyEMIText{margin-bottom:2px}
input#tenure,#roi{outline:unset}
.monthly-income-text,.monthly-emi-text,.monthly-expenses-text{font-size:14px}
.left-side,.right-side{height:50px;background:#ffeee5;color:#f50;font-size:22px}
.max-min-limit-color{background-color:#f4f4f4 !important}
.transform-dropdown-img{transform:rotate(180deg)}
.interest-payout-dropdown-img{width:13%}
.dropdown-text{font-size:14px}
.purity-tab-label.active-gender,.tab-label.active-gender{background-color:#fdc !important;border:1px solid #f50 !important;font-weight:bold}
.output-readmore-text p{font-size:10px !important;color:#111 !important}
.check-gold-calc-btn{width:100%}
.selection-tab{padding-bottom:24px}
.gold-calculator p.goldratetodays{font-size:12px !important}
.gold-calculator .cal-collapsedContent{margin-left:3px}
@media only screen and (min-width:768px){.selection-tab{padding-bottom:16px}
.gold-weight-value{font-size:50px}
.gl-emi-value{font-size:24px}
.dropdown-text{font-size:16px}
.left-side,.right-side{height:56px}
.monthly-income-text,.monthly-emi-text,.monthly-expenses-text{font-size:16px}
.eligibilityCal-bg-overlay{border-radius:12px;border-top-right-radius:0;border-bottom-right-radius:0}
.bottom-content{border-bottom-left-radius:12px}
.input-div{border-radius:12px;border-top-left-radius:0;border-bottom-left-radius:0}
.output-left-container{padding-top:15.5% !important}
.eligibility-amount{font-size:50px}
.eligibility-emi{font-size:24px}
.eligibility-img{width:17vw;height:22vh}
.output-readmore-text p{font-size:14px !important}
.check-gold-calc-btn{width:50%}
.gold-calculator p.goldratetodays{font-size:16px !important}
}
.tooltipFont{font-size:7px !important}
.monthly-expenses .tooltipFont{font-size:7px !important}
.monthly-expenses .custom-slider-width{max-width:571px !important}
.monthly-expenses #goldLoan{font-size:16px;text-decoration-thickness:4px !important}
.monthly-expenses .custom-overlay{height:100%;z-index:2;position:absolute;left:0;width:100%;pointer-events:none;background:linear-gradient(to left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 36%,rgba(255,255,255,0) 70%,rgba(255,255,255,1) 100%)}
.monthly-expenses #prevGoldWeight,.monthly-expenses #prev,.monthly-expenses #next,.monthly-expenses #nextGoldWeight{width:24px;height:24px;top:80%;left:-5px;right:auto}
.monthly-expenses #next,.monthly-expenses #nextGoldWeight{left:auto;right:-5px}
.monthly-expenses #next::after,.monthly-expenses #nextGoldWeight::after,.monthly-expenses #prevGoldWeight::after,.monthly-expenses #prev::after{content:"";display:block;width:6px;height:6px;margin-right:3px;border-right:1.5px solid black;border-bottom:1.5px solid black;transform:rotate(-45deg)}
.monthly-expenses #prev::after,.monthly-expenses #prevGoldWeight::after{transform:rotate(135deg);margin-left:3px;margin-right:0}
.tooltip:after,.tooltip:before{opacity:0;pointer-events:none;bottom:100%;left:50%;position:absolute;z-index:10;transform:translate(-50%,10px);transform-origin:top}
.tooltip:after{width:212px;background-color:rgba(0,0,0,0.6);color:var(--bs-white);font-size:12px;font-weight:normal;content:attr(data-tooltip);padding:10px;white-space:normal;margin-top:4px;border-radius:4px}
.tooltip:before{content:"";border-right:6px solid rgba(0,0,0,0.6);border-bottom:6px solid rgba(0,0,0,0.6);transform:translate(-85%,71%) rotate(45deg) !important;margin-top:5px}
.tooltip:hover:before,.tooltip:hover:after{opacity:1;pointer-events:none;bottom:auto;left:100%;top:50%;transform:translate(-20%,20%)}
.monthly-expenses .tickScale .smallTick{border:.5px solid;height:14px !important;padding:0 !important;height:20px;width:1px;align-self:end;background-color:black}
.monthly-expenses .tickScale .bigTick{border:.5px solid;height:24px;width:1px;padding:0 !important;background-color:black}
.gold-weight.monthly-expenses .tickScale .swiper-slide-active::after{content:" ";background-image:url(../../../../../../../content/dam/experience_aop/application-assets/sliderThumb.svg);background-size:12px 14px;background-repeat:no-repeat;width:14px;height:12px;display:block;z-index:3;position:absolute;margin-left:2px;bottom:-1px}
.gold-loan.monthly-expenses .tickScale .swiper-slide-active::after{content:" ";background-image:url(../../../../../../../content/dam/experience_aop/application-assets/sliderThumb.svg);background-size:12px 14px;background-repeat:no-repeat;width:14px;height:12px;display:block;z-index:3;position:absolute;margin-left:2px;bottom:-1px}
.gold-loan.monthly-expenses .tickScale .data-node:nth-child(1) .swiper-slide-active::before{content:var(--minSliderVal);position:absolute;right:0;padding-right:12px;white-space:nowrap}
.gold-loan.monthly-expenses .tickScale .swiper-slide-active.swiper-slide:nth-last-child(1)::before{content:var(--maxSliderVal);position:absolute;left:0;padding-left:12px}
.gold-weight.monthly-expenses .tickScale .data-node:nth-child(1) .swiper-slide-active::before{content:var(--minGWSliderVal);position:absolute;right:0;padding-right:12px;white-space:nowrap}
.gold-weight.monthly-expenses .tickScale .swiper-slide-active.swiper-slide:nth-last-child(1)::before{content:var(--maxGWSliderVal);position:absolute;left:0;padding-left:12px}
.monthly-expenses input:focus-visible{outline:0}
@media only screen and (min-width:768px){.monthly-expenses .custom-overlay{background:linear-gradient(to left,rgba(255,255,255,0) 4%,rgba(255,255,255,1) 0,rgba(255,255,255,0) 36%,rgba(255,255,255,0) 70%,rgba(255,255,255,1) 95.5%,rgba(255,255,255,0) 100%)}
.monthly-expenses #goldLoan{font-size:20px}
}
@media(min-width:768px){.custom-column-60 .gold-calculator .goldloancalculatorcontainer{padding:24px 24px 0 24px !important;margin:0 !important;width:auto}
.custom-column-60 .gold-calculator .top-wrapper{margin:0 !important}
.custom-column-60 .gold-calculator .main-section{padding:16px 5px 24px 24px !important}
.custom-column-60 .gold-calculator .goldloancalculatorcontainer .gold-loan-heading{margin-bottom:0 !important}
.custom-column-60 .gold-calculator .main-cal-container{margin:0 !important;width:auto !important;box-shadow:0 .125rem .25rem rgba(0,0,0,0.2) !important}
.custom-column-60 .gold-calculator .goldratetodays{font-size:16px !important}
.custom-column-60 .gold-calculator .monthly-expenses #goldLoan{font-size:20px !important}
.custom-column-60 .gold-calculator .monthly-expenses .loan-amt{width:33% !important}
.custom-column-60 .gold-calculator .gold-weight-value{font-size:46px !important}
.custom-column-60 .gold-calculator .check-gold-calc-btn{width:75% !important}
.custom-column-60 .gold-calculator .monthly-expenses #next{box-shadow:0 .125rem .25rem rgba(0,0,0,0.2);right:-10px !important;top:80% !important}
.custom-column-60 .gold-calculator .monthly-expenses #prev{box-shadow:0 .125rem .25rem rgba(0,0,0,0.2);left:-11px !important;top:80% !important}
.custom-column-60 .gold-calculator .left-side,.custom-column-60 .gold-calculator .right-side{height:auto !important}
}