.warranty-section{max-width:1064px;width:100%;margin:0 auto}
.warranty-container{background:linear-gradient(90deg,#f6edff 0,#ffe9ea 61%,#fef4e1 100%);border-radius:20px;padding:70px 109px 76px;margin-top:60px;margin-bottom:120px}
.warranty-header{max-width:600px;width:100%;margin:0 auto}
.warranty-header-title{font-family:Lato;font-weight:700;font-size:36px;line-height:130%;color:#1d1d1f;margin-bottom:20px;padding:0 19px;text-align:center}
.warranty-header-subtitle{font-family:Lato;font-weight:400;font-size:16px;line-height:100%;color:#4d4d4d;text-align:center;margin-bottom:60px}
.warrantyFrmContent{width:100%;display:flex;flex-wrap:wrap;gap:20px}
.warrantyFrm__field-group{width:48.8%}
.warranty-form-group .input-field,.warranty-form-group .select-field{width:100%;border:1px solid var(--Neutral-color-grey-200,#b0b1b3);border-radius:6px;padding:16px;background-color:transparent;font-family:Lato;font-weight:400;font-size:16px;line-height:20px;color:#232426}
.warrantyFrm__field-group input[type='tel'].input-field{text-indent:50px}
.input-field:focus-visible{border:1px solid var(--Neutral-color-grey-900,#232426);outline:1px solid transparent}
.warrantyFrm__field-group{position:relative}
.regFrm__label{position:absolute;font-family:Lato;font-weight:400;font-size:10px;line-height:14px;vertical-align:middle;background:#f9ebf7;color:#202020;top:-7px;left:14px;display:none;z-index:2;padding:0 4px}
.input-field:focus ~ .regFrm__label{display:block}
.warranty-form-group.invalid .input-field:focus,.warranty-form-group.invalid .input-field:focus-visible{outline:0;border:1px solid var(--Primary-Colours-Shades-Red-color-red-500,#ed1c24);box-shadow:none}
.warrantyFrm__field-group .invalid label{color:#ed1c24}
.mobile-prefix{position:absolute;left:16px;top:16px;display:flex;align-items:center;column-gap:8px;font-family:Lato;font-weight:400;font-size:16px;line-height:20px;color:#75787b}
.mobile-prefix::after{content:'';width:1px;height:24px;background-color:#100;opacity:.2;display:inline-block;margin-left:3px}
.warranty-form-group.invalid .error-message{position:relative;display:block;padding-top:6px;padding-left:18px}
.error-message{font-family:Lato;font-weight:500;font-size:14px;line-height:16px;vertical-align:middle;color:#ed1c24;display:none}
.warrantyFrm__field-group .error-message::before{content:'';display:inline-block;width:12px;height:12px;background-image:url("../../../../content/dam/asianpaintsbeautifulhomes/complaint-warranty/registration-popup/error.png");background-size:contain;background-repeat:no-repeat;vertical-align:middle;position:absolute;left:0;top:8px}
.dropdown-group{position:relative;display:inline-block;width:100%}
.selected-display{display:block;padding:16px;border:1px solid var(--Neutral-color-grey-200,#b0b1b3);cursor:pointer;border-radius:6px;background-color:transparent;font-family:Lato;font-weight:400;font-size:16px;line-height:20px;color:#75787b}
.selected-display.select-value-active{color:#232426}
.dropdown{list-style:none;padding:0;margin:0;border-radius:4px;max-height:0;display:none;transition:max-height .3s ease;position:absolute;width:100%;background-color:#fff;z-index:10;border:1px solid #efefef;box-shadow:0 4px 4px 0 #00000014;margin-top:6px}
.dropdown .item{padding:10px 16px;cursor:pointer;margin-bottom:16px}
.dropdown .item:last-child{margin-bottom:0}
.dropdown .item:hover{background:linear-gradient(90.85deg,rgba(246,237,255,0.5) 2.92%,rgba(255,233,234,0.5) 61.17%,rgba(254,244,225,0.5) 98.14%);border:1px solid #CCCCCC66;padding:10px 15px;border-radius:4px}
.dropdown-group.dropdownOpen .dropdown{max-height:200px;overflow-y:auto;display:block;padding:20px}
.warranty-form-group.dropdown-group.dropdownOpen .selected-display{border:1px solid var(--Neutral-color-grey-900,#232426);border-radius:6px}
.custom-arrow{position:absolute;right:16px;top:52%;transform:translateY(-50%);width:10px;height:5px;pointer-events:none;background-image:url('../../../../content/dam/asianpaintsbeautifulhomes/complaint-warranty/registration-popup/dropdown-arrow.svg');background-size:contain;background-repeat:no-repeat;transition:transform .3s}
.dropdown-group.dropdownOpen .custom-arrow{transform:translateY(-50%) rotate(180deg)}
.dropdown-group.dropdownOpen .regFrm__label{display:block}
.dropdown-group.invalid .custom-arrow{top:37%}
.warranty-form-group.dropdown-group.dropdownOpen.invalid .selected-display{border:1px solid var(--Primary-Colours-Shades-Red-color-red-500,#ed1c24)}
.textarea-field{width:100%;height:124px;border-radius:6px;border:1px solid var(--Neutral-color-grey-200,#b0b1b3);resize:none;padding:16px;background-color:transparent}
.warrantyFrm__field-group:nth-last-child(2){width:48.8%}
.textarea-field:focus-visible{border:1px solid var(--Neutral-color-grey-900,#232426);outline:1px solid transparent}
.textarea-field:focus-visible ~ .regFrm__label{display:block}
.warrantyFrm__field-group:nth-last-child(1){width:100%;display:flex;align-items:center;justify-content:center}
.submit-area{display:flex;flex-direction:column;align-items:center;margin-top:10px}
.terms-text{font-family:Lato;font-weight:400;font-size:16px;line-height:120%;color:#53565a;margin-bottom:20px}
.terms-text a{font-family:Lato;font-weight:700;font-size:16px;line-height:120%;color:#7455a2}
.reg-submit-button{font-family:Lato;font-weight:700;font-size:18px;line-height:130%;color:#fff;background-color:#7345b2;padding:8.5px 39px;border:0;border-radius:30px;cursor:pointer}
.reg-submit-button.disabled{background:#c9bddb;color:#eeeaf3}
@media screen and (max-width:768px){.warranty-section{padding:0}
.warranty-container{padding:60px 16px 30px;border-radius:unset;margin-top:0;margin-bottom:80px}
.warranty-header-title{font-size:24px;line-height:130%;margin-bottom:10px}
.warranty-header-subtitle{font-size:16px;line-height:100%;margin-bottom:30px}
.warrantyFrm__field-group{width:100%}
.warrantyFrm__field-group:nth-last-child(2){width:100%}
}