@charset "UTF-8"; .section.slides {display: flex;flex-direction: column;align-items: center;justify-content: center;max-width: 1920px;height: 1018px;min-height: 848px;max-height: 1080px;z-index: 99; } .section.slides .carousel {display: block;position: relative;width: 100%;height: 100%; } .section.slides .carousel .holder {height: 100%;overflow: hidden; } .section.slides .carousel .holder > .row {flex-wrap: nowrap;position: relative;height: 100%; } .section.slides .carousel .holder > .row > .col {flex-shrink: 0;height: 100%; } .section.slides .carousel .holder .item {position: relative;border: 0;width: 100%;height: 1018px;min-height: 848px;max-height: 1080px; } .section.slides .carousel .holder .slide {height: 100%; } .section.slides .carousel .holder .image {position: relative; } .section.slides .carousel .holder .image::after {content: " ";position: absolute;inset: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6); } .section.slides .carousel .holder .img-fluid {width: 100%;height: 100%;object-fit: cover; } .section.slides .carousel .holder .container {display: flex;align-items: flex-start;flex-direction: column;position: absolute;z-index: 1;height: 100%;top: 0;left: 50%;transform: translateX(-50%);color: var(--white);padding-top: 9.2%; } .section.slides .carousel .holder .container .inner {width: 100%;max-width: 81%;height: 91.3%;margin-left: -2.8104575163rem;padding-left: 2.8104575163rem;padding-right: 3.0065359477rem;padding-top: 6.1437908497rem;position: relative; } .section.slides .carousel .holder .container .inner::before {content: "■";position: absolute;top: 0;left: 0;width: 6.2745098039rem;height: 6.2745098039rem;border-top: solid 2px rgba(242, 107, 29, 0.5);border-left: solid 2px rgba(242, 107, 29, 0.5);display: flex;align-items: center;justify-content: center;font-size: 0.6535947712rem;color: #fff; } .section.slides .carousel .holder .container .inner::after {content: " ";position: absolute;bottom: 0;right: 0;width: 6.2745098039rem;height: 6.2745098039rem;border-bottom: solid 2px rgba(242, 107, 29, 0.5);border-right: solid 2px rgba(242, 107, 29, 0.5); } .section.slides .carousel .holder .container h1, .section.slides .carousel .holder .container .h1, .section.slides .carousel .holder .container .content {max-width: 700px; } .section.slides .carousel .holder .container h1, .section.slides .carousel .holder .container .h1 {color: var(--white);font-size: 4rem;line-height: 1.1764705882;text-align: left; } .section.slides .carousel .holder .container .content p {padding-left: 1.568627451rem;font-size: 1.1111111111rem;line-height: 1.6470588235;max-width: 670px;position: relative; } .section.slides .carousel .holder .container .content p::before {content: " ";position: absolute;inset: 0;top: 0.3267973856rem;width: 2px;height: 100%;background: rgba(242, 107, 29, 0.5); } .section.slides .carousel .holder .container .slogan {position: absolute;top: 2.4836601307rem;left: 9.1503267974rem;font-size: 0.7189542484rem;font-weight: 500; } .section.slides .carousel .holder .container .slogan::before {content: " ";position: absolute;top: 0.7189542484rem;left: -4.9673202614rem;width: 4.1830065359rem;height: 1px;background: var(--white); } .section.slides .carousel .holder .container .row-btn {margin-top: 3.660130719rem; } .section.slides .carousel .holder .container .card {margin-top: 4.6405228758rem;border: solid 1px rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.05);backdrop-filter: blur(30.4px); } .section.slides .carousel .holder .container .card .col p {margin-bottom: 0;padding: 1.5032679739rem 2.1568627451rem 2.0261437908rem 2.1568627451rem;font-size: 0.6666666667rem;color: #9CA3AF;text-transform: uppercase;position: relative; } .section.slides .carousel .holder .container .card .col p::before {content: " ";position: absolute;top: 2.0261437908rem;left: 1.045751634rem;width: 1px;height: calc(100% - 4.0522875817rem);background: rgba(255, 255, 255, 0.1); } .section.slides .carousel .holder .container .card .col p b {font-size: 2rem;font-weight: 700;display: block;color: var(--white);margin-bottom: -0.2614379085rem;text-transform: none; } .section.slides .carousel .holder .container .card .col:first-child::after {content: " ";position: absolute;top: 0;left: 0;width: 8.3660130719rem;height: 1px;background: linear-gradient(90deg, #F26B1D 0%, rgba(0, 0, 0, 0) 100%); } .section.slides .carousel .holder .container .card .col:first-child p:last-child::before {background: rgba(242, 107, 29, 0.5); } .section.slides .carousel .holder .container .square {position: absolute; } .section.slides .carousel .holder .container .square.square-1 {width: 19.4117647059rem;height: 19.4117647059rem;right: -10%;top: 21%;border: 2px solid rgba(242, 107, 29, 0.3); } .section.slides .carousel .holder .container .square.square-2 {width: 5.9477124183rem;height: 5.9477124183rem;right: 23%;top: 35%;border: 2px solid rgba(255, 255, 255, 0.1); } .section.slides .carousel .holder .container .square.square-3 {width: 6.2091503268rem;height: 6.2091503268rem;right: -13%;top: 56%;border: 2px solid rgba(242, 107, 29, 0.3); }