.after-before-section{background-color:var(--heading);color:var(--white);padding-block:60px}.after-before-wrapper{align-items:center;display:grid;gap:46px;grid-template-columns:repeat(2,minmax(0,1fr))}.after-before-content{font-family:var(--font-sarabun)}.after-before-title{color:var(--white);line-height:1.2}.after-before-content .richtext{margin-top:16px;opacity:80%}.after-before-content .richtext p{font-size:22px;line-height:1.3}.after-before-list{color:#f8f2e3;display:flex;flex-direction:column;font-size:16px;font-weight:500;gap:12px;letter-spacing:.1px;line-height:1.1;margin-top:20px}.after-before-list li{align-items:center;display:flex;font-weight:300;gap:12px}.after-before-list li:before{align-self:start;aspect-ratio:1;content:"";display:block;flex-shrink:0;width:20px}.after-before-content .btn{margin-top:64px}.fixed-btn-wrapper{background-color:var(--heading);border-top:1px solid var(--white);bottom:0;padding-block:20px;position:fixed;transition:all .3s ease-in-out;width:100%;z-index:999}.fixed-btn-wrapper:not(.active){transform:translateY(100%)}@media screen and (max-width:991px){.after-before-wrapper{gap:26px}.after-before-content .richtext p{font-size:20px}.after-before-content .btn{margin-top:54px}}@media screen and (max-width:767px){.after-before-section{padding-block:50px}.after-before-wrapper{gap:56px;grid-template-columns:repeat(1,minmax(0,1fr))}.after-before-content .richtext p{font-size:18px}.after-before-content .btn{margin-top:44px}}@media screen and (max-width:575px){.after-before-content .richtext p{font-size:16px}.after-before-list{font-size:14px}.after-before-list li{gap:10px}.after-before-list li:before{width:18px}.after-before-content .btn{margin-top:34px}}@media screen and (max-width:991px) and (min-width:768px){.after-before-title{font-size:48px}}