.section .row.options-3{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.section .row.options-3 .col{cursor:pointer}.section .row.options-3 .border{border:2px solid #e1dbd2;padding:2rem;border-radius:20px;transition:all .3s ease;background-color:#f6f4f1;display:flex;align-items:center;gap:2rem}.section .row.options-3 .col:hover .border{border-color:#cbbba6}.section .row.options-3 .col.active .border{background-color:#c6a784;border-color:#c6a784}.section .row.options-3 .square{width:160px;height:160px;background-color:#efe7de;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:600;letter-spacing:2px;color:#b89b7c;transition:all .3s ease}.section .row.options-3 .col.active .square{background-color:#d9c4ab;color:#fff}.section .row.options-3 .title{flex:1}.section .row.options-3 .title ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.section .row.options-3 .title ul li{position:relative;padding-left:3rem;font-size:1rem;color:#2a2a2a;line-height:1.4;transition:all .3s ease}.section .row.options-3 .title ul li:before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;background-image:url('{{ "check-circle-black.png" | asset_url }}');background-size:contain;background-repeat:no-repeat}.section .row.options-3 .col.active .title ul li{color:#fff}.section .row.options-3 .col.active .title ul li:before{background-image:url('{{ "check-circle-white.png" | asset_url }}')}.main-section{display:flex!important;flex-direction:row!important;gap:0!important}.main-section .col{min-width:50%!important}.main-section .col li{margin-bottom:5px!important;font-size:14px!important}.main-section .border{padding:.5rem!important;align-items:stretch!important}.main-section .square{width:150px!important;height:auto!important;min-width:150px!important;min-height:130px!important;align-self:stretch!important;margin:0!important}@media(max-width:1316px){.main-section .border{padding:.5rem!important;align-items:stretch!important}.main-section .col{min-width:100%!important}.main-section .col ul{padding-left:0!important}.main-section .square{width:100px!important;height:auto!important;min-width:130px!important;min-height:130px!important;align-self:stretch!important;margin:0!important}}@media(max-width:575px){#get-estimate>div{padding:.75rem!important}.main-section{margin-left:0!important;margin-right:0!important}}@media(max-width:620px){.main-section .border{flex-direction:column!important;align-items:flex-start!important}.section .row.options-3 .border{gap:10px}.main-section .square{width:100%!important;min-width:unset!important;min-height:80px!important;height:auto!important;align-self:auto!important}.main-section .title{width:100%!important;padding:20px!important}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/step-3-sofa-filling.css.map */
