*,
*::before,
*::after {
    box-sizing: border-box
}

* {
    margin: 0;
    padding: 0;
    font: inherit;
    scroll-behavior: smooth;
}

ul[role='list'],
ol[role='list'] {
    list-style: none
}

html:focus-within {
    scroll-behavior: smooth
}

html,
body {
    height: 100%
}

body {
    text-rendering: optimizeSpeed;
    line-height: 1.5
}

a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

img,
picture,
svg {
    max-width: 100%;
    display: block;
    height: auto;
    width: auto
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: none !important
}

a {
    text-decoration: none
}

@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important
    }
}

.gredient-red,
.popup-overlay,
.divercity {
    background: #e52726 !important;
    box-shadow: inset 0px 0px 200px 0px rgba(0, 0, 0, 0.35)
}

@font-face {
    font-display: swap;
    font-family: 'photograph';
    src: url("../fonts/photograph/PhotographSignature.eot");
    src: url("../fonts/photograph/PhotographSignature.woff") format("woff"), url("../fonts/photograph/PhotographSignature.ttf") format("truetype")
}

@font-face {
    font-display: swap;
    font-family: 'amsterdam';
    src: url("../fonts/amsterdam/AmsterdamOneSlant.ttf") format("truetype")
}

@font-face {
    font-display: swap;
    font-family: 'Albert Sans';
    src: url("../fonts/Albert_Sans/AlbertSans-VariableFont_wght.ttf") format("truetype")
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.hover-underline-animation,
section[data-section-name="footer"] a {
    position: relative;
    padding-bottom: 4px
}

.hover-underline-animation:after,
section[data-section-name="footer"] a:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #e52726;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out
}

.hover-underline-animation:hover:after,
section[data-section-name="footer"] a:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left
}

@keyframes bounce2 {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }
}

@keyframes bounceRight {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateX(0)
    }

    40% {
        transform: translateX(-30px)
    }

    60% {
        transform: translateX(-15px)
    }
}

@keyframes bounceLeft {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateX(0)
    }

    40% {
        transform: translateX(30px)
    }

    60% {
        transform: translateX(15px)
    }
}

@keyframes run {
    0% {
        left: 0
    }

    50% {
        left: -30%
    }

    100% {
        left: 0
    }
}

#company-svg .svg-elem-1 {
    stroke-dashoffset: 1536.896728515625px;
    stroke-dasharray: 1536.896728515625px;
    transition: stroke-dashoffset 2s ease 15s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s
}

#company-svg.active .svg-elem-1 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-2 {
    stroke-dashoffset: 45.33053970336914px;
    stroke-dasharray: 45.33053970336914px;
    transition: stroke-dashoffset 2s ease 15.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s
}

#company-svg.active .svg-elem-2 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-3 {
    stroke-dashoffset: 45.33000183105469px;
    stroke-dasharray: 45.33000183105469px;
    transition: stroke-dashoffset 2s ease 15.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s
}

#company-svg.active .svg-elem-3 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-4 {
    stroke-dashoffset: 45.33013916015625px;
    stroke-dasharray: 45.33013916015625px;
    transition: stroke-dashoffset 2s ease 15.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s
}

#company-svg.active .svg-elem-4 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-5 {
    stroke-dashoffset: 222.03292846679688px;
    stroke-dasharray: 222.03292846679688px;
    transition: stroke-dashoffset 2s ease 15.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s
}

#company-svg.active .svg-elem-5 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-6 {
    stroke-dashoffset: 912.912109375px;
    stroke-dasharray: 912.912109375px;
    transition: stroke-dashoffset 2s ease 15.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s
}

#company-svg.active .svg-elem-6 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-7 {
    stroke-dashoffset: 45.31074523925781px;
    stroke-dasharray: 45.31074523925781px;
    transition: stroke-dashoffset 2s ease 15.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s
}

#company-svg.active .svg-elem-7 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-8 {
    stroke-dashoffset: 45.31074523925781px;
    stroke-dasharray: 45.31074523925781px;
    transition: stroke-dashoffset 2s ease 15.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s
}

#company-svg.active .svg-elem-8 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-9 {
    stroke-dashoffset: 463.21746826171875px;
    stroke-dasharray: 463.21746826171875px;
    transition: stroke-dashoffset 2s ease 15.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s
}

#company-svg.active .svg-elem-9 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-10 {
    stroke-dashoffset: 230.4348907470703px;
    stroke-dasharray: 230.4348907470703px;
    transition: stroke-dashoffset 2s ease 16.08s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s
}

#company-svg.active .svg-elem-10 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-11 {
    stroke-dashoffset: 73.7751693725586px;
    stroke-dasharray: 73.7751693725586px;
    transition: stroke-dashoffset 2s ease 16.2s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s
}

#company-svg.active .svg-elem-11 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-12 {
    stroke-dashoffset: 239.38026428222656px;
    stroke-dasharray: 239.38026428222656px;
    transition: stroke-dashoffset 2s ease 16.32s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s
}

#company-svg.active .svg-elem-12 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-13 {
    stroke-dashoffset: 293.34478759765625px;
    stroke-dasharray: 293.34478759765625px;
    transition: stroke-dashoffset 2s ease 16.44s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s
}

#company-svg.active .svg-elem-13 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-14 {
    stroke-dashoffset: 253.9326171875px;
    stroke-dasharray: 253.9326171875px;
    transition: stroke-dashoffset 2s ease 16.56s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s
}

#company-svg.active .svg-elem-14 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-15 {
    stroke-dashoffset: 42.6121711730957px;
    stroke-dasharray: 42.6121711730957px;
    transition: stroke-dashoffset 2s ease 16.68s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s
}

#company-svg.active .svg-elem-15 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-16 {
    stroke-dashoffset: 49.63151931762695px;
    stroke-dasharray: 49.63151931762695px;
    transition: stroke-dashoffset 2s ease 16.8s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s
}

#company-svg.active .svg-elem-16 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-17 {
    stroke-dashoffset: 50.42179870605469px;
    stroke-dasharray: 50.42179870605469px;
    transition: stroke-dashoffset 2s ease 16.92s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s
}

#company-svg.active .svg-elem-17 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-18 {
    stroke-dashoffset: 49.30473709106445px;
    stroke-dasharray: 49.30473709106445px;
    transition: stroke-dashoffset 2s ease 17.04s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s
}

#company-svg.active .svg-elem-18 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-19 {
    stroke-dashoffset: 47.792694091796875px;
    stroke-dasharray: 47.792694091796875px;
    transition: stroke-dashoffset 2s ease 17.16s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s
}

#company-svg.active .svg-elem-19 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-20 {
    stroke-dashoffset: 46.75251770019531px;
    stroke-dasharray: 46.75251770019531px;
    transition: stroke-dashoffset 2s ease 17.28s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s
}

#company-svg.active .svg-elem-20 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-21 {
    stroke-dashoffset: 251.46400451660156px;
    stroke-dasharray: 251.46400451660156px;
    transition: stroke-dashoffset 2s ease 17.4s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s
}

#company-svg.active .svg-elem-21 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-22 {
    stroke-dashoffset: 274.4600830078125px;
    stroke-dasharray: 274.4600830078125px;
    transition: stroke-dashoffset 2s ease 17.52s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9s
}

#company-svg.active .svg-elem-22 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-23 {
    stroke-dashoffset: 11.427658081054688px;
    stroke-dasharray: 11.427658081054688px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 17.64s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s
}

#company-svg.active .svg-elem-23 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-24 {
    stroke-dashoffset: 189.47906494140625px;
    stroke-dasharray: 189.47906494140625px;
    transition: stroke-dashoffset 2s ease 17.76s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s
}

#company-svg.active .svg-elem-24 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-25 {
    stroke-dashoffset: 189.47061157226562px;
    stroke-dasharray: 189.47061157226562px;
    transition: stroke-dashoffset 2s ease 17.88s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s
}

#company-svg.active .svg-elem-25 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-26 {
    stroke-dashoffset: 196.26193237304688px;
    stroke-dasharray: 196.26193237304688px;
    transition: stroke-dashoffset 2s ease 18s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s
}

#company-svg.active .svg-elem-26 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-27 {
    stroke-dashoffset: 338.2950744628906px;
    stroke-dasharray: 338.2950744628906px;
    transition: stroke-dashoffset 2s ease 18.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4s
}

#company-svg.active .svg-elem-27 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-28 {
    stroke-dashoffset: 42.609832763671875px;
    stroke-dasharray: 42.609832763671875px;
    transition: stroke-dashoffset 2s ease 18.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s
}

#company-svg.active .svg-elem-28 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-29 {
    stroke-dashoffset: 43.92766571044922px;
    stroke-dasharray: 43.92766571044922px;
    transition: stroke-dashoffset 2s ease 18.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s
}

#company-svg.active .svg-elem-29 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-30 {
    stroke-dashoffset: 42.266849517822266px;
    stroke-dasharray: 42.266849517822266px;
    transition: stroke-dashoffset 2s ease 18.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s
}

#company-svg.active .svg-elem-30 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-31 {
    stroke-dashoffset: 62.11801528930664px;
    stroke-dasharray: 62.11801528930664px;
    transition: stroke-dashoffset 2s ease 18.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s
}

#company-svg.active .svg-elem-31 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-32 {
    stroke-dashoffset: 727.1488037109375px;
    stroke-dasharray: 727.1488037109375px;
    transition: stroke-dashoffset 2s ease 18.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9s
}

#company-svg.active .svg-elem-32 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-33 {
    stroke-dashoffset: 148.09254455566406px;
    stroke-dasharray: 148.09254455566406px;
    transition: stroke-dashoffset 2s ease 18.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s
}

#company-svg.active .svg-elem-33 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-34 {
    stroke-dashoffset: 43.324222564697266px;
    stroke-dasharray: 43.324222564697266px;
    transition: stroke-dashoffset 2s ease 18.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1s
}

#company-svg.active .svg-elem-34 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-35 {
    stroke-dashoffset: 43.9964714050293px;
    stroke-dasharray: 43.9964714050293px;
    transition: stroke-dashoffset 2s ease 19.08s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s
}

#company-svg.active .svg-elem-35 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-36 {
    stroke-dashoffset: 38.9033317565918px;
    stroke-dasharray: 38.9033317565918px;
    transition: stroke-dashoffset 2s ease 19.2s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s
}

#company-svg.active .svg-elem-36 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-37 {
    stroke-dashoffset: 330.9363098144531px;
    stroke-dasharray: 330.9363098144531px;
    transition: stroke-dashoffset 2s ease 19.32s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s
}

#company-svg.active .svg-elem-37 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-38 {
    stroke-dashoffset: 237.05650329589844px;
    stroke-dasharray: 237.05650329589844px;
    transition: stroke-dashoffset 2s ease 19.44s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s
}

#company-svg.active .svg-elem-38 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-39 {
    stroke-dashoffset: 237.09732055664062px;
    stroke-dasharray: 237.09732055664062px;
    transition: stroke-dashoffset 2s ease 19.56s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6s
}

#company-svg.active .svg-elem-39 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-40 {
    stroke-dashoffset: 236.98245239257812px;
    stroke-dasharray: 236.98245239257812px;
    transition: stroke-dashoffset 2s ease 19.68s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.7s
}

#company-svg.active .svg-elem-40 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-41 {
    stroke-dashoffset: 245.85414123535156px;
    stroke-dasharray: 245.85414123535156px;
    transition: stroke-dashoffset 2s ease 19.8s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s
}

#company-svg.active .svg-elem-41 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-42 {
    stroke-dashoffset: 417.3806457519531px;
    stroke-dasharray: 417.3806457519531px;
    transition: stroke-dashoffset 2s ease 19.92s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.9s
}

#company-svg.active .svg-elem-42 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-43 {
    stroke-dashoffset: 43.16733932495117px;
    stroke-dasharray: 43.16733932495117px;
    transition: stroke-dashoffset 2s ease 20.04s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5s
}

#company-svg.active .svg-elem-43 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-44 {
    stroke-dashoffset: 44.325035095214844px;
    stroke-dasharray: 44.325035095214844px;
    transition: stroke-dashoffset 2s ease 20.16s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.1s
}

#company-svg.active .svg-elem-44 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-45 {
    stroke-dashoffset: 38.285743713378906px;
    stroke-dasharray: 38.285743713378906px;
    transition: stroke-dashoffset 2s ease 20.28s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.2s
}

#company-svg.active .svg-elem-45 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-46 {
    stroke-dashoffset: 42.888919830322266px;
    stroke-dasharray: 42.888919830322266px;
    transition: stroke-dashoffset 2s ease 20.4s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.3s
}

#company-svg.active .svg-elem-46 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-47 {
    stroke-dashoffset: 917.2514038085938px;
    stroke-dasharray: 917.2514038085938px;
    transition: stroke-dashoffset 2s ease 20.52s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.4s
}

#company-svg.active .svg-elem-47 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-48 {
    stroke-dashoffset: 40.43885040283203px;
    stroke-dasharray: 40.43885040283203px;
    transition: stroke-dashoffset 2s ease 20.64s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.5s
}

#company-svg.active .svg-elem-48 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-49 {
    stroke-dashoffset: 43.51769256591797px;
    stroke-dasharray: 43.51769256591797px;
    transition: stroke-dashoffset 2s ease 20.76s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.6s
}

#company-svg.active .svg-elem-49 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-50 {
    stroke-dashoffset: 44.31581115722656px;
    stroke-dasharray: 44.31581115722656px;
    transition: stroke-dashoffset 2s ease 20.88s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.7s
}

#company-svg.active .svg-elem-50 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-51 {
    stroke-dashoffset: 315.49041748046875px;
    stroke-dasharray: 315.49041748046875px;
    transition: stroke-dashoffset 2s ease 21s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.8s
}

#company-svg.active .svg-elem-51 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-52 {
    stroke-dashoffset: 169.1980438232422px;
    stroke-dasharray: 169.1980438232422px;
    transition: stroke-dashoffset 2s ease 21.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.9s
}

#company-svg.active .svg-elem-52 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-53 {
    stroke-dashoffset: 233.1994171142578px;
    stroke-dasharray: 233.1994171142578px;
    transition: stroke-dashoffset 2s ease 21.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6s
}

#company-svg.active .svg-elem-53 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-54 {
    stroke-dashoffset: 198.18499755859375px;
    stroke-dasharray: 198.18499755859375px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 21.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 21.5s
}

#company-svg.active .svg-elem-54 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-55 {
    stroke-dashoffset: 275.0074768066406px;
    stroke-dasharray: 275.0074768066406px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 21.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 21.5s
}

#company-svg.active .svg-elem-55 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-56 {
    stroke-dashoffset: 444.0032043457031px;
    stroke-dasharray: 444.0032043457031px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 21.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 21.5s
}

#company-svg.active .svg-elem-56 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-57 {
    stroke-dashoffset: 239.19439697265625px;
    stroke-dasharray: 239.19439697265625px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 21.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 21.5s
}

#company-svg.active .svg-elem-57 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-58 {
    stroke-dashoffset: 1010.9996337890625px;
    stroke-dasharray: 1010.9996337890625px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 21.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.5s
}

#company-svg.active .svg-elem-58 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-59 {
    stroke-dashoffset: 590.064697265625px;
    stroke-dasharray: 590.064697265625px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 21.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.6s
}

#company-svg.active .svg-elem-59 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-60 {
    stroke-dashoffset: 627.375px;
    stroke-dasharray: 627.375px;
    transition: stroke-dashoffset 2s ease 22.08s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.7s
}

#company-svg.active .svg-elem-60 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-61 {
    stroke-dashoffset: 286.3976745605469px;
    stroke-dasharray: 286.3976745605469px;
    transition: stroke-dashoffset 2s ease 22.2s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.8s
}

#company-svg.active .svg-elem-61 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-62 {
    stroke-dashoffset: 168.07028198242188px;
    stroke-dasharray: 168.07028198242188px;
    transition: stroke-dashoffset 2s ease 22.32s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.9s
}

#company-svg.active .svg-elem-62 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-63 {
    stroke-dashoffset: 259.5595703125px;
    stroke-dasharray: 259.5595703125px;
    transition: stroke-dashoffset 2s ease 22.44s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 7s
}

#company-svg.active .svg-elem-63 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-64 {
    stroke-dashoffset: 1115.9659423828125px;
    stroke-dasharray: 1115.9659423828125px;
    transition: stroke-dashoffset 2s ease 22.56s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 7.1s
}

#company-svg.active .svg-elem-64 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-65 {
    stroke-dashoffset: 1846.0191650390625px;
    stroke-dasharray: 1846.0191650390625px;
    transition: stroke-dashoffset 2s ease 22.68s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 7.2s
}

#company-svg.active .svg-elem-65 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-66 {
    stroke-dashoffset: 215.26731872558594px;
    stroke-dasharray: 215.26731872558594px;
    transition: stroke-dashoffset 2s ease 22.8s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 7.3s
}

#company-svg.active .svg-elem-66 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-67 {
    stroke-dashoffset: 805.6826782226562px;
    stroke-dasharray: 805.6826782226562px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 22.92s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 21.5s
}

#company-svg.active .svg-elem-67 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-68 {
    stroke-dashoffset: 443.5619201660156px;
    stroke-dasharray: 443.5619201660156px;
    transition: stroke-dashoffset 2s ease 23.04s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 7.5s
}

#company-svg.active .svg-elem-68 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-69 {
    stroke-dashoffset: 524.3423461914062px;
    stroke-dasharray: 524.3423461914062px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 23.16s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 21.5s
}

#company-svg.active .svg-elem-69 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-70 {
    stroke-dashoffset: 1175.2366943359375px;
    stroke-dasharray: 1175.2366943359375px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 10.28s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 7.7s
}

#company-svg.active .svg-elem-70 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-71 {
    stroke-dashoffset: 571.3148803710938px;
    stroke-dasharray: 571.3148803710938px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 10.4s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 7.8s
}

#company-svg.active .svg-elem-71 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-72 {
    stroke-dashoffset: 480.9425048828125px;
    stroke-dasharray: 480.9425048828125px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 10.52s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 7.9s
}

#company-svg.active .svg-elem-72 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-73 {
    stroke-dashoffset: 1345.0498046875px;
    stroke-dasharray: 1345.0498046875px;
    transition: stroke-dashoffset 2s ease 8.5s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8s
}

#company-svg.active .svg-elem-73 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-74 {
    stroke-dashoffset: 1325.818359375px;
    stroke-dasharray: 1325.818359375px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 10.76s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.1s
}

#company-svg.active .svg-elem-74 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-75 {
    stroke-dashoffset: 26.270545959472656px;
    stroke-dasharray: 26.270545959472656px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 10.88s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.2s
}

#company-svg.active .svg-elem-75 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-76 {
    stroke-dashoffset: 46.175514221191406px;
    stroke-dasharray: 46.175514221191406px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 11s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.3s
}

#company-svg.active .svg-elem-76 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-77 {
    stroke-dashoffset: 3904.6708984375px;
    stroke-dasharray: 3904.6708984375px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 11.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.4s
}

#company-svg.active .svg-elem-77 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-78 {
    stroke-dashoffset: 1857.0123291015625px;
    stroke-dasharray: 1857.0123291015625px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 11.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.5s
}

#company-svg.active .svg-elem-78 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-79 {
    stroke-dashoffset: 228.72512817382812px;
    stroke-dasharray: 228.72512817382812px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 11.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.6s
}

#company-svg.active .svg-elem-79 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-80 {
    stroke-dashoffset: 339.7794494628906px;
    stroke-dasharray: 339.7794494628906px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 11.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.7s
}

#company-svg.active .svg-elem-80 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-81 {
    stroke-dashoffset: 423.32232666015625px;
    stroke-dasharray: 423.32232666015625px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 11.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.8s
}

#company-svg.active .svg-elem-81 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-82 {
    stroke-dashoffset: 1314.8408203125px;
    stroke-dasharray: 1314.8408203125px;
    transition: stroke-dashoffset 2s ease 8.3s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.9s
}

#company-svg.active .svg-elem-82 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-83 {
    stroke-dashoffset: 1201.1063232421875px;
    stroke-dasharray: 1201.1063232421875px;
    transition: stroke-dashoffset 2s ease 8.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 9s
}

#company-svg.active .svg-elem-83 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-84 {
    stroke-dashoffset: 1918.7080078125px;
    stroke-dasharray: 1918.7080078125px;
    transition: stroke-dashoffset 2s ease 8.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 9.1s
}

#company-svg.active .svg-elem-84 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-85 {
    stroke-dashoffset: 643.1162719726562px;
    stroke-dasharray: 643.1162719726562px;
    transition: stroke-dashoffset 2s ease 8.08s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 9.2s
}

#company-svg.active .svg-elem-85 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-86 {
    stroke-dashoffset: 87.60143037888925px;
    stroke-dasharray: 87.60143037888925px;
    transition: stroke-dashoffset 2s ease 9.2s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 9.3s
}

#company-svg.active .svg-elem-86 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-87 {
    stroke-dashoffset: 82.2038345336914px;
    stroke-dasharray: 82.2038345336914px;
    transition: stroke-dashoffset 2s ease 9.32s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 9.4s
}

#company-svg.active .svg-elem-87 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-88 {
    stroke-dashoffset: 118.02204895019531px;
    stroke-dasharray: 118.02204895019531px;
    transition: stroke-dashoffset 2s ease 9.44s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 9.5s
}

#company-svg.active .svg-elem-88 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-89 {
    stroke-dashoffset: 21.3599853515625px;
    stroke-dasharray: 21.3599853515625px;
    transition: stroke-dashoffset 2s ease 9.56s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 9.6s
}

#company-svg.active .svg-elem-89 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-90 {
    stroke-dashoffset: 44.04123306274414px;
    stroke-dasharray: 44.04123306274414px;
    transition: stroke-dashoffset 2s ease 9.68s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 9.7s
}

#company-svg.active .svg-elem-90 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-91 {
    stroke-dashoffset: 187.3118133544922px;
    stroke-dasharray: 187.3118133544922px;
    transition: stroke-dashoffset 2s ease 9.8s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 9.8s
}

#company-svg.active .svg-elem-91 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-92 {
    stroke-dashoffset: 25.320068359375px;
    stroke-dasharray: 25.320068359375px;
    transition: stroke-dashoffset 2s ease 9.92s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 9.9s
}

#company-svg.active .svg-elem-92 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-93 {
    stroke-dashoffset: 11.427425384521484px;
    stroke-dasharray: 11.427425384521484px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 10.04s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 10s
}

#company-svg.active .svg-elem-93 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-94 {
    stroke-dashoffset: 407.9222412109375px;
    stroke-dasharray: 407.9222412109375px;
    transition: stroke-dashoffset 2s ease 10.16s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 10.1s
}

#company-svg.active .svg-elem-94 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-95 {
    stroke-dashoffset: 213.9673614501953px;
    stroke-dasharray: 213.9673614501953px;
    transition: stroke-dashoffset 2s ease 10.28s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 10.2s
}

#company-svg.active .svg-elem-95 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-96 {
    stroke-dashoffset: 105.07495880126953px;
    stroke-dasharray: 105.07495880126953px;
    transition: stroke-dashoffset 2s ease 10.4s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 10.3s
}

#company-svg.active .svg-elem-96 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-97 {
    stroke-dashoffset: 594.0236206054688px;
    stroke-dasharray: 594.0236206054688px;
    transition: stroke-dashoffset 2s ease 10.52s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 10.4s
}

#company-svg.active .svg-elem-97 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-98 {
    stroke-dashoffset: 179.37506103515625px;
    stroke-dasharray: 179.37506103515625px;
    transition: stroke-dashoffset 2s ease 10.64s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 10.5s
}

#company-svg.active .svg-elem-98 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-99 {
    stroke-dashoffset: 43.610565185546875px;
    stroke-dasharray: 43.610565185546875px;
    transition: stroke-dashoffset 2s ease 10.76s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 10.6s
}

#company-svg.active .svg-elem-99 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-100 {
    stroke-dashoffset: 857.5750732421875px;
    stroke-dasharray: 857.5750732421875px;
    transition: stroke-dashoffset 2s ease 10.88s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 10.7s
}

#company-svg.active .svg-elem-100 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-101 {
    stroke-dashoffset: 530.8695678710938px;
    stroke-dasharray: 530.8695678710938px;
    transition: stroke-dashoffset 2s ease 11s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 10.8s
}

#company-svg.active .svg-elem-101 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-102 {
    stroke-dashoffset: 81.28559875488281px;
    stroke-dasharray: 81.28559875488281px;
    transition: stroke-dashoffset 2s ease 11.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 10.9s
}

#company-svg.active .svg-elem-102 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-103 {
    stroke-dashoffset: 34.35003662109375px;
    stroke-dasharray: 34.35003662109375px;
    transition: stroke-dashoffset 2s ease 11.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 11s
}

#company-svg.active .svg-elem-103 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-104 {
    stroke-dashoffset: 446.1396789550781px;
    stroke-dasharray: 446.1396789550781px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 11.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 11.1s
}

#company-svg.active .svg-elem-104 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-105 {
    stroke-dashoffset: 70.78094482421875px;
    stroke-dasharray: 70.78094482421875px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 11.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 11.2s
}

#company-svg.active .svg-elem-105 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-106 {
    stroke-dashoffset: 186.93629455566406px;
    stroke-dasharray: 186.93629455566406px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 11.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 11.3s
}

#company-svg.active .svg-elem-106 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-107 {
    stroke-dashoffset: 211.5240020751953px;
    stroke-dasharray: 211.5240020751953px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 11.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 11.4s
}

#company-svg.active .svg-elem-107 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-108 {
    stroke-dashoffset: 153.66351318359375px;
    stroke-dasharray: 153.66351318359375px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 11.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 11.5s
}

#company-svg.active .svg-elem-108 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-109 {
    stroke-dashoffset: 140.62777709960938px;
    stroke-dasharray: 140.62777709960938px;
    transition: stroke-dashoffset 2s ease 11.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 11.6s
}

#company-svg.active .svg-elem-109 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-110 {
    stroke-dashoffset: 694.5050659179688px;
    stroke-dasharray: 694.5050659179688px;
    transition: stroke-dashoffset 2s ease 12.08s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 11.7s
}

#company-svg.active .svg-elem-110 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-111 {
    stroke-dashoffset: 430.4797668457031px;
    stroke-dasharray: 430.4797668457031px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 12.2s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 11.8s
}

#company-svg.active .svg-elem-111 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-112 {
    stroke-dashoffset: 130.3775634765625px;
    stroke-dasharray: 130.3775634765625px;
    transition: stroke-dashoffset 2s ease 12.32s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 11.9s
}

#company-svg.active .svg-elem-112 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-113 {
    stroke-dashoffset: 66.9276123046875px;
    stroke-dasharray: 66.9276123046875px;
    transition: stroke-dashoffset 2s ease 13.44s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 12s
}

#company-svg.active .svg-elem-113 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-114 {
    stroke-dashoffset: 37.277305603027344px;
    stroke-dasharray: 37.277305603027344px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 13.56s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 12.1s
}

#company-svg.active .svg-elem-114 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-115 {
    stroke-dashoffset: 16.635619163513184px;
    stroke-dasharray: 16.635619163513184px;
    transition: stroke-dashoffset 2s ease 13.68s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 12.2s
}

#company-svg.active .svg-elem-115 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-116 {
    stroke-dashoffset: 177.780029296875px;
    stroke-dasharray: 177.780029296875px;
    transition: stroke-dashoffset 2s ease 13.8s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 12.3s
}

#company-svg.active .svg-elem-116 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-117 {
    stroke-dashoffset: 167.3191680908203px;
    stroke-dasharray: 167.3191680908203px;
    transition: stroke-dashoffset 2s ease 13.92s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 12.4s
}

#company-svg.active .svg-elem-117 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-118 {
    stroke-dashoffset: 31.989990234375px;
    stroke-dasharray: 31.989990234375px;
    transition: stroke-dashoffset 2s ease 14.04s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 12.5s
}

#company-svg.active .svg-elem-118 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-119 {
    stroke-dashoffset: 155.85752868652344px;
    stroke-dasharray: 155.85752868652344px;
    transition: stroke-dashoffset 2s ease 14.16s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 12.6s
}

#company-svg.active .svg-elem-119 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-120 {
    stroke-dashoffset: 78.89826202392578px;
    stroke-dasharray: 78.89826202392578px;
    transition: stroke-dashoffset 2s ease 14.28s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 12.7s
}

#company-svg.active .svg-elem-120 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-121 {
    stroke-dashoffset: 825.0919799804688px;
    stroke-dasharray: 825.0919799804688px;
    transition: stroke-dashoffset 2s ease 14.4s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 12.8s
}

#company-svg.active .svg-elem-121 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-122 {
    stroke-dashoffset: 107.27098083496094px;
    stroke-dasharray: 107.27098083496094px;
    transition: stroke-dashoffset 2s ease 14.52s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 12.9s
}

#company-svg.active .svg-elem-122 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-123 {
    stroke-dashoffset: 107.25437927246094px;
    stroke-dasharray: 107.25437927246094px;
    transition: stroke-dashoffset 2s ease 14.64s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 13s
}

#company-svg.active .svg-elem-123 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-124 {
    stroke-dashoffset: 218.9158172607422px;
    stroke-dasharray: 218.9158172607422px;
    transition: stroke-dashoffset 2s ease 14.76s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 13.1s
}

#company-svg.active .svg-elem-124 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-125 {
    stroke-dashoffset: 802.0538940429688px;
    stroke-dasharray: 802.0538940429688px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 14.88s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 13.2s
}

#company-svg.active .svg-elem-125 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-126 {
    stroke-dashoffset: 408.1773376464844px;
    stroke-dasharray: 408.1773376464844px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 15s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 13.3s
}

#company-svg.active .svg-elem-126 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-127 {
    stroke-dashoffset: 141.0341033935547px;
    stroke-dasharray: 141.0341033935547px;
    transition: stroke-dashoffset 2s ease 15.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 13.4s
}

#company-svg.active .svg-elem-127 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-128 {
    stroke-dashoffset: 11.427671432495117px;
    stroke-dasharray: 11.427671432495117px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 15.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 13.5s
}

#company-svg.active .svg-elem-128 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-129 {
    stroke-dashoffset: 110.9463119506836px;
    stroke-dasharray: 110.9463119506836px;
    transition: stroke-dashoffset 2s ease 15.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 13.6s
}

#company-svg.active .svg-elem-129 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-130 {
    stroke-dashoffset: 36.041812896728516px;
    stroke-dasharray: 36.041812896728516px;
    transition: stroke-dashoffset 2s ease 15.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 13.7s
}

#company-svg.active .svg-elem-130 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-131 {
    stroke-dashoffset: 35.69000244140625px;
    stroke-dasharray: 35.69000244140625px;
    transition: stroke-dashoffset 2s ease 15.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 13.8s
}

#company-svg.active .svg-elem-131 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-132 {
    stroke-dashoffset: 201.91867065429688px;
    stroke-dasharray: 201.91867065429688px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 15.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 13.9s
}

#company-svg.active .svg-elem-132 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-133 {
    stroke-dashoffset: 201.87966918945312px;
    stroke-dasharray: 201.87966918945312px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 15.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 14s
}

#company-svg.active .svg-elem-133 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-134 {
    stroke-dashoffset: 441.1277770996094px;
    stroke-dasharray: 441.1277770996094px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 15.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 14.1s
}

#company-svg.active .svg-elem-134 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-135 {
    stroke-dashoffset: 237.03909301757812px;
    stroke-dasharray: 237.03909301757812px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 16.08s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 14.2s
}

#company-svg.active .svg-elem-135 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-136 {
    stroke-dashoffset: 378.66241455078125px;
    stroke-dasharray: 378.66241455078125px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 16.2s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 14.3s
}

#company-svg.active .svg-elem-136 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-137 {
    stroke-dashoffset: 11.427375793457031px;
    stroke-dasharray: 11.427375793457031px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 16.32s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 14.4s
}

#company-svg.active .svg-elem-137 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-138 {
    stroke-dashoffset: 74.51776123046875px;
    stroke-dasharray: 74.51776123046875px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 16.44s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 14.5s
}

#company-svg.active .svg-elem-138 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-139 {
    stroke-dashoffset: 230.80686950683594px;
    stroke-dasharray: 230.80686950683594px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 16.56s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 14.6s
}

#company-svg.active .svg-elem-139 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-140 {
    stroke-dashoffset: 76.02098846435547px;
    stroke-dasharray: 76.02098846435547px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 16.68s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 14.7s
}

#company-svg.active .svg-elem-140 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-141 {
    stroke-dashoffset: 1281.802001953125px;
    stroke-dasharray: 1281.802001953125px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 16.8s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 14.8s
}

#company-svg.active .svg-elem-141 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-142 {
    stroke-dashoffset: 46.1362190246582px;
    stroke-dasharray: 46.1362190246582px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 16.92s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 14.9s
}

#company-svg.active .svg-elem-142 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-143 {
    stroke-dashoffset: 46.32512283325195px;
    stroke-dasharray: 46.32512283325195px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 17.04s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 15s
}

#company-svg.active .svg-elem-143 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-144 {
    stroke-dashoffset: 46.34052276611328px;
    stroke-dasharray: 46.34052276611328px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 17.16s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 15.1s
}

#company-svg.active .svg-elem-144 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-145 {
    stroke-dashoffset: 44.02128219604492px;
    stroke-dasharray: 44.02128219604492px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 17.28s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 15.2s
}

#company-svg.active .svg-elem-145 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-146 {
    stroke-dashoffset: 46.36460876464844px;
    stroke-dasharray: 46.36460876464844px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 17.4s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 15.3s
}

#company-svg.active .svg-elem-146 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-147 {
    stroke-dashoffset: 49.11692428588867px;
    stroke-dasharray: 49.11692428588867px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 17.52s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 15.4s
}

#company-svg.active .svg-elem-147 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-148 {
    stroke-dashoffset: 50.20891571044922px;
    stroke-dasharray: 50.20891571044922px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 17.64s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 15.5s
}

#company-svg.active .svg-elem-148 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-149 {
    stroke-dashoffset: 51.92826843261719px;
    stroke-dasharray: 51.92826843261719px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 17.76s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 15.6s
}

#company-svg.active .svg-elem-149 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-150 {
    stroke-dashoffset: 46.34272003173828px;
    stroke-dasharray: 46.34272003173828px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 17.88s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 15.7s
}

#company-svg.active .svg-elem-150 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-151 {
    stroke-dashoffset: 61.0998420715332px;
    stroke-dasharray: 61.0998420715332px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 18s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 15.8s
}

#company-svg.active .svg-elem-151 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-152 {
    stroke-dashoffset: 269.6087341308594px;
    stroke-dasharray: 269.6087341308594px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 18.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 15.9s
}

#company-svg.active .svg-elem-152 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-153 {
    stroke-dashoffset: 146.40659977966078px;
    stroke-dasharray: 146.40659977966078px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 18.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 16s
}

#company-svg.active .svg-elem-153 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-154 {
    stroke-dashoffset: 420.4296875px;
    stroke-dasharray: 420.4296875px;
    transition: stroke-dashoffset 2s ease 18.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 16.1s
}

#company-svg.active .svg-elem-154 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-155 {
    stroke-dashoffset: 323.90997314453125px;
    stroke-dasharray: 323.90997314453125px;
    transition: stroke-dashoffset 2s ease 18.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 16.2s
}

#company-svg.active .svg-elem-155 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-156 {
    stroke-dashoffset: 335.5709533691406px;
    stroke-dasharray: 335.5709533691406px;
    transition: stroke-dashoffset 2s ease 18.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 16.3s
}

#company-svg.active .svg-elem-156 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-157 {
    stroke-dashoffset: 52.530029296875px;
    stroke-dasharray: 52.530029296875px;
    transition: stroke-dashoffset 2s ease 18.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 16.4s
}

#company-svg.active .svg-elem-157 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-158 {
    stroke-dashoffset: 53.429931640625px;
    stroke-dasharray: 53.429931640625px;
    transition: stroke-dashoffset 2s ease 18.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 16.5s
}

#company-svg.active .svg-elem-158 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-159 {
    stroke-dashoffset: 53.429931640625px;
    stroke-dasharray: 53.429931640625px;
    transition: stroke-dashoffset 2s ease 18.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 16.6s
}

#company-svg.active .svg-elem-159 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-160 {
    stroke-dashoffset: 53.429931640625px;
    stroke-dasharray: 53.429931640625px;
    transition: stroke-dashoffset 2s ease 19.08s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 16.7s
}

#company-svg.active .svg-elem-160 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-161 {
    stroke-dashoffset: 53.429931640625px;
    stroke-dasharray: 53.429931640625px;
    transition: stroke-dashoffset 2s ease 19.2s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 16.8s
}

#company-svg.active .svg-elem-161 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-162 {
    stroke-dashoffset: 52.530029296875px;
    stroke-dasharray: 52.530029296875px;
    transition: stroke-dashoffset 2s ease 19.32s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 16.9s
}

#company-svg.active .svg-elem-162 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-163 {
    stroke-dashoffset: 53.429931640625px;
    stroke-dasharray: 53.429931640625px;
    transition: stroke-dashoffset 2s ease 19.44s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 17s
}

#company-svg.active .svg-elem-163 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-164 {
    stroke-dashoffset: 53.429931640625px;
    stroke-dasharray: 53.429931640625px;
    transition: stroke-dashoffset 2s ease 19.56s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 17.1s
}

#company-svg.active .svg-elem-164 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-165 {
    stroke-dashoffset: 53.429931640625px;
    stroke-dasharray: 53.429931640625px;
    transition: stroke-dashoffset 2s ease 19.68s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 17.2s
}

#company-svg.active .svg-elem-165 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-166 {
    stroke-dashoffset: 53.429931640625px;
    stroke-dasharray: 53.429931640625px;
    transition: stroke-dashoffset 2s ease 19.8s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 17.3s
}

#company-svg.active .svg-elem-166 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-167 {
    stroke-dashoffset: 52.5px;
    stroke-dasharray: 52.5px;
    transition: stroke-dashoffset 2s ease 19.92s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 17.4s
}

#company-svg.active .svg-elem-167 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-168 {
    stroke-dashoffset: 52.5px;
    stroke-dasharray: 52.5px;
    transition: stroke-dashoffset 2s ease 20.04s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 17.5s
}

#company-svg.active .svg-elem-168 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-169 {
    stroke-dashoffset: 51.72998046875px;
    stroke-dasharray: 51.72998046875px;
    transition: stroke-dashoffset 2s ease 20.16s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 17.6s
}

#company-svg.active .svg-elem-169 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-170 {
    stroke-dashoffset: 52.5px;
    stroke-dasharray: 52.5px;
    transition: stroke-dashoffset 2s ease 20.28s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 17.7s
}

#company-svg.active .svg-elem-170 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-171 {
    stroke-dashoffset: 236.0294189453125px;
    stroke-dasharray: 236.0294189453125px;
    transition: stroke-dashoffset 2s ease 20.4s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 17.8s
}

#company-svg.active .svg-elem-171 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-172 {
    stroke-dashoffset: 1781.606689453125px;
    stroke-dasharray: 1781.606689453125px;
    transition: stroke-dashoffset 2s ease 8.2s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.2s
}

#company-svg.active .svg-elem-172 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-173 {
    stroke-dashoffset: 138.4771728515625px;
    stroke-dasharray: 138.4771728515625px;
    transition: stroke-dashoffset 2s ease 12.64s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 18s
}

#company-svg.active .svg-elem-173 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-174 {
    stroke-dashoffset: 314.75018310546875px;
    stroke-dasharray: 314.75018310546875px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 12.76s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 18.1s
}

#company-svg.active .svg-elem-174 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-175 {
    stroke-dashoffset: 1129.98291015625px;
    stroke-dasharray: 1129.98291015625px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 12.88s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 18.2s
}

#company-svg.active .svg-elem-175 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-176 {
    stroke-dashoffset: 902.4888916015625px;
    stroke-dasharray: 902.4888916015625px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 18.3s
}

#company-svg.active .svg-elem-176 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-177 {
    stroke-dashoffset: 518.4732666015625px;
    stroke-dasharray: 518.4732666015625px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 12.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 18.4s
}

#company-svg.active .svg-elem-177 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-178 {
    stroke-dashoffset: 502.92034912109375px;
    stroke-dasharray: 502.92034912109375px;
    transition: stroke-dashoffset 2s ease 4.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 18.5s
}

#company-svg.active .svg-elem-178 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-179 {
    stroke-dashoffset: 229.8297576904297px;
    stroke-dasharray: 229.8297576904297px;
    transition: stroke-dashoffset 2s ease 4.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 18.6s
}

#company-svg.active .svg-elem-179 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-180 {
    stroke-dashoffset: 135.00112915039062px;
    stroke-dasharray: 135.00112915039062px;
    transition: stroke-dashoffset 2s ease 4.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 18.7s
}

#company-svg.active .svg-elem-180 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-181 {
    stroke-dashoffset: 208.2968292236328px;
    stroke-dasharray: 208.2968292236328px;
    transition: stroke-dashoffset 2s ease 4.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 18.8s
}

#company-svg.active .svg-elem-181 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-182 {
    stroke-dashoffset: 1425.3245849609375px;
    stroke-dasharray: 1425.3245849609375px;
    transition: stroke-dashoffset 2s ease 4.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 18.9s
}

#company-svg.active .svg-elem-182 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-183 {
    stroke-dashoffset: 816.8031005859375px;
    stroke-dasharray: 816.8031005859375px;
    transition: stroke-dashoffset 2s ease 4.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 19s
}

#company-svg.active .svg-elem-183 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-184 {
    stroke-dashoffset: 172.8428497314453px;
    stroke-dasharray: 172.8428497314453px;
    transition: stroke-dashoffset 2s ease 4.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 19.1s
}

#company-svg.active .svg-elem-184 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-185 {
    stroke-dashoffset: 631.43701171875px;
    stroke-dasharray: 631.43701171875px;
    transition: stroke-dashoffset 2s ease 5.08s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 19.2s
}

#company-svg.active .svg-elem-185 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-186 {
    stroke-dashoffset: 355.69073486328125px;
    stroke-dasharray: 355.69073486328125px;
    transition: stroke-dashoffset 2s ease 5.2s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.5s
}

#company-svg.active .svg-elem-186 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-187 {
    stroke-dashoffset: 780.494384765625px;
    stroke-dasharray: 780.494384765625px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 5.32s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.5s
}

#company-svg.active .svg-elem-187 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-188 {
    stroke-dashoffset: 1131.68359375px;
    stroke-dasharray: 1131.68359375px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 6.44s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.5s
}

#company-svg.active .svg-elem-188 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-189 {
    stroke-dashoffset: 3148.116943359375px;
    stroke-dasharray: 3148.116943359375px;
    transition: stroke-dashoffset 2s ease 6.56s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.6s
}

#company-svg.active .svg-elem-189 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-190 {
    stroke-dashoffset: 2640.91064453125px;
    stroke-dasharray: 2640.91064453125px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 6.68s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.7s
}

#company-svg.active .svg-elem-190 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-191 {
    stroke-dashoffset: 653.4207153320312px;
    stroke-dasharray: 653.4207153320312px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 6.8s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.8s
}

#company-svg.active .svg-elem-191 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-192 {
    stroke-dashoffset: 1321.92822265625px;
    stroke-dasharray: 1321.92822265625px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 6.92s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.9s
}

#company-svg.active .svg-elem-192 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-193 {
    stroke-dashoffset: 731.7760620117188px;
    stroke-dasharray: 731.7760620117188px;
    transition: stroke-dashoffset 2s ease 7.04s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8s
}

#company-svg.active .svg-elem-193 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-194 {
    stroke-dashoffset: 136.66416931152344px;
    stroke-dasharray: 136.66416931152344px;
    transition: stroke-dashoffset 2s ease 7.16s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.1s
}

#company-svg.active .svg-elem-194 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-195 {
    stroke-dashoffset: 213.72869873046875px;
    stroke-dasharray: 213.72869873046875px;
    transition: stroke-dashoffset 2s ease 7.28s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.2s
}

#company-svg.active .svg-elem-195 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-196 {
    stroke-dashoffset: 244.89303588867188px;
    stroke-dasharray: 244.89303588867188px;
    transition: stroke-dashoffset 2s ease 7.4s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.3s
}

#company-svg.active .svg-elem-196 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-197 {
    stroke-dashoffset: 96.08709716796875px;
    stroke-dasharray: 96.08709716796875px;
    transition: stroke-dashoffset 2s ease 7.52s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.4s
}

#company-svg.active .svg-elem-197 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-198 {
    stroke-dashoffset: 101.05716705322266px;
    stroke-dasharray: 101.05716705322266px;
    transition: stroke-dashoffset 2s ease 7.64s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.5s
}

#company-svg.active .svg-elem-198 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-199 {
    stroke-dashoffset: 104.3287582397461px;
    stroke-dasharray: 104.3287582397461px;
    transition: stroke-dashoffset 2s ease 7.76s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.6s
}

#company-svg.active .svg-elem-199 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-200 {
    stroke-dashoffset: 427.00469970703125px;
    stroke-dasharray: 427.00469970703125px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 7.88s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.7s
}

#company-svg.active .svg-elem-200 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-201 {
    stroke-dashoffset: 461.9386291503906px;
    stroke-dasharray: 461.9386291503906px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 8s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.8s
}

#company-svg.active .svg-elem-201 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-202 {
    stroke-dashoffset: 663.9534912109375px;
    stroke-dasharray: 663.9534912109375px;
    transition: stroke-dashoffset 2s ease 8.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.9s
}

#company-svg.active .svg-elem-202 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-203 {
    stroke-dashoffset: 1738.5797119140625px;
    stroke-dasharray: 1738.5797119140625px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 8.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8s
}

#company-svg.active .svg-elem-203 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-204 {
    stroke-dashoffset: 130.61412048339844px;
    stroke-dasharray: 130.61412048339844px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 8.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.1s
}

#company-svg.active .svg-elem-204 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-205 {
    stroke-dashoffset: 635.6725463867188px;
    stroke-dasharray: 635.6725463867188px;
    transition: stroke-dashoffset 2s ease 8.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.2s
}

#company-svg.active .svg-elem-205 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-206 {
    stroke-dashoffset: 584.0925903320312px;
    stroke-dasharray: 584.0925903320312px;
    transition: stroke-dashoffset 2s ease 8.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.3s
}

#company-svg.active .svg-elem-206 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-207 {
    stroke-dashoffset: 854.9988403320312px;
    stroke-dasharray: 854.9988403320312px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 8.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.4s
}

#company-svg.active .svg-elem-207 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-208 {
    stroke-dashoffset: 26.358375549316406px;
    stroke-dasharray: 26.358375549316406px;
    transition: stroke-dashoffset 2s ease 8.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.5s
}

#company-svg.active .svg-elem-208 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-209 {
    stroke-dashoffset: 142.96795654296875px;
    stroke-dasharray: 142.96795654296875px;
    transition: stroke-dashoffset 2s ease 8.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.6s
}

#company-svg.active .svg-elem-209 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-210 {
    stroke-dashoffset: 157.80287170410156px;
    stroke-dasharray: 157.80287170410156px;
    transition: stroke-dashoffset 2s ease 9.08s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.7s
}

#company-svg.active .svg-elem-210 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-211 {
    stroke-dashoffset: 282.2284851074219px;
    stroke-dasharray: 282.2284851074219px;
    transition: stroke-dashoffset 2s ease 9.2s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.8s
}

#company-svg.active .svg-elem-211 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-212 {
    stroke-dashoffset: 94.56074523925781px;
    stroke-dasharray: 94.56074523925781px;
    transition: stroke-dashoffset 2s ease 9.32s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.9s
}

#company-svg.active .svg-elem-212 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-213 {
    stroke-dashoffset: 233.57965087890625px;
    stroke-dasharray: 233.57965087890625px;
    transition: stroke-dashoffset 2s ease 9.44s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8s
}

#company-svg.active .svg-elem-213 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-214 {
    stroke-dashoffset: 309.2433776855469px;
    stroke-dasharray: 309.2433776855469px;
    transition: stroke-dashoffset 2s ease 9.56s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.1s
}

#company-svg.active .svg-elem-214 {
    stroke-dashoffset: 0
}

#company-svg .svg-elem-215 {
    stroke-dashoffset: 841.2045288085938px;
    stroke-dasharray: 841.2045288085938px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 4s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5
}

#company-svg.active .svg-elem-215 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-216 {
    stroke-dashoffset: 1318.0584716796875px;
    stroke-dasharray: 1318.0584716796875px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 25.8s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.3s
}

#company-svg.active .svg-elem-216 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-217 {
    stroke-dashoffset: 1666.252685546875px;
    stroke-dasharray: 1666.252685546875px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 25.92s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.4s
}

#company-svg.active .svg-elem-217 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-218 {
    stroke-dashoffset: 1412.791015625px;
    stroke-dasharray: 1412.791015625px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 26.04s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.5s
}

#company-svg.active .svg-elem-218 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-219 {
    stroke-dashoffset: 1015.0548706054688px;
    stroke-dasharray: 1015.0548706054688px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 26.16s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.6s
}

#company-svg.active .svg-elem-219 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-220 {
    stroke-dashoffset: 2971.888671875px;
    stroke-dasharray: 2971.888671875px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 26.28s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.7s
}

#company-svg.active .svg-elem-220 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-221 {
    stroke-dashoffset: 1469.633056640625px;
    stroke-dasharray: 1469.633056640625px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 26.4s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.8s
}

#company-svg.active .svg-elem-221 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-222 {
    stroke-dashoffset: 548.73828125px;
    stroke-dasharray: 548.73828125px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 26.52s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 8.9s
}

#company-svg.active .svg-elem-222 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-223 {
    stroke-dashoffset: 2169.619873046875px;
    stroke-dasharray: 2169.619873046875px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 26.64s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 9s
}

#company-svg.active .svg-elem-223 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-224 {
    stroke-dashoffset: 1189.8695068359375px;
    stroke-dasharray: 1189.8695068359375px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 26.76s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 9.1s
}

#company-svg.active .svg-elem-224 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-225 {
    stroke-dashoffset: 638.5498046875px;
    stroke-dasharray: 638.5498046875px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 26.88s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 9.2s
}

#company-svg.active .svg-elem-225 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-226 {
    stroke-dashoffset: 2030.56640625px;
    stroke-dasharray: 2030.56640625px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 3s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s !important
}

#company-svg.active .svg-elem-226 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-227 {
    stroke-dashoffset: 969.91357421875px;
    stroke-dasharray: 969.91357421875px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 27.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 9.4s
}

#company-svg.active .svg-elem-227 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-228 {
    stroke-dashoffset: 478.1399841308594px;
    stroke-dasharray: 478.1399841308594px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 27.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 9.5s
}

#company-svg.active .svg-elem-228 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-229 {
    stroke-dashoffset: 1844.1722412109375px;
    stroke-dasharray: 1844.1722412109375px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 27.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 9.6s
}

#company-svg.active .svg-elem-229 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-230 {
    stroke-dashoffset: 969.1821899414062px;
    stroke-dasharray: 969.1821899414062px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 27.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 9.7s
}

#company-svg.active .svg-elem-230 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-231 {
    stroke-dashoffset: 476.117919921875px;
    stroke-dasharray: 476.117919921875px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 27.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 9.8s
}

#company-svg.active .svg-elem-231 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-232 {
    stroke-dashoffset: 639.9969482421875px;
    stroke-dasharray: 639.9969482421875px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 27.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 9.9s
}

#company-svg.active .svg-elem-232 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-233 {
    stroke-dashoffset: 570.8577270507812px;
    stroke-dasharray: 570.8577270507812px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 27.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 10s
}

#company-svg.active .svg-elem-233 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-234 {
    stroke-dashoffset: 11.426478385925293px;
    stroke-dasharray: 11.426478385925293px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 27.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 10.1s
}

#company-svg.active .svg-elem-234 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-235 {
    stroke-dashoffset: 588.9671630859375px;
    stroke-dasharray: 588.9671630859375px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 28.08s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 10.2s
}

#company-svg.active .svg-elem-235 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-236 {
    stroke-dashoffset: 593.4658813476562px;
    stroke-dasharray: 593.4658813476562px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 28.2s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 10.3s
}

#company-svg.active .svg-elem-236 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-237 {
    stroke-dashoffset: 522.7453002929688px;
    stroke-dasharray: 522.7453002929688px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 28.32s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 10.4s
}

#company-svg.active .svg-elem-237 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-238 {
    stroke-dashoffset: 370.28973388671875px;
    stroke-dasharray: 370.28973388671875px;
    fill: transparent;
    transition: stroke-dashoffset 2s ease 28.44s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 10.5s
}

#company-svg.active .svg-elem-238 {
    stroke-dashoffset: 0;
    fill: #fff
}

#company-svg .svg-elem-239 {
    stroke-dashoffset: 11948.1484375px;
    stroke-dasharray: 11948.1484375px;
    transition: stroke-dashoffset 25s ease 0.1s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s
}

#company-svg.active .svg-elem-239 {
    stroke-dashoffset: 0
}

#company-svg .cls-1,
#company-svg .cls-2,
#company-svg .cls-3,
#company-svg .cls-4 {
    transition: stroke-dashoffset 4s ease 1s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s !important
}

#company-svg.active .cls-1,
#company-svg.active .cls-2,
#company-svg.active .cls-3,
#company-svg.active .cls-4 {
    transition: stroke-dashoffset 4s ease 0.1s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s !important
}

html {
    font-size: 62.5%
}

body {
    background-color: #28282b;
    overflow-x: hidden;
    font-family: "Albert Sans", sans-serif;
    position: relative;
    overflow-x: hidden !important
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none
}

::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
    display: none
}

@media (-webkit-device-pixel-ratio: 1.5) {
    * {
        zoom: 1
    }
}

::-webkit-scrollbar {
    width: 4px
}

::-webkit-scrollbar-track {
    background: transparent
}

::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.5)
}

::-webkit-scrollbar-thumb:hover {
    background: #fff
}

.newsletter-form input::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.newsletter-form input::placeholder {
    color: #fff;
    opacity: 1
}

.flex {
    display: flex
}

.jc-sb {
    justify-content: space-between
}

.jc-c {
    justify-content: center
}

.jc-se {
    justify-content: space-evenly
}

.ai-c {
    align-items: center
}

.container {
    width: 100%
}

@media all and (max-width: 1920px) {
    .container {
        max-width: 92.5%;
        margin: 0 auto
    }
}

@media all and (max-width: 540px) {
    .container {
        max-width: 100%;
        padding-left: 25px !important;
        padding-right: 25px !important
    }
}

section[data-section-name] {
    position: relative;
    height: auto;
    width: 100vw
}

@media all and (max-width: 768px) {
    section[data-section-name] {
        height: auto
    }
}

@media all and (max-width: 768px) {
    section[data-section-name="home-banner"] {
        height: 100vh
    }
}

section[data-section-name="people"] {
    background-color: #fff;
    overflow: hidden
}

section[data-section-name="people"] .section-heading {
    color: #fff
}

@media all and (max-width: 540px) {
    section[data-section-name="people"] .section-heading {
        color: #e52726
    }
}

section[data-section-name="people"] .know-more {
    text-transform: uppercase !important
}

section[data-section-name="society"] .section-heading {
    color: #fff
}

section[data-section-name="who-we-are"] {
    background-color: #191919;
    padding-top: 100px;
    padding-bottom: 100px
}

@media all and (max-width: 540px) {
    section[data-section-name="who-we-are"] {
        overflow: hidden;
        padding-bottom: 0 !important
    }
}

section[data-section-name="products"] {
    background-color: #28282b;
    box-shadow: inset 0px 0px 200px 0px rgba(0, 0, 0, 0.35);
    padding-top: 100px;
    padding-bottom: 100px
}

@media all and (max-width: 540px) {
    section[data-section-name="products"] {
        /* height: 68vh; */
        overflow: hidden
    }
}

section[data-section-name="news"] {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #28282b;
    box-shadow: inset 0px 0px 200px 0px rgba(0, 0, 0, 0.35);
    overflow: hidden
}

section[data-section-name="blogs"] {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #171414
}

section[data-section-name="blogs"] .know-more {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: 3%
}

@media all and (max-width: 540px) {
    section[data-section-name="blogs"] {
        padding-top: 0;
        padding-bottom: 21.7%
    }
}

@media all and (max-width: 540px) {
    section[data-section-name="blogs"] .section-heading {
        position: relative !important;
        top: auto;
        left: auto;
        right: auto;
        padding-bottom: 7.4vw
    }
}

@media all and (min-width: 1365px) and (max-width: 1368px) {
    section[data-section-name="blogs"] .blog-list .publish-date {
        margin: 2.2vw 0
    }
}

@media all and (min-width: 1365px) and (max-width: 1368px) {
    section[data-section-name="blogs"] .article-title {
        font-size: 20px
    }
}

@media all and (min-width: 1365px) and (max-width: 1368px) {
    section[data-section-name="blogs"] .arrow {
        width: 50px
    }
}

@media all and (min-width: 1365px) and (max-width: 1368px) {
    section[data-section-name="blogs"] .blog-list .article-title+img {
        margin-top: 7%
    }
}

@media all and (min-width: 1599px) and (max-width: 1601px) {
    section[data-section-name="blogs"] .blog-list .publish-date {
        margin: 2.2vw 0
    }
}

@media all and (min-width: 1599px) and (max-width: 1601px) {
    section[data-section-name="blogs"] .arrow {
        width: 50px
    }
}

@media all and (min-width: 1599px) and (max-width: 1601px) {
    section[data-section-name="blogs"] .blog-list .article-title+img {
        margin-top: 7%
    }
}

section[data-section-name="footer"] {
    background-color: #191919;
    padding-top: 6%;
    padding-bottom: 1%
}

section[data-section-name="footer"] .container {
    padding-right: 4rem;
    padding-left: 4rem;
    max-width: 85% !important;
}
.footer-nav{
    padding: 0 30px;
}

@media all and (max-width: 1200px) {
    section[data-section-name="footer"] .container {
        max-width: 100% !important;
    }
}

@media all and (max-width: 540px) {
    section[data-section-name="footer"] {
        padding-top: 14.493vw
    }
}


.form-input {
    display: flex;
    justify-content: center;
    gap: 40px
}

.form-input input {
    width: 100%
}

@media all and (max-width: 540px) {
    .form-input {
        flex-wrap: wrap;
        gap: 0
    }
}

.col-100 {
    width: 100%
}

.col-50 {
    width: 50%;
    position: relative
}

@media all and (max-width: 540px) {
    .col-50 {
        width: 100%
    }
}

.col-50 span {
    position: absolute;
    right: 0;
    top: 33%;
    transform: translate(-50%, -50%);
    font-size: clamp(1.8rem, 1.25vw, 2.4rem);
    color: #fff
}

.btn {
    font-size: clamp(1.4rem, 1.042vw, 2rem);
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 5px;
    cursor: pointer;
    background: transparent;
    border: none !important
}

.scroll-area-top,
.scroll-area-bottom {
    position: absolute;
    left: 0;
    right: 0;
    height: 16vw;
    background: transparent;
    top: 0;
    z-index: 999
}

@media all and (max-width: 540px) {

    .scroll-area-top,
    .scroll-area-bottom {
        display: none !important
    }
}

.scroll-area-bottom {
    bottom: 0;
    top: auto;
    height: 9vw !important
}

.scroll-area-left,
.scroll-area-right {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30vw;
    background: transparent;
    top: 0;
    z-index: 999
}

@media all and (max-width: 540px) {

    .scroll-area-left,
    .scroll-area-right {
        display: none !important
    }
}

.scroll-area-right {
    right: 0;
    left: auto
}

.know-more {
    color: #fff;
    letter-spacing: 4px;
    font-size: clamp(1.2rem, 0.833vw, 1.6rem);
    font-weight: 400
}

.redHeadline .section-heading {
    color: #e52726 !important
}

.cta-red {
    color: #e52726;
    background: #e52726;
    padding: 2.8vh 5vw
}

.news-list a:hover,
.article-title:hover,
.know-more:hover,
.read-more:hover {
    color: #e52726 !important;
    cursor: pointer
}

.know-more:hover,
.read-more:hover {
    font-weight: 600 !important
}

.pdfDownloads .know-more:hover {
    color: #fff !important
}

#files-list {
    padding: 5vw 2.86458333333vw
}

@media all and (max-width: 540px) {
    #files-list {
        padding-bottom: 24.154589372vw
    }
}

#files-list li {
    color: #fff !important;
    margin: .78125vw 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: .78125vw
}

#files-list li:hover {
    color: #e52726 !important
}

@media all and (max-width: 540px) {
    #files-list li {
        padding: 2.4154589372vw 0
    }
}

#files-list li a {
    color: rgba(255, 255, 255, 0.3) !important;
    margin-left: 1.04166666667vw;
    display: inline-block
}

#files-list li a:hover {
    color: #e52726 !important
}

.to-top {
    background: #cc0100;
    position: fixed;
    right: 0;
    bottom: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 999999999999
}

.to-top:hover {
    background: darkred
}

[name="language-switcher"] {
    height: 33px !important;
    background: #cc0100 !important;
    color: white !important;
    border: none !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important
}

.newSection {
    background: url("../images/Climate-Action.jpg") no-repeat;
    background-size: cover
}

@media all and (max-width: 540px) {
    .newSection br {
        display: none
    }

    .newSection {
        background-size: 900px;
        background-position: left bottom;
        background-color: #aaafb2 !important;
    }
}

.newSection .heading-72 {
    font-size: 2.76041666667vw;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1;
    letter-spacing: .208333333333vw
}

@media all and (max-width: 540px) {
    .newSection .heading-72 {
        font-size: 5.55555555556vw;
        line-height: 1.1;
        margin-bottom: 3vw
    }
}

.newSection .p1 {
    color: rgba(255, 255, 255, 0.8);
    font-size: .9375vw;
    margin-top: .78125vw
}

@media all and (max-width: 540px) {
    .newSection .p1 {
        font-size: 3.38164251208vw
    }
}

.newSection .p2 {
    color: rgba(255, 255, 255, 0.98);
    font-size: 1.5625vw;
    letter-spacing: .208333333333vw;
    margin-top: 2.8125vw;
    font-weight: 700
}

@media all and (max-width: 540px) {
    .newSection .p2 {
        font-size: 4.34782608696vw;
        margin-top: 8.302083vw;
        letter-spacing: .48309178744vw;
        line-height: 1.1
    }
}

.newSection .pchange {
    margin-top: .78125vw
}

@media all and (max-width: 540px) {
    .newSection .pchange {
        margin-top: 3vw
    }
}

.newSection .newSection-Cta {
    font-size: 1.25vw;
    font-weight: 700;
    color: #fff;
    display: block;
    margin-top: 5.20833333333vw
}

@media all and (max-width: 540px) {
    .newSection .newSection-Cta {
        font-size: 3.38164251208vw;
        margin-top: 7.8125vw
    }
}

.newSection .blodtext2 {
    font-weight: 700;
    color: rgba(255, 255, 255, 0.5);
    letter-spacing: .520833333333vw
}

.newSection .font24 {
    font-size: 1.5vw
}

@media all and (max-width: 540px) {
    .newSection .font24 {
        font-size: 3.86473429952vw
    }
}

.wrap-1x {
    margin-bottom: 3.38541666667vw
}

.wrap-1x .p2 {
    color: rgba(255, 255, 255, 0.9)
}

.m0xx {
    margin-top: 0 !important
}

[lang="hi-IN"] #people-section h1 {
    font-size: 7.29166666667vw !important;
    width: 181.6640625vw;
    letter-spacing: 0
}

@media all and (max-width: 540px) {
    [lang="hi-IN"] #people-section h1 {
        width: 100% !important
    }
}

@media all and (max-width: 1680px) {
    [lang="hi-IN"] #people-section h1 {
        width: 182.664063vw
    }
}

@media all and (max-width: 1440px) {
    [lang="hi-IN"] #people-section h1 {
        width: 175.664063vw
    }
}

@media all and (max-width: 1366px) {
    [lang="hi-IN"] #people-section h1 {
        width: 176.664063vw
    }
}

@media all and (max-width: 1280) {
    [lang="hi-IN"] #people-section h1 {
        width: 176.664063vw
    }
}

@media all and (min-width: 1024px) and (max-width: 1600px) {
    [lang="hi-IN"] #people-section .people-description p {
        max-width: 16.1979166667vw
    }
}

.timeline {
    width: 100%;
    position: relative
}

.timeline-nav__item {
    width: auto;
    height: auto;
    text-align: center;
    opacity: 0.5;
    background: transparent;
    color: #e52726;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    outline: none;
    cursor: pointer
}

.timeline-nav__item::before {
    content: "";
    position: absolute;
    bottom: 2.083vw;
    left: 50%;
    transform: translateX(-50%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #e52726;
    transition: .2s
}

@media all and (max-width: 540px) {
    .timeline-nav__item::before {
        bottom: 3vw
    }
}

.timeline-nav__item.slick-current {
    color: red;
    opacity: 1
}

.timeline-nav__item.slick-current::before {
    background-color: #e52726
}

.timeline-wrapper {
    position: relative;
    width: 100%;
    height: 580px;
    margin: 60px auto
}

@media (max-width: 500px) {
    .timeline-wrapper {
        height: 1000px;
        max-height: 900px
    }
}

.timeline-slider {
    height: 100%
}

.timeline .timeline-nav .slick-list {
    height: 100%
}

@media all and (max-width: 540px) {
    .timeline .timeline-nav .slick-list {
        height: auto !important
    }
}

.timeline .slick-track {
    height: 100%
}

.timeline-slide {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    outline: none;
    background-size: auto 400px, cover;
    background-position: top;
    margin: 0 24px;
    width: 80%;
    z-index: 1
}

.timeline-slide:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(229, 39, 38, 0.8);
    z-index: 2
}

.timeline-slide__content {
    z-index: 5;
    position: absolute;
    top: 220px;
    background: #ffffff;
    width: 80%;
    left: 50%;
    transform: translate(-50%, 0px);
    padding: 40px;
    opacity: 0;
    transition: opacity 1s
}

@media (max-width: 500px) {
    .timeline-slide__content {
        width: 100%
    }
}

.timeline-year {
    z-index: 5;
    font-size: 35px;
    color: #ffffff;
    background: red;
    padding: 15px 26px;
    transition: opacity 1.2s;
    position: absolute;
    right: 0;
    opacity: 0
}

.timeline-title {
    color: red;
    font-size: 26px;
    line-height: 30px;
    font-weight: 400
}

.timeline-text {
    font-size: 18px;
    line-height: 28px;
    color: #666666
}

.timeline .slick-current:after {
    background-color: rgba(229, 39, 38, 0)
}

.timeline .slick-current .timeline-year {
    opacity: 1
}

.timeline .slick-current .timeline-slide__content {
    opacity: 1
}

.timeline-nav {
    position: absolute !important;
    left: 42vw;
    top: 5vw;
    z-index: 9999
}

@media all and (max-width: 540px) {
    .timeline-nav {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        margin-bottom: 13.750vw
    }
}

.timeline-nav .slick-track {
    display: flex;
    flex-direction: column
}

@media all and (max-width: 540px) {
    .timeline-nav .slick-track {
        flex-direction: row;
        height: auto !important;
        justify-content: center;
        gap: 1.185vw
    }
}

.timeline-nav__item {
    font-weight: 600;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: clamp(7.5rem, 7.917vw, 15.2rem) !important;
    height: clamp(7.5rem, 7.917vw, 15.2rem) !important;
    color: #e52726;
    border-radius: 100%
}

.timeline-nav__item.slick-current {
    font-size: clamp(2.6rem, 2.125vw, 4.08rem) !important;
    background: url("../images/icons/timeline-border.png") no-repeat;
    background-size: cover;
    font-weight: 600;
    color: #fff
}

@media all and (max-width: 540px) {
    .timeline-nav__item.slick-current {
        font-size: 2.04rem !important
    }
}

.fixed {
    position: fixed !important;
    left: 45.6vw
}

@media all and (max-width: 540px) {
    .fixed {
        position: relative !important
    }
}

.news-slides .blog-item.slick-slide:not(:first-child) .blog-list {
    display: none !important
}

.news-slides .blog-item.slick-slide.slick-current .blog-list {
    display: flex !important
}

.timeline-nav__item {
    position: relative;
    opacity: 1 !important;
    border: none !important;
    color: rgba(255, 255, 255, 0.5);
    font-size: 15px !important
}

.timeline-nav__item span {
    position: relative;
    z-index: 99999;
    line-height: 3
}

@media all and (max-width: 540px) {
    .timeline-nav__item span {
        background: #100a0a !important;
        padding: 0 5px
    }
}

.timeline-nav__item span::after {
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    left: calc(50% - 2px);
    background-color: #100a0a !important;
    z-index: -9
}

@media all and (max-width: 540px) {
    .timeline-nav__item span::after {
        width: 100%;
        height: 2px;
        left: auto;
        top: calc(50% - 2px);
        background-color: transparent !important
    }
}

.timeline-nav__item::after {
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    left: calc(50% - 2px);
    background-color: #242323 !important
}

@media all and (max-width: 540px) {
    .timeline-nav__item::after {
        width: 100%;
        height: 2px;
        left: auto;
        top: calc(50% - 2px)
    }
}

.timeline-nav__item::before {
    display: none !important
}

.timeline-nav__item.slick-current {
    font-size: clamp(1.5rem, 1.563vw, 3rem) !important
}

@media all and (max-width: 540px) {
    .timeline-nav__item.slick-current {
        font-size: 18px !important
    }
}

.timeline-nav__item.slick-current span {
    line-height: 2 !important
}

@media all and (max-width: 540px) {
    .timeline-nav .slick-track {
        gap: 0 !important
    }
}

.turbo-progress-bar {
    visibility: hidden
}

.clip-square,
.clip-square-fill {
    position: relative
}

.clip-square:after,
.clip-square-fill:after {
    content: '';
    -webkit-clip-path: polygon(45% 0, 100% 0, 80% 100%, 25% 100%);
    clip-path: polygon(45% 0, 100% 0, 80% 100%, 25% 100%);
    background: #e52726;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.clip-square-fill:after {
    -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%)
}

.section-heading {
    color: #ffffff;
    font-size: clamp(2.4rem, 2.25vw, 3.4rem);
    font-weight: 900;
    letter-spacing: 5px;
    text-align: center;
    padding: 20px 0;
    text-align: center;
    z-index: 99;
    text-transform: capitalize;
    margin-bottom: 42px;
}

@media all and (min-width: 1279px) and (max-width: 1281px) {
    .section-heading {
        font-size: 18px
    }
}

@media all and (max-width: 768px) {
    .section-heading {
        padding: 7.4vw 0 0 0
    }
}

.bg-text {
    color: rgba(255, 255, 255, 0.06);
    font-size: clamp(25rem, 25.382vw, 48.731rem);
    font-weight: 700;
    white-space: nowrap;
    position: absolute;
    left: 16%;
    top: -14%;
    letter-spacing: -1.2rem;
    display: none;
    animation: scrollText 15s infinite linear
}

.slider-about-us {
    overflow-x: hidden;
    padding-top: 5%
}

.slider-about-us .slick-prev,
.slider-about-us .slick-next {
    position: absolute;
    bottom: 0%;
    left: calc(52% - 32px);
    z-index: 99;
    cursor: pointer;
    transform: translate(-50%, 0)
}

.slider-about-us .slick-next {
    left: calc(54% - 32px)
}

.slider-about-us .slider-img {
    position: relative;
    padding: 10% 0
}

.slider-about-us .slider-img::before {
    content: attr(data-before-text);
    transform: rotate(-90deg);
    position: absolute;
    left: -7.8%;
    font-size: clamp(3.8rem, 6.372vw, 12.234rem);
    bottom: 28%;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.8);
    display: none
}

.slider-about-us .slider-img::after {
    content: attr(data-after-text);
    transform: rotate(-270deg);
    position: absolute;
    right: -10.5%;
    font-size: 15rem;
    top: 27%;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.8);
    display: none
}

.slider-about-us .slider-img span.number {
    color: rgba(255, 255, 255, 0.1);
    font-size: 2.767rem;
    font-family: Helvetica Neue;
    transform: rotate(90deg);
    position: absolute;
    right: 19%;
    bottom: 12%
}

.slider-about-us .slick-current .slider-img::before,
.slider-about-us .slick-current .slider-img::after {
    display: block
}

.slider-img {
    display: flex;
    justify-content: center;
    overflow: hidden;
    transition: 0.4s
}

@media screen and (min-width: 992px) {
    .slider-img {
        margin: 30px 30px
    }
}

@media screen and (max-width: 1200px) {
    .slider-img {
        margin: 0 auto;
        max-width: 700px;
        width: 100%
    }
}

.slider-item:not(.slick-current) .slider-img {
    opacity: 0.2
}

.wrapper-text {
    position: absolute;
    top: 33%;
    left: 17%;
    width: 59%;
    font-family: "Albert Sans", sans-serif;
    z-index: 9;
    color: #fff
}

@media all and (max-width: 1366px) {
    .wrapper-text {
        top: 29%
    }
}

@media all and (max-width: 540px) {
    .wrapper-text {
        position: relative;
        left: auto;
        padding-top: 25%;
        width: 100%;
        text-align: center
    }
}

.wrapper-text img {
    animation: bounceRight 2s infinite;
    margin: 0 auto
}

@media all and (max-width: 540px) {
    .wrapper-text img {
        display: none
    }
}

.wrapper-text h3 {
    font-size: clamp(3.5rem, 4.199vw, 8.63rem);
    font-weight: 700
}

@media all and (max-width: 540px) {
    .wrapper-text h3 {
        margin-bottom: 5vw
    }
}

.wrapper-text p {
    font-size: 20px;
    font-weight: 300;
    max-width: 42%
}

@media all and (min-width: 1280px) {
    .wrapper-text p {
        margin-left: 2vw
    }
}

@media all and (max-width: 540px) {
    .wrapper-text p {
        max-width: 100%;
        font-size: 20px
    }
}

.wrapper-text a {
    margin-top: 4%;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    font-size: clamp(1.2rem, 0.833vw, 1.6rem);
    letter-spacing: 5px
}

@media all and (min-width: 1280px) {
    .wrapper-text a {
        margin-left: 2vw
    }
}

@media all and (max-width: 540px) {
    .wrapper-text a {
        margin-top: 12vw;
        font-size: 1.2rem
    }
}

.wrapper-text a:hover {
    color: rgba(255, 255, 255, 0.5)
}

.society-img {
    opacity: 0.7
}

@media all and (max-width: 540px) {
    .society-img {
        opacity: 1
    }
}

.white-arrow-mobile {
    display: none !important
}

@media all and (max-width: 540px) {
    .white-arrow-mobile {
        display: block !important;
        position: absolute;
        bottom: 9vw;
        left: 0;
        right: 0;
        margin: 0 auto;
        animation: bounceRight 2s infinite
    }
}

.she-makes-steel.slide {
    height: 100vh
}

@media all and (max-width: 540px) {
    .she-makes-steel.slide {
        height: auto
    }
}

@media all and (max-width: 540px) {
    .slide-item .slide {
        padding-top: 14vw !important
    }
}

.quotes-section {
    width: 30%;
    font-size: clamp(2.6rem, 3.75vw, 7.661rem);
    font-weight: 300;
    position: relative;
    left: 8%
}

@media all and (max-width: 540px) {
    .quotes-section {
        width: 60%;
        margin-bottom: 20vw !important;
        left: auto;
        text-align: center
    }
}

.quotes-section img {
    bottom: auto !important;
    right: auto !important;
    top: -36% !important;
    width: 37% !important
}

@media all and (max-width: 540px) {
    .quotes-section img {
        bottom: auto !important;
        top: -33% !important;
        width: 16% !important;
        left: -15% !important;
        z-index: 9 !important
    }
}

.quotes-section h3 {
    line-height: 1.2;
    margin-bottom: 10%;
    position: relative;
    z-index: 99
}

.vision-2030-slide .slide {
    display: flex;
    position: relative;
    width: 100%
}

@media all and (max-width: 540px) {
    .vision-2030-slide .slide {
        flex-direction: column;
        justify-content: flex-start;
        height: 100%
    }
}

.vision-2030-slide .slide h2 {
    font-family: "Albert Sans", sans-serif;
    font-weight: 600
}

.vision-2030-slide .right-area {
    font-size: clamp(4rem, 5.088vw, 10.576rem);
    margin: 2vh 0 0 36% !important
}

@media all and (max-width: 540px) {
    .vision-2030-slide .right-area h2 {
        display: none
    }
}

@media all and (max-width: 540px) {
    .vision-2030-slide .right-area {
        margin: 0 !important
    }
}

.vision-2030-slide img {
    position: absolute;
    left: -8%;
    right: 0;
    margin: auto;
    bottom: 0;
    width: 28%
}

@media all and (max-width: 540px) {
    .vision-2030-slide img {
        left: 0;
        right: auto;
        width: 40%;
        bottom: 0;
        margin: 0 auto 0 25px
    }
}

.vision-2030-slide .details p {
    width: 76% !important;
    padding: 5% 0 4% 15% !important
}

@media all and (max-width: 540px) {
    .vision-2030-slide .details p {
        padding: 0 !important;
        margin-bottom: 22vw !important
    }
}

@media all and (max-width: 540px) {
    .vision-2030-slide .bottom-section {
        display: none
    }
}

@media all and (max-width: 540px) {
    .vision-2030-slide .she-makes-steel .details p {
        width: 75% !important;
        display: none
    }
}

.vision-on-mobile {
    display: none
}

@media all and (max-width: 540px) {
    .vision-on-mobile {
        display: none;
        padding-bottom: 9.5vw;
        padding-top: 12vw;
        padding-right: 25px
    }

    .vision-on-mobile .bottom-section,
    .vision-on-mobile .quotes-section {
        display: block !important;
        width: 52%;
        text-align: center;
        margin: 0 0 0 auto
    }
}

@media all and (max-width: 540px) and (max-width: 395px) {

    .vision-on-mobile .bottom-section,
    .vision-on-mobile .quotes-section {
        width: 55%
    }
}

@media all and (max-width: 540px) and (max-width: 375px) {

    .vision-on-mobile .bottom-section,
    .vision-on-mobile .quotes-section {
        width: 56%
    }
}

@media all and (max-width: 540px) {
    .vision-on-mobile .bottom-section {
        margin-top: 5%
    }

    .vision-on-mobile .quotes-section h3 {
        font-size: 25px;
        margin-bottom: 5%
    }

    .vision-on-mobile .quotes-section h3 img {
        bottom: auto;
        right: auto;
        top: -27%;
        width: 21%
    }

    .vision-on-mobile .quotes-section h3 .name-section {
        font-size: 25px
    }

    .vision-on-mobile .quotes-section h3 .quote-end {
        display: none
    }
}

@media all and (max-width: 540px) {
    .quote-end {
        display: none !important
    }
}

.company-item {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    padding: 50px 0;
}

@media all and (max-width: 768px) {
    .company-item {
        gap: 15px;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 12vw;
        padding: 0 25px;
        width: 100% !important
    }
}

.company-item .inner-slides {
    position: relative;
    padding-top: 15px;
    cursor: pointer;
    position: relative;
    font-size: clamp(1.6rem, 1.836vw, 3.6rem);
    font-weight: 600
}

@media all and (max-width: 768px) {
    .company-item .inner-slides {
        width: 43%;
        margin-bottom: 10vw
    }
}

.company-item .inner-slides::before {
    content: '';
    width: 33vw;
    height: 100%;
    position: absolute;
    top: 0;

    z-index: 9;
    background: #3e3e3e
}

@media all and (max-width: 540px) {
    .company-item .inner-slides::before {
        width: 82%
    }
}

.company-item .inner-slides.hover img,
.company-item .inner-slides:hover img {
    opacity: 1
}

.company-item .inner-slides:hover .company-item .inner-slides::before {
    background: #e52726
}

.company-item .inner-slides img {
    opacity: 0.7;
    position: relative;
    z-index: 99
}

.company-item .inner-slides .creative {
    position: absolute;
    right: -11%;
    bottom: -7%
}

.company-item .inner-slides .text-top {
    display: block;
    text-align: center;
    line-height: 1.2;
    position: absolute;
    top: -9%;
    color: #fff;
    left: 36%;
    right: 0;
    text-align: left;
    z-index: 9;
    letter-spacing: 2px
}

@media all and (max-width: 1440px) {
    .company-item .inner-slides .text-top {
        left: 30%
    }
}

.card-img-1 {
    max-width: 314px;
    position: absolute;
    top: 20%;
    left: 8.5%
}

.card-img-1:hover img {
    opacity: 1
}

.card-img-1 img {
    width: 314px
}

.card-img-1 img:hover {
    opacity: 1 !important
}

.card-img-2 {
    max-width: 365px;
    position: absolute;
    top: 7.2%;
    left: 27.5%
}

.card-img-2:hover img {
    opacity: 1 !important
}

.card-img-2 img {
    width: 365px
}

.card-img-2 img:hover {
    opacity: 1 !important
}

.card-img-3 {
    max-width: 392px;
    position: absolute;
    top: 18.5%;
    left: 48.7%
}

.card-img-3:hover img {
    opacity: 1
}

.card-img-3 img {
    width: 392px
}

.card-img-3 img:hover {
    opacity: 1 !important
}

.card-img-4 {
    max-width: 340px;
    position: absolute;
    top: 13.55%;
    left: 74.3%
}

.card-img-4:hover img {
    opacity: 1 !important
}

.card-img-4 img {
    width: 340px
}

.slider-company .slide-2 picture {
    margin-top: -20px
}

.slider-company .slide-2 img {
    margin: 0 auto
}

.slider-company .slide-1 {
    position: relative;
    font-weight: normal;
    padding-top: 1.5%
}

.slider-company .slide-1 img {
    opacity: 0.7
}

.opacity-20 {
    opacity: 0.20
}

[data-slide]:not(:first-child) {
    display: none
}

.heading-48 {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 700;
}

.product-slide {
    text-align: center
}



.products-wrapper {
    max-width: 75%;
    display: flex;
    flex-wrap: wrap;
    margin: 3% auto 0 auto;
    justify-content: space-between
}

@media all and (max-width: 540px) {
    .products-wrapper {
        max-width: 100%;
        padding: 25px
    }
}

.products-wrapper .product {
    position: relative;
    width: 25%;
    transition: all 1s ease;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.6);
    padding: 35px 25px;
    cursor: pointer;
    margin-bottom: 30px
}



@media all and (max-width: 768px) {
    .products-wrapper .product {
        padding: 25px 15px;
        margin-bottom: 30px
    }

    .products-wrapper .product {
        width: 50%;
    }
}

@media all and (max-width: 512px) {

    .products-wrapper .product {
        width: 100%;
    }
}

@media all and (max-width: 768px) and (max-width: 540px) {}

.products-wrapper .product.clip-square-fill::after {
    z-index: 9;
    background: rgba(255, 255, 255, 0.1)
}

.products-wrapper .product .wrap-p {
    position: relative;
    z-index: 99
}

.products-wrapper .product .wrap-p img,
.products-wrapper .product .wrap-p .svgObject,
.products-wrapper .product .wrap-p svg {
    margin: 0 auto;
    width: clamp(4.8rem, 5.06vw, 9.5rem);
    height: clamp(4.8rem, 5.06vw, 9.5rem);
    pointer-events: none
}

@media all and (max-width: 375px) {

    .products-wrapper .product .wrap-p img,
    .products-wrapper .product .wrap-p .svgObject,
    .products-wrapper .product .wrap-p svg {
        width: 4.5rem;
        height: 4.5rem
    }
}

.products-wrapper .product .wrap-p .pipes {
    width: clamp(5.5rem, 7.738vw, 13rem)
}

.products-wrapper .product .wrap-p .plates {
    width: 100px
}

.products-wrapper .product .wrap-p span {
    display: block;
    text-align: center;
    padding-top: 3rem
}

@media all and (max-width: 540px) {
    .products-wrapper .product .wrap-p span {
        padding-top: 2rem
    }
}

.products-wrapper .product:hover {
    background: #e52726
}

.products-wrapper .product:hover #coldRolledsteel .cls-1 {
    fill: #fff !important
}

.products-wrapper .product.cold-rolled img {
    opacity: 0.5
}

.products-wrapper .product.cold-rolled:hover img {
    opacity: 1
}

.products-wrapper .product #colourCoated {
    width: clamp(5rem, 5.06vw, 9.5rem);
    height: clamp(5rem, 5.06vw, 9.5rem);
    margin: 0 auto
}

.product:hover #colourCoated .cls-1x {
    fill: #fff
}

.view-all-details {
    margin-top: 1.5%
}

.view-all-details a {
    font-size: clamp(1.2rem, 0.833vw, 1.6rem);
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 5px
}

@media all and (max-width: 540px) {
    .view-all-details {
        margin-top: 7.4vw
    }
}

#portfolio-lead-form-section .back,
#portfolio-lead-form-section .start-over {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 5vw
}

#portfolio-lead-form-section .back a,
#portfolio-lead-form-section .back span,
#portfolio-lead-form-section .start-over a,
#portfolio-lead-form-section .start-over span {
    font-size: clamp(1rem, 0.625vw, 1.2rem);
    text-transform: uppercase;
    letter-spacing: 5px;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer
}

@media all and (max-width: 540px) {

    #portfolio-lead-form-section .back,
    #portfolio-lead-form-section .start-over {
        bottom: 20vw
    }
}

[data-slide="4"] .back,
[data-slide="5"] .back,
[data-slide="6"] .back {
    margin-top: 10%
}

.hover-clip {
    color: #fff !important
}

.hover-clip::after {
    background-color: #e52726 !important
}

.form-wrapper {
    max-width: 45%;
    margin: 0 auto;
    gap: 4%;
    display: flex;
    justify-content: center
}

@media all and (max-width: 768px) {
    .form-wrapper {
        max-width: 100%;
        gap: 9%;
        justify-content: center
    }
}

.form-wrapper .form-type {
    width: 50%;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: clamp(1.4rem, 1.25vw, 2.4rem)
}

@media all and (max-width: 540px) {
    .form-wrapper .form-type {
        width: auto
    }
}

.form-wrapper .form-type .img-wrapper {
    padding: 15% 0;
    border: 2px solid rgba(255, 255, 255, 0.3);
    margin: 15% 0
}

.form-wrapper .form-type .img-wrapper img {
    margin: 0 auto
}

.form-wrapper .form-type:hover .img-wrapper {
    background-color: #e52726;
    border: 2px solid #e52726
}

.form-wrapper .form-type:hover {
    color: #e52726
}

@media all and (max-width: 540px) {
    .product-slide[data-slide="2"] .form-wrapper {
        flex-direction: column;
        align-items: center
    }

    .product-slide[data-slide="2"] .form-wrapper .img-wrapper {
        width: 23vh;
        height: 23vh;
        margin: 15% auto 7%
    }

    .product-slide[data-slide="2"] .form-wrapper.prod-forms-count-3 .img-wrapper {
        width: 17vh;
        height: 17vh
    }
}

@media all and (max-width: 540px) {
    .product-slide[data-slide="3"] .heading-48 {
        width: 69%;
        margin: 0 auto
    }
}

@media all and (max-width: 540px) {
    .product-slide[data-slide="4"] .heading-48 {
        width: 63%;
        margin: 0 auto
    }

    .product-slide[data-slide="4"] .grades-wrapper {
        flex-direction: column;
        align-items: center
    }
}

@media all and (max-width: 540px) {
    .product-slide[data-slide="5"] .heading-48 {
        width: 70%;
        margin: 0 auto
    }

    .product-slide[data-slide="5"] .grades-wrapper {
        flex-direction: column;
        align-items: center
    }
}

@media all and (max-width: 540px) {
    .product-slide[data-slide="6"] .grades-wrapper {
        flex-direction: column;
        align-items: center
    }

    .product-slide[data-slide="6"] .small-squre {
        justify-content: space-around;
        padding-right: 14px
    }
}

.IS513_CR0 {
    background-image: url(../images/portfolio/grade-icon.png);
    background-size: 25%
}

.IS513_CR0:hover {
    background-image: url(../images/portfolio/grade-active-icon.png)
}

[data-slide="brandSlide"] .maximus {
    background: url(../images/brands/maximus.png) no-repeat;
    background-position: center !important
}

[data-slide="brandSlide"] .maximus:hover {
    background: url(../images/brands/maximus-hover.png) no-repeat;
    background-position: center !important
}

[data-slide="brandSlide"] .thermostar {
    background: url(../images/brands/thermostar.png) no-repeat;
    background-position: center !important
}

[data-slide="brandSlide"] .penstar {
    background: url(../images/brands/penstar.png) no-repeat;
    background-position: center !important
}

[data-slide="brandSlide"] .rockstar {
    background: url(../images/brands/rockstar.png) no-repeat;
    background-position: center !important
}

.grades-wrapper {
    display: flex;
    justify-content: center;
    width: 60%;
    gap: 2.5rem;
    margin: 3.2vw auto 0
}

@media all and (max-width: 540px) {
    .grades-wrapper {
        flex-wrap: wrap;
        width: 100% !important;
        margin: 7.4vw auto 0
    }
}

.grades-wrapper .grade {
    border: 2px solid rgba(255, 255, 255, 0.3);
    background-repeat: no-repeat;
    background-position: 50% 30%;
    width: clamp(15rem, 13.571vw, 26rem);
    height: clamp(15rem, 13.571vw, 26rem);
    position: relative;
    cursor: pointer
}

.grades-wrapper .grade span {
    display: block;
    color: #fff;
    font-size: clamp(1.4rem, 1.25vw, 2.4rem);
    position: absolute;
    top: 60%;
    width: 100%;
    text-align: center
}

.grades-wrapper .grade:hover,
.grades-wrapper .grade.active {
    background-color: #e52726;
    border: 2px solid #e52726
}

.specifications {
    width: 53%
}

.specifications .grade {
    width: clamp(15rem, 15.238vw, 29.4rem);
    height: clamp(15rem, 15.238vw, 29.4rem);
    background-position: 50% 40%
}

.specifications .grade span {
    top: 65%
}

.specification {
    background-image: url(../images/portfolio/specification-icon.png);
    background-size: 30%
}

.application {
    background-image: url(../images/portfolio/application-icon.png);
    background-size: 30%
}

.brands {
    background-image: url(../images/portfolio/specification-icon.png);
    background-size: 30%
}

.brand-select {
    background-size: 80% !important;
    display: flex;
    justify-content: center;
    align-items: center
}

@media all and (max-width: 540px) {
    .brand-select img {
        width: 80%
    }
}

.tab-content .options {
    width: 100% !important
}

@media all and (max-width: 540px) {
    .tab-content .options {
        padding: 5px 15px;
        justify-content: flex-start
    }
}

.standardized {
    background-image: url(../images/portfolio/standardized-icon.png);
    background-size: 30%
}

.customized {
    background-image: url(../images/portfolio/customized-icon.png);
    background-size: 30%
}

.thikness {
    background-image: url(../images/portfolio/thikness-icon.png);
    background-size: 30%
}

.width-icon {
    background-image: url(../images/portfolio/width-icon.png);
    background-size: 30%
}

.tab-wrapper {
    text-align: center;
    display: block;
    margin: 5rem auto;
    max-width: 500px
}

@media all and (max-width: 540px) {
    .tab-wrapper {
        margin: 7.4vw auto
    }
}

.tabs {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center
}

.tab-link {
    margin: 0 1%;
    list-style: none;
    padding: 0 16px;
    color: rgba(255, 255, 255, 0.3);
    cursor: pointer;
    font-size: clamp(1.2rem, 0.833vw, 1.6rem);
    letter-spacing: 1px;
    font-weight: 500;
    transition: all ease 0.5s;
    pointer-events: none;
    line-height: 0.8
}

@media all and (max-width: 540px) {
    .tab-link {
        margin: 0 !important;
        padding: 0 10px !important
    }
}

.tab-link:not(:last-child) {
    border-right: 2px solid rgba(71, 71, 70, 0.5)
}

.tab-link:hover {
    color: rgba(255, 255, 255, 0.5)
}

.tab-link.active {
    color: rgba(255, 255, 255, 0.8)
}

.tab-content {
    display: none;
    text-align: center;
    color: #888;
    opacity: 0;
    animation: fadeIn 0.5s ease 1 forwards
}

.tab-content .grades-wrapper {
    margin-top: 0
}

.tab-content .back {
    margin-top: 2%
}

.tab-content.active {
    display: block
}

@keyframes fadeIn {
    100% {
        opacity: 1;
        transform: none
    }
}

.small-squre {
    display: flex;
    flex-wrap: wrap;
    margin-left: 1rem;
    gap: 3rem;
    width: 55%;
    max-height: 41vh;
    overflow: hidden;
    overflow-y: scroll
}

.small-squre[data-spec-options-count="1"],
.small-squre[data-spec-options-count="2"],
.small-squre[data-spec-options-count="3"],
.small-squre[data-spec-options-count="4"],
.small-squre[data-spec-options-count="5"] {
    width: 24.5%
}

.small-squre[data-spec-options-count="7"],
.small-squre[data-spec-options-count="8"],
.small-squre[data-spec-options-count="9"] {
    width: 55%;
    max-height: 41vh
}

.small-squre[data-spec-options-count="6"] {
    width: 27%;
    height: auto
}

.small-squre [type="radio"] {
    display: none
}

.small-squre [type="radio"]+label {
    height: clamp(6rem, 6.488vw, 12.5rem);
    width: clamp(6rem, 6.488vw, 12.5rem);
    border: 2px solid rgba(255, 255, 255, 0.3);
    display: block;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: clamp(1.8rem, 1.836vw, 3.525rem);
    font-weight: 600;
    color: #fff;
    line-height: 1;
    cursor: pointer
}

.small-squre [type="radio"]+label span {
    font-size: clamp(1.6rem, 1.354vw, 2.6rem);
    font-weight: 400
}

.small-squre [type="radio"]:checked+label {
    background: #e52726;
    border: 2px solid #e52726
}

@media all and (max-width: 540px) {
    .small-squre {
        width: 100% !important;
        max-height: 30vh !important;
        margin-left: 0 !important;
        gap: 1rem;
        justify-content: center
    }
}

.product-lead-form {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    margin-top: 4.6%
}

@media all and (max-width: 540px) {
    .product-lead-form {
        width: 100%;
        padding: 0 25px;
        margin-top: 7.4vw
    }
}

.product-lead-form input,
.product-lead-form select {
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.3);
    padding: 2.1vh;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: clamp(1.4rem, 1.25vw, 2.4rem);
    margin-bottom: 4vh;
    width: 100%
}

@media all and (max-width: 540px) {

    .product-lead-form input,
    .product-lead-form select {
        margin-bottom: 5vw;
        padding: 4vw
    }
}

.product-lead-form input::-moz-placeholder,
.product-lead-form select::-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: 1px
}

.product-lead-form input::placeholder,
.product-lead-form select::placeholder {
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: 1px
}

.product-lead-form button {
    margin: 7.2vh 0 5.2vh 0;
    color: #fff
}

.product-lead-form button:hover {
    color: rgba(255, 255, 255, 0.8)
}

.product-lead-form select option {
    background: #171717;
    color: rgba(255, 255, 255, 0.1)
}

.product-lead-form select option:hover {
    background: red;
    color: rgba(255, 255, 255, 0.2)
}

.clip-element {
    -webkit-clip-path: url("#clip-shape");
    clip-path: url("#clip-shape");
    height: 1060px;
    background: url("../images/supervisor.webp") no-repeat bottom right #e52726
}

.safety-first {
    height: 100vh;
    -webkit-clip-path: polygon(38% 0, 100% 0%, 100% 100%, 20.8% 100%);
    clip-path: polygon(38% 0, 100% 0%, 100% 100%, 20.8% 100%);
    background-color: #e52726
}

@media all and (max-width: 540px) {
    .safety-first {
        height: auto !important;
        -webkit-clip-path: polygon(0 30%, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0 30%, 100% 0%, 100% 100%, 0% 100%);
        padding-top: 20%;
        position: absolute;
        bottom: 0
    }
}

.safety-first img {
    margin: 0 0 0 auto;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70%
}

@media all and (max-width: 540px) {
    .safety-first img {
        position: relative;
        width: 100%;
        bottom: auto;
        right: auto
    }
}

.people-description {
    position: absolute;
    top: 22%;
    left: 6.5%;
    z-index: 999;
    width: 84.3%
}

@media all and (max-width: 540px) {
    .people-description {
        position: relative;
        top: auto !important;
        left: auto !important;
        width: 100%
    }
}

.people-description h1 {
    font-size: clamp(6.1rem, 8.699vw, 16.7rem);
    font-family: "photograph";
    color: transparent;
    background: url("../images/masking.png") no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    position: relative;
    width: 100%;
    padding: 1rem;
    background-size: contain;
    background-position: -39%;
    letter-spacing: 10px
}

@media all and (max-width: 540px) {
    .people-description h1 {
        background-image: none !important;
        color: #e52726;
        text-align: center
    }
}

.people-description h1 span {
    position: absolute;
    top: -25%;
    left: -0.5%;
    color: #e52726
}

@media all and (max-width: 540px) {
    .people-description h1 span {
        left: auto
    }
}

@media all and (max-width: 540px) {
    .people-description h1 {
        margin-top: 6vw
    }
}

.people-description p {
    font-size: 20px;
    max-width: 311px;
    letter-spacing: 1px;
    position: relative;
    margin-top: 2rem;
    font-weight: 500
}

@media all and (max-width: 1366px) {
    .people-description p {
        max-width: 290px
    }
}

@media all and (max-width: 540px) {
    .people-description p {
        text-align: center;
        max-width: 290px;
        margin: 7.4vw auto;
        font-size: 14px;
        margin-top: 1.5vw
    }
}

.people-description p img {
    margin-top: 5vw;
    animation: bounceRight 2s infinite;
    width: 12vw
}

@media all and (max-width: 540px) {
    .people-description p img {
        width: 52px;
        margin: 15% auto 0
    }
}

.people-description p a {
    color: #e52726;
    display: inline-block;
    cursor: pointer
}

.people-description p:hover img {
    animation: bounceRight 2s infinite
}

.people-2 {
    background: url("../images/bg.png") no-repeat;
    background-size: cover;
    height: 100vh
}

@media all and (max-width: 540px) {
    .people-2 {
        height: auto;
        background-image: url("../images/she-makes-steel-home-mobile.png");
        background-size: 100% 100% !important
    }
}

.people-2 .she-makes-steel {
    position: relative
}

.people-2 .she-makes-steel img {
    position: absolute;
    width: 32%;
    bottom: 0;
    left: 17%
}

@media all and (max-width: 540px) {
    .people-2 .she-makes-steel img {
        position: absolute;
        width: 57.8%;
        bottom: 0;
        left: auto
    }
}

@media all and (max-width: 540px) {
    .people-2 .she-makes-steel .details {
        position: absolute;
        top: 20vw
    }
}

@media all and (max-width: 540px) {
    .people-2 .she-makes-steel {
        height: 100% !important
    }
}

@media all and (max-width: 540px) {
    .divercity .slide {
        height: 100%;
        position: relative
    }

    .divercity .slide img {
        position: absolute !important;
        bottom: 0 !important
    }
}

.people-3 {
    background: #e52726;
    height: 100vh
}

.people-3 svg {
    position: absolute;
    bottom: 0
}

.she-makes-steel {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

@media all and (max-width: 540px) {
    .she-makes-steel {
        flex-direction: column-reverse
    }
}

.she-makes-steel h2 {
    font-family: "photograph";
    font-size: clamp(3.713rem, 5.088vw, 9.768rem);
    letter-spacing: 4px
}

@media all and (max-width: 540px) {
    .she-makes-steel h2 {
        padding: 7.4vw 0;
        letter-spacing: 0
    }
}

.she-makes-steel p {
    font-size: clamp(1.4rem, 1.25vw, 2.4rem);
    font-weight: 300
}

.she-makes-steel .name-section {
    font-size: clamp(2.6rem, 3.75vw, 7.2rem)
}

.she-makes-steel .designation {
    font-size: clamp(1.2rem, 0.833vw, 1.6rem);
    font-weight: 300;
    letter-spacing: 4px
}

.she-makes-steel .details {
    width: 59%;
    margin: 10.5% 0 0 43%;
    position: relative
}

@media all and (max-width: 540px) {
    .she-makes-steel .details {
        text-align: center;
        margin: 0;
        width: 100%
    }
}

.she-makes-steel .details p {
    width: 54%;
    padding: 3% 0 3% 15%
}

@media all and (max-width: 540px) {
    .she-makes-steel .details p {
        padding: 0;
        width: 64% !important;
        margin: 0 auto
    }
}

.she-makes-steel .details .bottom-section {
    padding-left: 15%
}

@media all and (max-width: 540px) {
    .she-makes-steel .details .bottom-section {
        padding-left: 0;
        margin-top: 5.2vw
    }
}

.quotes-section .quote-end {
    right: 49% !important;
    top: auto !important;
    bottom: 16% !important;
    left: auto !important;
    width: auto !important
}

.news-section-slider {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7%;
    position: absolute;
    top: 0
}

@media all and (max-width: 540px) {
    .news-section-slider {
        position: relative;
        top: auto;
        flex-wrap: wrap
    }
}

.news-section-slider .year-slider {
    width: 45%;
    margin-left: 25%
}

@media all and (max-width: 540px) {
    .news-section-slider .year-slider {
        width: 100%
    }
}

.news-section-slider .news-slider {
    width: 45%;
    max-width: 540px
}

@media all and (max-width: 540px) {
    .news-section-slider .news-slider {
        width: 100%
    }
}

.year {
    font-weight: 600;
    font-size: clamp(10rem, 15.626vw, 30rem);
    color: rgba(255, 255, 255, 0.02)
}

.year-first,
.year-second {
    position: absolute;
    top: -23%;
    left: 28%
}

.year-second {
    top: 3%
}

.news-wrapper {
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

@media all and (max-width: 540px) {
    .news-wrapper {
        width: 100% !important;
        padding: 0 35px
    }
}

.news-wrapper .news-years.active .year {
    display: inline-block;
    padding-right: 7%;
    font-weight: 600;
    font-size: clamp(10rem, 15.626vw, 26rem);
    position: relative;
    color: #fff;
    color: transparent;
    background: url("../images/masking-square.png") no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: cover;
    background-position: 55.5%;
    z-index: 99
}

.news-wrapper .year2020 {
    width: 49%;
    background-size: 78.5%
}

.news-wrapper .year2020 .year.active {
    padding-right: 0%;
    background-position: 58%
}

.news-wrapper .news-list a {
    font-size: clamp(1.4rem, 1.25vw, 2.4rem);
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
    line-height: 1
}

@media all and (max-width: 540px) {
    .news-wrapper .news-list a {
        font-size: 18px
    }
}

.news-wrapper .news-list a:hover {
    color: rgba(255, 255, 255, 0.8)
}

.news-wrapper .news-list li {
    padding-top: 4.2vh;
    padding-bottom: 4.2vh
}

.news-wrapper .news-list li:not(:first-child) {
    border-top: 1px solid rgba(255, 255, 255, 0.3)
}

@media all and (max-width: 540px) {
    .news-wrapper .news-list li:not(:first-child) {
        padding-top: 7.2vh
    }
}

@media all and (max-width: 540px) {
    .news-wrapper .news-list li:not(:last-child) {
        padding-bottom: 3.2vh
    }
}

.news-wrapper .news-list li .publish-date-city {
    margin-top: 4.1vh;
    color: rgba(255, 255, 255, 0.1);
    font-size: clamp(1.2rem, 0.833vw, 1.6rem)
}

@media all and (max-width: 540px) {
    .news-wrapper .news-list li .publish-date-city {
        margin-top: 3.1vh
    }
}

.news-wrapper .news-list li .publish-date-city span {
    display: inline-block;
    margin-right: 4.1vh;
    color: #e52726
}

.fadeUp {
    animation-name: fadeInUp;
    animation-duration: 3s;
    animation-fill-mode: forwards
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.blog-page.inner-section .blog-list li:nth-child(even) {
    top: 3.125vw !important
}

.blog-page .blog-item .blog-list li:nth-last-child(2),
.blog-page .blog-item .blog-list li:nth-last-child(1) {
    margin-bottom: 0 !important
}

.blog-list {
    display: flex;
    justify-content: center;
    gap: 2%
}

@media all and (max-width: 540px) {
    .blog-list {
        flex-wrap: wrap;
        text-align: center
    }
}

.blog-list li {
    position: relative;
    width: 33.33%
}

@media all and (max-width: 540px) {
    .blog-list li {
        width: 100%
    }
}

.blog-list li a:hover h2 {
    color: rgba(255, 255, 255, 0.8)
}

.blog-list li a:hover img {
    opacity: 1
}

.blog-list .blog-lables {
    position: absolute;
    top: 3rem;
    left: 2.3rem;
    display: flex;
    flex-direction: column;
    gap: 1.2rem
}

.blog-list .blog-lables .lable {
    background: #e52726;
    color: #fff;
    border-radius: 2rem;
    padding: 0.4rem 2rem;
    display: inline-block;
    font-weight: 400;
    align-self: self-start
}

.blog-list .blog-lables .lable:hover {
    background: #e52726
}

.blog-list .publish-date {
    font-weight: 500;
    font-size: clamp(1.4rem, 1.042vw, 2rem);
    color: #e52726;
    margin: 3.2vw 0
}

@media all and (max-width: 540px) {
    .blog-list .publish-date {
        margin: 8.2vw 0 2.2vw
    }
}

.blog-list .article-title {
    max-width: 80%;
    font-size: clamp(1.8rem, 1.698vw, 3.259rem);
    color: #fff
}

@media all and (max-width: 540px) {
    .blog-list .article-title {
        margin: 0 auto 16vw auto
    }
}

.blog-list .article-title+img {
    margin-top: 10%
}

@media all and (max-width: 540px) {
    .blog-list .article-title+img {
        display: none
    }
}

.blog-list a:hover img.arrow,
.blog-list a:hover+a img.arrow {
    animation: bounceRight 2s infinite
}

.social-newsletter {
    margin-bottom: 5%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media all and (max-width: 540px) {
    .social-newsletter {
        flex-wrap: wrap;
        justify-content: center;
        gap: 16vw
    }
}

.social-newsletter .social-links {
    display: flex;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
    align-items: center;
    gap: 1vw
}

@media all and (max-width: 540px) {
    .social-newsletter .social-links {
        flex-wrap: wrap;
        gap: 7vw !important;
        justify-content: center
    }
}

.social-newsletter .social-links a {
    font-size: clamp(1.4rem, 1.25vw, 2.4rem);
    color: rgba(255, 255, 255, 0.6);
    margin-right: 4.5rem;
    text-transform: capitalize
}

@media all and (max-width: 540px) {
    .social-newsletter .social-links a {
        margin-right: 0
    }
}

.social-newsletter .social-links a img,
.social-newsletter .social-links a svg {
    width: 45px;
    height: 45px
}

@media all and (max-width: 540px) {

    .social-newsletter .social-links a img,
    .social-newsletter .social-links a svg {
        width: 30px;
        height: 30px
    }
}

.social-newsletter .social-links a::after {
    display: none
}

.social-newsletter .social-links a:hover {
    color: rgba(255, 255, 255, 0.8)
}

.social-newsletter .social-links li {
    margin-right: 30px
}

@media all and (max-width: 540px) {
    .social-newsletter .social-links li {
        margin-right: 0
    }
}

.social-newsletter .newsletter-form {
    position: relative
}

@media all and (max-width: 540px) {
    .social-newsletter .newsletter-form {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        flex-direction: column-reverse;
        text-align: left;
        justify-content: flex-end;
        gap: 4vw;
        padding: 0
    }
}

.social-newsletter .newsletter-form lable {
    text-transform: uppercase;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.4)
}

.social-newsletter .newsletter-form input {
    font-size: clamp(1.4rem, 1.25vw, 2.4rem);
    color: rgba(255, 255, 255, 0.8);
    text-transform: lowercase;
    background: transparent;
    border: 0;
    border-bottom: 0.2rem solid rgba(255, 255, 255, 0.2);
    margin-left: 40px;
    padding-bottom: 0.5rem;
    display: inline-block
}

@media all and (max-width: 540px) {
    .social-newsletter .newsletter-form input {
        margin-left: 0
    }
}

.social-newsletter .newsletter-form input::-moz-placeholder {
    letter-spacing: 1rem;
    text-transform: uppercase;
    color: #fff
}

.social-newsletter .newsletter-form input::placeholder {
    letter-spacing: 1rem;
    text-transform: uppercase;
    color: #fff
}

.social-newsletter .newsletter-form button {
    position: absolute;
    right: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    animation: bounceRight 2s infinite
}

.footer-links-wrapper {
    display: flex;
    justify-content: space-between
}

@media all and (max-width: 540px) {
    .footer-links-wrapper {
        flex-wrap: wrap
    }
}

@media all and (max-width: 540px) {
    .footer-links-wrapper .footer-nav {
        width: 50%
    }
}


@media all and (max-width: 540px) {
    .footer-links-wrapper .footer-nav:nth-child(even) {
        padding-left: 17vw
    }
}

@media all and (max-width: 395px) {
    .footer-links-wrapper .footer-nav:nth-child(even) {
        padding-left: 13vw
    }
}

.footer-links-wrapper h4,
.footer-links-wrapper h4>a {
    font-size: 20px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.2);
    margin-bottom: 5rem
}

.footer-links-wrapper ul li {
    margin-bottom: 2rem
}

@media all and (max-width: 540px) {
    .footer-links-wrapper ul li {
        margin-bottom: 3.5vw
    }
}

.footer-links-wrapper ul a {
    font-size: clamp(1.8rem, 1.094vw, 2.1rem);
    color: rgba(255, 255, 255, 0.6)
}

.footer-links-wrapper ul a:hover {
    color: rgba(255, 255, 255, 0.8)
}

.footer-links-wrapper .footer-nav:last-child h4,
.footer-links-wrapper .footer-nav:last-child h4>a,
.footer-links-wrapper .footer-nav:last-child li,
.footer-links-wrapper .footer-nav:last-child li a {
    margin-bottom: 3.5rem;
    font-size: 20px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.2)
}

.footer-links-wrapper .footer-nav:last-child h4:hover,
.footer-links-wrapper .footer-nav:last-child h4>a:hover,
.footer-links-wrapper .footer-nav:last-child li:hover,
.footer-links-wrapper .footer-nav:last-child li a:hover {
    color: rgba(255, 255, 255, 0.8)
}

.copy-right {
    text-align: left;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 5rem
}

@media all and (max-width: 540px) {
    .copy-right {
        text-align: center;
        margin: 12.077vw 0 9vw
    }
}

[data-division="banner"] {
    position: absolute
}

.inner-page {
    background: #100a0a;
    position: relative;
    overflow: hidden;
}

.inner-page .page-title {

    font-size: clamp(5.5rem, 9.114vw, 17.5rem);
    color: #fff;
    position: relative;
    padding-left: 2vw;
    letter-spacing: 1px;
    font-weight: 600;
    padding-top: 18.5vw
}
.inner-page .product_main_text{
    padding-bottom: 2vw;
    text-align: left !important;
}
.mb-150{
    margin-bottom: 200px;
}
@media all and (max-width: 768px) {
    .mb-150{
        margin-bottom: 0;
    }
}

@media all and (max-width: 540px) {
    .inner-page .page-title {
        padding-top: 96vw
    }
}

.inner-page .page-title span {
    position: absolute;
    top: 17.031vw;
    left: 2.5vw;
    font-size: clamp(1.4rem, 1.25vw, 2.4rem);
    font-weight: 700;
    letter-spacing: 5px;
    color: rgba(255, 255, 255, 0.3)
}

@media all and (max-width: 540px) {
    .inner-page .page-title span {
        top: 82.083vw
    }
}

.inner-page .page-title.text-break {
    line-height: 0.85;
    padding-top: 20.5vw;
}

@media all and (max-width: 540px) {
    .inner-page .page-title.text-break {
        padding-top: 30vw;
        line-height: 1.1;
        text-align: center;
    }
}

.inner-page .page-title.text-break span {
    top: 17.083vw
}

@media all and (max-width: 540px) {
    .inner-page .page-title.text-break span {
        top: 75.083vw
    }
}

.blog-item .blog-list li {
    width: 44.33%;
    margin: auto 0 0 auto
}

.blog-item .blog-list .blog-lables {
    top: 11%
}

.blog-item .blog-list li .article-title {
    margin-bottom: 75px
}

.milestones-page.inner-section .article-title {
    font-size: clamp(3rem, 2.739vw, 5.26rem) !important;
    line-height: 1.2;
    color: #fff
}

.milestones-page.inner-section .blog-list li:nth-child(odd) {
    margin: 0
}

.milestones-page.inner-section .blog-list li:nth-child(even) {
    top: 5.208vw !important
}

.news-slides,
.blog-slides {
    padding-bottom: 6.406vw
}

.read-more {
    font-size: clamp(1.2rem, 0.833vw, 1.6rem);
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #fff;
    margin-top: 25px;
    display: inline-block
}

.read-more:hover {
    color: rgba(255, 255, 255, 0.8)
}

.people-1 {
    position: relative
}

.vision-2030-slide {
    background: url("../images/vision-2030.png") no-repeat;
    background-size: cover
}

@media all and (max-width: 540px) {
    .vision-2030-slide {
        background-image: url("../images/vision-2030-mobile.png");
        background-size: 100% 100% !important
    }
}

.year-wrapper {
    width: 45%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("../images/news-bg.png") no-repeat;
    background-position: 88%;
    background-size: 77%
}

@media all and (max-width: 540px) {
    .year-wrapper {
        width: 100%;
        height: auto;
        background-position: 100%
    }
}

.year-wrapper span,
.year-wrapper .item-year {
    font-weight: 600;
    font-size: clamp(13rem, 15.626vw, 30rem);
    color: rgba(255, 255, 255, 0.02);
    line-height: 1;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
}

@media all and (max-width: 540px) {

    .year-wrapper span,
    .year-wrapper .item-year {
        text-align: center
    }
}

.year-wrapper span {
    position: absolute;
    left: 7.5%;
    color: transparent;
    background: url("../images/masking-square.png") no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: cover;
    background-position: 27%
}

@media all and (max-width: 540px) {
    .year-wrapper span {
        left: -0.9vw !important
    }
}

.year-wrapper .item-year.active {
    color: #fff;
    transition: .5s all
}

.society-img {
    height: 100% !important;
    -o-object-fit: fill;
    object-fit: fill
}

@media all and (min-width: 1023px) {
    .society-img {
        height: 100vh !important;
        width: 100%
    }
}

@media all and (max-width: 540px) {
    .society-img {
        height: auto !important
    }
}

.society-item {
    position: relative
}

.society-item.ThematicAreas {
    box-shadow: inset 0px 0px 200px 0px rgba(0, 0, 0, 0.35)
}

.society-item.ThematicAreas h1 {
    font-size: clamp(2.6rem, 3.75vw, 7.661rem);
    font-weight: 600;
    color: #fff
}

.story-page .blog-list li {
    width: 44% !important
}

@media all and (max-width: 540px) {
    .story-page .blog-list li {
        width: 100% !important
    }
}

@media all and (max-width: 540px) {
    .story-page .blog-list li {
        margin-top: 8vw !important
    }
}

.story-page .blog-list li:nth-child(even) {
    top: 3.646vw !important
}

@media all and (max-width: 540px) {
    .story-page .blog-list li:nth-child(even) {
        top: 0 !important
    }
}

.story-page .blog-list .article-title {
    font-size: clamp(1.5rem, 1.563vw, 3rem);
    max-width: 81%;
    line-height: 1.2
}

.story-page .blog-list .know-more {
    display: block
}

.story-page .blog-list .publish-date {
    margin: 2.604vw 0 1.667vw 0 !important
}

.story-page .blog-slides {
    padding-bottom: 0
}

.truncate {
    display: inline-block;
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.join-us .slide {
    height: 100vh;
    background: #2b2b2c;
    padding-top: 9.6%
}

@media all and (max-width: 540px) {
    .join-us .slide {
        height: 100%;
        padding-top: 25vw !important
    }
}

.join-us .slide h1 {
    text-align: center
}

.join-us .slide .product-lead-form input {
    margin-bottom: 2.6vh
}

@media all and (max-width: 540px) {
    .join-us .heading-48 {
        padding: 5.2vw 0
    }
}

@media all and (max-width: 540px) {
    .join-us {
        position: relative;
        z-index: 9999
    }
}

.thematic-areas {
    height: 100vh;
    padding-top: 2.5%;
    position: relative
}

@media all and (max-width: 540px) {
    .thematic-areas {
        height: auto
    }
}

.thematic-areas ul {
    display: flex;
    justify-content: center;
    gap: 3%;
    margin-right: -6vw
}

@media all and (max-width: 540px) {
    .thematic-areas ul {
        gap: 25px;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-right: 0 !important
    }
}

.thematic-areas ul li {
    position: relative
}

@media all and (max-width: 540px) {
    .thematic-areas ul li {
        width: 45%;
        margin: 0 auto
    }
}

.thematic-areas ul li span {
    font-size: clamp(2.6rem, 3.75vw, 7.2rem);
    color: #fff;
    position: absolute;
    top: 10px;
    left: 20px;
    font-weight: 600
}

.thematic-areas ul li .tm-area-card-title {
    font-size: clamp(1.8rem, 1.836vw, 3.485rem);
    font-weight: 600;
    color: #fff;
    position: absolute;
    bottom: -8.2vh;
    left: 2.4vw
}

@media all and (max-width: 540px) {
    .thematic-areas ul li .tm-area-card-title {
        position: relative;
        bottom: auto;
        left: auto;
        padding-top: 20px;
        text-align: center
    }
}

.thematic-areas h3 {
    font-size: clamp(2.6rem, 3.75vw, 7.661rem);
    font-weight: 600;
    color: #fff;
    text-align: center;
    padding-bottom: 3%
}

@media all and (max-width: 540px) {
    .thematic-areas h3 {
        font-size: 3.5rem;
        padding: 14vw 0 !important
    }
}

.trigger-file-upload {
    cursor: pointer;
    color: transparent;
    caret-color: transparent
}

.slider-company .slick-list {
    padding: 0 0 0 0 !important
}

@media all and (max-width: 540px) {
    .slider-company .slick-list {
        padding: 0 !important
    }
}

.company-slider {
    bottom: 4.24vw
}

.slider-arrows {
    position: absolute;
    bottom: 7.24vw;
    display: flex;
    left: 48%;
    gap: 10px
}

@media all and (max-width: 768px) {
    .slider-arrows {
        justify-content: center;
        position: relative !important;
        bottom: auto !important;
        left: auto !important
    }
}

@media all and (max-width: 768px) and (max-width: 540px) {
    .slider-arrows {
        padding-bottom: 15vw
    }
}

.slider-arrows .prev-arrow img {
    opacity: 0.1
}

.slider-arrows a {
    padding: 0
}

.company-slider {
    bottom: 4.24vw
}

.popup_wrapper {
    background: rgba(0, 0, 0, 0.8)
}

.popup_content-wrapper {
    margin: 0 auto;
    padding: 4.833vw 0;
    color: rgba(255, 255, 255, 0.8)
}

@media all and (max-width: 540px) {
    .popup_content-wrapper {
        padding: 4.833vw
    }
}

.popup_content-wrapper h2 {
    font-size: clamp(2.3rem, 3.116vw, 6rem);
    color: #fff
}

@media all and (max-width: 540px) {
    .popup_content-wrapper h2 {
        margin-bottom: 5vw
    }
}

.popup_content-wrapper H3 {
    font-size: clamp(2rem, 1.354vw, 2.8rem);
    margin-bottom: 3.438vw
}

.popup_content-wrapper p {
    font-size: 16px;
    margin-bottom: 1.979vw;
    color: rgba(255, 255, 255, 0.8)
}

@media all and (max-width: 540px) {
    .popup_content-wrapper p {
        font-size: 14px
    }
}

.popup_content-wrapper p:last-child {
    margin-bottom: 0
}

.popup_content-wrapper .hash-tag {
    font-size: clamp(2.6rem, 2.125vw, 4.08rem);
    margin-top: 1.979vw;
    color: #fff;
    font-weight: 600
}

@media all and (max-width: 1440px) {
    .popup_content-wrapper .hash-tag {
        padding-top: 2vw
    }
}

.news-blog-popup img {
    align-self: center !important;
    margin: 4.833vw 1vw 0 1vw !important
}

@media all and (max-width: 540px) {
    .news-blog-popup img {
        top: auto !important;
        padding-top: 14vw
    }
}

.news-blog-popup .popup_content-wrapper h2,
.news-blog-popup .popup_content-wrapper h1 {
    font-size: clamp(1.8rem, 1.979vw, 3.8rem);
    padding-right: 8vw
}

.news-blog-popup .popup_content-wrapper h3,
.news-blog-popup .popup_content-wrapper .popupDate {
    font-size: clamp(1.4rem, 1.042vw, 2rem);
    margin-top: 1.302vw
}

.popup-overlay {
    max-width: 85.073vw;
    margin: 2vw auto 0;
    display: flex !important;
    color: rgba(255, 255, 255, 0.8);
    position: relative;
    z-index: 999999999
}

@media all and (max-width: 540px) {
    .popup-overlay {
        display: block !important
    }
}

.popup-overlay img {
    margin-top: -5vw;
    width: 35vw
}

@media all and (max-width: 540px) {
    .popup-overlay img {
        width: 85%;
        position: relative;
        top: -14vw;
        margin-top: 17vw;
        margin-left: 25px !important
    }
}

.popup-overlay .p-wrapper {
    max-height: 18vw;
    overflow-y: scroll;
    padding-right: 6vw
}

@media all and (max-width: 540px) {
    .popup-overlay .p-wrapper {
        max-height: 35vw
    }
}

.popup-overlay+.popup_close,
.contentPopupIframe .popup_close {
    background: transparent;
    border: 0;
    align-self: baseline;
    letter-spacing: 4px;
    font-size: clamp(1rem, 0.625vw, 1.2rem);
    color: rgba(255, 255, 255, 0.5);
    align-items: flex-start;
    margin: 2.385vw 2.385vw 0 0;
    cursor: pointer;
    position: absolute;
    top: 2vw;
    right: 15px;
    z-index: 999999999
}

@media all and (max-width: 540px) {

    .popup-overlay+.popup_close,
    .contentPopupIframe .popup_close {
        top: 20vw
    }
}

.contentPopupIframe .popup_close {
    text-transform: uppercase !important;
    top: 8vw;
    right: 8vw
}

@media all and (max-width: 540px) {
    .contentPopupIframe .popup_close {
        top: 29vw !important;
        right: 11vw !important
    }
}

.popup-overlay.news-blog-popup+.popup_close {
    top: 2vw
}

@media all and (max-width: 540px) {
    .popup-overlay.news-blog-popup+.popup_close {
        top: 8vw
    }
}

@media all and (max-width: 540px) {
    #popup-iframe-body .popup-overlay img {
        margin-left: 0 !important
    }
}

#contentPopup_background+#contentPopup_wrapper {
    overflow: hidden !important
}

@media all and (max-width: 540px) {
    #contentPopup_background+#contentPopup_wrapper {
        padding-bottom: 20vw
    }
}

.content-wrapper-company {
    text-align: center;
    padding-left: 10%;
    position: relative
}

@media all and (max-width: 540px) {
    .content-wrapper-company {
        padding-left: 0
    }
}

.content-wrapper-company h2 {
    font-size: clamp(2.3rem, 3.116vw, 6rem);
    color: #fff
}

@media all and (max-width: 768px) {
    .content-wrapper-company h2 {
        margin-top: 12.1vw
    }
}

.content-wrapper-company a {
    color: rgba(255, 255, 255, 0.3);
    display: inline-block;
    margin-top: 2.55%
}

@media all and (min-width: 1920px) {
    .content-wrapper-company a {
        position: relative;
        z-index: 99
    }
}

@media all and (max-width: 768px) {
    .content-wrapper-company a {
        margin-top: 4.4vw
    }
}

@media all and (min-width: 1920px) {
    #company-svg {
        position: relative;
        top: -2vw
    }
}

@media all and (max-width: 768px) {
    #company-svg {
        margin: 10.9vw auto !important
    }
}

@media all and (max-width: 540px) {
    #company-svg {
        width: 100% !important;
        margin: 0 auto;
        position: absolute;
        left: 0vw;
        top: 33vw;
        animation: linear infinite;
        animation-name: run;
        animation-duration: 10s;
        width: 90% !important
    }
}

.product-slide[data-slide="2"] .img-wrapper {
    width: clamp(15rem, 20.119vw, 38.4rem);
    height: clamp(15rem, 20.119vw, 38.4rem);
    display: flex;
    justify-content: center;
    align-items: center
}

.product-slide[data-slide="2"] .img-wrapper img,
.product-slide[data-slide="2"] .img-wrapper svg {
    width: clamp(5rem, 8.631vw, 17.5rem);
    height: clamp(5rem, 8.631vw, 16.5rem)
}

.product-slide[data-slide="2"] .img-wrapper .plates {
    width: clamp(5rem, 8.214vw, 15.8rem);
    height: clamp(5rem, 8.214vw, 15.8rem)
}

.form-1 .back {
    display: none !important
}

@media all and (min-width: 1023px) {
    .not-sure {
        margin-top: 3.24vw !important
    }
}

.not-sure a {
    color: #fff
}

.thematic-arrow {
    position: absolute;
    top: 150px;
    right: 100px
}

@media all and (max-width: 540px) {
    .thematic-arrow {
        width: 200px;
        right: 25px
    }
}

.tm-area-card {
    position: relative
}

.tm-area-card img {
    position: relative;
    top: 10px;
    width: 94%
}

@media all and (max-width: 1680px) {
    .tm-area-card img {
        width: 85%
    }
}

@media all and (max-width: 540px) {
    .tm-area-card img {
        width: 100%
    }
}

.tm-area-card::before {
    content: '';
    width: 85%;
    height: 100%;
    position: absolute;
    top: 0;
    background: #e52726 !important;
    box-shadow: inset 0px 0px 200px 0px rgba(0, 0, 0, 0.35);
    z-index: -1
}

@media all and (max-width: 1680px) {
    .tm-area-card::before {
        width: 75%
    }
}

@media all and (max-width: 540px) {
    .tm-area-card::before {
        width: 100%
    }
}

@keyframes scrollText {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-50%)
    }
}

.flex-wrapper {
    display: flex !important;
    width: 500%
}

@media all and (max-width: 540px) {
    .flex-wrapper {
        width: auto !important;
        display: block
    }
}

.flex-wrapper .slide-item {
    width: 100%;
    height: 100vh
}

@media all and (max-width: 540px) {
    .flex-wrapper .slide-item {
        height: auto !important;
        width: auto
    }
}

.divercity {
    background: #e52726
}

@media all and (min-width: 1679px) and (max-width: 1681px) {
    .divercity .divercity-img {
        display: none !important
    }
}

@media all and (max-width: 540px) {
    .divercity .divercity-img {
        height: auto;
        margin-top: 11.5vw
    }
}

.divercity .divercity-mac {
    display: none
}

@media all and (min-width: 1679px) and (max-width: 1681px) {
    .divercity .divercity-mac {
        display: block !important
    }
}

.divercity-heading {
    position: absolute;
    top: 22%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    gap: 2vw
}

@media all and (max-width: 540px) {
    .divercity-heading {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        width: 75%;
        margin: 0 auto;
        align-items: baseline;
        gap: 6vw
    }
}

.divercity-heading h2 {
    font-family: "photograph";
    font-size: clamp(3.713rem, 5.088vw, 9.768rem);
    color: #fff
}

@media all and (max-width: 540px) {
    .divercity-heading h2 {
        font-size: clamp(5.1rem, 5.088vw, 9.768rem) !important;
        padding: 8.2vw 0;
        display: flex;
        align-items: baseline;
        gap: 20px;
        line-height: 1.1
    }
}

.divercity-heading h2 span {
    font-size: clamp(10.713rem, 11.088vw, 18rem);
    line-height: 0
}

@media all and (max-width: 540px) {
    .divercity .slide .divercity-heading img {
        position: relative !important;
        bottom: auto !important
    }
}

.she-makes-headings {
    display: flex;
    align-items: center
}

@media all and (max-width: 540px) {
    .she-makes-headings {
        justify-content: center
    }
}

.she-makes-headings img {
    width: auto !important;
    position: relative !important;
    bottom: auto !important;
    left: auto !important
}

@media all and (max-width: 540px) {
    .she-makes-headings img {
        width: 25px !important
    }
}

@media all and (max-width: 540px) {
    .she-makes-headings+p {
        width: 55% !important
    }
}

.s-item {
    position: relative;
    max-width: 1234px;
    margin-top: -250px
}

.s-list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 120px
}

.s-list li {
    width: 100%;
    max-width: 400px
}

.has-scroll-smooth {
    overflow: hidden !important
}

.down,
.down2 {
    position: absolute;
    bottom: 50px;
    left: 50%;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    font-size: clamp(1rem, 0.625vw, 1.2rem);
    text-transform: uppercase;
    transform: translate(-50%);
    z-index: 999
}

@media all and (max-width: 540px) {

    .down,
    .down2 {
        bottom: 22vw
    }
}

.pl-5 {
    padding-left: 5% !important
}

@media all and (max-width: 540px) {
    .pl-5 {
        padding-left: 25px !important
    }
}

.bounceRight {
    animation: bounceRight 2s infinite
}

.view-all-news {
    position: absolute;
    bottom: 5.2vh;
    right: 31.5vw !important
}

@media all and (max-width: 540px) {
    .view-all-news {
        position: relative !important;
        bottom: auto !important;
        right: auto !important;
        padding-top: 12vw;
        padding-bottom: 9vw;
        text-align: center;
        right: auto !important
    }
}

.hoverx::before {
    background: #e52726 !important
}

.customized-options .form-input input,
.customized-options .form-input select {
    background: url("../images/portfolio/thikness-icon.png") no-repeat;
    background-size: 10%;
    background-position: 10px
}

.inner-section .blog-list {
    padding: 0 3vw;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 6.875vw
}

.inner-section .blog-list li {
    margin: 0;
    width: 40%;
    margin-bottom: 5.573vw !important
}

.inner-section .blog-list li .thumbnail {
    display: block;
    position: relative
}

@media all and (max-width: 540px) {
    .inner-section .blog-list li .thumbnail {
        background: #242323
    }
}

.inner-section .blog-list li .thumbnail img {
    position: relative
}

.inner-section .blog-list li .article-title {
    margin-bottom: 1.667vw !important
}

@media all and (max-width: 540px) {
    .inner-section .blog-list li .article-title {
        font-size: 14px;
        max-width: 83%;
        margin-bottom: 2.685vw !important
    }
}

.inner-section .blog-list li .read-more {
    margin-top: 1.146vw !important
}

@media all and (max-width: 540px) {
    .inner-section .blog-list li .read-more {
        margin-top: 2.778vw !important
    }
}

.inner-section .blog-list li:nth-child(even) {
    position: relative;
    top: 6.875vw
}

@media all and (max-width: 540px) {
    .inner-section .blog-list li:nth-child(even) {
        top: 0
    }
}

@media all and (max-width: 540px) {
    .inner-section .blog-list li {
        width: 100%;
        margin-bottom: 9.573vw !important
    }
}

.inner-section .blog-list .publish-date {
    margin: 1vw 0 1.667vw 0
}

@media all and (max-width: 540px) {
    .inner-section .blog-list .publish-date {
        margin: 0 0 3.333vw 0
    }
}

.milestones-page .blog-list .publish-date {
    margin: 1.667vw 0 1.667vw 0 !important
}

.milestones-page .blog-list li {
    width: 44%
}

@media all and (max-width: 540px) {
    .milestones-page .blog-list li h2 br {
        display: none !important
    }
}

@media all and (max-width: 540px) {
    .milestones-page .blog-list li {
        width: 100%
    }
}

.inner-story-page .blog-list {
    margin-top: 2.5vw
}

@media all and (max-width: 540px) {
    .inner-story-page .blog-list {
        justify-content: center !important;
        margin-top: auto
    }
}

.inner-story-page .blog-list li:nth-child(even) {
    top: 0 !important
}

.inner-story-page .blog-list li {
    width: 49% !important
}

@media all and (max-width: 540px) {
    .inner-story-page .blog-list li {
        width: 90% !important;
        margin-bottom: 10vw
    }
}

.inner-story-page .blog-list li img {
    margin: 0 auto;
    width: 20.9vw
}

@media all and (max-width: 540px) {
    .inner-story-page .blog-list li img {
        width: 80%
    }
}

.inner-story-page .blog-list li a:hover img {
    opacity: 1
}

.inner-story-page .blog-list li p {
    font-size: clamp(1.4rem, 1.042vw, 2rem);
    color: #fff;
    font-weight: 300;
    margin-top: 3.385vw;
    letter-spacing: 1px;
    width: 84%;
    position: relative
}

@media all and (max-width: 540px) {
    .inner-story-page .blog-list li p {
        width: 100%;
        text-align: left
    }
}

.inner-story-page .blog-list li p::before {
    content: '';
    position: absolute;
    left: -1.5vw;
    top: -1vw;
    width: 1.302vw;
    height: 2.302vw;
    background: url(../images/icons/quotes-grey.png) no-repeat;
    background-size: 100%
}

@media all and (max-width: 540px) {
    .inner-story-page .blog-list li p::before {
        width: 2.3vw;
        height: 4.3vw;
        left: -3.5vw
    }
}

.inner-story-page .blog-list li p::after {
    content: '';
    position: absolute;
    right: auto;
    bottom: -5px;
    width: 0.5vw;
    height: 1.5vw;
    background: url(../images/quote-end.png) no-repeat;
    opacity: 0.4;
    background-size: 100%
}

@media all and (max-width: 540px) {
    .inner-story-page .blog-list li p::after {
        width: 1.3vw;
        height: 4.3vw
    }
}

.inner-story-page .blog-list li .s-name {
    font-size: clamp(2.8rem, 2.7vw, 5rem);
    color: #fff;
    margin-top: 1.5vw;
    margin-bottom: 1.563vw
}

@media all and (max-width: 540px) {
    .inner-story-page .blog-list li .s-name {
        text-align: left
    }
}

@media all and (max-width: 397px) {
    .inner-story-page .blog-list li .s-name {
        font-size: 2.5rem
    }
}

.inner-story-page .blog-list li .s-designation {
    font-size: clamp(1.2rem, 0.833vw, 1.6rem);
    font-weight: 300;
    letter-spacing: 4px;
    color: #fff
}

@media all and (max-width: 540px) {
    .inner-story-page .blog-list li .s-designation {
        text-align: left
    }
}

.inner-story-page .blog-list li .s-wrapper {
    width: 61%;
    margin: 0 auto;
    margin-left: 11vw
}

@media all and (max-width: 540px) {
    .inner-story-page .blog-list li .s-wrapper {
        width: 80%;
        margin-left: 8vw
    }
}

.inner-story-page .blog-list li a {
    pointer-events: none
}

@media all and (max-width: 540px) {

    .people-slides .slick-track,
    .slider-company .slick-track,
    .society-slider .slick-track {
        display: flex !important
    }
}

@media all and (max-width: 540px) {

    .people-slides .slick-slide,
    .slider-company .slick-slide,
    .society-slider .slick-slide {
        height: inherit !important
    }
}

.colour-tab .small-squre {
    width: 42.490vw !important;
    height: a
}

@media all and (max-width: 540px) {
    .colour-tab .small-squre {
        width: 80vw !important;
        height: auto !important;
        padding-right: 20px
    }
}

.colour-tab .small-squre [type="radio"]+label {
    font-size: 20px;
    width: 20vw;
    height: 3.66vw
}

@media all and (max-width: 540px) {
    .colour-tab .small-squre [type="radio"]+label {
        width: 100vw;
        height: auto;
        padding: 10px
    }
}

.thankYou-wrapper {
    width: 41.302vw;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    margin-top: 10vw
}

@media all and (max-width: 540px) {
    .thankYou-wrapper {
        width: 100% !important;
        margin-top: 45vh !important
    }
}

.thankYou-wrapper p {
    font-size: clamp(1.4rem, 1.25vw, 2.4rem);
    color: rgba(255, 255, 255, 0.6)
}

.thankYou-wrapper br {
    display: none
}

@media all and (max-width: 540px) {
    .thankYou-wrapper br {
        display: block
    }
}

.final-step .back {
    display: none !important
}

.back span {
    padding: 8px
}

.small-squre.width-17 {
    width: 17% !important
}

@media all and (max-width: 540px) {
    .small-squre.width-17 {
        width: 53% !important;
        padding-right: 0 !important
    }

    .small-squre.width-17 [type="radio"]+label {
        margin-bottom: 5vw
    }
}

.mobile-2030 {
    display: none
}

@media all and (max-width: 540px) {
    .mobile-2030 {
        display: block;
        margin-top: 10vw !important
    }

    .mobile-2030 .vision-logo-title {
        display: block !important;
        margin: 0 !important;
        width: 100% !important
    }

    .mobile-2030 .vision-logo-title img {
        width: 30% !important
    }

    .mobile-2030 .vision-logo-title h2 {
        padding: 1vw 0 0 !important
    }

    .mobile-2030 .vision-logo-title h3 {
        margin-bottom: 2vw
    }
}

@media all and (max-width: 540px) {
    .mobile-2030 h2 {
        padding: 11.4vw 0 7.4vw
    }
}

@media all and (max-width: 540px) {
    .vision2030-img {
        margin: 0 auto !important;
        right: 0 !important;
        width: 65% !important;
        bottom: -49.034vw !important
    }
}

.item.slide-1 {
    transition: all 0.3s ease
}

.society-slider-cta {
    bottom: 2.24vw !important;
    z-index: 9999
}

@media all and (max-width: 540px) {
    .society-slider-cta {
        position: absolute !important;
        bottom: 7.24vw !important;
        display: flex !important;
        left: 38% !important;
        gap: 20px
    }
}

.slider-arrows .next-arrow img {
    opacity: 0.5
}

.visiblity-none {
    visibility: hidden !important
}

.inner-page .documents-page .page-title {
    font-size: clamp(4.5rem, 7.114vw, 12.5rem);
    line-height: 0.95
}

@media all and (max-width: 374px) {
    .inner-page .documents-page .page-title {
        font-size: 4rem !important
    }
}

.documentsNav {
    position: relative;
    max-width: 100% !important
}

.documentsNav .tab-link {
    pointer-events: all !important;
    font-size: clamp(2.3rem, 3.116vw, 6rem) !important;
    font-weight: 500;
    color: #585455;
    width: clamp(7.5rem, 12.917vw, 24rem) !important;
    height: clamp(7.6rem, 13vw, 24.1rem);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: none
}

@media all and (max-width: 540px) {
    .documentsNav .tab-link {
        font-size: 2.04rem !important
    }
}

.documentsNav .tab-link::before {
    content: '';
    width: 15px;
    height: 15px;
    background: #e52726;
    position: absolute;
    top: 19%;
    left: 44%;
    border-radius: 100%
}

@media all and (max-width: 540px) {
    .documentsNav .tab-link::before {
        width: 10px;
        height: 10px;
        top: 16%
    }
}

.documentsNav .tab-link.active {
    background: url(../images/icons/timeline-border.png) no-repeat;
    background-size: 100%;
    font-weight: 600;
    color: #fff
}

.documentsNav .tab-link.active::before {
    display: none
}

.documentsNav .tab-link:not(:last-child) {
    margin-right: 5.292vw !important
}

.pdfDownloads ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    max-width: 71.875vw;
    margin: 10.938vw auto 0;
    padding-bottom: 8.438vw
}

@media all and (max-width: 540px) {
    .pdfDownloads ul {
        max-width: 100%
    }
}

.pdfDownloads ul li {
    width: 100%;
    max-width: 32.448vw;
    position: relative;
    padding: 2.500vw;
    border: 2px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 7.031vw
}

@media all and (max-width: 540px) {
    .pdfDownloads ul li {
        max-width: 100%;
        padding: 5vw
    }
}

.pdfDownloads ul li:hover {
    background: #e52726;
    border-color: #e52726 !important;
    color: #fff !important
}

.pdfDownloads ul li:hover .doc-date,
.pdfDownloads ul li:hover .know-more {
    color: #fff
}

.pdfDownloads ul li .doc-date {
    color: #e52726;
    padding-bottom: 2.500vw
}

.pdfDownloads ul li p {
    padding-bottom: 3.500vw;
    color: #fff
}

@media all and (max-width: 540px) {
    .pdfDownloads ul li p {
        padding-bottom: 6vw
    }
}

@media all and (max-width: 395px) {
    .pdfDownloads ul li p {
        padding-bottom: 10vw
    }
}

.pdfDownloads ul li .know-more {
    position: absolute;
    bottom: 2.5vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.3)
}

@media all and (max-width: 540px) {
    .pdfDownloads ul li .know-more {
        bottom: 5.5vw
    }
}

@media all and (max-width: 540px) {
    .has-scroll-smooth {
        overflow-y: scroll !important
    }
}

#colorActive-hover {
    display: none !important
}

.product:hover #colorActive-hover {
    display: block !important
}

.product:hover #colorActive {
    display: none !important
}

@media all and (max-width: 540px) {
    .inner-story-wrapper {
        background: url("../images/story/bg-stories.png") no-repeat;
        background-size: 100%;
        background-attachment: fixed;
        background-position: center
    }
}

.vision-logo {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 28% !important
}

.name-text-hp {
    margin-bottom: 1vw
}

@media all and (min-width: 1280px) {
    .name-text-hp {
        margin-left: 2vw
    }
}

.vision-logo-title {
    width: 76%;
    text-align: center;
    margin-left: 6%
}

.vision-logo-title img {
    position: relative;
    left: auto;
    right: auto;
    margin: auto;
    bottom: auto;
    width: 39.5%;
    left: 1vw
}

.vision-logo-title h2 {
    font-size: clamp(4rem, 4.47vw, 8.578rem);
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: initial !important;
    margin-top: 1vw !important
}

.vision-logo-title h3 {
    font-size: clamp(1.8rem, 1.698vw, 3.259rem) !important;
    font-weight: 700 !important;
    letter-spacing: 1vw;
    padding-left: 2.3vw
}

@media all and (max-width: 540px) {
    .vision-logo-title {
        display: none !important
    }
}

.news-slider.slick-vertical .slick-slide {
    height: 38.281vw
}

@media all and (min-width: 1023px) {
    .news-slider.slick-vertical .slick-slide {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media all and (max-width: 540px) {
    .news-slider.slick-vertical .slick-slide {
        height: 650px !important
    }
}

.slider-arrows.people-slider-cta .prev-arrow img {
    opacity: 0.5 !important
}

.slider-arrows.people-slider-cta {
    bottom: 5.24vw !important
}

.colourChange .section-heading {
    color: #e52726 !important
}

@media all and (max-width: 540px) {
    .colourChange .section-heading {
        color: #fff !important
    }
}

@media all and (max-width: 540px) {
    .whiteText .section-heading {
        color: #fff !important
    }
}

.slick-arrow {
    position: absolute !important;
    top: 60% !important;
    margin-top: -5vw !important
}

@media all and (max-width: 540px) {
    .slick-arrow {
        display: none !important
    }
}

.slick-prev {
    left: 2vw;
    width: 2.667vw;
    height: 1.667vw;
    background: url("../images/icons/newsletter-arrow-left.png") no-repeat;
    animation: bounceLeft 2s infinite;
    border: none !important;
    outline: none !important;
    z-index: 9;
    text-indent: 2500px;
    visibility: hidden
}

.slick-next {
    right: 2vw;
    width: 2.667vw;
    height: 1.667vw;
    background: url("../images/icons/newsletter-arrow.png") no-repeat;
    animation: bounceRight 2s infinite;
    border: none !important;
    outline: none !important;
    z-index: 9;
    text-indent: 2500px;
    visibility: hidden
}

#follower {
    position: absolute;
    display: none;
    pointer-events: all
}

#follower img {
    width: 50px
}

@media all and (max-width: 540px) {
    #follower {
        display: none !important
    }
}

.x-slide-cta {
    display: block;
    margin-top: 2vw
}

.quotes-section .x-slide-cta:hover {
    color: rgba(255, 255, 255, 0.8) !important
}

.greyPatch {
    fill: #242323 !important;
    transition: all 0.3s ease
}

#ms2 .greyPatch:hover {
    fill: #e52726;
    transform: scale(1.1)
}

@media all and (min-width: 1023px) {
    .social-newsletter .newsletter-form {
        width: 38vw
    }

    .social-newsletter .newsletter-form input {
        width: 25.833vw
    }
}

[data-spec-is-range] {
    height: auto !important
}

@media all and (max-width: 540px) {
    [data-spec-is-range] {
        padding: 10px
    }
}

.timeline-nav__item.slick-current {
    background-image: none !important
}

.about-us-img {
    position: relative;
    width: 95%;
    margin: 0 auto;
    margin-bottom: 7.031vw
}

@media all and (max-width: 540px) {
    .about-us-img {
        width: 100%
    }
}

.about-us-content {
    position: relative;
    width: 75vw;
    margin: 0 auto
}



.about-us-content h2 {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
    font-size: clamp(2.5rem, 3vw, 4.8rem);
    margin-bottom: 1.906vw;
}

@media all and (min-width: 1280px) {
    .about-us-content h2 {
        text-align: left
    }
}

.about-us-content p {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 300;
    font-size: clamp(1.8rem, 1.8vw, 1.8rem);
    line-height: 1.4;
    margin-bottom: 1.0vw
}

.about-us-content p:last-child {
    margin-bottom: 0
}

@media all and (max-width: 540px) {
    .about-us-content p {
        font-size: 16px
    }
}

@media all and (max-width: 540px) {
    .about-us-content {
        width: 100%;
        padding: 0 25px
    }
}

.moving-text {
    animation: scrollText 10s infinite linear;
    position: relative;
    color: rgba(255, 255, 255, 0.06);
    font-size: clamp(25rem, 25.382vw, 48.731rem);
    font-weight: 700;
    white-space: nowrap
}

.scroll-containerX {
    position: relative;
    overflow: hidden;
    margin-bottom: -26vw
}

@media all and (max-width: 540px) {
    .scroll-containerX {
        margin-bottom: -54vw
    }
}

.scroll-textX {
    line-height: 1;
    position: relative;
    color: rgba(255, 255, 255, 0.06);
    font-size: clamp(25rem, 25.382vw, 48.731rem);
    font-weight: 700;
    white-space: nowrap;
    animation: my-animation 30s linear infinite
}

@keyframes my-animation {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-680%)
    }
}

.slider-head {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
    font-size: clamp(1.8rem, 2.5vw, 4.8rem);
    margin-bottom: 9vw;
    text-align: center
}

.about-us-slider .profile-img-item {
    margin-right: 2.604vw
}

.about-us-slider .profile-img-item div {
    font-size: clamp(1.8rem, 1.836vw, 3.485rem);
    color: #fff;
    font-weight: 600;
    margin-top: 1.979vw;
    padding-left: 4.3vw
}

@media all and (max-width: 540px) {
    .about-us-slider .profile-img-item div {
        font-size: 20px;
        padding-left: 0;
        text-align: center
    }
}

.about-us-slider .profile-img-item img {
    width: 100%
}

.objectSvg-hover {
    transition: all 0.3s ease-in
}

.objectSvg-hover:hover {
    transform: scale(1.1)
}

.activeHover .objectSvg-hover {
    transform: scale(1.1)
}

.activeHoverText .article-title {
    color: #e52726 !important
}

.disclaimer-page .about-us-content {
    width: 100% !important;
    margin-left: 0;
    padding: 3vw
}

.disclaimer-page .about-us-content h2 {
    margin-bottom: 1.906vw
}

.disclaimer-page .about-us-content p {
    margin-bottom: 1.604vw
}

.disclaimer-page .about-us-content p a {
    color: #e52726
}

.divercity .slide {
    position: relative
}

.subText {
    position: absolute;
    top: 31%;
    left: 42%
}

@media all and (min-width: 1279px) and (max-width: 1281px) {
    .subText {
        left: 38%
    }
}

@media all and (max-width: 540px) {
    .subText {
        position: relative;
        top: auto;
        left: auto;
        z-index: 99
    }
}

.subText p {
    width: 33%;
    color: #fff;
    font-size: 20px;
    text-align: center;
    color: #fff
}

@media all and (max-width: 1366px) {
    .subText p {
        font-size: 14px
    }
}

@media all and (max-width: 540px) {
    .subText p {
        width: 100%;
        padding: 0 25px
    }
}

.sm-links-x {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 10px
}

.sm-links-x svg {
    width: 25px
}

@media all and (max-width: 540px) {
    .sm-links-x svg {
        font-size: 16px !important
    }
}

.links-card,
.mobile-links-card {
    display: flex;
    justify-content: space-between;
    margin-left: 2.5vw;
    margin-top: 2.5vw
}

@media all and (max-width: 540px) {

    .links-card,
    .mobile-links-card {
        flex-wrap: wrap;
        display: none
    }
}

.links-card a,
.mobile-links-card a {
    display: block;
    position: relative;
    margin-right: 2.865vw
}

.links-card a span.cardHeading,
.mobile-links-card a span.cardHeading {
    font-size: clamp(1.5rem, 1.563vw, 3rem);
    font-weight: 600;
    color: #fff;
    text-align: center;
    padding: 1.823vw 0;
    display: block
}

.links-card a img,
.mobile-links-card a img {
    width: 15.208vw
}



.links-card .pad-pb0,
.mobile-links-card .pad-pb0 {
    padding-bottom: 0 !important
}

.links-card a:hover::before {
    background: #e52726
}

.mobile-links-card {
    display: none !important;
    margin-left: 0 !important;
    padding: 25px;
    margin-top: 10vw
}

@media all and (max-width: 540px) {
    .mobile-links-card {
        display: block !important
    }

    .mobile-links-card .col-3-links,
    .mobile-links-card .col-2-links {
        display: flex;
        flex-wrap: wrap;
        gap: 6vw;
        justify-content: center
    }

    .mobile-links-card .col-3-links a,
    .mobile-links-card .col-2-links a {
        width: 33.867vw;
        margin-right: 0
    }

    .mobile-links-card .col-3-links a img,
    .mobile-links-card .col-2-links a img {
        width: 50%;
        margin: 0 auto
    }

    .mobile-links-card .col-3-links a::before,
    .mobile-links-card .col-2-links a::before {
        width: 33.867vw;
        height: 33.823vw
    }
}

.story-page .article-title {
    padding-left: 2vw;
    position: relative
}

.story-page .article-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: -1vw;
    width: 1.302vw;
    height: 2.302vw;
    background: url(../images/icons/quotes-grey.png) no-repeat;
    background-size: 100%
}

.story-page .article-title::after {
    content: '';
    position: absolute;
    right: auto;
    bottom: -5px;
    width: 0.5vw;
    height: 1.5vw;
    background: url(../images/quote-end.png) no-repeat;
    opacity: 0.4;
    background-size: 100%
}

.inner-section .blog-list li:hover a h2,
.blog-list li:hover a h2 {
    color: #e52726
}

.about-us-links {
    padding-bottom: 5vw
}

.about-us-links a::before {
    z-index: 9
}

.about-us-links a span.cardHeading {
    position: relative;
    z-index: 99;
    display: block
}

.about-us-links a img {
    position: relative;
    z-index: 99
}

.about-us-mobile-links .col-3-links {
    justify-content: space-between
}

@media all and (max-width: 540px) {
    .about-us-mobile-links a {
        width: 40vw !important
    }

    .about-us-mobile-links a img {
        width: 100% !important
    }

    .about-us-mobile-links a .cardHeading {
        position: relative;
        z-index: 999
    }
}

.about-us-mobile-links a::before {
    z-index: 9;
    width: 40vw !important;
    height: 61.823vw !important
}

.about-us-mobile-links a div {
    position: relative;
    z-index: 99
}

.about-us-mobile-links a img {
    position: relative;
    z-index: 99
}

.slider-company .item .links-card {
    width: 100%
}

.pl-7 {
    padding-left: 7% !important
}

@media all and (min-width: 1279px) and (max-width: 1440px) {
    .brand-select {
        padding: 15px !important
    }
}

.disclaimer-page .about-us-content p {
    text-align: left !important
}

.thumbnail {
    position: relative
}

.thumbnail::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    z-index: 99999999
}

.thumbnail:hover .objectSvg-hover {
    transform: scale(1.1)
}

.blog-page .company-slider {
    bottom: 4.24vw
}

section[data-section-name="footer"] {
    height: auto !important
}

section[data-section-name="blogs"] .thumbnail {
    display: block
}

section[data-section-name="blogs"] .blog-list .publish-date {
    margin: 2vw 0
}

.footer-links-wrapper .footer-nav:last-child h4 {
    pointer-events: none !important
}

.footer-links-wrapper .footer-nav:last-child ul li:last-child a {
    color: rgba(255, 255, 255, 0.5) !important;
    pointer-events: none !important
}

.slide-12 {
    pointer-events: none
}

@media all and (min-width: 1365px) and (max-width: 1367px) {
    [data-section-name="who-we-are"] .company-slider {
        bottom: 3.5vw !important
    }
}

@media all and (min-width: 1365px) and (max-width: 1367px) {
    #personalDetailsSlide .product-lead-form button {
        margin: 6.2vh 0 5.2vh 0
    }
}

@media all and (min-width: 1365px) and (max-width: 1367px) {
    #portfolio-lead-form-section .back {
        bottom: 4vw
    }
}

@media all and (min-width: 1279px) and (max-width: 1367px) {
    .mk-popup.fancybox-content {
        max-width: 25% !important
    }
}

@media all and (max-width: 540px) {
    .career-page .accordion {
        font-size: 2rem !important
    }
}

@media all and (max-width: 540px) {
    .career-page .accordion::after {
        font-size: 1.2rem !important;
        right: auto !important;
        top: auto !important;
        bottom: -10px !important
    }
}

.sp-dot.kirandul,
.sp-dot.dabuna {
    width: 0
}

.contentPopupIframe {
    width: 100%;
    height: 100%
}

.contentPopupIframe iframe {
    border: none;
    width: 100%;
    height: 100%
}

[data-is-loaded-in-iframe="false"] {
    background: #28282b !important
}

[data-is-loaded-in-iframe="false"] .popup-overlay {
    margin-top: 5vw;
    margin-bottom: 5vw;
    z-index: 9
}

@media all and (max-width: 540px) {
    [data-is-loaded-in-iframe="false"] .popup-overlay {
        margin-top: 25vw !important;
        margin-bottom: 10vw
    }
}

.headerMenuContactUsLink:before {
    top: 5% !important
}

@media all and (max-width: 540px) {
    .headerMenuContactUsLink:before {
        top: 2% !important
    }
}

@media all and (max-width: 540px) {
    .forMobileLinksCard {
        display: flex !important;
        padding-left: 3% !important
    }

    .forMobileLinksCard a {
        margin-right: 8.865vw;
        width: 35vw;
        margin-top: 7vw
    }

    .forMobileLinksCard a::before {
        width: 100%;
        height: 33.823vw;
        background: #252525;
        z-index: -1
    }
}

.fancybox-slide--html {
    padding: 0 !important
}

.fancybox-infobar {
    display: none !important
}

.fancybox-container {
    z-index: 999999 !important
}

.fancybox-close-small {
    z-index: 99999999 !important
}

@media all and (max-width: 540px) {
    .fancybox-navigation .fancybox-button {
        width: 35px !important
    }
}

[data-fancybox-prev] {
    background: url("../images/icons/left-arrow.png") no-repeat !important;
    background-size: 55% !important;
    left: 30px !important
}

[data-fancybox-prev] div {
    display: none !important
}

[data-fancybox-next] {
    background: url("../images/icons/right-arrow.png") no-repeat !important;
    background-size: 55% !important
}

[data-fancybox-next] div {
    display: none !important
}

.leadership-slider-x .slick-list {
    padding: 0 37% 0 0 !important
}

.about-us-slider .slick-list {
    padding: 0 5% 0 0 !important
}

.leadership-slider-x {
    padding-left: 3.9vw;
    padding-bottom: 11.979vw;
    padding-top: 1.646vw
}

@media all and (max-width: 540px) {
    .leadership-slider-x {
        padding-left: 25px !important
    }
}

.profile-img-item img {
    width: 92%
}

@media all and (max-width: 540px) {
    .profile-img-item img {
        width: 223px
    }
}

.leadership-page {
    padding-top: 9.417vw
}

@media all and (max-width: 540px) {
    .leadership-page {
        padding-top: 20vw
    }
}

.leadership-page .tab-content {
    display: block;
    height: 0;
    overflow: hidden;
    position: relative;
}

.leadership-page .tab-content.active {
    height: auto
}

.leadershipTab {
    max-width: 100%
}

.leadershipTab .tab-link {
    pointer-events: auto !important;
    font-size: clamp(1.4rem, 1.25vw, 2.4rem)
}

@media all and (max-width: 540px) {
    .leadershipTab .tab-link {
        line-height: 1.5
    }
}

.leaderPopup {
    background: #000 !important;
    padding: 0 !important
}

@media all and (max-width: 540px) {
    .leaderPopup {
        background: transparent !important
    }
}

.leaderPopup .lg-img {
    margin-top: -17vw;
    opacity: 0.3
}

@media all and (max-width: 1600px) {
    .leaderPopup .lg-img {
        margin-top: -11vw
    }
}

@media all and (min-width: 1440px) and (max-width: 1441px) {
    .leaderPopup .lg-img {
        margin-top: -5vw
    }
}

@media all and (max-width: 1366px) {
    .leaderPopup .lg-img {
        margin-top: -11vw
    }
}

@media all and (max-width: 540px) {
    .leaderPopup .lg-img {
        display: none
    }
}

.leader-text-img-wrapper {
    display: flex;
    align-items: center
}

@media all and (max-width: 540px) {
    .leader-text-img-wrapper {
        display: block
    }
}

.leader-text-img-wrapper img {
    width: 47.7%
}

@media all and (max-width: 540px) {
    .leader-text-img-wrapper img {
        width: 100% !important
    }
}

.leader-content {
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media all and (max-width: 540px) {
    .leader-content {
        position: relative;
        transform: none;
        top: auto;
        left: auto
    }
}

.leader-content h2 {
    font-size: clamp(2rem, 2.343vw, 4.5rem);
    text-align: center;
    color: #fff;
    margin-bottom: 2.344vw;
    font-weight: 600
}

@media all and (max-width: 540px) {
    .leader-content h2 {
        margin-bottom: 5.344vw
    }
}

.leader-content .leader-text-img-wrapper {
    width: 100%;
    margin-left: 12.979vw
}

@media all and (max-width: 540px) {
    .leader-content .leader-text-img-wrapper {
        margin-left: 0
    }
}

.leader-content .l-content {
    margin-left: 3.646vw
}

@media all and (max-width: 540px) {
    .leader-content .l-content {
        text-align: center;
        padding-top: 5vw
    }
}

.leader-content .l-content h3 {
    font-size: clamp(2rem, 2.343vw, 4.5rem);
    color: #fff;
    font-weight: 600
}

.leader-content .l-content p {
    font-size: clamp(1.4rem, 1.146vw, 2.2rem);
    color: #fff;
    width: 100%
}

@media all and (max-width: 540px) {
    .leader-content .l-content p {
        width: 100%
    }
}

.leader2-slider .prev-arrow img {
    opacity: 0.5
}

.leader-slider .next-arrow img {
    opacity: 0.1
}

.leadership-slider-mk .slick-list {
    padding: 0 58% 0 0 !important
}

@media all and (max-width: 1600px) {
    .leadership-slider-mk .slick-list {
        padding: 0 50% 0 0 !important
    }
}

@media all and (max-width: 1440px) {
    .leadership-slider-mk .slick-list {
        padding: 0 45% 0 0 !important
    }
}

@media all and (max-width: 1366px) {
    .leadership-slider-mk .slick-list {
        padding: 0 40% 0 0 !important
    }
}

@media all and (max-width: 540px) {
    .leadership-slider-mk .slick-list {
        padding: 0 125px 0 0 !important
    }
}

@media all and (max-width: 375px) {
    .leadership-slider-mk .slick-list {
        padding: 0 100px 0 0 !important
    }
}

@media all and (max-width: 360px) {
    .leadership-slider-mk .slick-list {
        padding: 0 90px 0 0 !important
    }
}

.people-culture-slider-mk .slick-list,
.hazira-slider-mk .slick-list,
.paradeep-slider-mk .slick-list,
.pune-slider-mk .slick-list,
.vishakhapatnam-slider-mk .slick-list,
.logos-slider-mk .slick-list {
    padding: 0 46% 0 0 !important
}

@media all and (max-width: 1600px) {

    .people-culture-slider-mk .slick-list,
    .hazira-slider-mk .slick-list,
    .paradeep-slider-mk .slick-list,
    .pune-slider-mk .slick-list,
    .vishakhapatnam-slider-mk .slick-list,
    .logos-slider-mk .slick-list {
        padding: 0 35% 0 0 !important
    }
}

@media all and (max-width: 1440px) {

    .people-culture-slider-mk .slick-list,
    .hazira-slider-mk .slick-list,
    .paradeep-slider-mk .slick-list,
    .pune-slider-mk .slick-list,
    .vishakhapatnam-slider-mk .slick-list,
    .logos-slider-mk .slick-list {
        padding: 0 28% 0 0 !important
    }
}

@media all and (max-width: 1366px) {

    .people-culture-slider-mk .slick-list,
    .hazira-slider-mk .slick-list,
    .paradeep-slider-mk .slick-list,
    .pune-slider-mk .slick-list,
    .vishakhapatnam-slider-mk .slick-list,
    .logos-slider-mk .slick-list {
        padding: 0 22% 0 0 !important
    }
}

@media all and (max-width: 1280px) {

    .people-culture-slider-mk .slick-list,
    .hazira-slider-mk .slick-list,
    .paradeep-slider-mk .slick-list,
    .pune-slider-mk .slick-list,
    .vishakhapatnam-slider-mk .slick-list,
    .logos-slider-mk .slick-list {
        padding: 0 21% 0 0 !important
    }
}

@media all and (max-width: 540px) {

    .people-culture-slider-mk .slick-list,
    .hazira-slider-mk .slick-list,
    .paradeep-slider-mk .slick-list,
    .pune-slider-mk .slick-list,
    .vishakhapatnam-slider-mk .slick-list,
    .logos-slider-mk .slick-list {
        padding: 0 50px 0 0 !important
    }
}

@media all and (max-width: 375px) {

    .people-culture-slider-mk .slick-list,
    .hazira-slider-mk .slick-list,
    .paradeep-slider-mk .slick-list,
    .pune-slider-mk .slick-list,
    .vishakhapatnam-slider-mk .slick-list,
    .logos-slider-mk .slick-list {
        padding: 0 30px 0 0 !important
    }
}

@media all and (max-width: 360px) {

    .people-culture-slider-mk .slick-list,
    .hazira-slider-mk .slick-list,
    .paradeep-slider-mk .slick-list,
    .pune-slider-mk .slick-list,
    .vishakhapatnam-slider-mk .slick-list,
    .logos-slider-mk .slick-list {
        padding: 0 20px 0 0 !important
    }
}

.leadership-slider-mk .mk-img img {
    width: 223px
}

.slider-wrapper-mk {
    padding-left: 3.9vw
}

@media all and (max-width: 540px) {
    .slider-wrapper-mk {
        padding-left: 25px !important
    }
}

.slider-wrapper-mk h2 {
    font-size: clamp(1.8rem, 1.698vw, 3.259rem);
    position: relative;
    color: #fff;
    margin-bottom: 2.865vw
}

.slider-wrapper-mk .slider-mk {
    padding-bottom: 7.292vw
}

.slider-wrapper-mk h2.slick-slide {
    display: none
}

.people-culture-slider-mk .mk-img img,
.hazira-slider-mk .mk-img img,
.paradeep-slider-mk .mk-img img,
.pune-slider-mk .mk-img img,
.vishakhapatnam-slider-mk .mk-img img,
.logos-slider-mk .mk-img img {
    width: 300px
}

.mk-popup {
    background-color: transparent !important
}

.mk-name {
    font-size: clamp(1.6rem, 1.354vw, 2.6rem);
    font-weight: 500;
    color: #fff;
    position: absolute;
    bottom: 5.5vw;
    width: 100%;
    text-align: center
}

@media all and (max-width: 540px) {
    .mk-name {
        bottom: 15.5vw
    }
}

.mk-popup-content .know-more {
    padding-top: 2.865vw;
    display: block;
    text-align: center
}

.mk-popup-content .download-icons li a:hover::before {
    width: 27px !important;
    height: 46px !important
}

.download-icons {
    display: flex;
    gap: 0.78125vw;
    visibility: hidden;
    margin-left: 7.8vw;
    margin-top: 2vw;
    width: 100%
}

.download-icons li .jgp-icon {
    position: relative
}

.download-icons li .jgp-icon::before {
    content: '';
    background: url(../images/icons/presskit/Jpeg--Press-kit-icon-hover.html);
    background-size: 100%;
    position: absolute;
    display: none;
    height: 2.396vw;
    width: 1.1vw;
    background-repeat: no-repeat
}

.download-icons li .jgp-icon:hover::before {
    display: block
}

.download-icons li .png-icon {
    position: relative
}

.download-icons li .png-icon::before {
    content: '';
    background: url(../images/icons/presskit/Png--Press-kit-icon-hover.html);
    background-size: 100%;
    position: absolute;
    display: none;
    height: 2.396vw;
    width: 1.1vw;
    background-repeat: no-repeat
}

.download-icons li .png-icon:hover::before {
    display: block
}

.download-icons li .pdf-icon {
    position: relative
}

.download-icons li .pdf-icon::before {
    content: '';
    background: url(../images/icons/presskit/Pdf--Press-kit-icon-hover.html);
    background-size: 100%;
    position: absolute;
    display: none;
    height: 2.396vw;
    width: 1.1vw;
    background-repeat: no-repeat
}

.download-icons li .pdf-icon:hover::before {
    display: block
}

.download-icons li .psd-icon {
    position: relative
}

.download-icons li .psd-icon::before {
    content: '';
    background: url(../images/icons/presskit/PSD--Press-kit-icon-hover.html);
    background-size: 100%;
    position: absolute;
    display: none;
    height: 2.396vw;
    width: 1.1vw;
    background-repeat: no-repeat
}

.download-icons li .psd-icon:hover::before {
    display: block
}

.download-icons li .ai-icon {
    position: relative
}

.download-icons li .ai-icon::before {
    content: '';
    background: url(../images/icons/presskit/AI--Press-kit-icon-hover.html);
    background-size: 100%;
    position: absolute;
    display: none;
    height: 2.396vw;
    width: 1.1vw;
    background-repeat: no-repeat
}

.download-icons li .ai-icon:hover::before {
    display: block
}

.download-icons li .video-icon {
    position: relative
}

.download-icons li .video-icon::before {
    content: '';
    background: url(../images/icons/presskit/video--Press-kit-icon-hover.html);
    background-size: 100%;
    position: absolute;
    display: none;
    height: 2.396vw;
    width: 1.1vw;
    background-repeat: no-repeat
}

.download-icons li .video-icon:hover::before {
    display: block
}

.mk-popup-content {
    overflow: hidden
}

.mk-img,
.mk-popup-content {
    position: relative
}

.mk-img:hover .kit-overlay,
.mk-popup-content:hover .kit-overlay {
    display: block
}

.mk-img:hover .download-icons,
.mk-popup-content:hover .download-icons {
    visibility: visible
}

.kit-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    cursor: pointer
}

.mk-img .download-icons {
    margin-left: 0;
    position: absolute;
    bottom: 1.5vw;
    left: 0.7vw
}

.mk-popup-content .download-icons {
    visibility: visible !important
}

.login-section {
    position: relative;
    display: none
}

.login-signup-d {
    width: 47.916666666666664vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 4.948vw;
    padding-bottom: 3.594vw;
    color: white
}

@media all and (max-width: 540px) {
    .login-signup-d {
        width: 100%;
        padding: 7.246vw 12.077vw
    }
}

.login-d {
    width: 47.916666666666664vw;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column
}

@media all and (max-width: 540px) {
    .login-d {
        width: 100%
    }
}

.login-d .h3-titled {
    font-size: 2.6302083333333335vw;
    margin-bottom: 0.781vw;
    line-height: 4.896vw;
    letter-spacing: 0.156vw;
    color: #cfcece
}

@media all and (max-width: 540px) {
    .login-d .h3-titled {
        font-size: 6.280vw;
        margin-bottom: 5vw
    }
}

.login-d input {
    background: transparent;
    outline: none;
    border: 2px solid #514c4c;
    width: 47.916666666666664vw;
    padding: 1.302vw 1.771vw;
    margin-bottom: 1.615vw;
    font-size: 1.25vw;
    color: #939292;
    line-height: 1.6666666666666667vw
}

@media all and (max-width: 540px) {
    .login-d input {
        width: 100%;
        font-size: 3.382vw;
        margin-bottom: 4.831vw;
        padding: 4vw
    }
}

.login-d .forget-d {
    margin-bottom: 1.042vw;
    color: #403b3b;
    font-size: 0.9375vw;
    margin-left: 0.15625vw;
    line-height: 0.8854166666666666vw;
    letter-spacing: 0.078125vw;
    font-weight: 500
}

@media all and (max-width: 540px) {
    .login-d .forget-d {
        font-size: 2.899vw;
        margin-bottom: 4.831vw
    }
}

.login-d .input-submitd {
    background: transparent;
    outline: none;
    border: none;
    margin: 0 21.92140625vw 3.0729166666666665vw;
    font-size: 0.8854166666666666vw;
    line-height: 2.1354166666666665vw;
    color: #f6f6f6
}

@media all and (max-width: 540px) {
    .login-d .input-submitd {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important;
        font-size: 3.382vw;
        margin-bottom: 7.246vw
    }
}

.login-d .account-link {
    width: 47.916666666666664vw;
    text-align: center;
    font-size: 0.9375vw;
    background-color: #ee2e24;
    border-radius: 2px;
    padding: 1.25vw 0 1.25vw 0.10416666666666667vw;
    letter-spacing: 0.078125vw;
    line-height: 1.3541666666666667vw;
    text-transform: uppercase
}

@media all and (max-width: 540px) {
    .login-d .account-link {
        width: 100%;
        padding: 6vw;
        margin-bottom: 4.831vw;
        font-size: 3.382vw
    }
}

.login-d .otp-send-button {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5.3125vw;
    margin-top: 0.3125vw
}

@media all and (max-width: 540px) {
    .login-d .otp-send-button {
        flex-direction: column
    }
}

.login-d .otp-send-button .otp-buttond {
    background: #211b1b;
    width: 14.375vw;
    padding: 0.9895833333333334vw 0.3125vw 0.78125vw 0px;
    border: none;
    outline: none;
    font-size: 0.9375vw;
    line-height: 1.9270833333333333vw
}

@media all and (max-width: 540px) {
    .login-d .otp-send-button .otp-buttond {
        width: 100%;
        padding: 5vw;
        font-size: 3.382vw
    }
}

.login-d .otp-send-button .verification-d {
    display: flex;
    align-items: center;
    gap: 1.354vw
}

@media all and (max-width: 540px) {
    .login-d .otp-send-button .verification-d {
        flex-direction: column;
        align-items: flex-start
    }
}

.login-d .otp-send-button .verification-d input {
    width: 4.6875vw;
    margin: 0 !important
}

@media all and (max-width: 540px) {
    .login-d .otp-send-button .verification-d input {
        width: 100%
    }
}

.login-d .otp-send-button .verification-d .otp-flex {
    display: flex;
    align-items: center;
    gap: 1.1979166666666667vw
}

@media all and (max-width: 540px) {
    .login-d .otp-send-button .verification-d .otp-flex {
        gap: 6.039vw
    }

    .login-d .otp-send-button .verification-d .otp-flex input {
        font-size: 4.348vw
    }
}

.login-d .otp-send-button .verification-d .otp-flex input {
    color: white
}

.login-d .otp-send-button .verification-d p {
    color: #403c3c;
    font-size: 0.9375vw;
    font-weight: 600
}

@media all and (max-width: 540px) {
    .login-d .otp-send-button .verification-d p {
        font-size: 4.348vw
    }
}

.login-d .otp-textd {
    width: 47.916666666666664vw;
    color: #403c3c;
    font-size: 0.625vw;
    margin-bottom: 1.875vw;
    border-bottom: 1px solid #282323;
    padding-bottom: 2.5520833333333335vw
}

@media all and (max-width: 540px) {
    .login-d .otp-textd {
        width: 100%;
        padding-bottom: 4.831vw;
        font-size: 2.899vw;
        margin-top: 2.899vw
    }
}

.login-d .sign-submit {
    width: 47.916666666666664vw;
    margin: 0 !important;
    font-size: 0.9739583333333334vw;
    padding-right: 0.6770833333333334vw
}

@media all and (max-width: 540px) {
    .login-d .sign-submit {
        width: 100%;
        font-size: 3.382vw;
        margin-top: 2.415vw !important
    }
}

.mk-img .download-icons img {
    width: 1.1vw !important
}

@media all and (max-width: 540px) {
    .mk-img .download-icons img {
        width: auto !important
    }
}

@media all and (max-width: 1440px) {
    .mk-img .download-icons {
        left: -1vw !important
    }
}

@media all and (max-width: 540px) {
    .mk-img .download-icons {
        gap: 5.4vw !important;
        visibility: visible;
        position: relative;
        left: auto !important;
        justify-content: flex-start;
        margin-top: 5vw
    }
}

@media all and (max-width: 1440px) {
    .download-icons {
        justify-content: center;
        margin-left: 0 !important
    }
}

@media all and (max-width: 540px) {
    .download-icons {
        gap: 4.78125vw !important;
        visibility: visible;
        position: relative;
        left: auto;
        bottom: auto
    }
}

.career-page .acc_heading {
    text-align: center;
    padding: 40px 0
}

.career-page .head {
    font-size: 32px;
    color: #222;
    font-weight: 500
}

.career-page .accordion {
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    background: none;
    font-size: clamp(2.6rem, 2.5vw, 4.8rem);
    color: rgba(255, 255, 255, 0.8);
    position: relative;
    padding: 50px 0
}

@media all and (min-width: 1280px) {
    .career-page .accordion {
        padding-right: 9.375vw
    }
}

.career-page .accordion::after {
    content: 'show more';
    color: rgba(255, 255, 255, 0.3);
    float: right;
    font-size: clamp(1.4rem, 0.833vw, 1.6rem);
    position: absolute;
    right: 0;
    top: 15px;
    bottom: 0;
    margin: auto;
    height: 50px;
    text-transform: uppercase
}

.career-page .active:after {
    content: "show less"
}

.career-page .panel {
    padding: 0;
    display: none;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s ease-out;
    -webkit-transition: max-height 0.4s ease-out;
    -moz-transition: max-height 0.4s ease-out;
    -ms-transition: max-height 0.4s ease-out;
    -o-transition: max-height 0.4s ease-out
}

.career-page .open-sec {
    max-width: 1100px;
    margin: auto;
    padding: 0 20px
}

.career-page .accordian-heading h1 {
    font-size: clamp(2.6rem, 2.5vw, 4.8rem);
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: 1px
}

.career-page .accordian-heading {
    text-align: center;
    margin: 40px 0 50px 0
}

.career-page .accordion span {
    display: block;
    color: #e52726;
    font-size: clamp(1.4rem, 0.833vw, 1.6rem);
    letter-spacing: 1px
}

.qu-list p {
    font-size: clamp(1.4rem, 0.833vw, 1.6rem);
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: 1px;
    line-height: 30px;
    margin: 0 0 20px 0
}

.qu-list li h3 {
    font-size: clamp(1.8rem, 1.25vw, 2.4rem);
    color: #e52726
}

.qu-list li h3 span {
    font-size: clamp(1.8rem, 1.25vw, 2.4rem);
    color: #fff;
    font-weight: 500
}

.qu-list ul {
    margin: 0 0 40px 0
}

.accordian-list {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}

.qu-list {
    padding: 0 0 50px 0
}

.career-page .open-sec .slider-arrows.company-slider {
    position: static;
    padding: 100px 0;
    justify-content: center
}

.join-heading {
    text-align: center
}

.join-heading h4 {
    font-size: clamp(2.8rem, 3.116vw, 6rem);
    color: #e52726
}

.join-heading h4 span {
    color: #fff
}

.join-inner {
    padding: 0 0 50px 0
}

.apply-btn {
    text-align: right
}

.apply-btn a {
    color: #e52726;
    font-size: clamp(1.4rem, 0.833vw, 1.6rem)
}

.open-sec .slick-list {
    padding: 0 !important
}

@media only screen and (max-width: 767px) {
    .career-page .product-lead-form {
        width: 90%
    }
}

.join-inner .product-lead-form {
    width: 100% !important
}

.my-form button {
    text-align: center !important
}

.loca-innertext {
    color: #e52726 !important;
    padding-top: 2.083vw !important;
    cursor: pointer
}

.join-heading {
    margin-top: 10.938vw
}

.join-heading h4 {
    font-size: clamp(2.6rem, 3.75vw, 7.661rem) !important;
    font-weight: 700 !important
}

.form-container button {
    font-size: clamp(1.4rem, 1.042vw, 2rem) !important;
    color: #fff !important;
    font-weight: 600 !important
}

.my-form select:focus,
.my-form input:focus,
.my-form textarea:focus {
    transform: none !important;
    background: transparent !important
}

.contact_text h1 {
    line-height: 1
}

#ms-1,
#ms2,
#ms3,
#ms4,
#ms5,
#ms6,
#ms7,
#ms8 {
    transition: all ease-in 0.3s
}

#ms-1:hover,
#ms2:hover,
#ms3:hover,
#ms4:hover,
#ms5:hover,
#ms6:hover,
#ms7:hover,
#ms8:hover {
    transform: scale(1.1)
}

#ms-1:hover .cls-1,
#ms2:hover .cls-1,
#ms3:hover .cls-1,
#ms4:hover .cls-1,
#ms5:hover .cls-1,
#ms6:hover .cls-1,
#ms7:hover .cls-1,
#ms8:hover .cls-1 {
    fill: #e52726
}

#company-svg .cls-1,
#company-svg .cls-2,
#company-svg .cls-4 {
    fill: none !important
}

.fancybox-button svg path {
    fill: #FFF !important
}

a:hover #facebook-icon .cls-facebook {
    fill: #e52726 !important
}

a:hover #insta-icon .insta-2 {
    fill: #e52726 !important
}

a:hover #insta-icon .insta-1 {
    stroke: #e52726 !important
}

a:hover #linkedin-icon .linkedin-1 {
    fill: #e52726 !important
}

a:hover #twitter-icon .twitter-1 {
    fill: #e52726 !important
}

a:hover #youtube-icon .youtube-1 {
    fill: #e52726 !important
}

a:hover #glassdoor-icon .glassdoor-1 {
    fill: #e52726 !important
}

a:hover #mail-icon .mail-icon {
    fill: #e52726 !important
}

a:hover #call-icon .call-icon {
    stroke: #e52726 !important
}

a:hover #whatsapp-icon .whatsapp-1,
a:hover #whatsapp-icon .whatsapp-2 {
    fill: #e52726 !important
}

.industry-wrapper,
.steel-making-process-wrapper {
    overflow: hidden;
    height: 100%;
    width: 100%;
    text-align: center;
    position: relative
}

.industry-wrapper svg,
.steel-making-process-wrapper svg {
    display: inline-block;
    position: relative;
    height: 100%;
    transition: all 0.3s ease-in-out;
    top: -16vw
}

.steel-making-process-wrapper {
    margin: 0 auto
}

.steel-making-process-wrapper svg {
    top: auto;
    width: 70%
}

@media all and (max-width: 540px) {
    .steel-making-process-wrapper svg {
        width: 100%
    }
}

.smp-steps {
    position: absolute;
    width: 21%
}

@media all and (max-width: 540px) {
    .smp-steps {
        width: 37%
    }
}

.smp-steps:nth-child(odd) {
    text-align: right
}

.smp-steps h2 {
    font-size: clamp(2.3rem, 3.116vw, 6rem);
    color: #e52726;
    font-family: 'amsterdam';
    margin-bottom: 1.042vw
}

@media all and (max-width: 540px) {
    .smp-steps h2 {
        font-size: 18px
    }
}

.smp-steps p {
    font-size: clamp(1.4rem, 1.042vw, 2rem);
    color: #fff
}

@media all and (max-width: 540px) {
    .smp-steps p {
        font-size: 10px
    }
}

.smp-step-1 {
    top: 8.5%;
    left: 19%
}

@media all and (max-width: 540px) {
    .smp-step-1 {
        top: 19%;
        left: 3%
    }
}

.smp-step-2 {
    top: 14.8%;
    left: 54%
}

@media all and (max-width: 540px) {
    .smp-step-2 {
        top: 23.8%;
        left: 54%
    }
}

.smp-step-3 {
    top: 21%;
    left: 19%
}

@media all and (max-width: 540px) {
    .smp-step-3 {
        top: 29.5%;
        left: 5%
    }
}

.smp-step-4 {
    top: 27%;
    left: 54%
}

@media all and (max-width: 540px) {
    .smp-step-4 {
        top: 34%;
        left: 57%
    }
}

.smp-step-5 {
    top: 34%;
    left: 19%
}

@media all and (max-width: 540px) {
    .smp-step-5 {
        top: 40%;
        left: 11%
    }
}

.smp-step-6 {
    top: 44.5%;
    left: 54%
}

@media all and (max-width: 540px) {
    .smp-step-6 {
        top: 48%;
        left: 57%
    }
}

.smp-step-7 {
    top: 50%;
    left: 19%
}

@media all and (max-width: 540px) {
    .smp-step-7 {
        top: 54%;
        left: 9%
    }
}

.smp-step-8 {
    top: 56.8%;
    left: 44%
}

@media all and (max-width: 540px) {
    .smp-step-8 {
        top: 60%;
        left: 41%
    }
}

.smp-step-9 {
    top: 61.5%;
    left: 11%
}

@media all and (max-width: 540px) {
    .smp-step-9 {
        top: 64.5%;
        left: 1%
    }
}

.smp-step-10 {
    top: 65.8%;
    left: 57%
}

@media all and (max-width: 540px) {
    .smp-step-10 {
        top: 68.5%;
        left: 57%
    }
}

.smp-step-11 {
    top: 72%;
    left: 19%
}

@media all and (max-width: 540px) {
    .smp-step-11 {
        top: 73%;
        left: 9%
    }
}

.smp-step-12 {
    top: 84%;
    left: 54%
}

@media all and (max-width: 540px) {
    .smp-step-12 {
        top: 87%;
        left: 57%
    }
}

#Vector_57 {
    stroke: white;
    stroke-width: 3
}

#elem-1,
#elem-2,
#elem-3,
#elem-4,
#elem-5,
#elem-6,
#elem-7,
#elem-8,
#elem-9,
#elem-10,
#elem-111,
.smp-steps {
    transition: all 0.3s ease-in;
    opacity: 0
}

.lis-type-x {
    display: none
}

@media all and (max-width: 540px) {
    .lis-type-x {
        display: block
    }
}

.locations-list {
    position: absolute;
    top: 16vw;
    left: 5vw
}

@media all and (max-width: 540px) {
    .locations-list {
        display: none
    }
}

.locations-list li {
    padding-left: 1vw
}

.locations-list li span {
    color: #fff;
    cursor: pointer;
    font-size: clamp(1.4rem, 1.042vw, 2rem);
    font-weight: 500
}

.locations-list li span:hover {
    color: #e52726
}

.locations-list li:not(:last-child) {
    margin-bottom: 1.042vw
}

.locations-list li.clicked {
    background: url(../images/icons/slash-map.png) no-repeat;
    background-position: left
}

.locations-list li.clicked span {
    color: #e52726;
    font-size: clamp(1.6rem, 1.354vw, 2.6rem);
    font-weight: 600
}

#OBJECTS path[id] {
    fill: transparent;
    transition: all 0.3s ease-in
}

path.world-map {
    fill: #1b1b1b !important
}

.redPatch {
    fill: #e52726
}

.l-dot {
    width: 0.625vw;
    height: 0.625vw;
    background-color: #e52726;
    border-radius: 100%;
    position: absolute;
    z-index: 9999;
    cursor: pointer
}

@media all and (max-width: 540px) {
    .l-dot {
        width: 3px !important;
        height: 3px !important
    }
}

.pune {
    top: 47.154%;
    left: 49%
}

@media all and (max-width: 540px) {
    .pune {
        top: 73.505%;
        left: 41.304%;
        display: block !important
    }
}

.navi-mumbai {
    top: 46.308%;
    left: 48%
}

@media all and (max-width: 540px) {
    .navi-mumbai {
        top: 72.948%;
        left: 39.829%;
        display: block !important
    }
}

.gaziyabad {
    top: 22.7%;
    left: 54.5%
}

.faridabad {
    top: 24.5%;
    left: 54%
}

.jaipur {
    top: 28.177%;
    left: 51.510%
}

.secundrabad {
    top: 45.938%;
    left: 56.094%
}

.mangalore {
    top: 57.154%;
    left: 50.365%
}

.bengaluru {
    top: 58.231%;
    left: 54.115%
}

.coimbatore {
    top: 62.462%;
    left: 53.854%
}

.ahmedabad {
    top: 35.308%;
    left: 47.813%
}

.hazira {
    top: 39.923%;
    left: 47.708%
}

.bahadurgarh {
    top: 22.769%;
    left: 52.865%
}

.delhi {
    top: 22.8%;
    left: 53.8%
}

.chennai {
    top: 58.692%;
    left: 57.969%
}

.indore {
    left: 52.031%;
    top: 36.385%
}

.ludhiana {
    top: 18.846%;
    left: 51.979%
}

.dabuna,
.kolkata {
    top: 36.538%;
    left: 69.077%
}

.dabuna .tooltip,
.kolkata .tooltip {
    top: 2vw;
    left: -14vw
}

.hyderabad {
    top: 48.077%;
    left: 55.729%
}

.kirandul {
    top: 44.154%;
    left: 59.713%
}

.dabuna {
    top: 38.923%;
    left: 65.654%
}

.indonesia {
    top: 73.308%;
    left: 86%
}

.indonesia .tooltip {
    top: -15vw;
    left: -38vw
}

.uae {
    top: 29.154%;
    left: 21.92%
}

.vishakhapatnam {
    top: 48.077%;
    left: 62.2925%
}

.vishakhapatnam .tooltip {
    top: 4vw;
    left: -20vw
}

.vishakhapatnam-port {
    top: 48.077%;
    left: 63.2925%
}

.vishakhapatnam-port .tooltip {
    top: 4vw;
    left: -20vw
}

.pradeep {
    top: 41.538%;
    left: 67.500%
}

.pradeep .tooltip {
    top: 4vw;
    left: -10vw
}

.pradeep-port {
    top: 41.538%;
    left: 68.500%
}

.pradeep-port .tooltip {
    top: 4vw;
    left: -10vw
}

.noida {
    top: 25.077%;
    left: 55.208%
}

.thakurani {
    left: 65.938%;
    top: 39%
}

@media all and (min-width: 1365px) and (max-width: 1367px) {
    .thakurani .tooltip {
        top: 4vw;
        left: -5vw
    }
}

.sagasahi {
    top: 38.692%;
    left: 64.531%
}

@media all and (min-width: 1365px) and (max-width: 1367px) {
    .sagasahi .tooltip {
        top: 4vw;
        left: -5vw
    }
}

.eklama {
    left: 61.458%;
    top: 38.077%
}

.satarda {
    top: 48.231%;
    left: 49.271%
}

.kurnool {
    left: 55.677%;
    top: 51.846%
}

.leadershipTab .tab-link {
    margin: 0 !important
}

.tooltip {
    background: #010101;
    width: 33.854vw;
    display: flex;
    padding: 2.344vw;
    padding-bottom: 3vw;
    align-items: center;
    gap: 1.563vw;
    position: relative;
    opacity: 0.96;
    display: none;
    border: 1px solid rgba(255, 255, 255, 0.8)
}

@media all and (max-width: 540px) {
    .tooltip {
        width: 78%;
        padding-bottom: 20vw;
        top: 50vw !important;
        left: 50vw !important;
        flex-direction: column;
        position: fixed !important;
        z-index: 999999;
        transform: translate(-50%)
    }
}

.tooltip .back-cta-tooltip {
    position: absolute;
    right: 1vw;
    top: 0.5vw;
    font-size: clamp(1.5rem, 1.563vw, 3rem);
    width: 100%;
    height: 80%;
    text-align: right
}

@media all and (max-width: 540px) {
    .tooltip .back-cta-tooltip {
        font-size: 20px !important
    }
}

.tooltip img {
    max-width: 223px
}

.tooltip .location-content {
    color: #fff
}

@media all and (max-width: 540px) {
    .tooltip .location-content {
        text-align: center
    }
}

.tooltip .location-content h2 {
    font-size: clamp(1.4rem, 1.25vw, 2.4rem);
    margin-bottom: 1.042vw;
    font-weight: 600
}

@media all and (max-width: 540px) {
    .tooltip .location-content h2 {
        font-size: 20px !important
    }
}

.tooltip .location-content address {
    font-size: clamp(1.2rem, 0.833vw, 1.5rem);
    margin-bottom: 1.042vw
}

@media all and (max-width: 540px) {
    .tooltip .location-content address {
        font-size: 15px;
        margin-top: 4.454vw;
        margin-bottom: 6.454vw
    }
}

.tooltip .location-content .l-number {
    font-size: clamp(1.2rem, 0.833vw, 1.5rem);
    font-weight: 600
}

@media all and (max-width: 540px) {
    .tooltip .location-content .l-number {
        font-size: 15px
    }
}

.tooltip .location-content .g-map-cta {
    display: inline-block;
    width: 3.906vw;
    height: 3.906vw;
    border-radius: 100%;
    background: url("../images/icons/g-map-arrow.png") no-repeat #e52726;
    position: absolute;
    bottom: -1.953vw;
    margin: auto;
    left: 0;
    right: 0;
    background-position: center
}

@media all and (max-width: 540px) {
    .tooltip .location-content .g-map-cta {
        width: 72px;
        height: 72px;
        bottom: -8vw
    }
}

.whiteDot {
    background: #fff
}

.redDot {
    background: #e52726 !important
}

.dot-block {
    display: block !important
}

.l-dot {
    display: none
}

.mh-dots .tooltip {
    top: 5vw;
    left: -11vw
}

.up-dots .tooltip {
    top: 8vw;
    left: -14vw
}

@media all and (max-width: 540px) {
    .location-page {
        overflow: hidden !important
    }
}

@media all and (max-width: 540px) {
    .location-page svg {
        transform: scale(1.5);
        position: relative;
        left: -7vw;
        margin-top: 33vw
    }
}

@media all and (max-width: 540px) {
    .location-page .locations-list {
        top: auto;
        left: auto;
        position: relative;
        padding: 24vw 7.4vw 7.4vw
    }
}

@media all and (max-width: 540px) {
    .absolute-container {
        padding-top: 30vw;
        text-align: center;
        display: none
    }
}

.absolute-container select {
    display: none
}

@media all and (max-width: 540px) {
    .absolute-container select {
        display: block;
        background: transparent !important;
        -webkit-appearance: auto !important;
        -moz-appearance: auto !important;
        appearance: auto !important;
        padding: 5px 10px 5px 10px;
        margin: 0 auto !important
    }
}

@media all and (max-width: 540px) {
    .absolute-container option {
        background: #171717;
        color: rgba(255, 255, 255, 0.1)
    }
}

.location-mobile-view {
    display: none
}

.location-mobile-view h1 {
    font-weight: 700;
    margin-bottom: 25px
}

@media all and (max-width: 540px) {
    .location-mobile-view {
        display: block;
        background: #171717;
        color: #fff;
        padding: 32vw 25px 25px
    }
}

.l-heading {
    font-size: 16px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative
}

.l-heading span {
    position: absolute;
    right: 10px
}

.l-heading.active {
    background: url(../images/icons/slash-map.png) no-repeat;
    background-position: left;
    color: #e52726;
    padding-left: 15px;
    background-size: 8px;
    font-size: 18px
}

.l-cities {
    display: none
}

.cities-wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 10px
}

.cities-wrapper .l-dot {
    background: transparent !important;
    position: relative;
    top: auto !important;
    left: auto !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
    font-size: 15px !important;
    padding-left: 15px
}

.cities-wrapper .l-dot:not(:last-child) {
    margin-bottom: 10px
}

.cities-wrapper .l-dot::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #e52726 !important;
    position: absolute;
    left: 0;
    top: 8px;
    border-radius: 50%
}

#pipe_line,
#Pipe_line_2 {
    display: none
}

.satarda .tooltip,
.hyderabad .tooltip,
.vishakhapatnam .tooltip,
.kurnool .tooltip,
.mangalore .tooltip,
.bengaluru .tooltip,
.chennai .tooltip,
.coimbatore .tooltip,
.indonesia .tooltip {
    top: -18vw
}

@media all and (max-width: 1366px) {
    .l-dot .tooltip {
        top: -18vw
    }
}

@media all and (max-width: 1366px) {

    .ludhiana .tooltip,
    .bahadurgarh .tooltip,
    .delhi .tooltip,
    .gaziyabad .tooltip,
    .faridabad .tooltip,
    .noida .tooltip,
    .jaipur .tooltip,
    .uae .tooltip {
        top: -9vw
    }
}

@media all and (max-width: 1280px) {
    .ludhiana .tooltip {
        top: -6vw
    }
}

.down-arrow {
    animation: bounce2 2s ease infinite;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%)
}

@media all and (max-width: 540px) {
    .down-arrow {
        display: none
    }
}

.text-break .down-arrow {
    bottom: 50px
}

.smp-1,
.smp-2,
.smp-3,
.smp-4,
.smp-5,
.smp-6,
.smp-7,
.smp-8,
.smp-9,
.smp-10,
.smp-11,
.smp-12,
.smp-13 {
    position: relative
}

.smp-2 {
    top: -0.417vw
}

.smp-3 {
    top: -0.833vw;
    left: -0.781vw
}

.smp-4 {
    top: -1.250vw;
    left: -0.677vw
}

.smp-5 {
    top: -1.667vw;
    left: -0.677vw
}

.smp-6 {
    top: -2.083vw;
    left: -0.677vw
}

.smp-7 {
    top: -2.604vw;
    left: -0.625vw
}

.smp-8 {
    top: -3.073vw;
    left: -0.625vw
}

.smp-9 {
    top: -3.594vw;
    left: -0.573vw
}

.smp-10 {
    top: -4.010vw;
    left: -0.625vw
}

.smp-11 {
    top: -4.427vw;
    left: -0.729vw
}

.smp-12 {
    top: -4.844vw;
    right: -8.073vw
}

@media all and (max-width: 540px) {
    .smp-12 {
        top: -5.844vw;
        right: -11.073vw
    }
}

.smp-13 {
    top: -5.313vw;
    right: -8.073vw
}

svg .smp-1-1 {
    stroke-dashoffset: 2631.30029296875px;
    stroke-dasharray: 2631.30029296875px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s
}

svg.active .smp-1-1 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-1-2 {
    stroke-dashoffset: 1055.2169189453125px;
    stroke-dasharray: 1055.2169189453125px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s
}

svg.active .smp-1-2 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-1-3 {
    stroke-dashoffset: 214.8620147705078px;
    stroke-dasharray: 214.8620147705078px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1s
}

svg.active .smp-1-3 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-1-4 {
    stroke-dashoffset: 150.95980834960938px;
    stroke-dasharray: 150.95980834960938px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s
}

svg.active .smp-1-4 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-1-5 {
    stroke-dashoffset: 151.08151245117188px;
    stroke-dasharray: 151.08151245117188px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s
}

svg.active .smp-1-5 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-1-6 {
    stroke-dashoffset: 14693.9677734375px;
    stroke-dasharray: 14693.9677734375px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s
}

svg.active .smp-1-6 {
    stroke-dashoffset: 0
}

svg .smp-2-1 {
    stroke-dashoffset: 2697.26025390625px;
    stroke-dasharray: 2697.26025390625px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 10s ease 3.8s
}

svg.active .smp-2-1 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-2-2 {
    stroke-dashoffset: 3904.530029296875px;
    stroke-dasharray: 3904.530029296875px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 10s ease 3.9s
}

svg.active .smp-2-2 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-2-3 {
    stroke-dashoffset: 1856.993896484375px;
    stroke-dasharray: 1856.993896484375px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 10s ease 4s
}

svg.active .smp-2-3 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-2-4 {
    stroke-dashoffset: 339.7281799316406px;
    stroke-dasharray: 339.7281799316406px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1s, fill 10s ease 4s
}

svg.active .smp-2-4 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-2-5 {
    stroke-dashoffset: 3859.387451171875px;
    stroke-dasharray: 3859.387451171875px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s, fill 10s ease 3.8s
}

svg.active .smp-2-5 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-2-6 {
    stroke-dashoffset: 1297.4222412109375px;
    stroke-dasharray: 1297.4222412109375px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s, fill 10s ease 4s
}

svg.active .smp-2-6 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-2-7 {
    stroke-dashoffset: 169.45217895507812px;
    stroke-dasharray: 169.45217895507812px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 10s ease 1.4s
}

svg.active .smp-2-7 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-2-8 {
    stroke-dashoffset: 246.0196990966797px;
    stroke-dasharray: 246.0196990966797px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 10s ease 4s
}

svg.active .smp-2-8 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-2-9 {
    stroke-dashoffset: 1077.143310546875px;
    stroke-dasharray: 1077.143310546875px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s, fill 10s ease 3.7s
}

svg.active .smp-2-9 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-2-10 {
    stroke-dashoffset: 172.76109313964844px;
    stroke-dasharray: 172.76109313964844px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s, fill 10s ease 1.7s
}

svg.active .smp-2-10 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-2-11 {
    stroke-dashoffset: 408.0369567871094px;
    stroke-dasharray: 408.0369567871094px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s, fill 10s ease 4s
}

svg.active .smp-2-11 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-2-12 {
    stroke-dashoffset: 11.39725112915039px;
    stroke-dasharray: 11.39725112915039px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.32s, fill 10s ease 1.9s
}

svg.active .smp-2-12 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-2-13 {
    stroke-dashoffset: 441.15460205078125px;
    stroke-dasharray: 441.15460205078125px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s, fill 10s ease 4s
}

svg.active .smp-2-13 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-2-14 {
    stroke-dashoffset: 231.65017700195312px;
    stroke-dasharray: 231.65017700195312px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s, fill 10s ease 2.1s
}

svg.active .smp-2-14 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-2-15 {
    stroke-dashoffset: 378.916748046875px;
    stroke-dasharray: 378.916748046875px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s, fill 10s ease 2.2s
}

svg.active .smp-2-15 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-2-16 {
    stroke-dashoffset: 11.279462814331055px;
    stroke-dasharray: 11.279462814331055px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s, fill 10s ease 2.3s
}

svg.active .smp-2-16 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-2-17 {
    stroke-dashoffset: 75.02098846435547px;
    stroke-dasharray: 75.02098846435547px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s, fill 10s ease 2.4s
}

svg.active .smp-2-17 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-2-18 {
    stroke-dashoffset: 76.12174224853516px;
    stroke-dasharray: 76.12174224853516px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s, fill 10s ease 2.5s
}

svg.active .smp-2-18 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-2-19 {
    stroke-dashoffset: 45.9520378112793px;
    stroke-dasharray: 45.9520378112793px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s, fill 10s ease 2.6s
}

svg.active .smp-2-19 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-2-20 {
    stroke-dashoffset: 46.44585418701172px;
    stroke-dasharray: 46.44585418701172px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s, fill 10s ease 2.7s
}

svg.active .smp-2-20 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-2-21 {
    stroke-dashoffset: 46.561073303222656px;
    stroke-dasharray: 46.561073303222656px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s, fill 10s ease 2.8s
}

svg.active .smp-2-21 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-2-22 {
    stroke-dashoffset: 881.0879516601562px;
    stroke-dasharray: 881.0879516601562px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s, fill 10s ease 2.9s
}

svg.active .smp-2-22 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-2-23 {
    stroke-dashoffset: 518.3560791015625px;
    stroke-dasharray: 518.3560791015625px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.64s, fill 10s ease 3s
}

svg.active .smp-2-23 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-2-24 {
    stroke-dashoffset: 5566.919921875px;
    stroke-dasharray: 5566.919921875px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s, fill 5s ease 1s
}

svg.active .smp-2-24 {
    stroke-dashoffset: 0
}

svg .smp-3-1 {
    stroke-dashoffset: 170.49769592285156px;
    stroke-dasharray: 170.49769592285156px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 5s ease 0.8s
}

svg.active .smp-3-1 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-3-2 {
    stroke-dashoffset: 424.72344970703125px;
    stroke-dasharray: 424.72344970703125px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 5s ease 0.9s
}

svg.active .smp-3-2 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-3-3 {
    stroke-dashoffset: 815.7463989257812px;
    stroke-dasharray: 815.7463989257812px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 5s ease 1s
}

svg.active .smp-3-3 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-3-4 {
    stroke-dashoffset: 5170.669921875px;
    stroke-dasharray: 5170.669921875px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 5s ease 1.1s
}

svg.active .smp-3-4 {
    stroke-dashoffset: 0
}

svg .smp-4-1 {
    stroke-dashoffset: 642.7283935546875px;
    stroke-dasharray: 642.7283935546875px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 5s ease 0.8s
}

svg.active .smp-4-1 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-4-2 {
    stroke-dashoffset: 317.5312805175781px;
    stroke-dasharray: 317.5312805175781px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 5s ease 0.9s
}

svg.active .smp-4-2 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-4-3 {
    stroke-dashoffset: 392.23822021484375px;
    stroke-dasharray: 392.23822021484375px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 5s ease 1s
}

svg.active .smp-4-3 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-4-4 {
    stroke-dashoffset: 18782.140625px;
    stroke-dasharray: 18782.140625px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 5s ease 1.1s
}

svg.active .smp-4-4 {
    stroke-dashoffset: 0
}

svg .smp-5-1 {
    stroke-dashoffset: 1452.0723876953125px;
    stroke-dasharray: 1452.0723876953125px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 5s ease 0.8s
}

svg.active .smp-5-1 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-5-2 {
    stroke-dashoffset: 1695.864013671875px;
    stroke-dasharray: 1695.864013671875px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 5s ease 0.9s
}

svg.active .smp-5-2 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-5-3 {
    stroke-dashoffset: 14715.27734375px;
    stroke-dasharray: 14715.27734375px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 5s ease 1s
}

svg.active .smp-5-3 {
    stroke-dashoffset: 0
}

svg .smp-6-1 {
    stroke-dashoffset: 1239.518798828125px;
    stroke-dasharray: 1239.518798828125px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 6s ease 0.8s
}

svg.active .smp-6-1 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-6-2 {
    stroke-dashoffset: 14145.36328125px;
    stroke-dasharray: 14145.36328125px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 6s ease 0.9s
}

svg.active .smp-6-2 {
    stroke-dashoffset: 0
}

svg .smp-7-1 {
    stroke-dashoffset: 1566.249755859375px;
    stroke-dasharray: 1566.249755859375px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 5s ease 0.8s
}

svg.active .smp-7-1 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-7-2 {
    stroke-dashoffset: 812.642822265625px;
    stroke-dasharray: 812.642822265625px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 5s ease 0.9s
}

svg.active .smp-7-2 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-7-3 {
    stroke-dashoffset: 9737.0283203125px;
    stroke-dasharray: 9737.0283203125px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 5s ease 1s
}

svg.active .smp-7-3 {
    stroke-dashoffset: 0
}

svg .smp-8-1 {
    stroke-dashoffset: 624.1959228515625px;
    stroke-dasharray: 624.1959228515625px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 5s ease 0.8s
}

svg.active .smp-8-1 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-8-2 {
    stroke-dashoffset: 7568.8896484375px;
    stroke-dasharray: 7568.8896484375px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 5s ease 0.9s
}

svg.active .smp-8-2 {
    stroke-dashoffset: 0
}

svg .smp-9-1 {
    stroke-dashoffset: 1683.8477783203125px;
    stroke-dasharray: 1683.8477783203125px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 5s ease 0.8s
}

svg.active .smp-9-1 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-9-2 {
    stroke-dashoffset: 8237.7158203125px;
    stroke-dasharray: 8237.7158203125px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 5s ease 0.9s
}

svg.active .smp-9-2 {
    stroke-dashoffset: 0
}

svg .smp-10-1 {
    stroke-dashoffset: 114.476037098203px;
    stroke-dasharray: 114.476037098203px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 5s ease 4.5s
}

svg.active .smp-10-1 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-10-2 {
    stroke-dashoffset: 223.75460882773035px;
    stroke-dasharray: 223.75460882773035px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 5s ease 4.5s
}

svg.active .smp-10-2 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-10-3 {
    stroke-dashoffset: 183.74649763242724px;
    stroke-dasharray: 183.74649763242724px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 5s ease 4.5s
}

svg.active .smp-10-3 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-10-4 {
    stroke-dashoffset: 429.5779724121094px;
    stroke-dasharray: 429.5779724121094px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 5s ease 1.1s
}

svg.active .smp-10-4 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-10-5 {
    stroke-dashoffset: 14828.638671875px;
    stroke-dasharray: 14828.638671875px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 5s ease 1.2s
}

svg.active .smp-10-5 {
    stroke-dashoffset: 0
}

svg .smp-11-1 {
    stroke-dashoffset: 497.10687255859375px;
    stroke-dasharray: 497.10687255859375px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 5s ease 0.8s
}

svg.active .smp-11-1 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-11-2 {
    stroke-dashoffset: 717.2066650390625px;
    stroke-dasharray: 717.2066650390625px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 5s ease 0.9s
}

svg.active .smp-11-2 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-11-3 {
    stroke-dashoffset: 149.9219970703125px;
    stroke-dasharray: 149.9219970703125px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 5s ease 1s
}

svg.active .smp-11-3 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-11-4 {
    stroke-dashoffset: 133.55703735351562px;
    stroke-dasharray: 133.55703735351562px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 5s ease 1.1s
}

svg.active .smp-11-4 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-11-5 {
    stroke-dashoffset: 201.21075439453125px;
    stroke-dasharray: 201.21075439453125px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 5s ease 1.2s
}

svg.active .smp-11-5 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-11-6 {
    stroke-dashoffset: 288.05242919921875px;
    stroke-dasharray: 288.05242919921875px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 5s ease 1.3s
}

svg.active .smp-11-6 {
    stroke-dashoffset: 0;
    fill: #fff
}

svg .smp-11-7 {
    stroke-dashoffset: 15903.1123046875px;
    stroke-dasharray: 15903.1123046875px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 5s ease 1.4s
}

svg.active .smp-11-7 {
    stroke-dashoffset: 0
}

svg .smp-12-1 {
    stroke-dashoffset: 74.92649841308594px;
    stroke-dasharray: 74.92649841308594px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s
}

svg.active .smp-12-1 {
    stroke-dashoffset: 149.85299682617188px
}

svg .smp-12-2 {
    stroke-dashoffset: 811.8231201171875px;
    stroke-dasharray: 811.8231201171875px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s
}

svg.active .smp-12-2 {
    stroke-dashoffset: 1623.646240234375px;
    fill: #fff
}

svg .smp-12-3 {
    stroke-dashoffset: 3119.361328125px;
    stroke-dasharray: 3119.361328125px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1s
}

svg.active .smp-12-3 {
    stroke-dashoffset: 6238.72265625px
}

svg .smp-12-4 {
    stroke-dashoffset: 1237.8056640625px;
    stroke-dasharray: 1237.8056640625px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s
}

svg.active .smp-12-4 {
    stroke-dashoffset: 2475.611328125px
}

svg .smp-12-5 {
    stroke-dashoffset: 56.91410500690003px;
    stroke-dasharray: 56.91410500690003px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s
}

svg.active .smp-12-5 {
    stroke-dashoffset: 113.82821001380006px;
    fill: #fff
}

svg .smp-12-6 {
    stroke-dashoffset: 295.3427429199219px;
    stroke-dasharray: 295.3427429199219px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s
}

svg.active .smp-12-6 {
    stroke-dashoffset: 590.6854858398438px
}

svg .smp-12-7 {
    stroke-dashoffset: 320.4624328613281px;
    stroke-dasharray: 320.4624328613281px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s
}

svg.active .smp-12-7 {
    stroke-dashoffset: 640.9248657226562px
}

svg .smp-12-8 {
    stroke-dashoffset: 256.58966064453125px;
    stroke-dasharray: 256.58966064453125px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s
}

svg.active .smp-12-8 {
    stroke-dashoffset: 513.1793212890625px
}

svg .smp-12-9 {
    stroke-dashoffset: 188.50479125976562px;
    stroke-dasharray: 188.50479125976562px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s
}

svg.active .smp-12-9 {
    stroke-dashoffset: 377.00958251953125px
}

svg .smp-12-10 {
    stroke-dashoffset: 19.10468864440918px;
    stroke-dasharray: 19.10468864440918px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s
}

svg.active .smp-12-10 {
    stroke-dashoffset: 38.20937728881836px
}

svg .smp-12-11 {
    stroke-dashoffset: 177.10629272460938px;
    stroke-dasharray: 177.10629272460938px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s
}

svg.active .smp-12-11 {
    stroke-dashoffset: 354.21258544921875px;
    fill: #fff
}

svg .smp-12-12 {
    stroke-dashoffset: 15632.1708984375px;
    stroke-dasharray: 15632.1708984375px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.32s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s
}

svg.active .smp-12-12 {
    stroke-dashoffset: 31264.341796875px
}

svg .smp-13-1 {
    stroke-dashoffset: 17724.078125px;
    stroke-dasharray: 17724.078125px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s
}

svg.active .smp-13-1 {
    stroke-dashoffset: 35448.15625px
}

svg .smp-13-2 {
    stroke-dashoffset: 355.08706304466114px;
    stroke-dasharray: 355.08706304466114px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s
}

svg.active .smp-13-2 {
    stroke-dashoffset: 710.1741260893223px;
    fill: #fff
}

svg .smp-13-3 {
    stroke-dashoffset: 724.5939331054688px;
    stroke-dasharray: 724.5939331054688px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1s
}

svg.active .smp-13-3 {
    stroke-dashoffset: 1449.1878662109375px;
    fill: #fff
}

svg .smp-13-4 {
    stroke-dashoffset: 710.9757690429688px;
    stroke-dasharray: 710.9757690429688px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s
}

svg.active .smp-13-4 {
    stroke-dashoffset: 1421.9515380859375px;
    fill: #fff
}

svg .smp-13-5 {
    stroke-dashoffset: 277.0013122558594px;
    stroke-dasharray: 277.0013122558594px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s
}

svg.active .smp-13-5 {
    stroke-dashoffset: 554.0026245117188px;
    fill: #fff
}

svg .smp-13-6 {
    stroke-dashoffset: 359.663330078125px;
    stroke-dasharray: 359.663330078125px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s
}

svg.active .smp-13-6 {
    stroke-dashoffset: 719.32666015625px;
    fill: #fff
}

svg .smp-13-7 {
    stroke-dashoffset: 1295.143798828125px;
    stroke-dasharray: 1295.143798828125px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s
}

svg.active .smp-13-7 {
    stroke-dashoffset: 2590.28759765625px;
    fill: #fff
}

svg .smp-13-8 {
    stroke-dashoffset: 873.079345703125px;
    stroke-dasharray: 873.079345703125px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s
}

svg.active .smp-13-8 {
    stroke-dashoffset: 1746.15869140625px;
    fill: #fff
}

svg .smp-13-9 {
    stroke-dashoffset: 1910.052734375px;
    stroke-dasharray: 1910.052734375px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s
}

svg.active .smp-13-9 {
    stroke-dashoffset: 3820.10546875px
}

svg .smp-13-10 {
    stroke-dashoffset: 336.100661261603px;
    stroke-dasharray: 336.100661261603px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s
}

svg.active .smp-13-10 {
    stroke-dashoffset: 672.201322523206px;
    fill: #fff
}

svg .smp-13-11 {
    stroke-dashoffset: 401.8508254018827px;
    stroke-dasharray: 401.8508254018827px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s
}

svg.active .smp-13-11 {
    stroke-dashoffset: 803.7016508037653px
}

svg .smp-13-12 {
    stroke-dashoffset: 306.2142230543713px;
    stroke-dasharray: 306.2142230543713px;
    fill: transparent;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.32s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s
}

svg.active .smp-13-12 {
    stroke-dashoffset: 612.4284461087426px;
    fill: #fff
}

svg .smp-13-13 {
    stroke-dashoffset: 401.8508254018827px;
    stroke-dasharray: 401.8508254018827px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 2s
}

svg.active .smp-13-13 {
    stroke-dashoffset: 803.7016508037653px
}

svg .smp-13-14 {
    stroke-dashoffset: 862.5433959960938px;
    stroke-dasharray: 862.5433959960938px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s
}

svg.active .smp-13-14 {
    stroke-dashoffset: 1725.0867919921875px
}

svg .smp-13-15 {
    stroke-dashoffset: 419.5px;
    stroke-dasharray: 419.5px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s
}

svg.active .smp-13-15 {
    stroke-dashoffset: 839px
}

svg .smp-13-16 {
    stroke-dashoffset: 186.55308532714844px;
    stroke-dasharray: 186.55308532714844px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s
}

svg.active .smp-13-16 {
    stroke-dashoffset: 373.1061706542969px
}

svg .smp-13-17 {
    stroke-dashoffset: 407.1162109375px;
    stroke-dasharray: 407.1162109375px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s
}

svg.active .smp-13-17 {
    stroke-dashoffset: 814.232421875px
}

svg .smp-13-18 {
    stroke-dashoffset: 783.1002807617188px;
    stroke-dasharray: 783.1002807617188px;
    transition: stroke-dashoffset 5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s, fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s
}

svg.active .smp-13-18 {
    stroke-dashoffset: 1566.2005615234375px
}

.elem-heding-industry {
    font-size: clamp(2.3rem, 3.116vw, 6rem);
    color: #fff;
    font-weight: 500;
    position: absolute;
    transition: all 0.3s ease-in;
    opacity: 0
}

@media all and (max-width: 540px) {
    .elem-heding-industry {
        font-size: 2rem !important
    }
}

.elem-t-1 {
    top: 2%;
    left: 48%
}

.elem-t-2 {
    top: 16%;
    left: 32%
}

.elem-t-3 {
    top: 23%;
    left: 57%
}

@media all and (max-width: 540px) {
    .elem-t-3 {
        top: 22.2%;
        left: 51%
    }
}

.elem-t-4 {
    top: 29.5%;
    left: 39%
}

.elem-t-5 {
    top: 41.5%;
    left: 22%
}

@media all and (max-width: 540px) {
    .elem-t-5 {
        top: 40.5%;
        left: 17%
    }
}

.elem-t-6 {
    top: 45%;
    left: 52%
}

.elem-t-7 {
    top: 54%;
    left: 30%
}

.elem-t-8 {
    top: 64%;
    left: 61%
}

.elem-t-9 {
    top: 70%;
    left: 52%
}

.elem-t-10 {
    top: 80%;
    left: 40%
}

.contact_bg {
    display: flex;
    width: 100%;
    padding: 200px 0px 100px 0px
}

.contact_text h1 {
    font-size: clamp(5.5rem, 9.114vw, 17.5rem);
    color: #fff;
    font-family: "Albert Sans", sans-serif;
    font-weight: bold;
    padding-bottom: 20px
}

.contact-b-head {
    font-size: clamp(2.6rem, 2.125vw, 4.08rem);
    color: #fff;
    font-family: "Albert Sans", sans-serif;
    opacity: 0.800;
    letter-spacing: 2px;
    line-height: normal;
    padding-bottom: 15px
}

.m_inner_content {
    width: 90%;
    margin-left: auto
}

.contact-innertext {
    font-size: clamp(1.8rem, 1.836vw, 3.525rem) !important;
    color: #fff;
    font-family: "Albert Sans", sans-serif;
    font-weight: 500;
    padding-top: 40px
}

.contact-innertext-para {
    font-size: 20px !important;
    color: #fff;
    font-family: "Albert Sans", sans-serif;
    font-weight: 400;
    line-height: 30px;
    margin-top: 10px;
}

.loca-innertext {
    font-size: 14px !important;
    color: #fff;
    font-family: "Albert Sans", sans-serif;
    font-weight: 400;
    line-height: 78px;
    letter-spacing: 4px;
    padding-top: 20px;
    text-transform: uppercase
}

.red-text {
    font-size: clamp(2.6rem, 2.125vw, 4.08rem) !important;
    color: #e42127 !important;
    font-family: "Albert Sans", sans-serif;
    font-weight: 500
}

.contact_img {
    width: 100%
}

.contact_img img {
    width: 100%
}

.contact_text {
    width: 40%;
    margin-top: 60px
}

.c-heading {
    padding: 200px 0px;
    font-size: 60px;
    color: #fff
}

.getin_bg {
    display: flex;
    width: 100%;
    padding: 100px 0px
}

.getin_img {
    width: 40%
}

.getin_text {
    width: 60%
}

.getin_text h1 {
    font-size: clamp(1.8rem, 2.5vw, 4.8rem);
    color: #fff;
    font-family: "Albert Sans", sans-serif;
    opacity: 0.800;
    letter-spacing: 2px;
    line-height: 51px
}

:root {
    --white: #afafaf;
    --red: #e31b23;
    --bodyColor: #292a2b;
    --borderFormEls: hsl(0, 0%, 10%);
    --bgFormEls: hsl(0, 0%, 14%);
    --bgFormElsFocus: hsl(0, 7%, 20%)
}

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

a {
    color: inherit
}

input,
select,
textarea,
button {
    font-size: 16px;
    letter-spacing: 2px;
    font-family: "Albert Sans", sans-serif;
    color: #ffffff;
    font-weight: 600
}

button,
label {
    cursor: pointer
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select::-ms-expand {
    display: none
}

select:-moz-focusring {
    color: transparent !important;
    text-shadow: 0 0 0 var(--white)
}

textarea {
    resize: none
}

ul {
    list-style: none
}

.bt-form {
    font-size: 13px !important;
    color: #fff !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 5px !important;
    border: none !important;
    text-align: left;
    padding: 30px 0px 20px 0px !important
}

.diss_none {
    display: none
}

.diss_show {
    display: block
}

.my-form h1 {
    margin-bottom: 3.5rem
}

.grid-1 input {
    background-image: none !important
}

.my-form li,
.my-form .grid>*:not(:last-child) {
    margin-bottom: 3rem
}

.my-form select,
.my-form input,
.my-form textarea,
.my-form button {
    width: 100%;
    line-height: 1.5;
    padding: 20px 10px;
    border: 2px solid rgba(255, 255, 255, 0.27);
    color: var(--white);
    background: #030303;
    transition: background-color 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25), transform 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25);
    border-radius: 2px
}

.my-form textarea {
    height: 170px
}

.my-form ::-moz-placeholder {
    color: inherit;
    opacity: 1
}

.my-form ::placeholder {
    color: inherit;
    opacity: 1
}

.my-form select:focus,
.my-form input:focus,
.my-form textarea:focus,
.my-form button:focus,
.my-form input[type="checkbox"]:focus+label {
    background: var(--bgFormElsFocus)
}

.my-form select:focus,
.my-form input:focus,
.my-form textarea:focus {
    transform: scale(1.02)
}

.my-form *:required,
.my-form select {
    background-repeat: no-repeat;
    background-position: center right 12px;
    background-size: 15px 15px
}

.my-form *:disabled {
    cursor: default;
    filter: blur(2px)
}

.my-form .required-msg {
    display: none;
    padding-left: 20px
}

.my-form .btn-grid {
    position: relative;
    overflow: hidden;
    transition: filter 0.2s
}

.my-form button {
    font-weight: bold
}

.my-form button>* {
    display: inline-block;
    width: 100%;
    transition: transform 0.4s ease-in-out
}

.my-form button .back {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-110%, -50%)
}

.my-form button:enabled:hover .back,
.my-form button:focus .back {
    transform: translate(-50%, -50%)
}

.my-form button:enabled:hover .front,
.my-form button:focus .front {
    transform: translateX(110%)
}

.my-form input[type="checkbox"] {
    position: absolute;
    left: -9999px
}

.my-form input[type="checkbox"]+label {
    position: relative;
    display: inline-block;
    padding-left: 2rem;
    transition: background 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25)
}

.my-form input[type="checkbox"]+label::before,
.my-form input[type="checkbox"]+label::after {
    content: '';
    position: absolute
}

.my-form input[type="checkbox"]+label::before {
    left: 0;
    top: 6px;
    width: 18px;
    height: 18px;
    border: 2px solid var(--white)
}

.my-form input[type="checkbox"]:checked+label::before {
    background: var(--red)
}

.my-form input[type="checkbox"]:checked+label::after {
    left: 7px;
    top: 7px;
    width: 6px;
    height: 14px;
    border-bottom: 2px solid var(--white);
    border-right: 2px solid var(--white);
    transform: rotate(45deg)
}

.my-form select {
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/down.svg)
}

.media_kit_bg {
    background-image: url(../../../i.ibb.co/7JFVtXw/page-2banner.png);
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: 100% auto
}

.Media_kit_heading {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    padding-left: 40px;
    margin-top: 40px
}

.Media_kit_heading p {
    font-size: clamp(1.5rem, 1.563vw, 3rem);
    letter-spacing: 7px;
    line-height: 40px;
    font-weight: bold;
    font-family: "Albert Sans", sans-serif;
    color: #5e666e;
    padding-bottom: 40px;
    padding-left: 10px
}

.Media_kit_heading h1 {
    font-size: clamp(5.5rem, 9.114vw, 17.5rem);
    line-height: 100px;
    font-weight: 700;
    font-family: "Albert Sans", sans-serif;
    color: #fff
}

.leadership-slider {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 300px;
    gap: 30px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    cursor: grab;
    margin-top: 5rem
}

.leadership-slider::-webkit-scrollbar,
.leadership-slider2::-webkit-scrollbar {
    display: none
}

.leadership-slide1 img {
    width: 272px;
    height: auto;
    background-color: #7b7c82;
    inline-size: 100%;
    aspect-ratio: 3 / 3;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .2rem
}

.leadership-slide img {
    inline-size: 100%;
    aspect-ratio: 4 / 3;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .2rem;
    width: 300px;
    background-color: #7b7c82
}

.leadership-slider-image {
    padding-top: 40px
}

.leadership-slider-image h2 {
    font-size: clamp(1.8rem, 1.698vw, 3.259rem);
    color: #fff;
    padding-top: 40px
}

.padd-bottom {
    padding-bottom: 100px
}

.leadership {
    margin: 100px 0px 50px 0px
}

.b-border {
    border-right: 2px solid #767676;
    border-left: 2px solid #767676;
    padding: 0px 10px
}

.leadership ul {
    list-style-type: none;
    display: flex;
    gap: 10px;
    text-align: center;
    justify-content: center
}

.leadership ul li a {
    font-size: clamp(1.6rem, 1.354vw, 2.6rem);
    color: #767676;
    font-family: "Albert Sans", sans-serif
}

.leadership ul li a:hover {
    color: #fff
}

@media (max-width: 830px) {
    .media_kit_bg {
        background-image: url(../../../i.ibb.co/s6ZQvBp/Media-kit-Mobile.png) !important;
        width: 100% !important;
        height: 60vh !important;
        background-repeat: no-repeat !important;
        overflow: hidden !important;
        background-position: bottom
    }

    .Media_kit_heading {
        position: absolute !important;
        bottom: 0% !important;
        transform: translatey(-50%) !important;
        padding-left: 0px !important
    }
}

@media screen and (min-width: 600px) {
    .my-form .grid {
        display: grid;
        grid-gap: 1.5rem
    }

    .my-form .grid-2 {
        grid-template-columns: 1fr 1fr
    }

    .my-form .grid-3 {
        grid-template-columns: auto auto auto;
        align-items: center
    }

    .my-form .grid>*:not(:last-child) {
        margin-bottom: 0
    }

    .my-form .required-msg {
        display: block
    }
}

@media screen and (min-width: 541px) {
    .my-form input[type="checkbox"]+label::before {
        top: 50%;
        transform: translateY(-50%)
    }

    .my-form input[type="checkbox"]:checked+label::after {
        top: 3px
    }
}

@media screen and (max-width: 800px) {
    .leadership ul {
        display: block !important
    }

    .leadership ul li {
        padding: 20px 0px !important
    }

    .b-border {
        border: none !important
    }

    .getin_bg {
        display: block !important;
        width: 100% !important;
        padding-bottom: 50px !important
    }

    .contact_bg {
        display: block !important;
        width: 100% !important
    }

    .contact_img {
        width: 100%
    }

    .contact_text {
        width: 100%
    }

    .getin_img {
        width: 100%
    }

    .getin_text {
        width: 100%;
        padding: 40px 0px 0px 0px
    }

    .diss_none {
        display: block !important;
        padding-top: 80px !important;
        margin: 0 auto !important
    }


    .contact_bg {
        padding: 50px 0px 0px 0px !important
    }

    .Media_kit_heading p {
        font-size: clamp(1.5rem, 1.563vw, 3rem);
        line-height: normal
    }

    .Media_kit_heading h1 {
        font-size: clamp(5.5rem, 9.114vw, 17.5rem);
        line-height: normal
    }

    .media_kit_bg {
        background-image: url(../../../i.ibb.co/s6ZQvBp/Media-kit-Mobile.png) !important;
        width: 100% !important;
        height: 70vh !important;
        background-repeat: no-repeat !important;
        overflow: hidden !important;
        background-position: top
    }

    .Media_kit_heading {
        position: absolute !important;
        bottom: 0% !important;
        transform: translatey(-50%) !important;
        padding-left: 0px !important
    }
}

@media (max-width: 440px) {
    .leadership-slider {
        grid-auto-columns: 40%
    }

    .media_kit_bg {
        background-image: url(../../../i.ibb.co/s6ZQvBp/Media-kit-Mobile.png) !important;
        width: 100% !important;
        height: 400px !important;
        background-repeat: no-repeat !important;
        overflow: hidden !important
    }
}

.search-page .page-title {
    padding-top: 9.5vw;
    padding-bottom: 6.146vw;
    text-align: center
}

@media all and (max-width: 540px) {
    .search-page .page-title {
        padding-top: 22.5vw;
        padding-bottom: 9.146vw
    }
}

.search-page .page-title p {
    font-size: clamp(2.3rem, 3.116vw, 6rem) !important;
    margin-top: -2vw
}

.search-page .inner-searchBox {
    margin-bottom: 13vw
}

.search-page .inner-searchBox .search-input::-moz-placeholder {
    color: #fff !important
}

.search-page .inner-searchBox .search-input::placeholder {
    color: #fff !important
}

.gsc-adBlock {
    display: none !important
}

.gsc-control-cse {
    border-color: transparent !important;
    background-color: transparent !important;
    padding: 0 !important
}

.gsc-webResult.gsc-result:hover {
    background-color: transparent !important;
    border-color: #100A0A !important
}

.gsc-webResult.gsc-result {
    border: none !important;
    background-color: transparent !important;
    margin-bottom: 1vw;
    font-family: "Albert Sans", sans-serif !important
}

.gs-image-box {
    display: none !important
}

.gsc-orderby-container {
    display: none !important
}

.gsc-control-cse .gs-spelling,
.gsc-control-cse .gs-result .gs-title,
.gsc-control-cse .gs-result .gs-title * {
    font-size: clamp(1.8rem, 1.698vw, 3.259rem) !important
}

.gs-snippet {
    font-size: clamp(1.5rem, 0.938vw, 1.8rem) !important
}

#___gcse_1 {
    padding: 0 5vw 5vw !important
}

@media all and (max-width: 540px) {
    #___gcse_1 {
        padding-top: 10px !important
    }
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: transparent !important;
    background-color: transparent !important;
    color: #e52726 !important
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: transparent !important;
    background-color: transparent !important;
    color: #fff !important;
    font-size: clamp(1.5rem, 0.938vw, 1.8rem) !important
}

.gcsc-find-more-on-google-magnifier {
    display: none !important
}

.gs-webResult div.gs-visibleUrl.gs-visibleUrl-breadcrumb span {
    font-size: 16px !important
}

@media all and (max-width: 1366px) {
    .gs-webResult div.gs-visibleUrl.gs-visibleUrl-breadcrumb span {
        font-size: 14px !important
    }
}

@media all and (max-width: 1680px) {
    .logo {
        width: 144px
    }

    header nav img {
        width: 50px
    }

    .card-img-1 {
        left: 6%
    }

    .card-img-1 img {
        width: 276px
    }

    .card-img-2 img {
        width: 320px
    }

    .slider-company .slide-1 {
        padding-top: 2%
    }
}

@media all and (max-width: 1680px) and (max-width: 540px) {
    .company-item.pl-5 {
        padding-left: 25px !important
    }
}

@media all and (max-width: 1680px) {
    .grades-wrapper {
        width: 65%
    }

    .specifications {
        width: 53%
    }

    .options {
        width: 35
    }

    .people-description {
        left: 6.5%
    }

    .year-wrapper span {
        left: 5.5%
    }

    .news-wrapper {
        width: 95%
    }

    .view-all-news {
        right: 32.5vw !important
    }

    .social-newsletter .social-links a img,
    .social-newsletter .social-links a svg,
    .social-icon-menu img,
    .social-icon-menu svg {
        width: 40px;
        height: 40px
    }

    .social-newsletter .social-links li {
        margin-right: 20px
    }
}

@media (max-width: 1600px) {
    .year-wrapper span {
        left: 4.8%
    }

    .view-all-news {
        right: 33vw !important
    }

    .social-newsletter .social-links a img,
    .social-newsletter .social-links a svg,
    .social-icon-menu img,
    .social-icon-menu svg {
        width: 38px;
        height: 38px
    }

    .people-description {
        left: 6%
    }
}

@media (min-width: 1535px) and (max-width: 1537px) {
    .company-slider {
        bottom: 2.24vw
    }

    .tm-area-card img {
        width: 65%
    }

    .view-all-news {
        right: 33.8vw !important
    }

    .blog-list .publish-date {
        margin: 2.2vw 0
    }

    section[data-section-name="blogs"] .blog-list .article-title {
        font-size: clamp(1.8rem, 1.698vw, 2.8rem)
    }

    .thematic-areas ul {
        padding-left: 2vw;
        gap: 0
    }
}

@media all and (max-width: 1440px) {
    .logo {
        width: 125px
    }

    header nav img {
        width: 43px
    }

    .slider-company .slide-1 {
        padding-top: 3vw
    }

    .slider-arrows {
        bottom: 6.5VW
    }

    .people-description {
        left: 6.5%
    }

    .people-description h1 {
        letter-spacing: 8px;
        background-position: -43.5%
    }

    .year-wrapper span {
        left: 2.7%
    }

    .news-wrapper {
        width: 80%
    }

    .view-all-news {
        right: 32vw !important
    }

    .social-newsletter .social-links a img,
    .social-newsletter .social-links a svg,
    .social-icon-menu img,
    .social-icon-menu svg {
        width: 35px;
        height: 35px
    }
}

@media all and (min-width: 1439px) and (max-width: 1441px) {
    .divercity-img {
        height: 100vh
    }
}

@media all and (max-width: 1366px) {
    header nav img {
        width: 40px
    }

    .year-wrapper span {
        left: 1.7%
    }

    .view-all-news {
        right: 32.5vw !important
    }

    #company-svg {
        width: 85%;
        margin: 0 auto
    }

    .product-slide[data-slide="2"] .img-wrapper {
        width: clamp(15rem, 17.119vw, 38.4rem);
        height: clamp(15rem, 17.119vw, 38.4rem)
    }

    .social-icon-menu img,
    .social-icon-menu svg {
        width: 30px;
        height: 30px
    }

    .menu-wrapper {
        padding: 9vw 0 0 14.2vw
    }

    .people-description {
        left: 5.8%
    }
}

@media all and (min-width: 1279px) and (max-width: 1281px) {
    header {
        top: 2.604vw
    }

    header .logo {
        width: 95px
    }

    header nav img {
        width: 30px
    }

    .slider-arrows {
        bottom: 1.5vw
    }

    .products-wrapper .product {
        width: 170px !important;
        height: 170px !important;
        padding-top: 4%
    }

    .products-wrapper .product .wrap-p span {
        padding-top: 2rem
    }

    #portfolio-lead-form-section .back,
    #portfolio-lead-form-section .start-over {
        bottom: 1.5vw
    }

    .colour-tab .small-squre [type="radio"]+label {
        width: 19vw
    }

    .people-description p img {
        margin-top: 4vw;
        width: 8vw
    }

    .people-description p {
        width: 290px
    }

    .society-slider-cta {
        bottom: 1.5vw !important
    }

    .year-wrapper span {
        left: 2px
    }

    .blog-list .publish-date {
        margin: 2.2vw 0
    }

    .blog-list .article-title+img {
        margin-top: 5%;
        width: 4vw
    }

    .blog-list .article-title {
        line-height: 1.2;
        font-size: 20px
    }

    .view-all-news {
        right: 33vw !important
    }

    .menu-wrapper {
        padding-top: 7vw
    }

    .wrapper-text {
        top: 34%
    }

    .wrapper-text a {
        margin-top: 3%;
        font-size: 20px
    }

    .vision-logo-title img {
        width: 30%
    }

    .people-description {
        left: 4.8%
    }

    .people-description h1 {
        background-position: -42.5%
    }

    .popup_content-wrapper {
        padding: 20px 0
    }

    section[data-section-name="blogs"] .know-more {
        margin-top: 4%
    }

    .company-slider {
        bottom: 2.5vw !important
    }

    #company-svg {
        margin-top: -25px
    }

    .leadership-page .slider-arrows {
        bottom: 4.5vw
    }

    .tooltip {
        width: 40vw
    }

    .career-page .accordion {
        width: 85% !important
    }

    .career-page .accordion::after {
        right: -15% !important
    }
}

@media all and (max-width: 540px) {
    .logo {
        width: 83px
    }

    .blog-list .blog-lables .lable {
        font-size: 12px;
        padding: 0.4rem 1rem
    }

    .footer-links-wrapper h4 {
        margin: 7vw 0 5vw 0 !important;
        font-size: 2rem
    }

    .social-newsletter .social-links a img,
    social-newsletter .social-links a svg,
    .social-icon-menu img,
    .social-icon-menu svg,
    .social-newsletter .social-links a svg {
        width: 25px !important;
        height: 25px !important
    }

    .social-newsletter .social-links li {
        margin-right: 0 !important
    }

    .footer-links-wrapper .footer-nav:last-child li {
        margin-bottom: 3.5vw !important
    }

    footer-links-wrapper .footer-nav:last-child h4 {
        font-size: 20px;
        text-transform: capitalize !important
    }

    footer-links-wrapper .footer-nav:last-child h4 a {
        text-transform: capitalize !important
    }

    .footer-links-wrapper .footer-nav:last-child li a,
    .footer-links-wrapper .footer-nav:last-child h4>a {
        text-transform: capitalize !important;
        font-size: 20px
    }

    .footer-links-wrapper .footer-nav:last-child h4 {
        margin-bottom: 3.5vw !important
    }

    product-slide[data-slide="2"] .form-wrapper.prod-forms-count-3 .img-wrapper {
        width: 17vh;
        height: 17vh
    }

    .view-all-news {
        right: auto !important
    }
}

@media all and (max-width: 395px) {
    .year-wrapper {
        background-size: 81%
    }

    .year-wrapper span {
        left: -2.1vw !important
    }

    .year-wrapper span,
    .year-wrapper .item-year {
        font-size: 12rem
    }
}

@media all and (max-width: 375px) {
    .year-wrapper span {
        left: -0.9vw !important
    }

    .year-wrapper span,
    .year-wrapper .item-year {
        font-size: 11.7rem
    }

    .year-wrapper {
        background-size: 77%
    }

    .social-newsletter .social-links {
        gap: 6vw !important
    }

    .products-wrapper .product {
        margin-bottom: 0;
        padding: 0
    }

    #portfolio-lead-form-section .back,
    #portfolio-lead-form-section .start-over {
        bottom: 10vw
    }

    .product-lead-form input,
    .product-lead-form select {
        margin-bottom: 4vw;
        padding: 3vw
    }
}

@media all and (max-width: 360px) {

    .year-wrapper span,
    .year-wrapper .item-year {
        font-size: 11rem
    }

    .products-wrapper .product {
        width: 12.2rem !important;
        height: 12.2rem !important
    }
}

body {
    font-size: 18px
}

h1 {
    font-size: clamp(2.5rem, 6.08333vw, 4rem)
}

.card-value-1 {
    background-image: url("../images/sprite/Creative-sprite-p.png");
    background-repeat: no-repeat;
    animation: Creative steps(48);
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    width: 20.9895833333vw;
    height: 27.6041666667vw;
    background-position: 0 top
}

@keyframes Creative {
    to {
        background-position: 0 -1325vw
    }
}

@media all and (max-width: 540px) {
    .card-value-1 {
        background-image: url("../images/sprite/Creative-sprite-p-mobile.png");
        background-repeat: no-repeat;
        animation: Creative steps(48);
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-direction: normal;
        width: 36.232vw;
        height: 47.6499583333vw;
        background-position: 0 top
    }

    @keyframes Creative {
        to {
            background-position: 0 -2287.198vw
        }
    }
}

.card-value-2 {
    background-image: url("../images/sprite/Excellent.png");
    background-repeat: no-repeat;
    animation: Excellent steps(31);
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    width: 20.9895833333vw;
    height: 27.6041666667vw;
    background-position: 0 top
}

@keyframes Excellent {
    to {
        background-position: 0 -855.729166667vw
    }
}

@media all and (max-width: 540px) {
    .card-value-2 {
        background-image: url("../images/sprite/Excellent-mobile.png");
        background-repeat: no-repeat;
        animation: Excellent steps(31);
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-direction: normal;
        width: 36.232vw;
        height: 47.6468709677vw;
        background-position: 0 top
    }

    @keyframes Excellent {
        to {
            background-position: 0 -1477.053vw
        }
    }
}

.card-value-3 {
    background-image: url("../images/sprite/Dynamic.png");
    background-repeat: no-repeat;
    animation: Dynamic steps(34);
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    width: 20.9895833333vw;
    height: 27.6041666667vw;
    background-position: 0 top
}

@keyframes Dynamic {
    to {
        background-position: 0 -938.541666667vw
    }
}

@media all and (max-width: 540px) {
    .card-value-3 {
        background-image: url("../images/sprite/Dynamic-mobile.png");
        background-repeat: no-repeat;
        animation: Dynamic steps(34);
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-direction: normal;
        width: 36.232vw;
        height: 47.6484705882vw;
        background-position: 0 top
    }

    @keyframes Dynamic {
        to {
            background-position: 0 -1620.048vw
        }
    }
}

.card-value-4 {
    background-image: url("../images/sprite/Collab-sprite-p.png");
    background-repeat: no-repeat;
    animation: Collaborative steps(48);
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    width: 20.9895833333vw;
    height: 27.6041666667vw;
    background-position: 0 top
}

@keyframes Collaborative {
    to {
        background-position: 0 -1325vw
    }
}

@media all and (max-width: 540px) {
    .card-value-4 {
        background-image: url("../images/sprite/Collab-sprite-p-mobile.png");
        background-repeat: no-repeat;
        animation: Collaborative steps(48);
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-direction: normal;
        width: 36.232vw;
        height: 47.6499583333vw;
        background-position: 0 top
    }

    @keyframes Collaborative {
        to {
            background-position: 0 -2287.198vw
        }
    }
}

.card-value-1,
.card-value-2,
.card-value-3,
.card-value-4 {
    position: absolute;
    z-index: 9999;
    bottom: 0;
    left: 0;
    opacity: 0.7
}

@media all and (max-width: 1680px) {

    .card-value-1,
    .card-value-2,
    .card-value-3,
    .card-value-4 {
        background-size: 100% !important
    }
}

@media all and (max-width: 540px) {

    .card-value-1,
    .card-value-2,
    .card-value-3,
    .card-value-4 {
        left: 1.449vw
    }
}

.card-value-1:hover,
.card-value-2:hover,
.card-value-3:hover,
.card-value-4:hover {
    opacity: 1
}

.company-item .inner-slides:hover:before {
    background: #cc0100;
    cursor: pointer
}

.sprite2 {
    position: absolute
}

@media all and (max-width: 1680px) {
    .sprite2 {
        background-size: 100% !important
    }
}

.card2-value-1 {
    background-image: url("../images/sprite/company-2/Leadership-sprite.png");
    background-repeat: no-repeat;
    animation: Leadership steps(25);
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    width: 18.2291666667vw;
    height: 26.5625vw;
    background-position: 0 top;
    top: 3vw;
    left: -2vw
}

@keyframes Leadership {
    to {
        background-position: 0 -664.0625vw
    }
}

@media all and (max-width: 540px) {
    .card2-value-1 {
        background-image: url("../images/sprite/company-2/Leadership-sprite-mobile.png");
        background-repeat: no-repeat;
        animation: Leadership steps(25);
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-direction: normal;
        width: 21.7399vw;
        height: 31.68116vw;
        background-position: 0 top;
        top: 5vw;
        left: 6vw
    }

    @keyframes Leadership {
        to {
            background-position: 0 -792.029vw
        }
    }
}

.card2-value-2 {
    background-image: url("../images/sprite/company-2/Applications-sprite.png");
    background-repeat: no-repeat;
    animation: Applications steps(97);
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    width: 18.2291666667vw;
    height: 26.5625vw;
    background-position: 0 top;
    top: 0.2vw;
    left: -3.2vw
}

@keyframes Applications {
    to {
        background-position: 0 -2576.5625vw
    }
}

@media all and (max-width: 540px) {
    .card2-value-2 {
        background-image: url("../images/sprite/company-2/Applications-sprite-mobile.png");
        background-repeat: no-repeat;
        animation: Applications steps(97);
        animation-duration: 3s;
        animation-iteration-count: infinite;
        animation-direction: normal;
        width: 21.7399vw;
        height: 31.677371134vw;
        background-position: 0 top;
        top: 2.2vw;
        left: 3.8vw
    }

    @keyframes Applications {
        to {
            background-position: 0 -3072.705vw
        }
    }
}

.card2-value-3 {
    background-image: url("../images/sprite/company-2/Marquie-sprite.png");
    background-repeat: no-repeat;
    animation: Marquie steps(51);
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    width: 18.2291666667vw;
    height: 26.5625vw;
    background-position: 0 top;
    top: 0.25vw;
    left: -3vw
}

@keyframes Marquie {
    to {
        background-position: 0 -1354.6875vw
    }
}

@media all and (max-width: 540px) {
    .card2-value-3 {
        background-image: url("../images/sprite/company-2/Marquie-sprite-mobile.png");
        background-repeat: no-repeat;
        animation: Marquie steps(51);
        animation-duration: 2.5s;
        animation-iteration-count: infinite;
        animation-direction: normal;
        width: 21.7399vw;
        height: 31.6756666667vw;
        background-position: 0 top;
        top: 5.25vw;
        left: 4vw
    }

    @keyframes Marquie {
        to {
            background-position: 0 -1615.459vw
        }
    }
}

.card2-value-4 {
    background-image: url("../images/sprite/company-2/Steel-making-process_sprite-V2.png");
    background-repeat: no-repeat;
    animation: Steel-making steps(51);
    animation-duration: 2.2s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    width: 18.2291666667vw;
    height: 26.5625vw;
    background-position: 0 top;
    bottom: -7vw;
    left: -3vw
}

@keyframes Steel-making {
    to {
        background-position: 0 -1354.6875vw
    }
}

@media all and (max-width: 540px) {
    .card2-value-4 {
        background-image: url("../images/sprite/company-2/Steel-making-process_sprite-V2-mobile.png");
        background-repeat: no-repeat;
        animation: Steel-making steps(51);
        animation-duration: 2.2s;
        animation-iteration-count: infinite;
        animation-direction: normal;
        width: 21.7399vw;
        height: 31.6756666667vw;
        background-position: 0 top;
        bottom: -7vw;
        left: 4vw
    }

    @keyframes Steel-making {
        to {
            background-position: 0 -1615.459vw
        }
    }
}

.card2-value-5 {
    background-image: url("../images/sprite/company-2/Location-sprite.png");
    background-repeat: no-repeat;
    animation: Location steps(41);
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    width: 15.8854166667vw;
    height: 22.65625vw;
    background-position: 0 top;
    bottom: 5vw;
    left: -0.6vw
}

@keyframes Location {
    to {
        background-position: 0 -928.90625vw
    }
}

@media all and (max-width: 540px) {
    .card2-value-5 {
        background-image: url("../images/sprite/company-2/Location-sprite-mobile.png");
        background-repeat: no-repeat;
        animation: Location steps(41);
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-direction: normal;
        width: 21.7399vw;
        height: 31.0062439024vw;
        background-position: 0 top;
        bottom: -3vw;
        left: 4.4vw
    }

    @keyframes Location {
        to {
            background-position: 0 -1271.256vw
        }
    }
}

.card3-value-1 {
    background-image: url("../images/sprite/thematics/Education-spriteNew.png");
    background-repeat: no-repeat;
    animation: Education steps(48);
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    width: 26.0416666667vw;
    height: 26.0416666667vw;
    background-position: 0 top;
    bottom: 0 !important
}

@keyframes Education {
    to {
        background-position: 0 -1250vw
    }
}

@media all and (max-width: 540px) {
    .card3-value-1 {
        background-image: url("../images/sprite/thematics/Education-spriteNew-mobile.png");
        background-repeat: no-repeat;
        animation: Education steps(48);
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-direction: normal;
        width: 38.6477vw;
        height: 38.6473333333vw;
        background-position: 0 top
    }

    @keyframes Education {
        to {
            background-position: 0 -1855.072vw
        }
    }
}

.card3-value-2 {
    background-image: url("../images/sprite/thematics/Environment-sprite-New.png");
    background-repeat: no-repeat;
    animation: Environment steps(48);
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    width: 26.0416666667vw;
    height: 25vw;
    background-position: 0 top;
    bottom: 0 !important
}

@keyframes Environment {
    to {
        background-position: 0 -1200vw
    }
}

@media all and (max-width: 540px) {
    .card3-value-2 {
        background-image: url("../images/sprite/thematics/Environment-sprite-New-mobile.png");
        background-repeat: no-repeat;
        animation: Environment steps(48);
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-direction: normal;
        width: 38.6477vw;
        height: 37.1024583333vw;
        background-position: 0 top
    }

    @keyframes Environment {
        to {
            background-position: 0 -1780.918vw
        }
    }
}

.card3-value-3 {
    background-image: url("../images/sprite/thematics/Healthcare-sprite-New.png");
    background-repeat: no-repeat;
    animation: Healthcare steps(48);
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    width: 26.0416666667vw;
    height: 25vw;
    background-position: 0 top;
    bottom: 0 !important
}

@keyframes Healthcare {
    to {
        background-position: 0 -1200vw
    }
}

@media all and (max-width: 540px) {
    .card3-value-3 {
        background-image: url("../images/sprite/thematics/Healthcare-sprite-New-mobile.png");
        background-repeat: no-repeat;
        animation: Healthcare steps(48);
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-direction: normal;
        width: 38.6477vw;
        height: 37.1024583333vw;
        background-position: 0 top
    }

    @keyframes Healthcare {
        to {
            background-position: 0 -1780.918vw
        }
    }
}

.card3-value-4 {
    background-image: url("../images/sprite/thematics/Sports-Sprite-nEW.png");
    background-repeat: no-repeat;
    animation: Sports steps(35);
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    width: 26.0416666667vw;
    height: 25vw;
    background-position: 0 top;
    bottom: 0 !important
}

@keyframes Sports {
    to {
        background-position: 0 -875vw
    }
}

@media all and (max-width: 540px) {
    .card3-value-4 {
        background-image: url("../images/sprite/thematics/Sports-Sprite-nEW-mobile.png");
        background-repeat: no-repeat;
        animation: Sports steps(35);
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-direction: normal;
        width: 38.6477vw;
        height: 37.1014571429vw;
        background-position: 0 top
    }

    @keyframes Sports {
        to {
            background-position: 0 -1298.551vw
        }
    }
}

.card3-value-5 {
    background-image: url("../images/sprite/thematics/Community-Sprite-New.png");
    background-repeat: no-repeat;
    animation: Community steps(48);
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    width: 26.0416666667vw;
    height: 26.0416666667vw;
    background-position: 0 top;
    bottom: 0 !important
}

@keyframes Community {
    to {
        background-position: 0 -1250vw
    }
}

@media all and (max-width: 540px) {
    .card3-value-5 {
        background-image: url("../images/sprite/thematics/Community-Sprite-New-mobile.png");
        background-repeat: no-repeat;
        animation: Community steps(48);
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-direction: normal;
        width: 38.6477vw;
        height: 38.6473333333vw;
        background-position: 0 top
    }

    @keyframes Community {
        to {
            background-position: 0 -1855.072vw
        }
    }
}

.card3-value-6 {
    background-image: url("../images/sprite/thematics/Livelyhood-sprite-New.png");
    background-repeat: no-repeat;
    animation: Livelyhood steps(24);
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    width: 26.0416666667vw;
    height: 25vw;
    background-position: 0 top;
    bottom: -6vw !important
}

@keyframes Livelyhood {
    to {
        background-position: 0 -600vw
    }
}

@media all and (max-width: 540px) {
    .card3-value-6 {
        background-image: url("../images/sprite/thematics/Livelyhood-sprite-New.png");
        background-repeat: no-repeat;
        animation: Livelyhood steps(24);
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-direction: normal;
        width: 38.6477vw;
        height: 37.0974166667vw;
        background-position: 0 top
    }

    @keyframes Livelyhood {
        to {
            background-position: 0 -890.338vw
        }
    }
}

.gandhidham {
    top: 36.5%;
    left: 46.5%
}

.nagpur {
    top: 40%;
    left: 56.094%;
}

.kochi {
    top: 64.462%;
    left: 52%;
}

.vadodara {
    top: 37.5%;
    left: 47.5%;
}

.rajkot {
    top: 35.5%;
    left: 46.5%;
}

.jammu {
    top: 14.1%;
    left: 51.1%;
}

.pithampur {
    top: 37.2%;
    left: 52.0%;
}

/* ------------------------------------------- cc --------------------------  */

.mt-1 {
    margin-top: 5px;
}

.mt-2 {
    margin-top: 10px;
}

.mt-3 {
    margin-top: 20px;
}

.mt-4 {
    margin-top: 30px !important;
}

.mt-5 {
    margin-top: 40px !important;
}

.mb-1 {
    margin-bottom: 5px;
}

.mb-2 {
    margin-bottom: 10px;
}

.mb-3 {
    margin-bottom: 20px;
}

.mb-4 {
    margin-bottom: 30px;
}

h5 {
    font-size: 20px;
    font-weight: 700;
}

.normal_para {
    font-size: 16px;
}

.text-white {
    color: #ffffff;
}

.font-bold {
    font-weight: 600;
}

/* .elevated_sec .tech1, .tech2, .tech3{
    background: url(../../images/tech1.jpg);
    height: 100%;
    width: 100%;
    min-height: 250px;
    background-size: cover;
    bac
} */
.my-5 {
    margin: 50px 0;
}

.my-4 {
    margin: 40px 0;
}

.m-auto {
    margin: 0 auto;
}

.elevated_img {
    position: absolute;
}

.elevated_sec {
    position: relative;
    height: 100%;
    width: 100%;
}


.text-center {
    text-align: center;
}

.my-100 {
    margin: 100px 0 70px 0;
}

.red {
    color: #e52726;
}

.banner_sec {
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #ffffff;

}

.banner_sec p {
    max-width: 550px;
    text-align: center;
    font-size: 18px !important;
}

.banner_sec h2 {
    font-size: 50px;
    color: #ffffff;
    font-weight: 800;
    text-align: center;
    vertical-align: middle;
}

.tech1 {
    background: url(../../images/slide01.jpg);
    height: 100vh;
    width: 100%;
    background-size: cover;
}

.tech2 {
    background: url(../../images/slide02.jpg);
    height: 100vh;
    width: 100%;
    background-size: cover;
}

.tech3 {
    background: url(../../images/slide03.jpg);
    height: 100vh;
    width: 100%;
    background-size: cover;
}

.tech4 {
    background: url(../../images/slide04.jpg);
    height: 100vh;
    width: 100%;
    background-size: cover;
}

.tech5 {
    background: url(../../images/slide05.jpg);
    height: 100vh;
    width: 100%;
    background-size: cover;
}

.owl-carousel_banner .owl-nav {
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 50px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 75px;
    font-weight: 200;
}

.product_heading {
    color: #ffffff;
    text-align: center;
    padding: 20px;
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 30px;
}

.prodcuts_sec {
    display: flex;
    justify-content: space-between;
    width: 75%;
    margin: auto;
    gap: 30px;
    flex-wrap: wrap;
}

.prodcuts_sec a {
    width: 23%;
}

.prodcut_main {
    padding-bottom: 100px;
}

.prodcuts_sec a:hover img {
    position: relative;
    transform: scale(1.02);
}

.vairo_culture_heading {
    color: #ffffff;
    margin: auto;
    text-align: center;
    font-size: 25px;
    padding: 0 20px;
    font-weight: bold;
    margin-top: 25px;
}

.vairo_culture_para {
    color: #ffffff;
    max-width: 850px;
    margin: auto;
    text-align: center;
    font-size: 16px;
    padding: 0 20px 40px;
}

.mt-100 {
    margin-top: 100px;
}

.owl-carousel_company {
    max-width: 75%;
    margin: auto;
}

.owl-carousel_elevated {
    max-width: 75%;
    margin: auto;
}

.owl-carousel_elevated h3 {
    color: #ffffff;
    font-size: 28px;
    font-weight: 600;
    margin-top: 30px;
}

.owl-carousel_elevated p {
    color: #ffffff;
    font-size: 18px;
    margin-top: 10px;
}

.owl-carousel_company h3 {
    color: #ffffff;
    font-size: 25px;
    font-weight: 500;
    text-align: center;
    margin-top: 30px;
    line-height: 1.2;
}

.mt-10 {
    margin-top: 10px;
}

.owl-carousel_company p {
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
}

.main_btn {
    background-color: transparent;
    color: #ffffff;
    padding: 10px 20px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 20px auto;
    display: block;
    max-width: 150px;
    text-align: center;
    position: relative;
    font-weight: 500;
}

.main_btn:hover {
    background-color: #ffffff;
    transform: translateY(-5px);
    color: #28282b !important;
}

.vairo_services {
    padding-bottom: 100px;
}

.logo {
    width: 160px
}

.about_making {
    display: flex;
    justify-content: space-between;
    margin: auto;
    width: 75%;
    flex-wrap: wrap;
}

.pholosophy_main {
    display: flex;
    justify-content: space-between;
    margin: auto;
    width: 75%;
    flex-wrap: wrap;
    align-items: center;
}

.philosophy_making_content p {
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 30px;
}

.car_parking_main h3 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #ffffff !important;
    text-align: center;
    margin: auto;
}

.car_parking_main p {
    color: #ffffff !important;
    padding: 20px;
    max-width: 850px;
    text-align: center;
    margin: auto;
    margin-bottom: 30px;
}

.car_parking li {
    color: #ffffff !important;
    opacity: 0.7;
    margin-bottom: 15px;
}

.car_parking li b {
    color: #e52726 !important;
    opacity: 1 !important;
    font-weight: 800;
}

hr {
    width: 90%;
    margin: auto;
    /* background: red; */
    border: #ffffff1c solid 1px;
}

.background_191919 {
    background-color: #191919 !important;
}

.py-100 {
    padding: 100px 0;
}

.philosophy_making_content {
    width: 50%;
}

.philosophy_making_image {
    width: 50%;
    padding: 0 30px;
}

.philosophy_making_content .philosophy_making_image img {
    width: 100%;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-70 {
    margin-bottom: 70px;
}

.strategy_sub_heading {
    color: #ffffff;
    text-align: center;
    margin-bottom: 40px;
    padding: 0 20px;
}

.making_process {
    text-align: left;
    width: 32%;
    margin-bottom: 25px;
    padding: 32px;
    position: relative;
    border: 1px solid #ffffff14;
    border-radius: 20px;
}


.making_process:hover {
    background-color: #e52726;
}
.making_process:hover p{
    color: #ffffff;
}

.making_process:hover span{
    color: #ffffff;
}

.making_process h3 {
    color: #ffffff;
    font-size: 25px;
    margin-top: 10px;
    font-weight: 600;
}

.making_process img {
    display: inline-block;
}

.making_process p {
    color: #ffffff82;
    font-size: 18px;
    margin-top: 10px;
    text-align: left;
}

.height_auto {
    height: auto !important;
    padding: 20px !important;
}

.img_step {
    display: flex;
    justify-content: space-between;
}

.img_step img {
    width: 70px;
}

.img_step span {
    font-size: 18px;
    color: #ffffff5e;
    font-weight: 500;
}

.modal-content h3 {
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 11px;
    padding: 20px 0 0px;
    color: #cc0100;

}

.owl-carousel_elevated .owl-dots.disabled {
    display: block !important;
}

.owl-carousel .owl-dots {
    text-align: center;
}

.owl-carousel button.owl-dot {
    background: #5e5e5e !important;
    padding: 5px !important;
    height: 15px;
    width: 15px;
    margin: 0 10px;
    border-radius: 50%;
    text-align: center;
}

.owl-carousel button.owl-dot.active {
    background: red !important;
}

/* Owl Carousel item styling */
.item {
    text-align: center;
    padding: 20px;
}

/* Button styling */
.btn {
    padding: 10px 20px;
    background-color: #4CAF50;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 16px;
}

/* The Modal (hidden by default) */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

/* Modal content */
.modal-content {
    background-color: white;
    margin: 15% auto;
    padding: 30px 31px 50px 31px;
    border: 1px solid #888;
    width: 100%;
    max-width: 650px;
    position: relative;
}

/* Close button */
.modal-content .close {
    color: #474747;
    float: right;
    font-size: 50px;
    font-weight: 300;
    top: 0 !important;
}

.close:hover,
.close:focus {
    color: black;
    cursor: pointer;
}

.modal-content p {
    font-size: 18px;
}

.mt-100 {
    margin-top: 100px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mission_vision {
    width: 75%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    color: #ffffff;
}

.vision_inner {
    width: 50%;
    padding: 0 50px;
}

.mission_vision p {
    opacity: 0.6;
    margin-top: 10px;
}

.vision_inner img {
    max-width: 70px;
    width: 100%;
    display: inline-block;
}

.mission_main {
    background-color: #28282b;
    padding-top: 100px;
}

.owl-carousel_company p {
    opacity: 0.7;
}

.mb-30 {
    margin-bottom: 30px;
}

.my-30 {
    margin: 30px 0;
}

.mission_content p {
    color: #ffffff;
    opacity: 0.5;
}

.section-heading2 {
    color: #ffffff;
    font-size: 25px;
    font-weight: 600;
}

.industry {
    width: 75%;
    margin: auto;
}

.indust_child {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.indust_child img {
    width: 50% !important;
}

.indust_child .industry_content {
    width: 50%;
    color: #ffffff;
}

.industry_content h3 {
    font-size: 33px;
    font-weight: 700;
    color: #cc0100;
    margin-bottom: 10px;
}

.pb-100 {
    padding-bottom: 100px;
}

.industry_main {
    background-color: #19191973;
}

.client_img_main {
    width: 75%;
    margin: auto;
    padding: 20px;
    padding: 100px 20px;
}

.client_img {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 50px;
}

.client_img img {
    max-width: 300px;
    width: 100%;
    padding: 10px;
    border: solid 1px #ffffff2e;
    border-radius: 10px;
    filter: grayscale(1);
}
.client_img img:hover {
    filter: grayscale(0) !important;
}



.services_sec {
    display: flex;
    width: 75%;
    margin: auto;
    padding: 100px 20px;
    align-items: center;
}

.services_sec_content {
    color: #ffff;
    width: 50%;
    padding: 0 20px;
}

.services_sec_image {
    width: 50%;
    padding: 20px;
}

.services_sec_content h2 {
    font-size: 50px;
    font-weight: bold;
    color: #e8242a;
}

.services_sec_content p {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 20px;
}

.promise_heading {
    color: #e52726;
    margin-top: 30px 0;
    font-weight: 600;
    font-size: 35px;
}

.promise_text {
    color: #ffffff !important;
}

.philosophy_making_content ul li {
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 10px
}

.client_desc {
    color: #ffffff;
    margin: 0 auto 50px;
    text-align: center;
    max-width: 800px;
    width: 100%;
    padding: 0 20px;
    font-size: 20px;
}

.d-none {
    display: none;
}










@media (max-width: 1500px) {
    .about_making {
        width: 80%;
    }
}

@media (max-width: 992px) {
    .about_making {
        width: 100%;
    }

    .making_process {
        width: 48%;
    }

    .modal-content p {
        font-size: 16px;
    }

    .products-wrapper {
        max-width: 100% !important;
    }

    .prodcuts_sec a {
        width: 45%;
    }

    .philosophy_making_content {
        width: 100%
    }

    .philosophy_making_image {
        width: 100%;
    }

    .vision_inner {
        width: 100%;
        padding: 28px;
    }

    .services_sec {
        width: 100%;
        flex-direction: column-reverse;
        padding: 50px 20px;
    }

    .services_sec_content,
    .services_sec_image {
        width: 100%;
    }

}


@media (max-width: 768px) {
    .owl-carousel_banner .owl-nav {
        opacity: .5;
        padding: 0 10px;
    }

    .banner_sec p {
        padding: 0 50px;
        text-align: center;
        font-size: 18px !important;
        line-height: 1.3;
    }

    .prodcuts_sec {
        width: 100%;
        padding: 0 30px;
    }

    .owl-carousel_company {
        max-width: 100% !important;
    }

    .product_heading {
        font-size: 20px;
    }

    .prodcuts_sec img {
        max-height: 350px;
        margin: auto;
    }

    .mobile_show {
        display: block !important;
    }

    .mobile_hide {
        display: none !important;
    }

    .owl-carousel_company {
        width: 100%;
    }

    .philosophy_making_image {
        padding: 20px 0;
    }

    .indust_child {
        flex-direction: column;
    }

    .industry_content {
        margin-top: 30px;
    }

    .industry {
        width: 100%;
        padding: 0 20px;
    }

    .indust_child img,
    .indust_child .industry_content {
        width: 100% !important;
    }

    .py-100 {
        padding: 50px 0;
    }

    .prodcut_main {
        padding-bottom: 20px !important;
    }

}


@media (max-width: 550px) {

    .prodcuts_sec a {
        width: 100%;
    }

    .making_process {
        width: 100%;
    }

    .pholosophy_main {
        width: 100%;
        padding: 0 20px;
    }

    .mission_vision {
        width: 100%;
    }
}

.p-5per {
    padding: 0 5% !important;
}

.enquire_btn {
    padding: 10px 20px;
    background-color: transparent;
    border: #ffffff 1px solid;
}

.bold {
    font-weight: bold !important;
}

.py-3 {
    padding: 20px 0;
}

.product_main_text p {
    color: #ffffff;
    max-width: 850px;
    font-size: 20px;
    padding-left: 2vw;
    margin-top: 30px;
}

.product_main_text p span {
    color: #e52726;
}

.product_main_text ul {
    color: #ffffff;
    list-style-type: disc;
    display: flex;
    margin: 40px auto;
    text-align: center;
    justify-content: center;
    flex-wrap: wrap;
}

.product_main_text ul li {
    margin-left: 50px;
    font-size: 22px;
    margin-top: 10px;
}

.product_main_text li::marker {
    color: #e52726;
}

.text-center {
    text-align: center !important;
    font-weight: 600 !important;
}

.career_data .red {
    color: #e52726 !important;
    font-weight: 600;
}

.career_data .red span {
    font-weight: 300;
}
.text-left{
    text-align: left !important;
}
.ri-arrow-right-line{
    color: #e31b23;
    margin-right: 10px;
    font-size: 30px;
    position: relative !important;
    top: 5px !important;
}
.commenrcial li{
    margin-bottom: 0 !important;
    color: #ffffff !important;
    opacity: 1;
}
.philosophy_making_content .text-left{
    opacity: 0.7;
}
.main_headingg{
    max-width: 650px;
    margin: auto;

}
.footer_social_meida{
    display: flex;
}
.footer_social_meida li{
    margin: 5px 15px;
}
.footer_social_meida li a{
    color: #838383;
    font-size: 40px;
}
.footer_social_meida li a:hover{
    color: #ffffff;
    font-size: 40px;
}
.text-footer{
    color: #838383;
}
.text-footer:hover{
    color: #ffffff;
}