* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*.main-header.solid-background nav.secondary{
    background-color:#01000080 !important;
}*/
.tabsection{
  background-color: #48434a;
  color: #fff;  
}
h2 {
    font-weight: 400;
    width: 100%;
    font-size: 2.5rem;
    padding: .5rem 0;
}

.brbd {
    /* border-bottom: 2px dotted #f15f22; */
    background: #f15f22;
    /*clip-path: polygon(0 20px, 20px 0, calc(100% - 20px) 0, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 20px));*/
}
.brbddark { background: #48434a; color: #fff; }
.clip img { clip-path: polygon(7% 0, 93% 0, 93% 100%, 7% 100%); }
.ccp { background: #5A575E; }
.ccpt { background: #255E68; }
/* .brbd:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #f15f22;
    clip-path: polygon(0 20px, 20px 0, calc(100% - 20px) 0, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 20px), 0 20px, 3px calc(20px + 1.24px), 3px calc(100% - 20px - 1.24px), calc(20px + 1.24px) calc(100% - 3px), calc(100% - 20px - 1.24px) calc(100% - 3px), calc(100% - 3px) calc(100% - 20px - 1.24px), calc(100% - 3px) calc(20px + 1.24px), calc(100% - 20px - 1.24px) 3px, calc(20px + 1.24px) 3px, 3px calc(20px + 1.24px));
} */
.position-relative {
    position: relative; display: block;
}
.arrow-corner {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px; height: auto;
}
.logo {
    width: 150px;
    display: block;
    margin: 30px 0 0 0;
}

/*.cp {*/
/*    clip-path: polygon(0 20px, 20px 0, calc(100% - 20px) 0, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 20px));*/
/*}*/

.headerimg {
    background: url(images/bg-header.jpg) top center no-repeat;
    background-size: cover;
    height: 80vh;
}




.main-nav ul li:has(a.active) {
    background: transparent;
}
nav.main-nav ul li:hover {
    background: transparent !important;
}


nav.tabsection ul.mp0 { margin: 0; }

nav.tabsection .mp0 li {
    display: inline-block;
    margin-right: 0;
    list-style: none;
    color: #fff; padding: 0;
}

nav.tabsection ul.mp0 li a {
    color: #fff;
  text-decoration: none !important; 
  padding: 20px 10px;
  display: block;
  font-weight: bold;
  font-size: 17px;
}

nav.tabsection ul.mp0 li:has(a.active) {
    background: #f15f22;
}

nav.tabsection ul.mp0 li:hover {
    background: #f15f22;
}


h4 {
    color: #f15f22;
    font-size: 2.5rem;
}

small {
    font-size: .8rem;
    line-height: normal;
    display: block;
}
/* ─── FOOTER ─── */
.site-footer {
    background-color: #f15f22;
}

.site-footer .footer-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.25rem 0.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.site-footer .footer-nav a {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    padding: 0.5rem 1rem;
    display: block;
    transition: opacity 0.2s;
}

.site-footer .footer-nav a:hover {
    color: #000;
}

@media (min-width: 2300px) {
    .logo {
        width: 200px;
    }
.caption { margin-top: 347px; }

    header h2 {
        margin: 0;
        font-size: 3rem;
    }
    header { height: 70vh; }
}
.btn { font-weight: bold; }
.vision { background: url(images/bgbq1.jpg) center center / cover no-repeat; padding: 5rem 15rem; text-align: center; color: #fff;}
.history { background: url(images/bgHistory.jpg) center center / cover no-repeat; padding: 5rem 7rem; }
.techbg { background: url(images/bgTech.jpg) center center / cover no-repeat; padding: 4rem; color: #fff !important; }
.bigbg { background: url(images/bigbg.jpg) center center / cover no-repeat; padding: 4rem; color: #fff !important; }
.collabBg { background: url(images/bgCollab.jpg) center center / cover no-repeat; padding: 3rem 4rem; color: #fff !important; }
.bell { background: url(images/bell.jpg) center bottom / cover no-repeat; }
.wtan { background: #dbd8bd; }
.lightbg { background: #e7e7e9; }
.br { border-right: 1px solid #000; }
.quote { color: #aac9d2; }
footer a.active { color: #000 !important; }
.skyblue { background: #e2e9ec; }
.greenbg { background: #255e68; color: #fff !important; }
.w-60 { width: 60%; }
.btn { border-radius: 0; }

@media (max-width: 1000px) {
    .vision { padding: 2rem 5rem; }
    
    .mp0 { padding: 0 !important; }
    nav ul li a { padding: 20px 5px;}
    .ccpt { margin-top: 70px; }
    .site-footer .footer-nav a { padding: .2rem; !important; }
    
}