:root{
    --font1: 'Roboto', sans-serif;
    --font2: 'Montserrat', sans-serif;

    --color1:#ffc03d;
    --color2: 210,21,30;
    --color3:#152332;
    --color4:#4d4d4d;
    --color5:#f76b40;

    --white: 255,255,255;
    --black: 0,0,0;
}

.btn-primary{
    --bs-btn-color:rgb(var(--black));
    --bs-btn-bg:var(--color1);
    --bs-btn-hover-bg:rgba(var(--black),.5)
}

body{font-family: var(--font1); font-size: 15px; color: #1e1e1e;}

a,a:hover{text-decoration: none;}

.btn-primary:before{background-color:rgb(var(--black));}

.bg-light{background-color: #f5f5f5 !important;}

.bg-color2-80{background-color: rgba(var(--color2),.8);}

.text-color1{color: var(--color1);}
.text-color2{color: rgb(var(--color2));}
.text-color3{color: var(--color3);}
.text-color4{color: var(--color4);}
.text-color5{color: var(--color5);}

.bg-color1{background-color: var(--color1);}
.bg-color2{background-color: rgb(var(--color2));}
.bg-color3{background-color: var(--color3);}
.bg-color4{background-color: var(--color4);}
.bg-color5{background-color: var(--color5);}

.bg-black{background-color: rgb(var(--black));}
.bg-black-10{background-color: rgba(var(--black),0.1);}
.bg-black-20{background-color: rgba(var(--black),0.2);}
.bg-black-30{background-color: rgba(var(--black),0.3);}
.bg-black-40{background-color: rgba(var(--black),0.4);}
.bg-black-50{background-color: rgba(var(--black),0.5);}
.bg-black-60{background-color: rgba(var(--black),0.6);}
.bg-black-70{background-color: rgba(var(--black),0.7);}
.bg-black-80{background-color: rgba(var(--black),0.8);}
.bg-black-90{background-color: rgba(var(--black),0.9);}

.bg-white{background-color: rgb(var(--white));}
.bg-white-10{background-color: rgba(var(--white),0.1);}
.bg-white-20{background-color: rgba(var(--white),0.2);}
.bg-white-30{background-color: rgba(var(--white),0.3);}
.bg-white-40{background-color: rgba(var(--white),0.4);}
.bg-white-50{background-color: rgba(var(--white),0.5);}
.bg-white-60{background-color: rgba(var(--white),0.6);}
.bg-white-70{background-color: rgba(var(--white),0.7);}
.bg-white-80{background-color: rgba(var(--white),0.8);}
.bg-white-90{background-color: rgba(var(--white),0.9);}

.btn-color5{background-color: var(--color5); color: rgb(var(--white));}

.btn-gray{background-color: rgba(var(--black),.5); color: rgb(var(--white));}
.btn-gray:hover{background-color: var(--color1); color: rgb(var(--black));}

.header{position: absolute;}
.header .navbar-brand img{opacity: 1;}
.header, .banner-matter{z-index: 10; width: 100%; z-index: 9;}
.header .navbar-nav .nav-link{color: rgb(var(--white)); font-weight: 500; padding-left: 20px; padding-right: 20px;}
.header .nav-link::before{background-color: var(--color1); height: 3px;}
.header .nav-link:hover{color: var(--color1);}

.banner-matter{top: 150px;}
.banner-matter h1{font-size: 65px; font-weight: 700; font-family: var(--font2);}
.banner-matter .matter{font-size:20px; font-weight:500;}

.banner{height: 96vh; overflow: hidden; background-color: rgb(var(--black));}
.banner .carousel-item img{object-fit: cover; height: 96vh; opacity: 0.5;}

.section{padding:60px 0px;}

.object-fit{object-fit: cover;}

.faq .accordion-item{border: 0px;}
.faq .accordion-button{background-color: rgb(var(--black)); color: rgb(var(--white)); font-weight: 500;}
.faq .accordion-button:not(.collapsed){background-color: var(--color1); color: rgb(var(--black));}
.faq .accordion-button:after{background: none; content: "\2b"; font-family: "FontAwesome"; width: 30px; text-align: center;}
.faq .accordion-button:not(.collapsed)::after{content: "\f068"; font-family: "FontAwesome";}

.footer{background:url(../images/footer-bg.png) #191F23; padding: 50px 0px; color: rgb(var(--white));}
.footer a{color: rgb(var(--white));}
.footer .links{font-size: 15px;}
.footer .links a{display: block; line-height: 36px;}
.footer .colpyright{color: rgba(var(--white),0.3); margin-top: 30px;}
.footer .colpyright a{color: rgba(var(--white),0.3);}

.social a{width: 30px; height: 30px; border-radius: 30px; background-color: rgb(var(--white)); color: rgb(var(--black)); display:inline-flex; justify-content: center; align-items: center; margin: 0 5px;}

.blink-text a{animation: TextBlink 1s infinite;}
@keyframes TextBlink {
    0% {color: #ff0; text-shadow: 1px 1px 5px #ff0;}
    50% {color: #fff; text-shadow: 1px 1px 5px #f00;}
    100% {color: #ff0; text-shadow: 1px 1px 5px #ff0;}
}

.underpage{background-color: #530004; overflow: hidden;}
.underpage .page-title{text-align: center; font-size: 40px; font-weight: 600; color: rgb(var(--white)); width: 100%; bottom:30px; z-index: 10;}
.underpage img{object-fit: cover; width: 100%; opacity:.1;}

.gallery{padding: 10px; background-color: rgb(var(--white)); box-shadow: 0 0 10px #0003; display: block; height: 280px; overflow: hidden; display: block; margin-bottom:28px;}
.gallery img{object-fit: cover; height: 260px; width: 100%;}

@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px;
    }
    .underpage{height: 250px;}
    .underpage .page-title{position: absolute;}
}

@media(max-width:768px){
    .header{background-color: rgb(var(--color2)); position: relative; z-index: 99;}
    .header .navbar-brand img{width:80px; display: block;}
    .banner{height:900px; overflow: hidden; background-color: rgb(var(--black));}
    .banner .carousel-item img{object-fit: cover; height:900px; opacity: 0.5;}
    .banner-matter h1{font-size: 36px;}
    .underpage .page-title{font-size: 26px; padding: 30px 0px;}
    .underpage img{display: none;}
}