html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

@media (min-width: 576px) {
    .navbar-expand-sm{
        flex-wrap: wrap;
    }
}

.d-none-temp{
    display:none;
}

img {
    max-width: 100%;
    height: auto;
}

.fs-xxl {
    font-size: 3.5vw;
}

.nav-item {
    border-top: 1px solid transparent;
}
.nav-item:hover {
    border-top: 1px solid black;
}

.nav-item a {
   font-weight: 600;
    font-size: 1.1rem
}

.carousel-caption-bg {
    background-color: rgba(0,0,0,0.1);
    backdrop-filter: blur(10px);
}

.carousel-img {
    width: 100%;
    height: 59vh;
    object-fit: contain;
}


.logo-slide img {
    max-width: none;
    width: 18rem;
    height: 14vh;
    object-fit: contain;
    animation: scroll 60s linear infinite;
}

.slide-track {
    width: 100%;
    display: flex;
    gap: 8rem;
    overflow: hidden;
}

.slider {
    padding: 0.5rem 2em;
}


.fit-image {
    width: 100%;
    height: 16vw;
    object-position:center;
    object-fit: contain;
}
.fit-slider-image {
    /*width: 100%;*/
    height: 16vh;
    width: 16vw;
    object-fit: contain;
}

.contact-message{
    resize:none;
    height: 10rem !important;
}

.news:nth-child(even){
    flex-direction: row-reverse;
}

.industry {
    opacity: 1;
    transition: .5s ease;
    backface-visibility: hidden;
}

.webinar-image {
    opacity: 1;
    display: block;
    object-fit: cover;
    width: 556px;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.webinar:hover .webinar-image, .industry-container:hover .industry {
    opacity: 0.8;
}

.webinar:hover .middle, .industry-container:hover .middle {
    opacity: 1;
}

.w-dynamic{
    width:25%;
}


@media all and (min-width: 992px) {
    .navbar .has-megamenu {
        position: static !important;
    }

    .navbar .megamenu {
        left: 0;
        right: 0;
        margin-top: 0;
        max-height: 85vh;
        overflow-y: scroll;
    }
}

@media(max-width: 991px) {
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        max-height: 90vh;
        margin-top: 10px;
    }
    .webinar-image {
        max-height: fit-content;
    }
    .fs-xxl {
        font-size: 8vw;
    }
    .border-bottom-sm{
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .partner-logo {
        height: 40vw;
    }
    .fit-slider-image {
        width: 40vw;
    }
    .industry {
        height: 60vw;
    }
    .w-dynamic {
        width: 100%;
    }
    .slide-track{
        gap:3rem;
    }
    .carouselExampleCaptions {
        background-color: #EBEBE3;
    }

    .carousel-img {
        height: auto;
        object-fit: contain;
    }
    .dropend > .dropdown-menu {
        contain: inline-size;
    }
    .dropend{
        overflow:hidden;
    }
}
.slogan {
    font-size: 1.2rem;
}
.border-hover:hover {
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.rounded-unique {
    border-radius: .25rem !important;
}
.fw-semibold{
    font-weight: 500;
}

.dropdown-item:active {
    background: #E9ECEF;
}


::-webkit-scrollbar {
    display:none;
}

.custom-content a {
    scroll-margin-top: 15em;
}

/*.dropdown > .dropdown-hov-toggle:active {*/
    /*Without this, clicking will make it sticky*/
    /*pointer-events: none;
}*/

[data-bs-slide="next"] {
    text-align: right;
    padding-right: 10px;
}

[data-bs-slide="prev"] {
    text-align: left;
    padding-left: 10px;
}

.w-megamenu{
    width: 75%;
}
@media(max-width: 1200px) {
    .w-megamenu{
        width: 100%;
    }
}