@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.app{min-height:100vh;min-height:100svh;margin:auto;width:100%;display:flex;flex-direction:column;color:#000;background:url(https://promo-campaign.blr1.digitaloceanspaces.com/scotch-brite-3m/ui/assets/images/scotch-bright-bg.png) repeat-y center center;background-size:100% 100%}@media screen and (max-width: 768px){.app{height:100svh;margin:auto;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;position:relative;background:url(https://promo-campaign.blr1.digitaloceanspaces.com/scotch-brite-3m/ui/assets/images/scotch-bright-bg.png) repeat-y center center;background-size:100% 100%}}.popup .popup-modal .content{padding:1rem;overflow-y:scroll;overflow-x:hidden;width:100%;flex:1;text-align:start;background:url(https://promo-campaign.blr1.digitaloceanspaces.com/scotch-brite-3m/ui/assets/images/scotch-bright-bg.png) repeat-y center center;background-size:100% 100%;background-color:#fff}.main-layout{display:flex;flex-direction:column;min-height:100%;font-family:Myriad Pro}@media screen and (min-width: 768px){.main-layout{display:grid;grid-template-columns:1fr 1fr;width:100%;height:100vh;justify-content:center;align-items:center}}.main-layout .content{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.main-layout header.header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;width:100%;top:0;z-index:10}@media screen and (min-width: 768px){.main-layout header.header{position:absolute;width:100%;top:0;z-index:10}}.main-layout header.header .scotch-brand-logo{width:85px}@media screen and (min-width: 768px){.main-layout header.header .scotch-brand-logo{max-width:130px;width:75%;display:block}}.main-layout header.header .menu-icon{width:40px;cursor:pointer}@media screen and (min-width: 768px){.main-layout header.header .menu-icon{width:50px}}.main-layout .brand-header-img{text-align:center}@media screen and (min-width: 768px){.main-layout .brand-header-img{width:100%;padding:2rem}}.main-layout .brand-header-img .product-logo{width:100%;height:100%}@media screen and (min-width: 768px){.main-layout .brand-header-img .product-logo{border-radius:10px}}.footer-section{text-align:center;background:#000;color:#fff}@media screen and (min-width: 768px){.footer-section{position:absolute;bottom:0;width:100%;z-index:15}}.footer-section .footer-text{text-align:center;font-family:Roboto;font-style:normal;font-weight:500;line-height:normal;margin:6px 0;font-size:8px}@media screen and (min-width: 768px){.footer-section .footer-text{font-size:12px}}.side-menu{position:fixed;width:100%;height:100%;top:0;left:0;right:0;z-index:100;transition:all 0s}@media screen and (min-width: 768px){.side-menu{margin:0 auto}}.side-menu.opened{transform:translate(0)}.side-menu.opened .bg{opacity:1}.side-menu.opened .modal{transform:translate(0);background-color:#eac444;background:var(--bg-image-url) repeat-y center center;background-size:100% 100%;background-color:#fff}.side-menu.closed{transition-delay:.5s;transform:translate(100vw)}.side-menu.closed .bg{opacity:0}.side-menu.closed .modal{transform:translate(100vw)}.side-menu .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:1;transition:all .5s ease-in-out;z-index:1;transition:all .3s}.side-menu .modal{position:absolute;top:0;width:85%;max-width:300px;right:0;z-index:2;background:#fff;height:100%;overflow:auto;transition:all .5s}.side-menu .modal .side-menu-header{display:flex;justify-content:space-between;margin:26px 24px}.side-menu .modal .side-menu-header .close-icon{width:40px;cursor:pointer}@media screen and (min-width: 768px){.side-menu .modal .side-menu-header .close-icon{width:50px}}.side-menu .modal .options{display:flex;flex-direction:column;align-items:center;font-weight:600}.side-menu .modal .options a{text-decoration:none}.side-menu .modal .options .option{padding:15px;color:#000;text-align:center;font-size:16px;background-size:contain;background-repeat:no-repeat;background-position:bottom center;cursor:pointer;transition:transform .3s;border-radius:8px;border-bottom:1px solid #000;margin-top:1rem;width:90%;text-transform:capitalize;font-family:Montserrat}.side-menu .modal .options .option a{color:#000}.contact-us-popup{text-align:center;font-size:20px;padding:0;line-height:1;font-family:Montserrat}.contact-us-popup .test3{text-align:start;font-style:normal}@media screen and (min-width: 768px){.contact-us-popup .test3{text-align:center;line-height:normal}}.contact-us-popup .test3 .que{font-size:26px;font-style:normal;font-weight:600}.contact-us-popup .popup-modal .header{border:none}.contact-us-popup .popup-modal .content{padding-top:0}.contact-us-popup .text3 a{text-decoration:none}.terms-and-conditions-popup .terms-and-conditions-content{text-align:start;font-family:Montserrat;font-size:18px;padding:0;line-height:1}.terms-and-conditions-popup .terms-and-conditions-content h1,.terms-and-conditions-popup .terms-and-conditions-content h3{font-family:Montserrat;font-size:24px;font-style:normal;font-weight:600;margin:0}.reg-sec{width:100%;padding:1rem;font-family:Montserrat;font-size:22px;font-style:normal;font-weight:600;text-align:center;line-height:normal;margin-bottom:2rem}@media screen and (min-width: 768px){.reg-sec{width:85%}}.reg-sec form .form-wrapper{display:flex;flex-direction:column;gap:1rem}.reg-sec form .form-wrapper .heading{font-family:Montserrat;font-size:24px;font-style:normal;font-weight:600;margin:0;text-align:center;margin-bottom:2rem}.reg-sec form .form-wrapper .register-form{display:flex;flex-direction:column;gap:.5rem}.reg-sec form .form-wrapper .register-form label{color:#000;font-family:Montserrat;font-size:16px;font-style:normal;font-weight:500}.reg-sec form .form-wrapper .register-form .mobile-code{position:relative}.reg-sec form .form-wrapper .register-form .mobile-code .cn-code{position:absolute;top:0;left:12px;font-family:Montserrat}.reg-sec form .form-wrapper .tandc{display:flex;align-items:start;gap:.5rem;justify-content:center}.reg-sec form .form-wrapper .tandc label{cursor:pointer;font-family:Montserrat;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.reg-sec form .form-wrapper .tandc label .terms-condition{font-size:14px;font-style:normal;font-weight:700;line-height:normal;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.reg-sec form .form-wrapper .tandc label .terms-condition .and{border-bottom:none}.reg-sec form .form-wrapper .tandc label .privacy-policy{font-size:14px;font-style:normal;font-weight:700;line-height:normal;color:#000}.reg-sec form .form-wrapper .btn-gradient{margin-top:2rem}.ind-mob{text-align:start;padding-left:3rem!important}.app{min-height:100vh;min-height:100svh;margin:auto;width:100%;display:flex;flex-direction:column;color:#000;background:url(https://promo-campaign.blr1.digitaloceanspaces.com/scotch-brite-3m/ui/assets/images/scotch-bright-bg.png) repeat-y center center;background-size:100% 100%}@media screen and (max-width: 768px){.app{height:100svh;margin:auto;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;position:relative;background:url(https://promo-campaign.blr1.digitaloceanspaces.com/scotch-brite-3m/ui/assets/images/scotch-bright-bg.png) repeat-y center center;background-size:100% 100%}}.app body{margin:0;padding:0;font-family:Montserrat;line-height:100%;background-color:#9f9393}.app .app-content{flex:1;display:flex;position:relative;flex-direction:column}body{margin:0;padding:0;font-family:Montserrat;line-height:100%}*{box-sizing:border-box}img{max-width:100%}.btn{outline:none;padding:15px 10px!important;padding:8px 30px;font-size:18px;font-weight:700;text-align:center;cursor:pointer;transition:all .3s;border-radius:8px;background:linear-gradient(0deg,#870f1b,#ed1b2f);width:70%;border:none;color:#fff;font-family:Montserrat}.btn:disabled{cursor:not-allowed;opacity:.7}.checkbox-container{display:flex;position:relative;padding-left:25px;cursor:pointer;font-size:12px;-webkit-user-select:none;user-select:none;text-align:start;color:#fff}.checkbox-container p{margin:0}.checkbox-container .link{text-decoration:underline;cursor:pointer;color:#bd001c}.checkbox-container select{padding:10px;font-size:18px;text-align:start;border:none;box-sizing:border-box;background:#f2f2f2;border-radius:4px;color:#000;width:100%;outline:none;text-align-last:center;display:flex;justify-content:center}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark{position:absolute;left:0;height:16px;width:16px;border:1px solid #ffffff;border-radius:50%}.checkbox-container .checkmark:after{content:"";position:absolute;display:none;left:4px;top:0;width:4px;height:9px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}select{padding:15px 10px;text-align:start;border:none;box-sizing:border-box;font-size:15px;border-radius:8px;background:#fff;color:#000;width:100%;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:Montserrat;display:flex;justify-content:center}select option{background-color:#20202099;color:#fff}.input-group{margin-top:10px;text-align:center;width:100%}.error{color:#d10404;text-align:center;font-size:14px;margin:0;font-family:Montserrat}input{padding:15px 10px!important;font-size:15px;text-align:center;border:none;box-sizing:border-box;border-radius:8px;background:#fff;width:100%;outline:none;text-overflow:ellipsis;font-family:Montserrat}input::placeholder{color:#fff}input.gender-input{padding:15px 10px;width:100%;font-size:15px;text-align:center}.grecaptcha-badge{bottom:40px!important;display:none!important}.Toastify__toast-theme--light{background:#fff;color:#000}.Toastify__toast-theme--light.Toastify__toast--success{background:var(--bg-blue)}.popup{position:fixed;width:100%;height:100%;top:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center}.popup .popup-bg{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000000b3}.popup .popup-modal{align-items:center;border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%;height:100%;z-index:1;color:#000}.popup .popup-modal .header{width:100%;height:50px;position:sticky;top:0;background-color:#000;color:#fff;display:flex;align-items:center;justify-content:center}.popup .popup-modal .header .title{font-size:24px;margin:0}.popup .popup-modal .content{padding:1rem;overflow-y:scroll;overflow-x:hidden;width:100%;flex:1;text-align:start;background:url(https://promo-campaign.blr1.digitaloceanspaces.com/scotch-brite-3m/ui/assets/images/scotch-bright-bg.png) repeat-y center center;background-size:100% 100%;background-color:#fff}.popup .popup-modal .closeBtn{position:absolute;top:7px;left:2%;width:35px;cursor:pointer}.popup .popup-modal .closeBtn:hover{transform:scale(1.02)}.btn-gradient{text-align:center}label{color:#000;font-family:Montserrat;font-size:16px;font-style:normal;font-weight:500}