:root {
    --opec-color: #00A5E8;
    --swiper-theme-color: var(--opec-color);
}

.subsubMenuHeight{
    height:calc(100vh - 4rem)!important;
}

@font-face {
    font-family: "Roboto";
    font-display: swap;
    src: url(/ASSETS/FRONTEND/FONTS/Roboto-Regular.woff2) format("woff2");
}

/***** Swiper *****/
.autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 5px;
    stroke: var(--opec-color);
    fill: none;
    stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
}


.map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}
.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.instagram-media{margin:10px auto !important;}