@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:Original;src:url(/assets/Original-Thin-CV1e0smI.woff2) format("woff2"),url(/assets/Original-Thin-CPWR8Kqr.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Original;src:url(/assets/Original-Regular-BKRa-Om_.woff2) format("woff2"),url(/assets/Original-Regular-DnCfbG8b.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Original;src:url(/assets/Original-Black-BjGJsQJG.woff2) format("woff2"),url(/assets/Original-Black-Dpal3EMQ.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Original;src:url(/assets/Original-Light-LnTAEk7F.woff2) format("woff2"),url(/assets/Original-Light-DMqtWbjX.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Original;src:url(/assets/Original-Bold-B8MJe6_c.woff2) format("woff2"),url(/assets/Original-Bold-O5BWPjVI.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}*{border:none;margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;transition:.4s}p{font-size:16px}a.tab-link{color:#000}.small-font{font-size:12px}.small-font2{font-size:14px}.common-font{font-size:16px}.dark{color:#121212}.gray{color:#9d9fa1}body{display:inline;font-family:DM Sans,sans-serif}.original{font-family:Original;font-weight:300}.wrapper{overflow:hidden}.main-section{display:flex;position:relative}.td-section{width:60%;margin:0;position:relative;background-color:#121212}.config{width:40%;position:relative;background-color:#fdfcff}.none-ul{list-style:none}.p-0{padding:0}.m-0{margin:0}.total{background-color:#ffd342;height:24vh;padding:30px 35px}.mood{position:absolute;top:30px;right:50px;z-index:99;background-color:#ffffff80;border:1px solid #fff;border-radius:30px;width:60px;height:28px}.exit{position:absolute;top:30px;left:50px;z-index:99;cursor:pointer;display:flex;color:#fdfcff;font-weight:300;font-size:16px}.require{position:absolute;bottom:30px;left:50px;z-index:99;cursor:pointer;display:flex;color:#686868;font-weight:400;font-size:14px}.zoom{position:absolute;bottom:30px;right:50px;z-index:99;cursor:pointer;display:flex;color:#686868;font-weight:400;font-size:14px;background-color:#e1dddd1a;padding:3px}.config-top{padding:40px 35px 20px;height:23vh}.tab-section{padding:0 35px;height:53vh;overflow-x:hidden;overflow-y:scroll}.tab-section ul li{display:inline-block;width:25%;text-align:center;position:relative;color:#121212;font-size:16px;cursor:pointer}.tab-section ul li:after{content:"";position:absolute;left:0;width:100%;background-color:#121212;height:2px;transition:.4s;bottom:-6px;opacity:.3}.tab-section ul{display:flex}ul li.active:after{background-color:#ffd342}.tab-content{padding-top:25px}.tab-section .tab-content ul li:after{width:0}.tab-section .tab-content ul li:last-child{width:75%;text-align:left;padding-left:20px}.size{margin-bottom:8px}.make-size{line-height:1}.dimension-top{padding-bottom:20px}.tab-section .tab-content .measure-area ul li{width:33%;text-align:left;margin-bottom:20px;display:flex;align-items:center}.tab-section .tab-content .measure-area ul li:last-child{width:33%;text-align:left;padding-left:0}.tab-section .tab-content .configurations .measure-area ul li:last-child{width:75%;text-align:left;padding-left:0}.tab-section .tab-content .configurations .measure-area ul li{width:25%;text-align:left;padding-left:0;display:inline-block}.button-div{display:inline-block}.measure-area button{padding:0 5px;display:block;font-size:15px;border:none!important;outline:none!important;background:transparent}.measure-area input{padding:7px 5px;margin-left:10px;width:40%;outline:none!important;border:none!important;border-bottom:1px solid #121212!important;text-align:end;background-color:#fdfcff;color:#121212}.measure-area{padding:10px 0 0}.measure-area select{border:none!important;outline:none!important}.total ul li{display:inline-block;vertical-align:text-top}.total ul li:first-child{width:65%}.total ul li:last-child{width:30%;margin-left:4%;text-align:right}.total p{font-size:12px;line-height:1.1;margin-bottom:10px}.total .configurations p{font-size:30px}.total .configurations p sub{font-size:16px}.total .configurations p.estmt-amt{font-size:20px}hr{background-color:#121212;margin:10px 0}.button button{background:transparent!important;border:none!important;outline:none;display:flex;justify-content:center;align-items:center;padding:4px 10px}.total .button ul li:last-child{text-align:right;width:50%;margin-left:0}.total .button ul li{width:50%}.tab-section .finishes ul li{text-align:left}.squer-img{position:relative;padding-top:5px}.tick{position:absolute;top:-5px;left:90px}.make-size{font-size:13px;line-height:1.1;opacity:.6;margin-bottom:10px}.tab-section .tab-content .configurations .measure-area .tick{position:absolute;top:-5px;right:20px}.custom-radio{position:relative;padding-left:30px;cursor:pointer;display:flex;align-items:center}.custom-radio input{position:absolute;opacity:0;cursor:pointer}.custom-radio span{position:absolute;left:0;top:3px;width:21px;height:21px;border-radius:50%;border:2px solid transparent;background-color:transparent;box-sizing:border-box}.custom-radio span:after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background-color:#ffd342}.custom-radio input:checked+span{border-color:red}.make-size span{background-color:#ffd342;padding:3px 10px}.wrapper.light .td-section{background-color:#fff}.mood-icon{margin-left:0;transition:.4s}.wrapper.light .mood-icon{margin-left:33px}.config-top h1{font-size:44px}.tab-section ul li.active{font-weight:600}.unite-prerent{display:inline-block;box-shadow:0 6px 8px 3px #0000001a inset;padding:6px 10px;border-radius:20px;margin-left:10px;position:relative}.unite-prerent:after{content:"ft";position:absolute;top:4px;bottom:4px;left:4px;width:23px;border-radius:50%;background:linear-gradient(180deg,#fff,#e8eaea);z-index:2;font-size:13px;text-align:center;display:flex;justify-content:center;align-items:center;box-shadow:1.91px .96px 5.74px #00000040}.unite-prerent ul li{font-size:13px}.unite-value{margin-top:15px}.total .button ul li:last-child{padding-left:33%}.varient-details ul li{text-align:left;position:relative;padding-left:0!important}.varient-details .tick{right:auto;left:90px}.varient-details ul{margin:15px 0}.varient-details ul li p{font-size:13px;opacity:.5;width:75%}.varient-details ul li label,.ceiling{margin-bottom:20px}.tab-section .configurations ul li{text-align:left;padding-left:0!important}.config-txt .gray{opacity:.5;width:75%}.config-txt p{margin-bottom:12px}.dimension-top{padding:0 0 35px;border-bottom:1px solid rgba(18,18,18,.2)}.configurations .dimension-top ul{margin-top:20px}.measure-area.config-txt.dimension-top{padding-top:25px}.tab-section-scroll{width:100%;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;padding-bottom:3px}.tab-section-scroll ul{width:130%}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#121212;border:1px solid transparent;background-clip:content-box;border-radius:3px}.tab-section-scroll::-webkit-scrollbar{height:4px}.tab-section-scroll::-webkit-scrollbar-thumb{background-color:#1212124d;border-radius:3px}.tab-section-scroll::-webkit-scrollbar-thumb:hover{background-color:#12121266}.summery .dimension-top{border-bottom:none;padding-bottom:10px}.summery ul li{width:50%;text-align:left;padding:9px 0;border-bottom:1px solid rgba(18,18,18,.2);vertical-align:middle}.add-on{text-align:center;padding:25px 0}.tab-section .tab-content .summery ul li:last-child{text-align:right;width:50%}.text-right div{width:15px;height:15px;border-radius:50%;background-color:#402222;position:relative;display:inline-block;margin-right:10px}.zone{margin-bottom:20px}.zone select{outline:none!important;border:none!important;border-bottom:1px solid #121212!important;background-color:#fdfcff;color:#121212}.input-details{border:1px dashed #CACACA;display:inline-block;padding:20px;text-align:center;margin:20px 0 15px;position:relative}.input-details input{opacity:1;z-index:2;display:inline-block}.pen,.upload{cursor:pointer}.selected-tag ul{text-align:left}.selected-tag label{margin-bottom:5px}.selected-tag ul li{text-align:left;width:auto;margin:5px 3px 0;padding:3px 9px;border:none!important;background-color:#1b1b1b;color:#fdfcff;font-size:12px;display:flex}.tab-section .tab-content .summery .selected-tag ul li:last-child{text-align:left;width:auto;margin:5px 3px 0;padding:3px 9px}.selected-tag ul li img{margin-left:5px}.selected-tag{display:inline-block;border-bottom:1px solid #CACACA;padding-bottom:10px}.all-tag{border-bottom:1px solid #CACACA;padding-bottom:10px}.all-tag ul li,.tab-section .tab-content .summery .all-tag ul li:last-child{text-align:left;width:auto;margin:5px 3px 0;padding:3px 9px;border:none!important;color:#121212}.pay-addon{text-align:left!important}.steps ul li{position:relative;padding-top:25px;text-align:center;font-size:11px;opacity:.5}.steps ul li.done{opacity:1}.steps ul li span{font-size:14px;display:block}.steps ul li:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:10px!important;height:10px;border-radius:50%;background-color:#ffd342;z-index:3}.steps ul li:after{content:"";position:absolute;top:13px;left:1%;width:98%!important;height:1px;border-radius:50%;background-color:#12121280;z-index:1}.steps ul li.done:after{content:"";position:absolute;top:13px;left:1%;width:98%!important;height:1px;border-radius:50%;background-color:#121212;z-index:1}.steps ul li:first-child:before{content:"";position:absolute;top:8px;left:0%;transform:translate(0)}.steps ul li:last-child:before{content:"";position:absolute;top:8px;left:auto;right:0;transform:translate(0)}.steps ul li:first-child{text-align:left}.steps ul li:last-child{text-align:right}.tab-section .tab-content .steps ul li:last-child{width:auto}.addon-txt{font-size:12px;color:#121212;opacity:.5;width:60%;padding-top:8px}.accordion-item .row{width:100%}.accordion-button,.accordion-button:not(.collapsed){border:none!important;outline:none!important;background-color:transparent!important;color:#121212!important;font-size:16px;border-radius:0!important;box-shadow:none!important}.accordion-item{border:none!important;background-color:#ffd342}.accordion-body{text-align:12px}.accordion-body .row{margin-bottom:10px}.booking-amount{font-size:18px;border-top:1px solid #121212;margin-top:15px;padding-top:15px;font-weight:500}.paynow{padding:15px 0;text-align:center}.paynow a{display:inline-block;font-size:16px;padding:7px 15px;border-bottom:1px solid #121212;color:#121212;font-weight:500}.varient-details u{margin-bottom:15px!important}.pay-total{margin-bottom:15px}@media (max-width: 1440px){.total .configurations p.estmt-amt{font-size:18px}.tab-section .tab-content .measure-area ul li{margin-right:1%}.roof-detals{padding-left:0}}@media (max-width: 1366px){.total .configurations p.estmt-amt{font-size:16px}.roof-detals{padding-left:15px}.tab-section ul li,p{font-size:14px}.total .configurations p{font-size:28px}.config-txt p{padding-left:15px}.config-top h1{font-size:38px}}.tab-button{background-color:#fdfcff;border:none}.tab-button :hover{border:none}._container_1xpfs_3{display:flex;align-items:center;gap:10px;font-family:sans-serif}._toggle_1xpfs_17{position:relative;width:60px;height:32px;background:#efefef;border-radius:16px;border:none;cursor:pointer;padding:0;transition:background .3s ease;box-shadow:0 6px 8px 3px #0000001a inset}._slider_1xpfs_45{position:absolute;top:2px;width:56px;height:28px;border-radius:14px;display:flex;align-items:center;padding:0 3px;transition:transform .3s ease}._ft_1xpfs_69,._mm_1xpfs_77{transform:translate(0)}._indicator_1xpfs_85{width:24px;height:24px;font-size:14px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .3s ease}._ft_1xpfs_69 ._indicator_1xpfs_85{transform:translate(0)}._mm_1xpfs_77 ._indicator_1xpfs_85{transform:translate(28px)}._label_1xpfs_121{font-size:14px;font-weight:500;color:#999;transition:color .3s ease}._active_1xpfs_135{color:#2196f3;font-weight:700}._toggle_1xpfs_17:not(._disabled_1xpfs_145):hover{background:#d0d0d0}._toggle_1xpfs_17:not(._disabled_1xpfs_145):active ._indicator_1xpfs_85{width:26px}._ft_1xpfs_69 ._slider_1xpfs_45{background:#4caf50}._mm_1xpfs_77 ._slider_1xpfs_45{background:#2196f3}._disabled_1xpfs_145{opacity:.6;cursor:not-allowed}