:root { --color-primary: #02b4fe; --color-secondary: #121416; } .header-style-1 { background-color: #f9f3f0; } .main-slider-style-1 { background-color: #f9f3f0; } .main-slider-style-1 .shape-group li img { position: relative; } .main-slider-style-1 .shape-group li::after { position: absolute; top: 4%; left: 12%; right: 0; bottom: 0; content: ""; display: block; width: 74%; height: 95%; transform: rotate(15deg); border-radius: 23px; } .main-slider-style-1 .shape-group li.shape-1::after { background-image: linear-gradient(95deg,#f9f2ee,#ffd9cc) } .main-slider-style-1 .shape-group li.shape-2::after { background-image: linear-gradient(95deg,#f9f3f0,#ffe9e9) } .newsletter-form { align-items: start; } .bg_image--newsletter { background-image: var(--newsletter-desktop) !important; } .axil-product .cart-action li.select-option button.btn { position: relative; height: 40px; line-height: 39px; padding: 0 18px; display: block; border-radius: 4px; font-weight: 700; font-size: 14px; color: var(--color-white); background-color: var(--color-secondary); transition: 0.3s; box-shadow: 0 16px 32px 0 rgba(0,0,0,0.06); position: relative; z-index: 1; border: none; } .axil-product .cart-action li.select-option button.btn:before { content: ""; height: 100%; width: 100%; background-color: var(--color-secondary); border-radius: 4px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; transition: transform 0.5s cubic-bezier(0.165,0.84,0.44,1); } .axil-product .cart-action li.select-option button.btn:hover { background-color: var(--color-secondary); color: var(--color-white); } .axil-product .cart-action li.select-option button.btn:hover:before { transform: scale(1.1); } .payment-icons-bottom li img { height: 23px; } .payment-icons li img { height: 23px; } .coming-soon-area { background-repeat: no-repeat; background-size: cover; min-height: 50vh; padding: 3rem 0; .coming-soon-content { .brand-logo { margin-bottom: 2.5rem; } } > .row { min-height: 50vh; } }