@import url("../../plugins/node/node_modules/slick-carousel/slick/slick.css");
@import url("../../plugins/node/node_modules/slick-carousel/slick/slick-theme.css");

/* General */
html {
    background: url("../../images/explore_background.png") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body { background-color: transparent; }

.content-heading { font-family: "Faustina"; font-size: 36px; line-height: 1.4; font-weight: 900; margin-bottom: 20px; }
.content-description { font-size: 18px; }
.head-text { margin-bottom: 15px; }
.top-text { margin-bottom: 20px; }
.bottom-text { font-family: 'Noto Sans'; font-size: 24px; font-weight: normal; }
.btn-home-head { font-family: 'Noto Sans'; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 16px; --bs-btn-border-radius: 0; }

/* Top Banner */
#top-menu { background-color: #fff; }
#top-banner .banner .banner-container { padding-top: 350px; padding-left: 90px; }

#top-banner .banner .banner-box {
    width: 520px;
    padding: 20px 20px 29px 20px;
    background-color: rgba(255, 255, 255, 0.8);
    font-family: "Faustina";
    font-size: 40px;
    line-height: 1.4;
    font-weight: 900;

    bottom: 0;
}

/* Energy Transition */
#energy-transition { padding-top: 70px; padding-bottom: 70px; background-color: #fff; }
.img-cw { max-width: 96%; }
.eti-cw { max-width: 100%; }

/* MDE Aim */
#mde-aim { background-color: #fff; }
#mde-aim .little-box { background-color: #cc4778; width: fit-content; padding: 7px 15px; color: #fff; }
#mde-aim .middle-box { height: 400px; background-color: #B9B9B9; font-size: 30px; font-family: 'Karla'; }
#mde-aim .middle-box .p30 { display: flex; justify-content: center; align-items: center; height: 400px; width: 840px; padding-left: 50px; }

/* Your Involvement */
#your-involvement { padding-top: 70px; padding-bottom: 70px; background-color: #fff; }
#your-involvement .slider-control i { font-size: 40px; color: #fdc527; background: radial-gradient(black 50%, transparent 50%); cursor: pointer; }
#your-involvement .slider-control i.disabled { color: #ccc; cursor: default; }
#your-involvement .bx-wrapper { border: 0; box-shadow: none; margin-bottom: 0; }
.slider-item { width: 430px; }
.slider-item-number {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 10px;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: -30px;
    left: 10px;
}
.slide-number { font-family: "Faustina"; font-size: 50px; font-weight: 900; line-height: 0.9; }
.slider-item-title {
    font-family: "Faustina";
    font-size: 24px;
    line-height: 1.4;
    font-weight: 900;
    margin-bottom: 10px;
}
.slider-item-description { font-family: 'Noto Sans'; font-size: 1rem; }

/* Bottom Banner */
#bottom-banner { width: 100%; height: 500px; position: relative; }

#bottom-banner .banner-box-center {
    margin: 0;
    position: relative;
    font-family: "Faustina";
    font-size: 30px;
    line-height: 1.4;
    font-weight: 900;
    text-align: center;
}

#bottom-banner .banner-box-center .top-text { color: #FFC000; }
#bottom-banner .banner-box-center .bottom-text { color: #fff; }

.btn-banner_bottom { width: 210px; }
.foot-box { margin-bottom: 0; }
.foot-convening { padding-top: 30px; }

/* Mobile Styles */
@media (min-width: 623px) {
    .bwm { display: none; }
}
@media (max-width: 992px) {
    .eti-cw { max-width: 70%; }
    .img-cw { max-width: 66%; }
    .mpt { padding-top: 20px !important; }
}
@media (max-width: 840px) {
    #mde-aim .middle-box .p30 { min-width: 100%; max-width: 100%; }
}
@media (max-width: 767px) {
    #top-banner { height: auto; }
    #top-banner .banner .banner-container { padding: 0; }
    #top-banner .banner .banner-box, #mde-aim .middle-box .p30 { min-width: 100%; max-width: 100%; font-size: 22px; padding-left: 20px; }

    #energy-transition { padding-top: 40px; padding-bottom: 60px; }
    #your-involvement { padding-top: 40px; padding-bottom: 10px; }
}