@import url('fonts.css');

*{font-family: 'Gilroy';transition: .3s;}
body{margin:0;padding:0;}
body, html{overflow-x:hidden;}
a{text-decoration:none;}
.container-fluid{max-width:90%;}

.header{width:100%;height:80vh;background-color:#01160f;padding-top:3rem;position:relative;z-index:2;}
.header .mbl-nav{display:none;}
.header .container-fluid, .header .row{height:100%;}
.header .logo{width:230px;filter:brightness(0) invert(1);}
.header .navbar-collapse{padding-left:7.5rem;}
.header .navbar-collapse .navbar-nav{gap:5rem;}
.header .navbar-collapse .navbar-nav .nav-item a{color:#fff;}
.header .navbar>.container-fluid{max-width:100%;}
.header .left-items{height:100%;display:grid;align-content:space-between;padding-bottom:3rem;}
.header .left-items .texts{position:relative;display:grid;}
.header .left-items .texts .textSlider{width:70%!important;margin-left:0rem;}
.header .left-items .texts h1{color:#fff;font-weight:400;display:grid;gap:.5rem;font-size:35pt;font-family: "Neulis Cursive", cursive;font-weight:400;}
.header .left-items .texts h1 span{background-color:#fff;color:#202020;width:fit-content;font-family: "Neulis Cursive", cursive;}
.header .left-items .texts p{color:#fff;font-size:19pt;}
.header .left-items .texts .slide-text {opacity: 0;transform: translateY(30px);transition: all 0.6s ease;}
.header .left-items .texts .slide-text.active {opacity: 1;transform: translateY(0);}
.header .left-items .texts .arrows{position:relative;display:flex;width:150px;margin-top:2rem;}
.header .left-items .texts .arrows div{background-color:#fff;border:1px solid #fff;width:50px;height:50px;border-radius:50%;cursor:pointer;}
.header .left-items .texts .arrows div::after{font-size:13pt;color:#202020;}
.header .left-items .texts .arrows div:hover{background-color:transparent;}
.header .left-items .texts .arrows div:hover::after{color:#fff;}
.header .left-items .texts .arrows .swiper-button-next{right:25px;}
.header .left-items .social-media{position:relative;}
.header .left-items .social-media ul{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:3rem;}
.header .left-items .social-media ul i{color:#fff;font-size:18pt;}
.header .left-items .social-media ul i:hover{opacity:.5;}
.header .bg-img{height:85%;position:absolute;right:2rem;bottom:0;}
.header .scroll{position:absolute;width:25px;bottom:3rem;left: 50%;transform: translate(-50%, 0);}

.ticket{margin-top:5rem;}
.ticket .contents{margin-top:-15rem;}
.ticket h1{color:#1d1d1d;font-weight:400;}
.ticket .ticket-image{position:relative;z-index:2;}
.ticket .desc{color:#535353;}
.ticket .information-input{position:relative;width:450px;display:flex;align-items:center;}
.ticket .information-input i{position:absolute;left:1.2rem;}
.ticket .information-input button{background-color:#042822;padding:1rem 2rem;outline:none;border:none;border-radius:100px;position:absolute;color:#fff;right:.75rem;}
.ticket .information-input button:hover{background-color:#1d1d1d;}
.ticket .information-input input{width:100%;padding:1.5rem 3rem;background-color:#ebebeb;color:#1d1d1d;border:none;outline:none;border-radius:100px;}
.ticket .information-input input::placeholder{color:#333333;}

.wp-channel{position:relative;/**top:-10rem;**/padding:5rem 0;background-color:#202020;}
.wp-channel .content{display:flex;align-items:center;gap:2rem;}
.wp-channel .content i{color:#fff;font-size:36pt;}
.wp-channel .content p{color:#9eb8b4;}
.wp-channel .content h1{color:#fff;}

.footer{/**margin-top:-10rem;**/background-color:#f4f4f4;padding:5rem 0;}
.footer .logo{width:350px;}
.footer h2{color:#042822;font-weight:400;}
.footer .information-input{position:relative;width:450px;display:flex;align-items:center;}
.footer .information-input i{position:absolute;left:1.2rem;}
.footer .information-input button{background-color:#042822;padding:1rem 2rem;outline:none;border:none;border-radius:100px;position:absolute;color:#fff;right:.75rem;}
.footer .information-input button:hover{background-color:#1d1d1d;}
.footer .information-input input{width:100%;padding:1.5rem 3rem;background-color:#ebebeb;color:#1d1d1d;border:none;outline:none;border-radius:100px;}
.footer .information-input input::placeholder{color:#333333;}
.footer .menu-list{list-style:none;margin:0;padding:0;display:grid;}
.footer h5{font-weight:400;color:#333333;}
.footer .menu-list a{color:#333333;font-size:27pt;}
.footer .menu-list a:hover{color:#042822;}
.footer .hr{width:100%;height:1px;margin:5rem 0;background-color:#000;opacity:.3;}
.footer .copyright{text-align:center;}