@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{font-family:'Poppins', sans-serif;transition: .3s;}
body{margin:0;padding:0;}
body, html{overflow-x:hidden;}
a{text-decoration:none;}

.header{position:relative;background-color:#281734;width:100%;height:100vh;padding-top:3rem;display:grid;align-items:start;background-image:url('../img/header/bg-logomark.png');background-size:55%;background-repeat:no-repeat;background-position:top right;}

.navbar{z-index:9999;}
.navbar .logo{width:300px;}
.navbar .logo.white-logo{filter:brightness(0) invert(1);}
.navbar .navbar-nav{align-items:center;}
.navbar .navbar-nav .nav-link{color:#fff;padding:0 1rem;}
.navbar .navbar-collapse{justify-content: end;}
.navbar .navbar-nav .b4b{background-color:#fff;border:none;border:1px solid #fff;outline:none;padding:1rem 2rem;color:#281734;border-radius:60px;font-weight:600;}
.navbar .navbar-nav .b4b:hover{color:#fff;background-color:transparent;}

.header .contents{position:relative;}
.header .contents h1{color:#fcbf02;font-size:50pt;font-weight:400;margin-bottom:0;text-align:center;}
.header .contents .animation-texts{display:flex;align-items:center;justify-content:center;text-align:center;}
.header .contents .animation-texts::after{content:'';position:absolute;height:100px;position:absolute;background-color:#fcbf02;width:480px;left: 50%;transform: translate(-50%, 0);}
.header .contents #text{color:#281734;font-size:50pt;font-weight:400;margin-bottom:0;height: 8.5rem;display: flex;padding: 1rem 0;font-weight:700;z-index:2;}
.header .contents .console-underscore{width: 2px;height:40px;background-color:#281734;z-index:2;margin-left: 1rem;margin-top: .25rem;animation:opacityBlock infinite .8s;}
@keyframes opacityBlock {0% {opacity: 1;}100% {opacity: 0;}}
.header .contents .logomark{width:auto;height:70vh}

.home-page-content{background-color:#1d1522;padding: 10rem 0 27rem 0;}

.home-page-content .corporate{position:relative;}
.home-page-content .corporate .logomark{width:60%;display:flex;margin: auto;}
.home-page-content .corporate .head{font-weight:900;color:#fff;}
.home-page-content .corporate .desc{font-weight:400;color:#fff;}
.home-page-content .corporate a{padding:1rem 2rem;background-color:transparent;border:1px solid #fff;border-radius:50px;display:flex;align-items:center;justify-content:center;gap:1rem;width: fit-content;}
.home-page-content .corporate a p, .home-page-content .corporate a i{margin:0;color:#fff;}
.home-page-content .corporate a:hover{background-color:#fff;}
.home-page-content .corporate a:hover p, .home-page-content .corporate a:hover i{color:#281734;}

.home-page-content .products{position:relative;margin-top: 10rem;}
.home-page-content .products .head{font-weight:900;color:#fff;display:flex;margin:0;text-align:center;justify-content: center;}
.home-page-content .products .head::before{content:'';background-color:#fcbf02;width: 20px;height: 35px;margin-right: 1rem;margin-top: 6px;}
.home-page-content .products .productSlider{margin-top:3rem;}
.home-page-content .products .productSlider .box{display:flex;justify-content:end;width:100%;height:450px;position:relative;}
.home-page-content .products .productSlider .box .image{padding:2rem;max-width:240px;max-height:240px;display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:110px;background-color:#1d1522;}
.home-page-content .products .productSlider .box .image img{width:100%;height:100%;object-fit:cover;}
.home-page-content .products .productSlider .box .texts{display:grid;align-items:center;justify-content:center;width:80%;border:1px solid #7f7b81;padding:2rem;align-content: center;padding-left: calc(120px + 1rem);border-radius: 0 2rem 0 2rem;}
.home-page-content .products .productSlider .box .texts p{color:#cecece;font-weight:400;}
.home-page-content .products .productSlider .box .texts h2{color:#fff;font-weight:700;}
.home-page-content .products .productSlider .box .texts .hr{background-color:#fcbf02;width:20px;height:3px;margin-top:1rem;}
.home-page-content .products .productSlider .box:hover .texts{border-color:#fcbf02;}
.home-page-content .products .productSlider .box:hover .texts p{color:#fff;}
.home-page-content .products .productSlider .box:hover .texts h2{color:#fcbf02;}
.home-page-content .products .p-relative{position:relative;position:absolute;width:100%;top:.5rem;}
.home-page-content .products .swiper-pagination{left:0;right:auto;width:fit-content;color:#fff;display: flex;align-items: center;gap: .15rem;top:0;}
.home-page-content .products .swiper-pagination-current{font-weight:700;font-size:16pt;}
.home-page-content .products .swiper-button-prev{left:auto;right:3rem;top:0;bottom:auto;background-color:transparent;border:1px solid #fff;width:36px;height:36px;border-radius:10px;}
.home-page-content .products .swiper-button-prev::after{font-size:12pt;color:#fff;}
.home-page-content .products .swiper-button-next{left:auto;right:0;top:0;bottom:auto;background-color:transparent;border:1px solid #fff;width:36px;height:36px;border-radius:10px;}
.home-page-content .products .swiper-button-next::after{font-size:12pt;color:#fff;}
.home-page-content .products .swiper-button-next:hover, .home-page-content .products .swiper-button-prev:hover{background-color:#fff;}
.home-page-content .products .swiper-button-next:hover::after, .home-page-content .products .swiper-button-prev:hover::after{color:#1d1522;}

.home-page-content .corporate-banner{position:absolute;width:100%;display:flex;align-items:center;justify-content:center;margin-top: 10rem;}
.home-page-content .corporate-banner .box{display:flex;align-items:center;justify-content:center;width:100%;height:520px;position:relative;}
.home-page-content .corporate-banner .box .image{width:100%;height:520px;display:flex;align-items:center;justify-content:center;position:absolute;}
.home-page-content .corporate-banner .box .image img{width:100%;height:100%;object-fit:cover;}
.home-page-content .corporate-banner .box .image::after{content:'';position:absolute;width:100%;height:100%;background-color:#281734;opacity:.8;}
.home-page-content .corporate-banner .box .items{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:5rem 5rem 5rem 10rem;}
.home-page-content .corporate-banner .box .items .video{display:grid;align-items:center;justify-items:center;gap:2rem;}
.home-page-content .corporate-banner .box .items .video .icon{width:80px;height:80px;border-radius:50%;border:1px solid #fff;display:flex;align-items:center;justify-content:center;}
.home-page-content .corporate-banner .box .items .video .icon i{color:#fff;font-size:20pt;}
.home-page-content .corporate-banner .box .items .video p{letter-spacing: 10px;color:#fff;}
.home-page-content .corporate-banner .box .items .video:hover .icon{background-color:#fff;}
.home-page-content .corporate-banner .box .items .video:hover .icon i{color:#281734;}
.home-page-content .corporate-banner .box .items .texts{display:grid;align-content:space-between;justify-items:end;text-align:right;height:100%;}
.home-page-content .corporate-banner .box .items .texts h1{color:#fff;font-weight:400;display:grid;justify-items:center;position:relative;}
.home-page-content .corporate-banner .box .items .texts h1 span{font-weight:700;z-index:3;}
.home-page-content .corporate-banner .box .items .texts h1::before{content:'';background-color:#fcbf02;width:110%;height:20px;border-radius:90px;position:absolute;bottom:-4px;}
.home-page-content .corporate-banner .box .items .texts .item{display:grid;justify-items:end;gap:1rem;text-align:right;}
.home-page-content .corporate-banner .box .items .texts .item a{display:flex;align-items:center;gap:3rem;letter-spacing:3px;color:#fff;border:1px solid transparent;padding:.3rem 1rem;border-radius:60px;}
.home-page-content .corporate-banner .box .items .texts .item a:hover{color:#fcbf02;border-color:#fcbf02;}
.home-page-content .corporate-banner .p-relative{position:relative;}
.home-page-content .corporate-banner .object{position:absolute;left:-60px;bottom:-70px;}

.satisfaction{position:relative;margin-top:30rem;}
.satisfaction .container-fluid{padding:0!important;}
.satisfaction .head{color:#281734;font-weight:900;display:grid;align-items:center;justify-items:center;position:relative;width:fit-content;}
.satisfaction .head::after{content:'';background-color:#fcbf02;width:110%;height:20px;border-radius:90px;position:absolute;bottom:-4px;z-index:-1;}
.satisfaction .desc{color:#838383;font-weight:300;margin-top:1.5rem;}
.satisfaction .items{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:3rem;background-image:url('../img/satisfaction/bg-image.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:100px 0 0 100px;gap:2rem;}
.satisfaction .items .box{display:grid;align-items:center;justify-content:center;justify-items:center;text-align:center;gap:2rem;padding:3rem;background-color:#fafafa;width:32%;height:300px;align-content:center;border-radius:50px;}
.satisfaction .items .box .icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#281734;}
.satisfaction .items .box .icon img{width:60%;filter:brightness(0) invert(1);}
.satisfaction .items .box h3{color:#281734;font-weight:600;}
.satisfaction .items .box:hover{background-color:#281734;}
.satisfaction .items .box:hover .icon{background-color:#fcbf02;}
.satisfaction .items .box:hover h3{color:#fcbf02;}

.home-page-banner{width:100%;height:620px;margin-top: 10rem;background-image:url('../img/banner/image01.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;}
.home-page-banner .texts{display:grid;justify-items:end;z-index: 4;text-align:right;}
.home-page-banner .texts h1 {color: #fff;font-weight: 400;display: grid;justify-items: end;position: relative;text-align:right;}
.home-page-banner .texts h1 span {font-weight: 700;z-index: 3;}
.home-page-banner .texts h1::before{content: '';background-color: #fcbf02;width: 110%;height: 20px;border-radius: 90px;position: absolute;bottom: -4px;z-index: -1;}
.home-page-banner .texts p{max-width:400px;margin-top:1.5rem;color:#fff;}

.news{margin-top:10rem;}
.news .container{position:relative;display:flex;align-items:center;}
.news .items{display:flex;align-items:center;justify-content:center;rotate:-90deg;}
.news .items h1{font-weight:900;color:#281734;display:flex;margin:0;text-align:center;justify-content: center;margin-right: 1rem;}
.news .items h1::before{content:'';background-color:#281734;width: 20px;height: 35px;margin-right: 1rem;margin-top: 6px;}
.news .items .arrows{display:flex;align-items:center;}
.news .items .news-swiper-button-next{position:relative;margin-left:.5rem;background-color:transparent;border:1px solid #281734;width:36px;height:36px;border-radius:10px;top:auto;bottom:auto;display:flex;align-items:center;justify-content:center;}
.news .items .news-swiper-button-prev{position:relative;background-color:transparent;border:1px solid #281734;width:36px;height:36px;border-radius:10px;top:auto;bottom:auto;display:flex;align-items:center;justify-content:center;}
.news .items .news-swiper-button-next::after{color:#281734;font-size:12pt;font-family: swiper-icons;text-transform: none !important;letter-spacing: 0;font-variant: initial;line-height: 1;content:'next';}
.news .items .news-swiper-button-prev::after{color:#281734;font-size:12pt;font-family: swiper-icons;text-transform: none !important;letter-spacing: 0;font-variant: initial;line-height: 1;content:'prev';}
.news .items .news-swiper-button-next:hover, .news .items .news-swiper-button-prev:hover{background-color:#1d1522;}
.news .items .news-swiper-button-next:hover::after, .news .items .news-swiper-button-prev:hover::after{color:#fff;}
.news .newSlider{margin-left: auto;margin-right: 0;}
.news .newSlider .box{width:100%;height:460px;display:flex;align-items:center;position:relative;}
.news .newSlider .box .image{width:100%;height:460px;display:flex;align-items:center;justify-content:center;position:relative;}
.news .newSlider .box .image img{width:100%;height:100%;object-fit:cover;border-radius:50px;}
.news .newSlider .box .image::after{content:'';width:100%;height:100%;position:absolute;border-radius:50px;background: rgb(40,23,52);background: linear-gradient(90deg, rgba(40,23,52,1) 0%, rgba(40,23,52,0) 100%);opacity:1;transition: .3s;}
.news .newSlider .box .image::before{content:'';width:100%;height:100%;position:absolute;border-radius:50px;background: rgb(40,23,52);background:linear-gradient(90deg, rgb(252 191 0) 0%, rgba(40, 23, 52, 0) 100%);opacity:0;transition: .3s;}
.news .newSlider .box .texts{position:absolute;left:3rem;bottom:3rem;display:grid;max-width:270px;color:#fff;}
.news .newSlider .box .texts h3{font-weight:700;font-size:17pt;}
.news .newSlider .box .texts p{font-weight:300;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news .newSlider .box:hover .image::after{opacity:0;transition: .3s;}
.news .newSlider .box:hover .image::before{opacity:1;transition: .3s;}

.brands{margin-top:10rem;}
.brands .container{position:relative;}
.brands .row{position:absolute;top:0;width:100%;}
.brands .p-relative{position:relative;}
.brands .brands-swiper-pagination{left:0;right:auto;width:fit-content;color:#281734;display: flex;align-items: center;gap: .15rem;}
.brands .swiper-pagination-current{font-weight:700;font-size:16pt;}
.brands .swiper-button-prev{left:auto;right:3rem;top:0;bottom:auto;background-color:transparent;border:1px solid #281734;width:36px;height:36px;border-radius:10px;}
.brands .swiper-button-prev::after{font-size:12pt;color:#281734;}
.brands .swiper-button-next{left:auto;right:0;top:0;bottom:auto;background-color:transparent;border:1px solid #281734;width:36px;height:36px;border-radius:10px;}
.brands .swiper-button-next::after{font-size:12pt;color:#281734;}
.brands .swiper-button-next:hover, .brands .swiper-button-prev:hover{background-color:#281734;}
.brands .swiper-button-next:hover::after, .brands .swiper-button-prev:hover::after{color:#fff;}

.brands .head{font-weight:900;color:#281734;display:flex;margin:0;text-align:center;justify-content: center;}
.brands .head::before{content:'';background-color:#281734;width: 20px;height: 35px;margin-right: 1rem;margin-top: 6px;}
.brands .brandSlider{position:relative;margin-top:4rem;}
.brands .brandSlider .swiper-wrapper{align-items:center;}
.brands .brandSlider img{max-width: 170px;max-height: 120px;height: 100%;width: 100%;object-fit: contain;display: flex;margin: auto;}

.footer{margin-top:10rem;}
.footer .row{height:321px;}
.footer .col-lg-3{position:relative;height:100%;display: flex;align-items: center;}
.footer .logo{width:280px;display:flex;margin:auto;}
.footer .shape{position:absolute;right: -141px;top: 0;height:321px;}
.footer .col-lg-9{background-color:#1d1522;}
.footer .contents{display:flex;align-items:start;justify-content:space-between;padding: 3rem 10rem;}
.footer .contents .item{display:grid;}
.footer .contents .item h5, .footer .contents .item p{color:#a7a6a8;font-weight:300;margin-bottom:1rem;}
.footer .contents .item h2{font-weight:700;color:#fff;}
.footer .contents .item h6{color:#fff;max-width:300px;}
.footer .contents .item a{color:#fff;}
.footer .hr{width:95%;height:1px;float:right;background-color:#fcbf02;}
.footer .bottom-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding: 3rem 10rem;}
.footer .bottom-content p{color:#fff;}

.banner{background-color:#281734;background-image:url('../img/banner/bgpars.png');background-size:contain;background-position:left;background-repeat:no-repeat;width:100%;height:450px;display:grid;align-content:space-between;padding:3rem 0;}
.banner .contents{text-align:center;}
.banner .contents p{color:#c8c8c8}
.banner .contents h1{font-weight:700;color:#fff;}

.corporate-content{margin-top:10rem;}
.corporate-content p{color:#281734;font-weight:400;}
.corporate-content h1{color:#281734;font-weight:900;}
.corporate-content .desc{color:#747474;}

.corporate-images{margin-top:10rem;}
.corporate-images .corporateImageSlider img{width:100%;height:700px;border-radius:50px;object-fit:cover;filter:brightness(.5);transition: .3s;}
.corporate-images .corporateImageSlider img:hover{filter:none;transition: .3s;}

.vz-mz{width:100%;padding:5rem 0;background-color:#fcbf02;position:relative;display:flex;}
.vz-mz::before{content:'';width:100%;height:350px;position:absolute;top:-350px;background-color:#fcbf02;}
.vz-mz .item{display:grid;color:#fff;margin-top:3rem;gap:1rem;}
.vz-mz .item h1{font-weight:900;display:flex;align-items:center;margin:0;padding:0;gap:.75rem;}
.vz-mz .item h1::before{content:'';width:14px;height:14px;background-color:#fff;}
.vz-mz .logomark{width:300px;display:flex;margin:auto;filter:brightness(0) invert(1);}

.history{margin-top:10rem;}
.history .head{font-weight:900;color:#281734;display:flex;margin:0;text-align:center;justify-content: center;}
.history .head::before{content:'';background-color:#281734;width: 20px;height: 35px;margin-right: 1rem;margin-top: 6px;}
.history .timeline {display: flex;justify-content: space-between;align-items: center;position: relative;margin: 20px auto;max-width: 800px;}
.history .timeline::before {content: "";position: absolute;top: 50%;left: 0;right: 0;height: 4px;background: #281734;z-index: 0;}
.history .year {position: relative;z-index: 1;cursor: pointer;text-align: center;top: 18px;display: grid;justify-items: start;justify-content: start;}
.history .year span {display: block;margin-bottom: 10px;font-weight: bold;position: absolute;}
.history .circle {width: 18px;height: 18px;background: #281734;border: 3px solid #fff;border-radius: 50%;transition: background 0.3s ease;top: -25px;position: absolute;}
.history .content {margin-top: 10px;color: #333;font-size: 0.9em;display: none;}
.history .year.active .content {display: block;max-width: 230px;position: relative;top: 70px;text-align: left;}
.history .year.active{top:35px;}
.history .year.active .circle{background-color:#fff;border-color:#281734;position: absolute;top: 16px;}
.history .year.active span{top: 42px;}

.products-page{margin-top:10rem;}
.products-page .left-menu{background-color:#f3f3f3;width:100%;padding:2rem;background-image:url('../img/products/bg-image.png');background-size:90%;background-repeat:no-repeat;background-position:left;margin-left:-1rem;display:grid;align-items:center;justify-items:center;border-radius:0 100px 30px 0;}
.products-page .left-menu h4{background-color:#dbdbdb;color:#515151;width:100%;padding:1.5rem 0;margin:0;text-align:center;border-radius:0 70px 15px 0;font-weight:700;}
.products-page .left-menu ul{list-style:none;padding:0;display:grid;gap: 2rem;margin: 2rem 3rem 3rem 0rem;}
.products-page .left-menu ul li{color:#5c5c5c;font-size: 13pt;cursor:pointer;}
.products-page .left-menu ul li:hover{color:#281734;}
.products-page .items{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;}
.products-page .items .box{display:flex;justify-content:end;width:30%;height:450px;position:relative; opacity: 1;}
.products-page .items .box.hide{opacity: 0;pointer-events: none;transition: opacity 0.5s ease, display 0s linear 0.5s;}
.products-page .items .box .image{padding:2rem;max-width:240px;max-height:240px;display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:110px;background-color:#fff;}
.products-page .items .box .image img{width:100%;height:100%;object-fit:cover;}
.products-page .items .box .texts{display:grid;align-items:center;justify-content:center;width:80%;border:1px solid #7f7b81;padding:2rem;align-content: center;padding-left: calc(120px + 1rem);border-radius: 0 2rem 0 2rem;}
.products-page .items .box .texts p{color:#cecece;font-weight:400;}
.products-page .items .box .texts h2{color:#281734;font-weight:700;}
.products-page .items .box .texts .hr{background-color:#fcbf02;width:20px;height:3px;margin-top:1rem;}
.products-page .items .box:hover .texts{border-color:#fcbf02;}
.products-page .items .box:hover .texts p{color: #fcbf02;}
.products-page .items .box:hover .texts h2{color:#fcbf02;}

.product-detail{margin-top:10rem;}
.product-detail .p-relative{position:relative;}
.product-detail .productDetailThumbSlider{margin-top:1rem;}
.product-detail .image{width:100%;height:500px;border:1px solid #281734;border-radius:100px;display:flex;align-items:center;justify-content:center;}
.product-detail .image img{max-width: 250px;max-height: 250px;width: 100%;}
.product-detail .imagebox {border: 1px solid #281734;border-radius: 30px;width: 140px;height: 140px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.product-detail .imagebox img {max-width: 70px;max-height: 70px;}
.product-detail .swiper-button-next{bottom:2.5rem;right:-1rem;top:auto;color:#000;}
.product-detail .swiper-button-prev{bottom:2.5rem;left:-1rem;top:auto;color:#000;}
.product-detail .swiper-button-next::after, .product-detail .swiper-button-prev::after{font-size:13pt;}

.product-detail .head{font-weight:700;color:#281734;}
.product-detail .row{--bs-gutter-x:3rem;}
.product-detail .hr{width:100%;height:1px;background-color:#b2b2b2;margin:2rem 0;}
.product-detail .desc{color:#797979;}
.product-detail .buttons{display:flex;align-items:center;justify-content:center;gap:2rem;}
.product-detail .buttons a{display:flex;align-items:center;justify-content:center;padding:1.5rem;background-color:#281734;border:1px solid #281734;gap:1rem;width:100%;border-radius:20px;}
.product-detail .buttons a *{margin:0;color:#fff;}
.product-detail .buttons a:hover{background-color:transparent;}
.product-detail .buttons a:hover *{color:#281734;}

.other-products{position:relative;margin-top: 10rem;padding:10rem 0;background-color:#fcbf02;background-image:url('../img/products/bg-op.png');background-size:contain;background-repeat:no-repeat;background-position:left;}
.other-products .container-fluid{position:relative;}
.other-products .head{font-weight:900;color: #281734;display:flex;margin:0;text-align:center;justify-content: center;}
.other-products .head::before{content:'';background-color: #281734;width: 20px;height: 35px;margin-right: 1rem;margin-top: 6px;}
.other-products .opProductSlider{margin-top:3rem;}
.other-products .opProductSlider .box{display:flex;justify-content:end;width:100%;height:450px;position:relative;}
.other-products .opProductSlider .box .image{padding:2rem;max-width:240px;max-height:240px;display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:110px;background-color:#fcbf02;}
.other-products .opProductSlider .box .image img{width:100%;height:100%;object-fit:cover;}
.other-products .opProductSlider .box .texts{display:grid;align-items:center;justify-content:center;width:80%;border:1px solid #281734;padding:2rem;align-content: center;padding-left: calc(120px + 1rem);border-radius: 0 2rem 0 2rem;}
.other-products .opProductSlider .box .texts p{color:#281734;font-weight:400;}
.other-products .opProductSlider .box .texts h2{color:#281734;font-weight:700;}
.other-products .opProductSlider .box .texts .hr{background-color:#281734;width:20px;height:3px;margin-top:1rem;}
.other-products .p-relative{position:relative;position:absolute;width:100%;top:0;display: flex;gap: .5rem;}
.other-products .float-right{right:0;justify-content:end;}
.other-products .op-swiper-pagination{left:0;right:auto;width:fit-content;color: #281734;display: flex;align-items: center;gap: .15rem;top: 0;}
.other-products .swiper-pagination-current{font-weight:700;font-size:16pt;}
.other-products .op-swiper-button-prev{left:auto;right:3rem;top:0;bottom:auto;background-color:transparent;border: 1px solid #281734;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;}
.other-products .op-swiper-button-prev::after{font-size:12pt;color: #281734;font-family:swiper-icons;content:'prev';}
.other-products .op-swiper-button-next{left:auto;right:0;top:0;bottom:auto;background-color:transparent;border: 1px solid #281734;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;}
.other-products .op-swiper-button-next::after{font-size:12pt;color: #281734;font-family:swiper-icons;content:'next';}
.other-products .op-swiper-button-next:hover, .other-products .op-swiper-button-prev:hover{background-color:#281734;}
.other-products .op-swiper-button-next:hover::after, .other-products .op-swiper-button-prev:hover::after{color:#fff;}

.news-page{margin-top:10rem;}
.news-page .box{width:100%;height:460px;display:flex;align-items:center;position:relative;margin-top:1.5rem;}
.news-page .box .image{width:100%;height:460px;display:flex;align-items:center;justify-content:center;position:relative;}
.news-page .box .image img{width:100%;height:100%;object-fit:cover;border-radius:50px;}
.news-page .box .image::after{content:'';width:100%;height:100%;position:absolute;border-radius:50px;background: rgb(40,23,52);background: linear-gradient(90deg, rgba(40,23,52,1) 0%, rgba(40,23,52,0) 100%);opacity:1;transition: .3s;}
.news-page .box .image::before{content:'';width:100%;height:100%;position:absolute;border-radius:50px;background: rgb(40,23,52);background:linear-gradient(90deg, rgb(252 191 0) 0%, rgba(40, 23, 52, 0) 100%);opacity:0;transition: .3s;}
.news-page .box .texts{position:absolute;left:3rem;bottom:3rem;display:grid;max-width:270px;color:#fff;}
.news-page .box .texts h3{font-weight:700;font-size:17pt;}
.news-page .box .texts p{font-weight:300;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news-page .box:hover .image::after{opacity:0;transition: .3s;}
.news-page .box:hover .image::before{opacity:1;transition: .3s;}

.news-detail{margin-top:10rem;}
.news-detail .swiper-wrapper{padding-bottom:3rem;}
.news-detail .swiper-pagination-bullet-active{background: #281734;}
.news-detail .image{width:100%;height:500px;}
.news-detail .image img{width:100%;height:100%;object-fit:cover;border-radius:50px;filter:brightness(.5);}
.news-detail .image img:hover{filter:none;}
.news-detail .desc{text-align:center;width:90%;display:flex;margin:2rem auto;color:#484848;}

.other-news{margin-top:10rem;padding:5rem 0;background-color:#f7f7f7;}
.other-news .head{font-weight:900;color: #281734;display:flex;}
.other-news .head::before{content:'';background-color: #281734;width: 20px;height: 35px;margin-right: 1rem;margin-top: 6px;}
.other-news .news-swiper-button-next{position:relative;margin-left:.5rem;background-color:transparent;border:1px solid #281734;width:36px;height:36px;border-radius:10px;top:auto;bottom:auto;display:flex;align-items:center;justify-content:center;}
.other-news .news-swiper-button-prev{position:relative;background-color:transparent;border:1px solid #281734;width:36px;height:36px;border-radius:10px;top:auto;bottom:auto;display:flex;align-items:center;justify-content:center;}
.other-news .news-swiper-button-next::after{color:#281734;font-size:12pt;font-family: swiper-icons;text-transform: none !important;letter-spacing: 0;font-variant: initial;line-height: 1;content:'next';}
.other-news .news-swiper-button-prev::after{color:#281734;font-size:12pt;font-family: swiper-icons;text-transform: none !important;letter-spacing: 0;font-variant: initial;line-height: 1;content:'prev';}
.other-news .news-swiper-button-next:hover, .other-news .news-swiper-button-prev:hover{background-color:#1d1522;}
.other-news .news-swiper-button-next:hover::after, .other-news .news-swiper-button-prev:hover::after{color:#fff;}
.other-news .newSlider{margin-left: auto;margin-top:2rem;}
.other-news .newSlider .box{width:100%;height:460px;display:flex;align-items:center;position:relative;}
.other-news .newSlider .box .image{width:100%;height:460px;display:flex;align-items:center;justify-content:center;position:relative;}
.other-news .newSlider .box .image img{width:100%;height:100%;object-fit:cover;border-radius:50px;}
.other-news .newSlider .box .image::after{content:'';width:100%;height:100%;position:absolute;border-radius:50px;background: rgb(40,23,52);background: linear-gradient(90deg, rgba(40,23,52,1) 0%, rgba(40,23,52,0) 100%);opacity:1;transition: .3s;}
.other-news .newSlider .box .image::before{content:'';width:100%;height:100%;position:absolute;border-radius:50px;background: rgb(40,23,52);background:linear-gradient(90deg, rgb(252 191 0) 0%, rgba(40, 23, 52, 0) 100%);opacity:0;transition: .3s;}
.other-news .newSlider .box .texts{position:absolute;left:3rem;bottom:3rem;display:grid;max-width:270px;color:#fff;}
.other-news .newSlider .box .texts h3{font-weight:700;font-size:17pt;}
.other-news .newSlider .box .texts p{font-weight:300;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.other-news .newSlider .box:hover .image::after{opacity:0;transition: .3s;}
.other-news .newSlider .box:hover .image::before{opacity:1;transition: .3s;}

.contact-header{position:relative;height:90vh;}
.contact-header .navbar{margin-top:2rem;}
.contact-header #map{width:100%;height:90vh;top: -158px;}
.contact-header .leaflet-container img.leaflet-tile{filter:grayscale(100%) invert(90%) contrast(120%);}
.contact-header .leaflet-touch .leaflet-control-attribution{display:none;}
.contact-header .leaflet-touch .leaflet-bar{display:block!important;}

.information{position:relative;top: -7rem;z-index: 999;}
.information .items{background-color:#fcbf02;padding:2rem;border-radius:50px;width:100%;display:flex;align-items:center;justify-content:space-between;box-shadow: 0px 0 10px 0 #00000023;}
.information .items .hr{width:1.5px;height:80px;background-color:#281734;}
.information .items .item{display:flex;align-items:center;gap:1.5rem;position:relative;}
.information .items .item .icon{background-color: #281734;width:60px;height:60px;border-radius:50%;border:1px solid #281734;display:flex;align-items:center;justify-content:center;}
.information .items .item .icon i{color:#fff;font-size:14pt;}
.information .items .item .texts{display:grid;gap:.2rem;}
.information .items .item .texts p{color:#281734;font-weight:400;margin:0;}
.information .items .item .texts h5{color:#281734;font-weight:700;margin:0;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;max-width:220px;}

.contact{margin-top:5rem;}
.contact .head{color:#281734;font-weight:700;text-align:center;}
.contact form{margin-top:2rem;}
.contact form input, .contact form textarea{background-color:#e6e6e6;outline:none;border:none;padding:1rem 2rem;border-radius:20px;width:100%;margin-top:1rem;}
.contact form input::placeholder{color:#5d5d5d;}
.contact form button{outline:none;border:none;background-color:#281734;border:1px solid #281734;color:#fff;font-weight:700;padding:1rem;width:100%;border-radius:15px;margin-top:1rem;}
.contact form button:hover{color:#281734;background-color:transparent;}

.media-items{margin-top:5rem;}
.media-items h1{color:#1d1522;font-weight:900;}
.media-items .videoPictureSlider{margin-top:2rem;height:750px;padding-bottom:3rem;}
.media-items .videoPictureSlider .image{width:100%;height:350px;display:flex;}
.media-items .videoPictureSlider .image img{width:100%;height:100%;object-fit:cover;border-radius:50px;filter:grayscale(1);}
.media-items .videoPictureSlider .image img:hover{filter:none;}
.media-items .videoPictureSlider .swiper-pagination-bullet-active{background:#1d1522;}