@import url("https://use.typekit.net/rsr6gxh.css");

*{font-family: "cy", sans-serif;transition:.3s;}
body{margin:0;padding:0;}
body, html{overflow-x:hidden;}
a{text-decoration:none;}
b{font-weight:700;}
h1{font-weight:900;font-size:40pt;}
.container-fluid{max-width:80%;}

.hero-header{display:grid;align-content:space-between;width:100%;height:100vh;background-color: #fff;overflow: hidden;position:relative;}


.navbar{background-color:transparent;z-index:9999;padding:2rem 0;}
.navbar .logo{filter:brightness(0) invert(1);width:320px;}
.navbar .navbar-collapse{justify-content:end;}
.navbar .navbar-nav{align-items:center;}
.navbar .nav-link{color:#fff;}

.hero-header .navbar .logo{filter:none;}
.hero-header .nav-link{color:#333;}

.hero-header .texts{display:grid;justify-items:center;justify-content:center;margin:auto;text-align:center;max-width:650px;z-index:2;position:absolute;left: 50%;transform: translate(-50%, 0);top:15vh;}
.hero-header .texts h1{font-weight:900;font-size:40pt;color:#5c2483;}
.hero-header .texts h1 span{background-color:#5c2483;color:#fff;padding:0;position:relative;top:1.5rem;padding:.1rem;}
.hero-header .texts a{border:2px solid #5c2483;background-color:#5c2483;color:#fff;display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1rem 3rem;font-size:14pt;border-radius:2rem;margin-top:3rem;font-weight:500;}
.hero-header .texts a i{font-size:11pt;}
.hero-header .texts a:hover{background-color:#fff;color:#5c2483;}
.hero-header .hero-image{width:100%;height:100vh;object-fit:cover;overflow: hidden!important;position:absolute;}
.hero-header .scroll{position:absolute;bottom:0;left: 50%;transform: translate(-50%, 0);}

.banner{width:100%;height:600px;background-repeat:no-repeat;background-size:cover;position:relative;}
.banner::after{content:'';width:100%;height:100%;position:absolute;top:0;background-color:#0000009c;}
.banner .banner-cont{position: absolute;z-index: 99999;max-width: 80%;width: 100%;height:250px;background-color:#fab513;padding:3rem;bottom:-125px;left: 50%;transform: translate(-50%, 0);display:flex;align-items:center;}
.banner .banner-cont .head{display:flex;align-items:center;gap:2rem;}
.banner .banner-cont .head img{max-width:50px;max-height:50px;}
.banner .banner-cont h1{color:#fff;}
.banner .banner-cont ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;}
.banner .banner-cont ul li a{font-size:15pt;color:#fff;}
.banner .banner-cont ul li::after{content:'•';color:#fff;font-size:18pt;margin:0 2rem;}
.banner .banner-cont ul li:last-child::after{display:none;}
.banner .banner-cont .logomark{position:absolute;right:0;bottom:0;}
.banner .banner-cont .cloud{position:absolute;left:40%;top:-5rem;}

.contact-banner{position: relative;z-index: 99999;max-width: 80%;width: 100%;height:auto;background-color:#fab513;padding:3rem;top:-125px;left: 50%;transform: translate(-50%, 0);display:flex;align-items:center;}
.contact-banner .cloud{position:absolute;left:40%;top:-5rem;}
.contact-banner h1{color:#fff;}
.contact-banner ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;}
.contact-banner .row{width:100%;}
.contact-banner .information{display:grid;gap:2rem;margin-top:2rem;}
.contact-banner .information a{display:flex;align-items:center;gap:1rem;}
.contact-banner .information a .icon{max-width:50px;width:100%;height:50px;display:flex;align-items:center;justify-content:center;background-color:#fff;color:#fab513;border-radius:50%;}
.contact-banner .information a p{color:#fff;font-size:20pt;font-weight:700;margin:0;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;max-width:80%;}
.contact-banner h4{font-weight:700;color:#fff;margin-top:4rem;}
.contact-banner ul{gap:1rem;margin-top:2rem;}
.contact-banner ul li a{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#fff;color:#fab513;border:1px solid #fff;border-radius:50%;}
.contact-banner ul li a:hover{background-color:transparent;color:#fff;}
.contact-banner ul li::after{display:none;}
.contact-banner form button{border:2px solid #fff;outline:none;background-color:#ffff;color:#fab513;display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1rem 3rem;font-size:14pt;border-radius:2rem;font-weight:500;width:fit-content;height: fit-content;margin-left:auto;margin-top:3rem;}
.contact-banner form button:hover{background-color:transparent;color:#fff;}

.hp-vertical-farm{margin-top:5rem;}
.hp-vertical-farm .cont-desc{background-color:#5c2483;border-radius:50px;padding:3rem;position:relative;height:780px;}
.hp-vertical-farm .cont-desc .logomark{width:80px;margin-bottom:5rem;}
.hp-vertical-farm .cont-desc p{color:#fff;}
.hp-vertical-farm .cont-desc .cloud{position:absolute;bottom:-2rem;}
.hp-vertical-farm .cont-img{position:absolute;top:0;overflow: hidden;}
.hp-vertical-farm .texts{display:grid;z-index:-1;}
.hp-vertical-farm .texts p{letter-spacing:12px;color:#000000;font-size:19pt;}
.hp-vertical-farm .texts h1{font-weight:900;font-size:60pt;color:#5c2483;margin-top:1rem;position:relative;width:fit-content;}
.hp-vertical-farm .texts h1 span{background-color:#5c2483;color:#fff;padding:0;position:relative;top:1.5rem;padding:.1rem .5rem;}
.hp-vertical-farm .texts h1::after{content:'';background-image: url('../img/vertical-farm/star.png');background-size:50px;background-repeat:no-repeat;width:50px;height:50px;position:absolute;top:2rem;right:5rem;}
.hp-vertical-farm .circle-sign-up{width:150px;height:150px;border: 10px solid #fff;background-color:#fab518;position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;left: 21%;bottom: -5rem;}
.hp-vertical-farm .circle-sign-up img{width:80%;position:absolute;}
.hp-vertical-farm .circle-sign-up i{rotate:45deg;position:absolute;font-size:14pt;color:#fff;}

.kobus{margin-top:10rem;}
.kobus .row{margin-top:5rem;}
.kobus h1{color:#fab518;margin-top:1rem;position:relative;text-align:center;}
.kobus h1 span{background-color:#fab518;color:#fff;padding:0;position:relative;top:1.5rem;padding:.1rem .5rem;}
.kobus .image{width:550px;margin:auto;display:flex;}
.kobus .col-lg-3{display:grid;justify-items:center;}
.kobus ul{list-style:none;margin:0;padding:0;display:grid;gap:2rem;}
.kobus ul li{max-width:300px;}
.kobus ul li h3{font-weight:700;}

.streaming-workflow{margin-top:10rem;}
.streaming-workflow .items{display:flex;align-items:center;gap:2rem;}
.streaming-workflow .items .image{width:50%;height:400px;}
.streaming-workflow .items .image img{width:100%;height:100%;object-fit:cover;border-radius:50px;filter:brightness(.5);}
.streaming-workflow .items .image img:hover{filter:none;}
.streaming-workflow .items .cont{width:50%;height:400px;background-color:#5c2483;border-radius:50px;padding:3.5rem;display:grid;align-content:space-between;}
.streaming-workflow .items .cont:hover{background-color:#fab518;}
.streaming-workflow .items .cont img{max-width:50px;max-height:50px;width:100%;height:100%;object-fit:contain;}
.streaming-workflow .items .cont .texts{color:#fff;}

.streaming-workflow .document{background-color:#5c2483;padding: 5rem;border-radius:50px;display:flex;align-items:center;margin-top:2rem;}
.streaming-workflow .document:hover{background-color:#fab513;}
.streaming-workflow .document .left-cont{max-width:440px;display:grid;gap:4rem;}
.streaming-workflow .document .left-cont .kgtu-logo{width: 220px;}
.streaming-workflow .document .left-cont h2{color:#fff;font-weight:900;}
.streaming-workflow .document .right-cont{display:flex;}
.streaming-workflow .document .right-cont .document-img{position: absolute;right: 20%;margin-top: -10rem;filter: drop-shadow(0px 0px 25px #00000013);z-index:2;}
.streaming-workflow .document .right-cont::after{content:'';width: 700px;height: 700px;background-color:transparent;border: 80px solid #fff;border-radius:50%;position:absolute;right: 17%;margin-top: -2rem;}

.programs{background-color:#fab518;padding:5rem;margin-top:10rem;position:relative;}
.programs h1{color:#fff;text-align:center;}
.programs .row{margin-top:3rem;}
.programs .box{display:flex;align-items:center;gap:2rem;background-color:#fff;border-radius:50px;padding:3rem;width:100%;height:170px;position:relative;margin-top:2rem;}
.programs .box .texts{display:grid;}
.programs .box .texts .weeks{margin:0;padding:0;}
.programs .box .image{width:100%;height:170px;object-fit:cover;opacity:0;position: absolute;left:0;border-radius:50px;filter:brightness(.5);}
.programs .box .icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fab518;z-index:1;}
.programs .box .icon img{filter:brightness(0) invert(1);max-width:40px;max-height:40px;width:100%;height:100%;object-fit:contain;}
.programs .box h3{color:#fab518;font-weight:600;max-width:140px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;z-index:1;}
.programs .box p{max-width:100px;color:#333;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;z-index:1;}
.programs .box:hover{background-color:transparent;}
.programs .box:hover .image{opacity:1;}
.programs .box:hover .icon{background-color:#fff;}
.programs .box:hover .icon img{filter:brightness(0);}
.programs .box:hover h3, .programs .box:hover p{color:#fff;}
.programs .cloud-right{position:absolute;top:5rem;right:0;}
.programs .cloud-left{position:absolute;left:0;bottom:0;}

.teachings-study{margin-top:10rem;}
.teachings-study h1{color:#5c2483;margin-top:1rem;position:relative;text-align:left;}
.teachings-study h1 span{background-color:#5c2483;color:#fff;padding:0;position:relative;top:1.5rem;padding:.1rem .5rem;}
.teachings-study .teachings-study-button-next{background-color:#5c2483;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:10px;}
.teachings-study .teachings-study-button-next i{color:#fff;font-size:14pt;}
.teachings-study .teachings-study-button-prev{background-color:transparent;border:1px solid #5c2483;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:10px;}
.teachings-study .teachings-study-button-prev i{color:#5c2483;font-size:14pt;}
.teachings-study .teachingsStudySlider{margin-top: 3rem;padding-bottom: 3rem;}
.teachings-study .teachingsStudySlider .swiper-slide{display:grid;justify-items:center;justify-content:center;align-items: start;height: 500px;align-content: space-between;}
.teachings-study .teachingsStudySlider img{position:relative;top: 60px;max-width: 190px;max-height: 190px;width: 100%;height: 100%;object-fit: contain;}
.teachings-study .teachingsStudySlider .cont-box{background-color:#5c2483;width:100%;height:300px;padding: 6rem 4rem 4rem 4rem;border-radius: 50px;color:#fff;}
.teachings-study .teachingsStudySlider .cont-box:hover{background-color:#fab518;}
.teachings-study .teachingsStudySlider .cont-box h3{font-weight:700;}
.teachings-study .teachingsStudySlider .swiper-pagination{padding-top:10rem;}
.teachings-study .teachingsStudySlider .swiper-pagination-bullet-active{background:#5c2483;}

.benefits{margin-top:10rem;}
.benefits h1{color:#fab518;margin-top:1rem;position:relative;text-align:center;}
.benefits h1 span{background-color:#fab518;color:#fff;padding:0;position:relative;top:1.5rem;padding:.1rem .5rem;}
.benefits .benefitSlider{margin-top:5rem;padding-bottom:3rem;}
.benefits .benefitSlider .swiper-slide {display: flex;justify-content: center;align-items: center;transition: all 0.4s ease;filter: blur(4px);transform: scale(0.8);}
.benefits .benefitSlider .swiper-slide img{width: 50%;}
.benefits .benefitSlider .swiper-slide-active {filter: blur(0);transform: scale(1);z-index: 2;}
.benefits .benefitSlider .swiper-slide-active img{width: 80%;}
.benefits .benefitSlider .swiper-pagination-bullet-active{background:#fab518;}

.stakeholders{margin-top:10rem;}
.stakeholders h1{color:#fff;text-align:center;}
.stakeholders .container-fluid{background-color:#5c2483;border-radius:50px;padding:5rem;}
.stakeholders .logos{display: flex;align-items: center;justify-content: space-between;gap: 10px;border-radius:50px;padding:3rem;margin-top: 5rem;}
.stakeholders .logos .logo-item{position: relative;display: flex;justify-content: center;align-items: center;width:50%;}
.stakeholders .logos .logo-item img{max-width: 300px;max-height: 200px;}
.stakeholders .logos .logo-item:not(:last-child)::after {content: 'x';font-size: 18pt;color: #fff;position: absolute;right: 0;}

.hp-sign-up{background-color:#fab518;padding:5rem 0;margin-top:10rem;}
.hp-sign-up img{width:100%;}
.hp-sign-up h1{color:#fff;margin-top:1rem;position:relative;text-align: left;}
.hp-sign-up h1 span{background-color:#fff;color: #fab513;padding:0;position:relative;top:1.5rem;padding:.1rem .5rem;}
.hp-sign-up p{color:#fff;margin-top: 5rem;}
.hp-sign-up a{border:2px solid #fff;background-color:#fff;color:#fab518;display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1rem 3rem;font-size:14pt;border-radius:2rem;margin-top:3rem;font-weight:500;width: fit-content;}
.hp-sign-up a i{font-size:11pt;}
.hp-sign-up a:hover{background-color:transparent;color:#fff;}

.news{margin-top:10rem;}
.news h1{color:#5c2483;}
.news .box{width:100%;height:450px;position:relative;display:flex;border-radius:50px;margin-top:2rem;}
.news .box .image{width:100%;height:100%;object-fit:cover;border-radius:50px;}
.news .box .texts{display:grid;justify-items:start;align-content:center;text-align:left;background-color:#1b1b1b;border-radius:50px;width:50%;height:100%;position:absolute;padding:2rem;}
.news .box .texts .cont{display:flex;align-items:center;gap:3rem;}
.news .box .texts .cont h3{font-size:24pt;color:#fff;font-weight:700;max-width:50%;}
.news .box .texts .cont p{display:none;max-width:50%;color:#fff;}
.news .box .texts button{border:none;outline:none;background-color:#fff;color:#1b1b1b;display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1rem 3rem;font-size:14pt;border-radius:2rem;margin-top:3rem;font-weight:500;width:fit-content;height: fit-content;}
.news .box:hover .image{filter:brightness(.2);}
.news .box:hover .texts{background-color:transparent;width:100%;}
.news .box:hover .texts .cont p{display:block;}

.footer{background-color:#fab513;padding:5rem 0;margin-top:10rem;}
.footer .logo{width:320px;filter:brightness(0) invert(1);margin-bottom:3rem;}
.footer .desc{color:#fff;text-align:justify;direction: ltr;}
.footer .cont{display:flex;align-items:start;justify-content:end;gap:5rem;}
.footer .cont ul{list-style:none;margin:0;padding:0;}
.footer .cont ul p{color:#fff;}
.footer .cont ul a{font-size:17pt;font-weight:700;color:#fff;}
.footer .hr{margin:3rem 0;width:100%;height:1px;background-color:#fff;}
.footer .copyright{color:#fff;}
.footer .justify-content-end{justify-content:end;}
.footer .interio-logo{width:150px;}

.corporate{margin-top:10rem;}
.corporate .image{width:100%;}
.corporate h1{font-weight:900;color:#5c2483;margin-top:1rem;position:relative;width:fit-content;}
.corporate h1 span{background-color:#5c2483;color:#fff;padding:0;position:relative;top:1.5rem;padding:.1rem .5rem;}
.corporate p{margin-top:3rem;color:#4e4e4e;}

.vz-mz{background-color:#fab513;padding:5rem 0;position:relative;}
.vz-mz::before{content:'';position:absolute;width:100%;height:200px;background-color:#fab513;top:-200px;display:flex;z-index:-1;}
.vz-mz .box{width:100%;height:300px;display:flex;align-items:center;position:relative;margin-top:2rem;}
.vz-mz .box .image{width:100%;height:300px;object-fit:cover;border-radius:50px;position:absolute;filter:brightness(.3);}
.vz-mz .box .texts{display:flex;align-items:center;gap:2rem;position:relative;z-index:2;padding:5rem;color:#fff;}
.vz-mz .box .texts h1{width:50%;display:flex;justify-content:center;max-width: 500px;}
.vz-mz .box .texts p{width:50%;display:flex;justify-content:center;}
.vz-mz .box:hover .image{filter:brightness(.1);}
.vz-mz .cloud-right{position:absolute;top:0;right:10%;}
.vz-mz .cloud-left{position:absolute;bottom:0;left:2rem;}

.corporate-stakeholders{margin-top:10rem;}
.corporate-stakeholders h1{color:#5c2483;text-align:center;}
.corporate-stakeholders .logos{display: flex;align-items: center;justify-content: space-between;gap: 10px;border-radius:50px;padding:3rem;margin-top: 5rem;}
.corporate-stakeholders .logos .logo-item{position: relative;display: flex;justify-content: center;align-items: center;width:50%;}
.corporate-stakeholders .logos .logo-item img{max-width: 300px;max-height: 200px;}
.corporate-stakeholders .logos .logo-item:not(:last-child)::after {content: 'x';font-size: 18pt;color: #000;position: absolute;right: 0;}

.vertical-farm{margin-top:15rem;}
.vertical-farm .items{display:flex;align-items:center;}
.vertical-farm .items .texts{margin-left:10%;width:40%;}
.vertical-farm .items .texts h1{color:#fab513;}
.vertical-farm .items .texts p{color:#676767;margin-top:2rem;}
.vertical-farm .items .cont{width:60%;position:relative;left:10%;}
.vertical-farm .items .cont .verticalFarmSlider{padding:3rem 0;}
.vertical-farm .items .cont .verticalFarmSlider img{width:100%;height:500px;object-fit:cover;border-radius:50px;filter:brightness(.5);}
.vertical-farm .items .cont .verticalFarmSlider .swiper-slide{transform:scale(.7);}
.vertical-farm .items .cont .verticalFarmSlider .swiper-slide-active{transform:scale(1);}
.vertical-farm .items .cont .verticalFarmSlider .swiper-pagination-bullet-active{background:#fab513;}

.vertical-farm-benefits{margin-top:10rem;}
.vertical-farm-benefits h1{color:#5c2483;margin-top:1rem;position:relative;text-align:center;}
.vertical-farm-benefits h1 span{background-color:#5c2483;color:#fff;padding:0;position:relative;top:1.5rem;padding:.1rem .5rem;}
.vertical-farm-benefits .row{margin-top:3rem;}
.vertical-farm-benefits .box{background-color:#5c2483;padding:2rem;border-radius:50px;display:grid;color:#fff;gap: 4rem;margin-top: 2rem;height:430px;}
.vertical-farm-benefits .box .icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color: #fff;}
.vertical-farm-benefits .box .icon img{max-width:60px;max-height:60px;}
.vertical-farm-benefits .box .texts{display:grid;}
.vertical-farm-benefits .box .texts h2{font-weight:700;max-width: 210px;}
.vertical-farm-benefits .box:hover{background-color:#fab513;}

.programs-pg{margin-top:15rem;}
.programs-pg .box{margin-top:2rem;display:grid;position:relative;width:100%;height:700px;background-color:#5c2483;border-radius:50px;}
.programs-pg .box .image{width:100%;height:100%;display:flex;position:absolute;opacity:0;}
.programs-pg .box .image::after{content:'';position:absolute;width:100%;height:100%;background-color:#5c2483;border-radius:50px;opacity:.7;}
.programs-pg .box .image img{width:100%;height:100%;object-fit:cover;border-radius:50px;}
.programs-pg .box .texts{display:grid;align-content:center;padding:3rem;gap:5rem;z-index:2;}
.programs-pg .box .texts .icon{width:120px;height:120px;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;}
.programs-pg .box .texts .icon img{max-width:80px;max-height:80px;filter: invert(80%) sepia(29%) saturate(3702%) hue-rotate(254deg) brightness(91%) contrast(101%);}
.programs-pg .box .texts .cont{color:#fff;max-width:320px;}
.programs-pg .box .texts .cont h2{font-weight:700;font-size:32pt;}
.programs-pg .box .texts button{border:2px solid #fff;outline:none;background-color:#fff;color:#5c2483;display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1rem 3rem;font-size:14pt;border-radius:2rem;font-weight:500;width:fit-content;height: fit-content;}
.programs-pg .box:hover .image{opacity:1;}
.programs-pg .box .texts button:hover{background-color:transparent;color:#fff;}

.programs-detail{margin-top:15rem;}
.programs-detail .head{display:flex;align-items:end;color:#5c2483;}
.programs-detail .head h1::after{content:'•';font-size:40pt;color:#5c2483;margin:0 2rem;}
.programs-detail .content{background-color:#5c2483;padding:3rem;border-radius:50px;margin-top:3rem;display:grid;gap:2rem;}
.programs-detail .content .item{display:flex;align-items:center;gap:3rem;}
.programs-detail .content .item h2{color:#fff;font-weight:700;width:15%;}
.programs-detail .content .item .detail{width:85%;background-color:#fff;padding:3rem;border-radius:50px;}
.programs-detail .content .item .detail h4{border-bottom:3px solid #5c2483;color:#5c2483;font-weight:600;padding:1rem 0;}
.programs-detail .content .item .detail h4:last-child{border-bottom:none;}

.programs-sign-up{margin-top:10rem;}
.programs-sign-up img{width:100%;}
.programs-sign-up h1{color:#fab513;margin-top:1rem;position:relative;text-align: left;}
.programs-sign-up h1 span{background-color:#fab513;color: #fff;padding:0;position:relative;top:1.5rem;padding:.1rem .5rem;}
.programs-sign-up p{color:#4e4e4e;margin-top: 5rem;}
.programs-sign-up a{border:2px solid #fab513;background-color:#fab513;color:#fff;display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1rem 3rem;font-size:14pt;border-radius:2rem;margin-top:3rem;font-weight:500;width: fit-content;}
.programs-sign-up a i{font-size:11pt;}
.programs-sign-up a:hover{background-color:transparent;color:#fab513;}

#signUp{display:none;}
.sign-up{margin-top:10rem;}
.sign-up h1{color:#fab513;margin-top:1rem;position:relative;text-align:center;}
.sign-up h1 span{background-color:#fab513;color:#fff;padding:0;position:relative;top:1.5rem;padding:.1rem .5rem;}
.sign-up p{font-size:20pt;color:#fab513;max-width:50%;text-align:center;margin:auto;margin-top:5rem;}
.sign-up form{margin-top:3rem;}
.sign-up form input, .sign-up form textarea, .contact-banner form input, .contact-banner form textarea{width:100%;padding:1rem 2rem;margin-top:1rem;background-color:#f9f9f9;border:none;color:#9b9b9b;font-size:14pt;border-radius:20px;}
.sign-up form button{border:2px solid #fab513;outline:none;background-color:#fab513;color:#fff;display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1rem 3rem;font-size:14pt;border-radius:2rem;font-weight:500;width:fit-content;height: fit-content;margin:auto;margin-top:3rem;}
.sign-up form button:hover{background-color:transparent;color:#fab513;}

.payment .flex {display: flex;}
.payment .flex-center {display: flex;align-items: center;justify-content: center;}
.payment .flex-fill {display: flex;flex: 1 1;}
.payment .flex-vertical {display: flex;flex-direction: column;}
.payment .flex-vertical-center {display: flex;align-items: center;}
.payment .flex-between {display: flex;justify-content: space-between;}
.payment .p-sm {padding: 0.5em;}
.payment .pl-sm {padding-left: 0.5em;}
.payment .pr-sm {padding-right: 0.5em;}
.payment .pb-sm {padding-bottom: 0.5em;}
.payment .p-md {padding: 1em;}
.payment .pb-md {padding-bottom: 1em;}
.payment .p-lg {padding: 2em;}
.payment .m-md {margin: 1em;}
.payment .size-md {font-size: 0.85em;}
.payment .size-lg {font-size: 1.5em;}
.payment .size-xl {font-size: 2em;}
.payment .half-width {width: 50%;}
.payment .pointer {cursor: pointer;}
.payment .uppercase {text-transform: uppercase;}
.payment .ellipsis {text-overflow: ellipsis;overflow: hidden;}
.payment .f-main-color {color: #2962ff;}
.payment .f-secondary-color {color: var(--secondary-text);}
.payment .b-main-color {background: var(--accent-color);}
.payment .numbers::-webkit-outer-spin-button, .numbers::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.payment .bod-3 {border-radius: 30px;}
.payment .main-back {background: #a2cdff !important;display: flex;position: absolute;width: 100%;height: 100vh;top: 0px;left: 0px;}
.payment .header {padding-bottom: 1em;}
.payment .header .title {font-size: 1.2em;}
.payment .header .title span {font-weight: 300;}
.payment .card-data > div {padding-bottom: 1.5em;}
.payment .card-data > div:first-child {padding-top: 1.5em;}
.payment .card-property-title {display: flex;flex-direction: column;flex: 1 1;margin-right: 0.5em;}
.payment .card-property-title strong {padding-bottom: 0.5em;font-size: 0.85em;}
.payment .card-property-title span {color: var(--secondary-text);font-size: 0.75em;}
.payment .card-property-value {flex: 1 1;}
.payment .card-number {background: #fafafa;border: var(--field-border);border-radius: var(--field-border-radius);padding: 0.5em 1em;}
.payment .card-number-field * {line-height: 1;margin: 0;padding: 0;}
.payment .card-number-field input {width: 100%;height: 100%;padding: 0.5em 1rem;margin: 0 0.75em;border: none;color: #888888;background: transparent;font-family: inherit;font-weight: 500;}
.payment .timer span {background: #311b92;color: #ffffff;width: 1.2em;padding: 4px 0;display: inline-block;text-align: center;border-radius: 3px;}
.payment .timer span + span {margin-left: 2px;}
.payment .timer em {font-style: normal;}
.payment .action button {padding: 1.1em;width: 100%;height: 100%;font-weight: 600;font-size: 1em;color: #ffffff;border: none;border-radius: 0.5em;transition: background-color 0.2s ease-in-out;background-color: #72a2f7;}
.payment .action button:hover {background: #2979ff;}
.payment .input-container {position: relative;display: flex;align-items: center;height: 3em;overflow: hidden;border: var(--field-border);border-radius: var(--field-border-radius);}
.payment .input-container input, .input-container i {line-height: 1;text-transform:none!important;}
.payment .input-container input {flex: 1 1;height: 100%;width: 100%;text-align: center;border: none;border-radius: var(--field-border-radius);font-family: inherit;font-weight: 800;font-size: 0.85em;}
.payment .input-container input:focus {background: #e3f2fd;color: #283593;}
.payment .input-container input::placeholder {color: #ddd;}
.payment .input-container input::-webkit-outer-spin-button, .input-container input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.payment .input-container i {position: absolute;right: 0.5em;}
.payment .purchase-section {position: relative;overflow: visible;padding: 0 1em 1em 1em;background: var(--sidebar-color);border-top-left-radius: 0.8em;border-top-right-radius: 0.8em;}
.payment .purchase-section:before {content: "";position: absolute;width: 1.6em;height: 1.6em;border-radius: 50%;left: -0.8em;bottom: -0.8em;background: #ffffff;}
.payment .purchase-section:after {content: "";position: absolute;width: 1.6em;height: 1.6em;border-radius: 50%;right: -0.8em;bottom: -0.8em;background: #ffffff;}
.payment .card-mockup {position: relative;margin: 3em 1em 1.5em 1em;padding: 1.5em 1.2em;border-radius: 0.6em;background: #72a2f7;color: #fff;box-shadow: 0 0.5em 1em 0.125em rgba(0, 0, 0, 0.1);}
.payment .card-mockup:after {content: "";position: absolute;width: 25%;top: -0.2em;left: 37.5%;height: 0.2em;background: var(--accent-color);border-top-left-radius: 0.2em;border-top-right-radius: 0.2em;}
.payment .card-mockup:before {content: "";position: absolute;top: 0;width: 25%;left: 37.5%;height: 0.5em;background: #2962ff36;border-bottom-left-radius: 0.2em;border-bottom-right-radius: 0.2em;box-shadow: 0 2px 15px 5px #2962ff4d;}
.payment .purchase-props {margin: 0;padding: 0;font-size: 0.8em;width: 100%;}
.payment .purchase-props li {width: 100%;line-height: 2.5;}
.payment .purchase-props li span {color: var(--secondary-text);font-weight: 600;}
.payment .separation-line {border-top: 1px dashed #aaa;margin: 0 0.8em;}
.payment .total-section {position: relative;overflow: hidden;padding: 1em;background: var(--sidebar-color);border-bottom-left-radius: 0.8em;border-bottom-right-radius: 0.8em;}
.payment .total-section:before {content: "";position: absolute;width: 1.6em;height: 1.6em;border-radius: 50%;left: -0.8em;top: -0.8em;background: #ffffff;}
.payment .total-section:after {content: "";position: absolute;width: 1.6em;height: 1.6em;border-radius: 50%;right: -0.8em;top: -0.8em;background: #ffffff;}
.payment .total-label {font-size: 0.8em;padding-bottom: 0.5em;}
.payment .total-section strong {font-size: 1.5em;font-weight: 800;}
.payment .total-section small {font-weight: 600;}

.news-detail{margin-top:15rem;}

.other-news{margin-top:10rem;}
.other-news h1{color:#5c2483;}
.other-news .box{width:100%;height:450px;position:relative;display:flex;border-radius:50px;margin-top:2rem;}
.other-news .box .image{width:100%;height:100%;object-fit:cover;border-radius:50px;}
.other-news .box .texts{display:grid;justify-items:start;align-content:center;text-align:left;background-color:#1b1b1b;border-radius:50px;width:50%;height:100%;position:absolute;padding:2rem;}
.other-news .box .texts .cont{display:flex;align-items:center;gap:3rem;}
.other-news .box .texts .cont h3{font-size:24pt;color:#fff;font-weight:700;max-width:50%;}
.other-news .box .texts .cont p{display:none;max-width:50%;color:#fff;}
.other-news .box .texts button{border:none;outline:none;background-color:#fff;color:#1b1b1b;display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1rem 3rem;font-size:14pt;border-radius:2rem;margin-top:3rem;font-weight:500;width:fit-content;height: fit-content;}
.other-news .box:hover .image{filter:brightness(.2);}
.other-news .box:hover .texts{background-color:transparent;width:100%;}
.other-news .box:hover .texts .cont p{display:block;}
.other-news .otherNewSlider{padding:3rem 0;}
.other-news .other-news-button-next{background-color:#5c2483;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:10px;}
.other-news .other-news-button-next i{color:#fff;font-size:14pt;}
.other-news .other-news-button-prev{background-color:transparent;border:1px solid #5c2483;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:10px;}
.other-news .other-news-button-prev i{color:#5c2483;font-size:14pt;}
.other-news .otherNewSlider .swiper-pagination-bullet-active{background:#5c2483;}

.map{margin-top:5rem;}
#map{width:100%;height:500px;border-radius:50px;}
.leaflet-container img.leaflet-tile{filter:grayscale(100%) invert(90%) contrast(120%);}
.leaflet-touch .leaflet-control-attribution{display:none;}
.leaflet-touch .leaflet-bar{display:none!important;}

.payment-content{margin-top:15rem;}
.payment-content .head{color:#5c2483;text-align:center;}
.payment-content .desc{text-align:center;color:#333;font-size:19pt;}
.payment-content .box{background-color:#5c2483;padding:5rem;border-radius:50px;margin-top:2rem;color:#fff;}
.payment-content .box h1{font-size:60pt;position:relative;}
.payment-content .box h1 span{background-color:#fff;color:#5c2483;padding:0;position:relative;top:2rem;padding:.1rem;}
.payment-content .box p{margin-top:4rem;font-size:19pt;}
.payment-content .box:hover, .payment-content .box.active{background-color:#fab513;}
.payment-content .box:hover h1 span, .payment-content .box.active h1 span{color:#fab513;}

.payment{margin-top:10rem;}

.approved-payment{position:relative;margin-top:10rem;}
.approved-payment .box{padding:5rem;border-radius:50px;display:grid;background-color: #4dc800;justify-items: center;justify-content: center;gap: 5rem;text-align: center;color: #fff;}
.approved-payment .box .icon{width:120px;height:120px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4dc800;font-size:22pt;}
.approved-payment .box .texts{display:grid;max-width:80%;}
.approved-payment .box .texts h2{font-weight:700;font-size:32pt;}
.approved-payment .box .texts p{font-size:14pt;margin-top:1rem;margin-bottom:0;}
.approved-payment .box a{background-color:#fff;padding:1rem 2rem;border-radius:25px;color:#4dc800;border:1px solid #fff;font-weight:500;}
.approved-payment .box a:hover{background-color:transparent;color:#fff;}

.disapproved-payment{position:relative;margin-top:10rem;}
.disapproved-payment .box{padding:5rem;border-radius:50px;display:grid;background-color: #c80000;justify-items: center;justify-content: center;gap: 5rem;text-align: center;color: #fff;}
.disapproved-payment .box .icon{width:120px;height:120px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#c80000;font-size:22pt;}
.disapproved-payment .box .texts{display:grid;max-width:80%;}
.disapproved-payment .box .texts h2{font-weight:700;font-size:32pt;}
.disapproved-payment .box .texts p{font-size:14pt;margin-top:1rem;margin-bottom:0;}
.disapproved-payment .box a{background-color:#fff;padding:1rem 2rem;border-radius:25px;color:#c80000;border:1px solid #fff;font-weight:500;}
.disapproved-payment .box a:hover{background-color:transparent;color:#fff;}