@font-face {
    font-family: "Avenir-LT-Std-65-Medium";
    src: url("../fonts/Avenir/Avenir-LT-Std-65-Medium/Avenir\ LT\ Std\ 65\ Medium.otf");
}

@font-face {
    font-family: "Avenir-LT-Std-85-Heavy";
    src: url("../fonts/Avenir/Avenir-LT-Std-85-Heavy/Avenir\ LT\ Std\ 85\ Heavy.otf");
}

@font-face {
    font-family: "Avenir-LT-Std-35-Light";
    src: url("../fonts/Avenir/Avenir-LT-Std-35-Light/Avenir\ LT\ Std\ 35\ Light.otf");
}

:root {
    --eventflow-font: "Lato", sans-serif;
    --eventflow-font-two: "Avenir-LT-Std-65-Medium";
    --eventflow-font-heavy: "Avenir-LT-Std-85-heavy";
    --eventflow-font-light: "Avenir-LT-Std-35-Light";
    --eventflow-darkgray: #313131;
    --eventflow-gray: #595c61;
    --eventflow-lightgray: #858890;
    --eventflow-gray-rgb: 124, 123, 123;
    --eventflow-white: #ffffff;
    --eventflow-white-rgb: 255, 255, 255;
    --eventflow-base: #1c75bc;
    --eventflow-base-rgb: 178, 13, 93;
    --eventflow-black: #04000a;
    --eventflow-black-rgb: 4, 0, 10;
    --eventflow-primary: #81caa5;
    --eventflow-primary-rgb: 129, 202, 165;
    --eventflow-extra: #f8f8f8;
    --eventflow-extra-rgb: 248, 248, 248;
    --eventflow-bdr-color: #cccccc;
    --eventflow-bdr-color-rgb: 204, 204, 204;
}

.mumbai-hero {
    position: relative;
    min-height: 525px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.mumbai-banner {
    background:
        linear-gradient(90deg,
            rgba(18, 118, 201, 0.95) 0%,
            rgba(18, 118, 201, 0.85) 35%,
            rgba(18, 118, 201, 0.20) 65%,
            rgba(0, 0, 0, 0.10) 100%),
        url('../images/location/mumbai/mumbai-banner.webp');
    background-size: cover;
    background-position: center;
}

.delhi-banner {
    background:
        linear-gradient(90deg,
            rgba(18, 118, 201, 0.95) 0%,
            rgba(18, 118, 201, 0.85) 35%,
            rgba(18, 118, 201, 0.20) 65%,
            rgba(0, 0, 0, 0.10) 100%),
        url('../images/location/delhi/delhi-banner.webp');
    background-size: cover;
    background-position: center;
}

.bengaluru-banner {
    background:
        linear-gradient(90deg,
            rgba(18, 118, 201, 0.95) 0%,
            rgba(18, 118, 201, 0.85) 35%,
            rgba(18, 118, 201, 0.20) 65%,
            rgba(0, 0, 0, 0.10) 100%),
        url('../images/location/bengaluru/bengaluru-banner.webp');
    background-size: cover;
    background-position: center;
}

.chennai-banner {
    background:
        linear-gradient(90deg,
            rgba(18, 118, 201, 0.95) 0%,
            rgba(18, 118, 201, 0.85) 35%,
            rgba(18, 118, 201, 0.20) 65%,
            rgba(0, 0, 0, 0.10) 100%),
        url('../images/location/chennai/chennai-banner.webp');
    background-size: cover;
    background-position: center;
}

.hyderabad-banner {
    background:
        linear-gradient(90deg,
            rgba(18, 118, 201, 0.95) 0%,
            rgba(18, 118, 201, 0.85) 35%,
            rgba(18, 118, 201, 0.20) 65%,
            rgba(0, 0, 0, 0.10) 100%),
        url('../images/location/hyderabad/hyderabad-banner.webp');
    background-size: cover;
    background-position: center;
}

.dubai-banner {
    background:
        linear-gradient(90deg,
            rgba(18, 118, 201, 0.95) 0%,
            rgba(18, 118, 201, 0.85) 35%,
            rgba(18, 118, 201, 0.20) 65%,
            rgba(0, 0, 0, 0.10) 100%),
        url('../images/location/dubai/dubai-banner.webp');
    background-size: cover;
    background-position: center;
}

.mumbai-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
            rgba(0, 0, 0, 0.20),
            rgba(0, 0, 0, 0));
}

.mumbai-hero .container {
    position: relative;
    z-index: 2;
}

.mumbai-hero__content {
    max-width: 650px;
}

.mumbai-hero__content h1 {
    font-size: 49px;
    font-weight: 800;
    line-height: 60px;
    color: var(--eventflow-white);
    text-transform: uppercase;
    font-family: var(--eventflow-font);
    display: inline-block;
    transition: transform 1s ease, opacity 1s ease;
    transform-origin: center;
}

.mumbai-hero__content p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 18px;
    line-height: 1.9;
    margin-bottom: 35px;
}

.mumbai-hero__btns {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.thm-btn-outline {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 35px;
    border: 2px solid #fff;
    color: #fff;
    text-decoration: none;
    transition: all .4s ease;
}

.thm-btn-outline:hover {
    background: #fff;
    color: #000;
}

@media(max-width:991px) {

    .mumbai-hero {
        min-height: 600px;
        text-align: center;
    }

    .mumbai-hero__content h1 {
        font-size: 48px;
    }

    .mumbai-hero__btns {
        justify-content: center;
    }
}

@media(max-width:767px) {

    .mumbai-hero__content h1 {
        font-size: 36px;
    }

    .mumbai-hero__content p {
        font-size: 16px;
    }
}

.timeline-subtitle {
    line-height: 1.5;
}

.services-one-icons {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    /* border-radius: 50%; */
    background: linear-gradient(90deg, #1c75bc 0%, #81caa5 100%);
}

.services-one-icons i {
    font-size: 25px;
}

.service-one-title {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 20px;
    font-family: var(--eventflow-font-heavy);
}

.services {
    position: relative;
    display: block;
    text-align: center;
    padding: 20px 9px;
    height: 168px;
}

.services::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 2px;
    background: linear-gradient(58deg, #1c75bc, #81caa5);
    -webkit-mask:
        linear-gradient(#1c75bc 0 0) content-box,
        linear-gradient(#81caa5 0 0);
    mask-composite: exclude;
    z-index: 99999;
    pointer-events: none;
}

.industries {
    text-align: center;
}

.industries img {
    width: 75px;
}

.contact-one-title {
    font-size: 26px !important;
}

.inner-bottom-title {
    font-size: 22px !important;
    line-height: 1.5 !important;
}

.aboutus-feature-title {
    font-size: 24px !important;
}