.header + .main .section.product:first-child {margin-top: -7.5rem; } .header.sticky + .main .section.product:first-child {margin-top: -13.5rem; } .section.product {min-height: 42.95rem;background: #0E1835; } .section.product::before {content: " ";position: absolute;inset: 0;width: 100%;height: 100%;background: radial-gradient(circle at 50% 150%, rgba(1, 215, 255, 0.6) 0%, rgba(1, 215, 255, 0.05) 45%, transparent 70%); } .section.product > .container {padding-top: 8.6rem;padding-bottom: 1.8rem;line-height: 1.6;color: #9CA3AF; } .section.product > .container .inner {padding-top: 4.55rem;padding-left: 2.4rem; } .section.product > .container h1, .section.product > .container .h1 {text-transform: none;text-align: left;line-height: 1.25;margin-bottom: 1.35rem;max-width: 25rem; } .section.product > .container h2, .section.product > .container .h2 {font-size: 1rem;font-weight: 600;color: var(--white);line-height: 1.3;margin-bottom: 1.4rem; } .section.product > .container .btn {text-transform: uppercase;margin-top: 0.7rem;margin-bottom: 1.8rem;box-shadow: 0 0 1.19rem 0 rgba(34, 211, 238, 0.57); } .section.product > .container .card {margin-left: 1.4rem;padding: 4.7rem 1.5rem 1rem 2.55rem;justify-content: center; } .section.product > .container .tab-content {margin-bottom: 2.4rem;padding-left: 1.05rem;padding-right: 2.55rem; } .section.product > .container .tab-content .item {margin-top: 0.7rem;padding: 0;border: 0;border-radius: 0.6rem;background: transparent;box-shadow: none !important;width: 100%;aspect-ratio: 520/286;cursor: pointer; } .section.product > .container .tab-content .item .img-fluid {width: 100%;height: 100%;object-fit: cover;border-radius: 0.6rem; } .section.product > .container .modal-product {overflow: hidden; } .section.product > .container .modal-product .modal-dialog, .section.product > .container .modal-product .modal-content, .section.product > .container .modal-product .modal-body, .section.product > .container .modal-product picture {max-width: calc(100vw - 1.8rem);max-height: calc(100vh - 1.8rem); } .section.product > .container .modal-product .modal-body {display: flex;align-items: center;justify-content: center;padding: 0;overflow: hidden; } .section.product > .container .modal-product picture {display: flex;align-items: center;justify-content: center; } .section.product > .container .modal-product .img-fluid {width: auto;max-width: calc(100vw - 1.8rem);max-height: calc(100vh - 1.8rem);object-fit: contain; } .section.product > .container .carousel .holder {margin-left: -0.45rem;margin-right: -0.45rem; } .section.product > .container .carousel .holder .row {margin-left: 0;margin-right: 0;padding-left: 0;padding-right: 0; } .section.product > .container .carousel .holder .row .col {padding-left: 0.4rem;padding-right: 0.4rem; } .section.product > .container .carousel .holder .slide {padding-top: 1.25rem;padding-bottom: 1.25rem; } .section.product > .container .carousel .holder .item {border: solid 1px var(--color3);border-radius: 0.6rem;padding: 0.45rem;background: transparent; } .section.product > .container .carousel .holder .item .img-fluid {aspect-ratio: 118/80;object-fit: cover; } .section.product > .container .carousel .holder .item.active {box-shadow: 0 0 0.5rem 0 rgba(0, 212, 255, 0.3); }