/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
 .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.html) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

 .slick-slider {
     position: relative;
     display: block;
     box-sizing: border-box;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-touch-callout: none;
     -khtml-user-select: none;
     -ms-touch-action: pan-y;
     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 {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     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}



.ourbusiness {
    background: linear-gradient(-260deg, #2dafe6 0%, #2581c4 50%);
}

.ourbusiness:before {
    content: '';
    position: absolute;
    background: radial-gradient(ellipse at left bottom, rgb(120 213 255) 0%, rgb(38 135 201 / 0%) 50%);
    width: 58vw;
    height: 75vh;
    left: 0;
    bottom: 0;
}


.ourbusiness {
    background: linear-gradient(-260deg, #2dafe6 0%, #2581c4 50%);
}

.ourbusiness:before {
    content: '';
    position: absolute;
    background: radial-gradient(ellipse at left bottom, rgb(120 213 255) 0%, rgb(38 135 201 / 0%) 50%);
    width: 58vw;
    height: 75vh;
    left: 0;
    bottom: 0;
}

/* .ourbusiness:after{content: '';
    position: absolute;
    background:radial-gradient(ellipse at right top, rgb(120 213 255) 25%, rgb(38 135 201 / 0%) 70%);
    width: 50vw;
    height: 75vh;
    right: 0;
    top: 0;} */

.minessteps-bg {
    /* position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); width:40vw; */

    position: absolute;
    left: 52%;
    top: -5%;
    transform: translate(-50%, 0%);
    width: 65%;
    opacity: 1;
}

/* .ourbusiness::before {content: '';width: 100%;height: 100%;background-image: radial-gradient(circle, rgb(17, 62, 95) 0%, rgb(29, 100, 152) 30%, rgb(29, 100, 152) 70%);position: absolute; top: 0; left: 0; filter: opacity(0.6);} */

video.minessteps-video {
    width: 100%;
    opacity: 0.40;
}

.minessteps-bg img {
    /* animation: rotate 25s linear infinite; */
    width: 100%;
    max-width: 100%;
}

@keyframes rotate {
    0% {
        rotate: 0;
        transform: scale(1.1);
    }

    to {
        rotate: 1turn;
        transform: scale(1.2);
    }
}

.minessteps-content-list-inner {
    position: relative;
}

.minessteps-content-container .minessteps-content-list p {
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: #fefefd;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    right: -13%;
    width: 38%;
    padding: 0 15px;
}


@-webkit-keyframes scale-display {
    0% {
        opacity: 1;
        transform: scale(0.9) rotate(-2deg);
        -webkit-transform: scale(0.9) rotate(-2deg);
        -moz-transform: scale(0.9) rotate(-2deg);
        -o-transform: scale(0.9) rotate(-2deg);
        -ms-transform: scale(0.9) rotate(-2deg);
    }

    100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
        -webkit-transform: scale(1) rotate(0deg);
        -moz-transform: scale(1) rotate(0deg);
        -o-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
    }
}

@-moz-keyframes scale-display {
    0% {
        opacity: 1;
        transform: scale(0.9) rotate(-2deg);
        -webkit-transform: scale(0.9) rotate(-2deg);
        -moz-transform: scale(0.9) rotate(-2deg);
        -o-transform: scale(0.9) rotate(-2deg);
        -ms-transform: scale(0.9) rotate(-2deg);
    }

    100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
        -webkit-transform: scale(1) rotate(0deg);
        -moz-transform: scale(1) rotate(0deg);
        -o-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
    }
}

@-o-keyframes scale-display {
    0% {
        opacity: 1;
        transform: scale(0.9) rotate(-2deg);
        -webkit-transform: scale(0.9) rotate(-2deg);
        -moz-transform: scale(0.9) rotate(-2deg);
        -o-transform: scale(0.9) rotate(-2deg);
        -ms-transform: scale(0.9) rotate(-2deg);
    }

    100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
        -webkit-transform: scale(1) rotate(0deg);
        -moz-transform: scale(1) rotate(0deg);
        -o-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
    }
}

@keyframes scale-display {
    0% {
        opacity: 1;
        transform: scale(0.9) rotate(-2deg);
        -webkit-transform: scale(0.9) rotate(-2deg);
        -moz-transform: scale(0.9) rotate(-2deg);
        -o-transform: scale(0.9) rotate(-2deg);
        -ms-transform: scale(0.9) rotate(-2deg);
    }

    100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
        -webkit-transform: scale(1) rotate(0deg);
        -moz-transform: scale(1) rotate(0deg);
        -o-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
    }
}


@-webkit-keyframes fade-display {
    0% {
        opacity: 0;
        visibility: hidden;
        transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -webkit-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -moz-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -o-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -ms-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
    }

    100% {
        opacity: 1;
        visibility: visible;
        transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -webkit-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -moz-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -o-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -ms-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
    }
}

@-moz-keyframes fade-display {
    0% {
        opacity: 0;
        visibility: hidden;
        transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -webkit-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -moz-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -o-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -ms-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
    }

    100% {
        opacity: 1;
        visibility: visible;
        transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -webkit-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -moz-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -o-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -ms-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
    }
}

@-o-keyframes fade-display {
    0% {
        opacity: 0;
        visibility: hidden;
        transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -webkit-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -moz-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -o-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -ms-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
    }

    100% {
        opacity: 1;
        visibility: visible;
        transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -webkit-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -moz-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -o-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -ms-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
    }
}

@keyframes fade-display {
    0% {
        opacity: 0;
        visibility: hidden;
        transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -webkit-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -moz-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -o-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -ms-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
    }

    100% {
        opacity: 1;
        visibility: visible;
        transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -webkit-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -moz-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -o-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
        -ms-transition: all 300ms cubic-bezier(0.335, 0.01, 0.03, 1.36);
    }
}

.tradingview-widget-container {
    width: 100% !important;
    height: 100px !important;
    overflow: hidden !important;
}

.tradingview-widget-container iframe {
    width: 100% !important;
    height: auto !important;
}

/* .line {
  height: 2px;
  position: absolute;
  bottom: 0;
  margin: 10px 0 0 0;
  background: #FF1847;
} */



.stories-portfolio {
    overflow: hidden;
}



@media all and (min-width:992px) {
    .slider-item h2 {
        margin-bottom: 30px;
        font-size: 2.8125rem;
        line-height: 2.8125rem;
    }

    .slider-item h3 {
        margin-bottom: 50px;
    }

    .slider-item .button {
        padding: 20px 35px;
    }

    .slider-control .next,
    .slider-control .prev {
        padding: 30px 43px;
    }

    .slider-item .slider-content {
        top: 50%;
        left: 20%;
    }
}


.homeintro-row1 {
    overflow: hidden;
    height: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.latestHindalco-list-wrap {
    padding-right: 40px;
}


.homeintro-row1 .whitebtn {
    width: 150px;
}

.homeintro-row1 .readmore.whitebtn:hover {
    width: 150px;
}


.readstories-section .animation-element.wipe-in-right.in-view {
    animation: wipe-in-right 4s steps(150, end);
    -webkit-animation: wipe-in-right 4s steps(150, end);
}

.common-padding {
    padding: 120px 0 0;
}

.homeintro-row-top {
    overflow: hidden;
}

.oursolutions-outer-bg {
    height: 100%;
    position: fixed;
    top: 10px;
    left: 0;
    width: 100%;
    z-index: -1;
}

.oursolutions-outer-bg.jarallax #jarallax-container-0 {
    overflow: visible !important;
    clip-path: none !important;
}

.oursolutions-outer-bg.jarallax .jarallax-img {
    overflow: visible !important;
}

.readstories-section {
    overflow: hidden;
}

.meetourpeople {
    padding-bottom: 120px;
    margin-bottom: 0;
}

.meetourpeople-outer-bg {
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
}

.meetourpeople-outer-bg.jarallax #jarallax-container-1 {
    overflow: visible !important;
    clip-path: none !important;
}

.meetourpeople-outer-bg.jarallax .jarallax-img {
    overflow: visible !important;
}

.about-active-indicator {
    position: absolute;
    content: "";
    height: 40px;
    vertical-align: middle;
    border: 2px solid #56c230;
    /* background: linear-gradient(to right, #f79237, #f3775a); */
    border-radius: 50%;
    top: -200px;
    width: 40px;
    transition: 0.8s ease;
    left: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.paddingfromleft {
    padding-left: 40px;
}



/* .sliderbtn-wrap {position: absolute;top: 50%;left: 50%;} */
.sliderbtn-wrap .prev-btn {
    position: absolute;
    top: 50%;
    left: -45px;
    cursor: pointer;
}

.sliderbtn-wrap .next-btn {
    position: absolute;
    top: 50%;
    right: -45px;
    cursor: pointer;
}

#video-popup-container {
    display: none;
    position: fixed;
    z-index: 996;
    width: 60%;
    left: 50%;
    margin-left: -30%;
    top: 20%;
    background-color: #fff
}

#video-popup-close {
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 998;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    text-align: center;
    font-size: 12px;
    background-color: #000;
    line-height: 25px;
    color: #fff;
    opacity: 1
}

#video-popup-iframe-container {
    position: absolute;
    z-index: 997;
    width: 100%;
    padding-bottom: 56.25%;
    border: 2px solid #000;
    border-radius: 2px;
    background-color: #000;
    opacity: 1
}

#video-popup-iframe {
    z-index: 999;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000
}

#video-popup-overlay {
    display: none;
    position: fixed;
    z-index: 995;
    top: 0;
    background-color: #000;
    opacity: .8;
    width: 100%;
    height: 100%
}

#video-popup-close:hover {
    color: #de0023
}

.content-caption {
    position: absolute;
    padding-left: 1em;
    width: 100%;
    top: 65%;
    left: 50%;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    z-index: 10;
}

.vidblogs-figureCaption .content-caption {
    text-align: center;
    top: 90%
}

.vidblogs-figureCaption .content-caption p {
    color: #fff;
    margin-bottom: 0
}

.vidblogs-figureCaption picture::after {
    content: '';
    background: #000;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .04\2) 0, rgba(0, 0, 0, .7) 85%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .02) 0, rgba(0, 0, 0, .7) 85%);
    background: linear-gradient(top, rgba(0, 0, 0, .02) 0, rgba(0, 0, 0, .7) 85%);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 1;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.solutions-row {
    display: flex;
    flex-wrap: wrap;
}

.solutions-row .solutions-block {
    flex: 0 0 31.9%;
    max-width: 31.9%;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    z-index: 10;
}

.solutions-row .solutions-block:nth-child(3n) {
    margin-right: 0;
}

.solutions-row .solutions-block figcaption {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 1;
    transition: all 0.6s;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80px;
}

/* .solutions-row .solutions-block figcaption h3 {color: #fff;font-size: 16px;line-height: 24px; margin: 0 auto 0px; width:210px; transition:fontWeight .6s;} */
.solutions-row .solutions-block figcaption h3 {
    color: #fff;
    transition: fontWeight .6s;
    font-size: 20px;
    line-height: 20px;
    display: flex;
    font-weight: 700;
    justify-content: center;
}

.solutions-row .solutions-block .img-outer {
    position: relative;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}

.solutions-row .solutions-block .img-outer img {
    width: 100%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    transition: opacity 1.2s, transform 1.2s;
    -webkit-transition: opacity 1.2s, transform 1.2s;
    -moz-transition: opacity 1.2s, transform 1.2s;
    -ms-transition: opacity 1.2s, transform 1.2s;
    -o-transition: opacity 1.2s, transform 1.2s;
}

.solutions-row .solutions-block figcaption::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, .05) 0%, rgba(0, 0, 0, .7) 85%);
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, .05) 0%, rgba(0, 0, 0, .7) 85%);
    background: linear-gradient(180deg, rgba(0, 0, 0, .05) 0%, rgba(0, 0, 0, .7) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    /* border-radius:20px;
  -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-filter:20px; */
}

.solutions-row .solutions-block .stretched-link::after {
    z-index: 10;
}

.solutions-row .solutions-block:hover:after {
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, .05) 50%, rgba(0, 0, 0, .7) 85%);
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, .05) 50%, rgba(0, 0, 0, .7) 85%);
    background: linear-gradient(180deg, rgba(0, 0, 0, .05) 50%, rgba(0, 0, 0, .7) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

.solutions-row .solutions-block:hover img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
}

.solutions-row .solutions-block:hover figcaption {
    min-height: 100%;
}

/* .solutions-row .solutions-block:hover figcaption h3{font-weight: 800;} */


.sustainability-row .readmore.whitebtn:hover {
    width: auto;
}

/*--------------------------------------------------------------
	#VIDEO SLIDER END
--------------------------------------------------------------*/


.hero-slider .swiper-wrapper .slide-inner .slide-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hero-slider .swiper-wrapper .slide-inner .slide-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hero-slider .swiper-wrapper .slide-inner .mobileBanner {
    display: none;
}

.video-slide-wrap {}

@media all and (max-width:767px) {
    .hero-slider .swiper-wrapper .slide-inner .desktopBanner {
        display: none;
    }

    .hero-slider .swiper-wrapper .slide-inner .mobileBanner {
        display: block;
    }

    .hero-slider .slide-inner {
        justify-content: flex-start;
    }
}


.slider-container {
    position: relative;
}

.video-container {
    position: fixed;
    bottom: 20px;
    /* Adjust as needed */
    right: 20px;
    /* Adjust as needed */
    z-index: 1000;
    /* Ensure it appears above other content */
    display: none;
    /* Initially hidden */
}

#videoPlayer {
    width: 320px;
    /* Set width and height for the video player */
    height: 180px;
    /* Set width and height for the video player */
}

#playButton {
    display: block;
}

/**STYLE FOR 1920*1080 screen at 125% scale**/
@media only screen and (max-width: 1536px) and (min-width: 1441px) {
    .minessteps-bg {
        left: 54%;
        width: 68%;
    }
}

/**STYLE FOR 1920*1080 screen at 150% scale**/
@media (max-width:1439px) and (min-width: 1263px) and (-webkit-device-pixel-ratio:1.5) {}







/* services-slider */











html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: clip;
}

.lenis.lenis-smooth iframe {
    pointer-events: none;
}



.readstories-links li a {
    cursor: pointer
}

.business-mobile-title {
    display: none;
}

.business-mobile-title h3 {
    color: #fff;
    font-weight: 600;
}

.media-storiestile-list {
    display: none
}

.readstories-links li a.active {
    color: #000;
    font-weight: 700
}

.minessteps-container {
    position: relative
}

.minessteps-container .curve-line {
    position: absolute;
    top: 0;
    left: -6px;
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1
}

.round-slider .slick-dots li {
    position: absolute
}

.round-slider li {
    position: absolute
}

.round-slider .slick-list {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    padding: 0
}

.round-slider .slider-paging-number {
    transform: translate(-50%, -50%);
    top: 260px;
    list-style-type: none;
    left: 43%;
    position: absolute;
    z-index: 10
}

.round-slider .slick-slide {
    position: relative;
    outline: none
}

.round-slider .slick-slide h3 {
    margin: 0;
    background: none !important;
    display: none
}

.round-slider .slick-slide img {
    border: none;
    display: block;
    width: auto
}

.round-slider .slick-slide>div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-51%, -50%)
}

.round-slider .slick-track {
    height: 100%
}

.slider-for .slick-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.minessteps-innercontent {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 2rem
}

.slider-paging-number button {
    background: none;
    outline: none;
    box-shadow: none;
    border: none;
    font-size: 16px;
    line-height: 24px;
    color: #56c230;
    padding: 2px 6px;
    max-width: 100%;
    position: relative;
    border-radius: 3px;
    top: 10px;
    left: -5px;
    transition: opacity 1s ease-in-out, left 500ms linear
}

.slider-paging-number li.slick-active button {
    color: #fff;
    font-weight: 500;
    left: 0;
    opacity: 1
}

.minessteps-innercontent p {
    font-size: 15px;
    line-height: 23px;
    color: #fff;
    width: 20vw;
    right: -20vw;
    position: absolute;
    bottom: 0
}

.minessteps-container .round-slider li:nth-child(1) {
    top: -120px;
    left: -60px
}

.minessteps-container .slider-paging-number li:nth-child(1)::before {
    top: 60px;
    left: 40px
}

.minessteps-container .slider-paging-number li:nth-child(1)::after {
    top: 8px;
    left: 94px
}

.minessteps-container .round-slider li:nth-child(2) {
    top: -48px;
    left: -62px
}

.minessteps-container .slider-paging-number li:nth-child(2)::before {
    top: 78px;
    left: 40px
}

.minessteps-container .slider-paging-number li:nth-child(2)::after {
    top: 20px;
    left: 130px
}

.minessteps-container .round-slider li:nth-child(3) {
    top: -5px;
    left: -52px
}

.minessteps-container .slider-paging-number li:nth-child(3)::before {
    top: 22px;
    left: 100px
}

.minessteps-container .slider-paging-number li:nth-child(3)::after {
    top: 30px;
    left: 115px
}

.minessteps-container .round-slider li:nth-child(4) {
    top: -34px;
    left: -25px
}

.minessteps-container .slider-paging-number li:nth-child(4)::before {
    top: 68px;
    left: 45px
}

.minessteps-container .slider-paging-number li:nth-child(4)::after {
    top: 75px;
    left: 60px
}

.minessteps-container .round-slider li:nth-child(5) {
    top: -14px;
    left: 25px
}

.minessteps-container .slider-paging-number li:nth-child(5)::before {
    top: 23px;
    left: -35px
}

.minessteps-container .slider-paging-number li:nth-child(5)::after {
    top: 30px;
    left: -20px
}

.minessteps-container .round-slider li:nth-child(6) {
    top: -53px;
    left: 60px
}

.minessteps-container .slider-paging-number li:nth-child(6)::before {
    top: 12px;
    left: -45px
}

.minessteps-container .slider-paging-number li:nth-child(6)::after {
    top: 19px;
    left: -30px
}

.minessteps-container .round-slider li:nth-child(7) {
    top: -85px;
    left: 55px
}

.minessteps-container .slider-paging-number li:nth-child(7)::before {
    top: -32px;
    left: 17px
}

.minessteps-container .slider-paging-number li:nth-child(7)::after {
    top: -25px;
    left: 32px
}

.slider-paging-number li::before {
    content: "";
    background: transparent;
    position: absolute;
    width: 16px;
    height: 16px;
    line-height: 16px;
    top: -1px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    cursor: pointer
}

.slider-paging-number li.slick-active::after {
    background: #56c230;
    border: 2px solid #56c230;
    opacity: 1;
    width: 15px;
    height: 15px;
    top: 4px;
    -webkit-animation: anim-glow 2s ease infinite;
    animation: anim-glow 2s ease infinite;
    transition: left .2s ease
}

.slider-paging-number li::after {
    content: "";
    position: absolute;
    background: #56c230;
    width: 12px;
    height: 12px;
    line-height: 12px;
    top: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes spinAround {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes anim-glow {
    0% {
        box-shadow: 0 0 #56c230
    }

    100% {
        box-shadow: 0 0 10px 8px transparent;
        border-width: 2px
    }
}

@keyframes anim-glow {
    0% {
        box-shadow: 0 0 #56c230
    }

    100% {
        box-shadow: 0 0 10px 8px transparent;
        border-width: 2px
    }
}

@keyframes grow {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.slider-for .slick-current.slick-active .minessteps-innercontent .minessteps-content-img {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.slider-for .minessteps-innercontent .minessteps-content-img {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative
}

.slider-for .slick-current.slick-active .minessteps-innercontent p {
    -webkit-animation-name: fadeInUpH;
    animation-name: fadeInUpH;
    animation-duration: 1s
}

@keyframes fadeInUpH {
    from {
        transform: translate3d(0, 40px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUpH {
    from {
        transform: translate3d(0, 40px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.indicator {
    width: 100px;
    height: 5px;
    background: rgba(204, 204, 204, 0.5);
    border-top: 1px solid rgba(61, 61, 61, 0.1);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: left .5s
}

.innerminessteps-wrap {
    position: relative
}

.heading0::after,
.heading1::after,
.heading2::after,
.heading3::after,
.heading4::after,
.heading5::after,
.heading6::after {
    content: '';
    transition: left 1.3s ease;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #d61f24;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 20px;
    transition: opacity 100ms ease-in-out, left 500ms linear;
    display: none
}

.heading0::after {
    top: -5px;
    left: 84px
}

.heading1::after {
    top: 7px;
    left: 120px
}

.heading2::after {
    top: 17px;
    left: 105px
}

.heading3::after {
    top: 62px;
    left: 50px
}

.heading4::after {
    top: 17px;
    left: -30px
}

.heading5::after {
    top: 6px;
    left: -40px
}

.heading6::after {
    top: -38px;
    left: 22px
}

.slider-paging-number li.slick-active button.heading0::after {
    opacity: 1;
    animation: key_left 1s ease alternate
}

.slider-paging-number li.slick-active button.heading1::after {
    opacity: 1;
    animation: key_left 1s ease alternate
}

.slider-paging-number li.slick-active button.heading2::after {
    opacity: 1;
    animation: key_left 1s ease alternate
}

.slider-paging-number li.slick-active button.heading3::after {
    opacity: 1;
    animation: key_top 1s ease alternate
}

.slider-paging-number li.slick-active button.heading4::after {
    opacity: 1;
    animation: key_right 1s ease alternate
}

.slider-paging-number li.slick-active button.heading5::after {
    opacity: 1;
    animation: key_right 1s ease alternate
}

.slider-paging-number li.slick-active button.heading6::after {
    opacity: 1;
    animation: key_bottom 1s ease alternate
}

.minessteps-content-img img {
    height: 450px
}

@keyframes key_left {
    0% {
        opacity: 0;
        transform: translateX(-50px);
        background-color: transparent
    }

    60% {
        opacity: 1;
        transform: translateX(-2px);
        background-color: transparent
    }

    80% {
        transform: translateX(1px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes key_right {
    0% {
        opacity: 0;
        transform: translateX(50px);
        background-color: transparent
    }

    60% {
        opacity: 1;
        transform: translateX(2px);
        background-color: transparent
    }

    80% {
        transform: translateX(1px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes key_top {
    0% {
        opacity: 0;
        transform: translateY(-50px);
        background-color: transparent
    }

    60% {
        opacity: 1;
        transform: translateY(2px);
        background-color: transparent
    }

    80% {
        transform: translateY(1px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes key_bottom {
    0% {
        opacity: 0;
        transform: translateY(50px);
        background-color: transparent
    }

    60% {
        opacity: 1;
        transform: translateY(2px);
        background-color: transparent
    }

    80% {
        transform: translateY(1px)
    }

    100% {
        transform: translateY(0)
    }
}

.main-content-body {
    position: relative;
    z-index: 99;
    background: #fff;
    overflow: hidden;
    /*margin-top:100vh*/
    margin-top: auto
}

.animation-element.zoomin {
    -moz-transition: all 1000ms linear !important;
    -webkit-transition: all 1000ms linear !important;
    -o-transition: all 1000ms linear !important;
    transition: all 1000ms linear !important
}

.section-heading span,
.section-heading-2 span {
    font-weight: 400 !important;
    color: #121212 !important
}

.section-heading span:first-child,
.section-heading-2 span:first-child {
    font-weight: 700 !important;
    color: #2581C4 !important
}

.text-white.section-heading span:first-child {
    color: #2DAFE6 !important
}

.common-padding {
   padding-bottom: 20px;
    padding-top: 60px;
}

.page__header {
    top: -150px;
    transition: top .5s
}

.loaded .page__header,
.afterLoad .page__header {
    top: 0
}

.slide__content {
    top: calc(50% + 100%) !important;
    opacity: 0;
    visibility: hidden;
    transition: all .8s
}

.loaded .slide__content,
.afterLoad .slide__content {
    top: calc(50%) !important;
    opacity: 1;
    visibility: visible
}

.banner-section {
    position: fixed;
    height: 100vh;
    width: 100%
}

.banner-section.bannerAfterScroll {
    position: absolute
}

.banner-section .home-slider .slick-list,
.banner-section .home-slider .slick-track,
.home-slider .slide {
    height: 100%
}

.banner-section .slide__content {
    transition: all .8s !important;
    opacity: 1;
    visibility: visible
}

.banner-section.bannerAfterScroll .slide__content {
    top: calc(50% + 300px) !important;
    opacity: 0;
    visibility: hidden
}

.banner-section .home-slider video {
    transition: all .8s
}

.banner-section.bannerAfterScroll .home-slider video {
    filter: blur(5px) grayscale(0.4)
}

.oursolutions-outer .slick-arrow {
    top: calc(100% + 60px);
    transform: translate(-50%, -100%);
    background: #2dafe6;
    transition: all .6s
}

.oursolutions-outer .slick-arrow:hover {
    background: #EBC533;
    border-color: #EBC533
}

.oursolutions-outer .slick-arrow i {
    color: #fff;
    font-size: 20px
}

.oursolutions-outer .slick-prev {
    left: calc(50% - 50px) !important
}

.oursolutions-outer .slick-next {
    right: calc(50% - 50px) !important
}

.circlethumbnail-carousel .slick-arrow {
    background-color: #2dafe6;
    border: 1px solid #2dafe6
}

.circlethumbnail-carousel .img-outer {
    min-height: 355px;
    max-height: 355px;
    margin-bottom: 0
}

.circlethumbnail-carousel figcaption h3 {
    font-weight: 500;
    color: #2dafe6
}

.circlethumbnail-carousel figure:hover .img-outer img {
    transform: inherit
}

.circlethumbnail-carousel .slick-slide figure {
    opacity: 0;
    visibility: hidden
}

.circlethumbnail-carousel .slick-slide.slick-active figure {
    opacity: 1;
    visibility: visible;
    transition: opacity .5s ease-in-out
}

.oursolutions-outer-bg {
    z-index: -1;
    position: relative;
    z-index: inherit;
    top: 0
}

.homeintro-row1 {
    position: relative;
    z-index: 12
}

.homeintro-row3 {
    min-height: 100vh;
    position: relative;
    z-index: 12
}

.homeintro-row3 .section-heading-2 {
    font-weight: 700
}

.homeintro-row3 .section-heading-2 span {
    font-weight: 400;
    color: #fff !important
}

.meetourpeople {
    overflow: hidden;
    position: relative;
    z-index: 11
}

.homeintro-row-top {
    overflow: hidden;
    position: relative;
    z-index: 99
}

.meetourpeople-outer-bg img {
    z-index: -1;
    position: absolute;
    height: 100%;
    background-size: 100% 100%;
    background-attachment: fixed
}

.meetourpeople-outer-bg.in-view img {
    z-index: -1;
    position: fixed;
    height: 100%;
    background-size: 100% 100%;
    background-attachment: fixed
}

.meetourpeople-outer-bg {
    overflow: hidden;
    z-index: -1
}

.meetourpeople-outer-bg.animation-element.wipe-in-right.in-view,
.oursolutions-outer-bg.animation-element.wipe-in-right.in-view,
.readstories-outer-bg.animation-element.wipe-in-right.in-view,
.in-view .oursolutions-outer-bg.wipe-in-right,
.in-view .readstories-outer-bg {
    opacity: 1;
    animation: wipe-in-right 2s steps(150, end);
    -webkit-animation: wipe-in-right 2s steps(150, end)
}

.oursolutions-outer-bg {
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    z-index: -1;
    background-size: 100% 100%;
    background-attachment: fixed;
    background-image: url(../../Upload/homepage/solutions-background.webp);
    margin-top: 100vh
}

.in-view .oursolutions-outer-bg {
    margin-top: 0
}

.oursolutions-outer-bg img {
    z-index: -1;
    position: fixed;
    height: 100%;
    background-size: 100% 100%;
    background-attachment: fixed
}

.in-view .oursolutions-outer-bg img {
    z-index: -1;
    position: fixed;
    height: 100%;
    background-size: 100% 100%;
    background-attachment: fixed
}

.readstories-outer-bg {
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    z-index: -1;
    background-size: 100% 100%;
    background-attachment: fixed;
    background-image: url(../../Upload/homepage/read-stories-bg-1.webp);
    margin-top: 100vh
}

.in-view .readstories-outer-bg {
    margin-top: 0
}

.readstories-outer-bg img {
    z-index: -1;
    position: fixed;
    height: 100%;
    background-size: 100% 100%;
    background-attachment: fixed
}

.in-view .readstories-outer-bg img {
    z-index: -1;
    position: fixed;
    height: 100%;
    background-size: 100% 100%;
    background-attachment: fixed
}

ul.slider-paging-number li {
    opacity: 10;
    visibility: visible;
    transition: opacity 0.6s, transform .6s
}

.homeintro-row1 {
    padding: 150px 0 100px 0;
    height: auto
}
@media (max-width: 767px) {
    .homeintro-row1 {
        padding-top: 40px !important;
        padding-bottom: 90px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .homeintro-row1 .container{
        width: 90% !important;
    }
}


.homeintro-row1 .section-heading {
    line-height: 1.25;
}

.homeintro-row1 .container {
    max-width: 1320px;
    width: 80%;
}

.homeintro-row1 .business-name,
.homeintro-row1 .business-intro {
    padding: 0 15px
}

.homeintro-row1 .business-intro .section-heading {
    font-weight: 600 !important;
    color: #fff !important;
    font-size: 39px;
    margin-bottom: 25px;
}

.homeintro-row1 .business-intro .section-heading span,
.homeintro-row1 .business-intro .text-white.section-heading span:first-child {
    font-weight: 800 !important;
    color: #fff !important;
}

.homeintro-row1 .business-intro .readmore {
    background-color: transparent;
}

/* .innerminessteps-wrap p{font-size:13px;line-height:18px;color:#fff;width:20vw;right:-20vw;position:absolute;bottom:0;margin-bottom:0} */
.innerminessteps-wrap p {
    font-size: 20px;
    line-height: 1.25;
    font-weight: 400;
    color: #fff;
    max-width: 660px;
    position: relative;
    left: 0;
    margin-bottom: 0;
    text-align: center;
    width: 100%;
}

.innerminessteps-wrap .slider .slick-list {
    overflow: inherit
}

.homeintro-row1 .business-name {
    margin-left: 0px;
    max-width: 60%;
    width: 60%;
    flex: 0 0 60%;
}

.homeintro-row1 .business-intro {
    max-width: 40%;
    margin-right: 0px;
    width: 40%;
    flex: 0 0 40%;
}

video.minessteps-video {
    opacity: .7
}

.solutions-block,
.media-stories-list {
    opacity: 1 !important;
}

.solutions-block.imgHover,
.media-stories-list.imgHover {
    opacity: 0.3 !important;
    transition: opacity 0.3s !important;
}



@media only screen and (min-width: 1600px) and (max-width: 1679px) {
    .minessteps-container {
        top: 0
    }

    .video-swiper-container .swiper-button-prev {
        left: 4vw;
    }

    .video-swiper-container .swiper-button-next {
        right: 4vw;
    }
}


 .slick-arrow {
    height: 40px !important;
    width: 40px !important;
    font-size: 0px;
    z-index: 100;
    background-color: #fff0f3;
    border-radius: 10px;
}
.innerminessteps-wrap .slick-prev{
    background-image: url(../images/back.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1000000;
    position: absolute;
    bottom: -10%;
    left: 50%;

}
.innerminessteps-wrap .slick-next {
    background-image: url(../images/back.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1000000;
    position: absolute;
    bottom: -10%;
    left: 57%;
    transform: rotate(180deg);
}
/* .minessteps-container .slick-arrow,
.svgTextWrap-e9c6dycV {
    display: none !important;
} */

.readstories-links li a {
    cursor: pointer
}

.media-storiestile-list {
    display: none
}

.readstories-links li a.active {
    color: #000;
    font-weight: 700
}

.minessteps-container {
    position: relative
}

.minessteps-container .curve-line {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1
}

.round-slider .slick-dots li {
    position: absolute
}

.round-slider li {
    position: absolute;
    min-width: 225px;
}

.round-slider .slick-list {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    padding: 0
}

.round-slider .slider-paging-number {
    transform: translate(-50%, -50%);
    top: 260px;
    list-style-type: none;
    left: 43%;
    position: absolute;
    z-index: 10
}

.round-slider .slick-slide {
    position: relative;
    outline: none
}

.round-slider .slick-slide h3 {
    margin: 0;
    background: none !important;
    display: none
}

.round-slider .slick-slide img {
    border: none;
    display: block;
    width: auto
}

.round-slider .slick-slide>div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-51%, -50%)
}

.round-slider .slick-track {
    height: 100%
}

.slider-for .slick-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.minessteps-innercontent {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 2rem
}

.slider-paging-number button {
    background: none;
    outline: none;
    box-shadow: none;
    border: none;
    font-size: 18px;
    line-height: 1.25;
    color: #fff;
    padding: 2px 6px;
    max-width: 100%;
    position: relative;
    border-radius: 3px;
    top: 10px;
    left: -5px;
    transition: opacity 1s ease-in-out, left 500ms linear
}

.slider-paging-number li.slick-active button {
    color: #fff;
    font-weight: 500;
    left: 0;
    opacity: 1
}

.minessteps-container .round-slider li:nth-child(1) {
    top: -35px;
    left: 30px
}

.minessteps-container .round-slider li:nth-child(1) .heading0 {
    position: relative;
    top: 2px;
    left: -108px;
}

.minessteps-container .round-slider li:nth-child(2) .heading1 {
    position: relative;
    top: 15px;
    left: -95px
}

.minessteps-container .round-slider li:nth-child(3) .heading2 {
    position: relative;
    top: 25px;
    left: -128px;
}

.minessteps-container .round-slider li:nth-child(4) .heading3 {
    position: relative;
    top: 15px
}

.minessteps-container .round-slider li:nth-child(5) .heading4 {
    position: relative;
    top: 25px;
    left: 2px
}

.minessteps-container .round-slider li:nth-child(6) .heading5 {
    position: relative;
    top: 15px;
    left: -10px
}

.minessteps-container .round-slider li:nth-child(7) .heading6 {
    position: relative;
    top: -45px;
    left: 50px
}

.minessteps-container .slider-paging-number li:nth-child(1)::before {
    top: 5px;
    left: 80px
}

.minessteps-container .slider-paging-number li:nth-child(1)::after {
    top: 8px;
    left: 94px
}

.minessteps-container .round-slider li:nth-child(2) {
    top: 2px;
    left: -22px
}

.minessteps-container .slider-paging-number li:nth-child(2)::before {
    top: 13px;
    left: 115px
}

.minessteps-container .slider-paging-number li:nth-child(2)::after {
    top: 20px;
    left: 130px
}

.minessteps-container .round-slider li:nth-child(3) {
    top: 8px;
    left: -35px
}

.minessteps-container .slider-paging-number li:nth-child(3)::before {
    top: 22px;
    left: 100px
}

.minessteps-container .slider-paging-number li:nth-child(3)::after {
    top: 30px;
    left: 115px
}

.minessteps-container .round-slider li:nth-child(4) {
    top: -40px;
    left: 0px
}

.minessteps-container .slider-paging-number li:nth-child(4)::before {
    top: 68px;
    left: 45px
}

.minessteps-container .slider-paging-number li:nth-child(4)::after {
    top: 75px;
    left: 60px
}

.minessteps-container .round-slider li:nth-child(5) {
    top: 8px;
    left: 80px
}

.minessteps-container .slider-paging-number li:nth-child(5)::before {
    top: 23px;
    left: -35px
}

.minessteps-container .slider-paging-number li:nth-child(5)::after {
    top: 30px;
    left: -20px
}

.minessteps-container .round-slider li:nth-child(6) {
    top: 0px;
    left: 60px
}

.minessteps-container .slider-paging-number li:nth-child(6)::before {
    top: 12px;
    left: -45px
}

.minessteps-container .slider-paging-number li:nth-child(6)::after {
    top: 19px;
    left: -30px
}

.minessteps-container .round-slider li:nth-child(7) {
    top: 5px;
    left: -16px
}

.minessteps-container .slider-paging-number li:nth-child(7)::before {
    top: -32px;
    left: 20px
}

.minessteps-container .slider-paging-number li:nth-child(7)::after {
    top: -25px;
    left: 35px
}

.slider-paging-number li.slick-active::before {
    border: 2px solid #2DAFE6;
    width: 30px;
    height: 30px;
    -webkit-animation: spinAround 9s linear infinite;
    -moz-animation: spinAround 9s linear infinite;
    animation: spinAround 9s linear infinite
}

.slider-paging-number li::before {
    content: "";
    background: transparent;
    position: absolute;
    width: 16px;
    height: 16px;
    line-height: 16px;
    top: -1px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer
}

.slider-paging-number li.slick-active::after {
    background: #56c230;
    border: 2px solid #56c230;
    opacity: 1;
    width: 22px;
    height: 22px;
    top: 4px;
    -webkit-animation: anim-glow 2s ease infinite;
    animation: anim-glow 2s ease infinite;
    transition: left .2s ease
}

.slider-paging-number li::after {
    content: "";
    position: absolute;
    background: #fff;
    width: 22px;
    height: 22px;
    line-height: 22px;
    top: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

@-webkit-keyframes anim-glow {
    0% {
        box-shadow: 0 0 #56c230
    }

    100% {
        box-shadow: 0 0 10px 8px transparent;
        border-width: 2px
    }
}

@keyframes anim-glow {
    0% {
        box-shadow: 0 0 #56c230
    }

    100% {
        box-shadow: 0 0 10px 8px transparent;
        border-width: 2px
    }
}

@keyframes grow {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.slider-for .slick-current.slick-active .minessteps-innercontent .minessteps-content-img {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    margin-left: 5%;
}

.slider-for .minessteps-innercontent .minessteps-content-img {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
    border-radius: 50%;
    /*border:3px solid #2DAFE6;*/
    margin-bottom: 30px;
}

.slider-for .slick-current.slick-active .minessteps-innercontent p {
    -webkit-animation-name: fadeInUpH;
    animation-name: fadeInUpH;
    animation-duration: 1s
}

.slider-paging-number li.slick-active::before {
    -webkit-animation: spinAround 9s linear infinite;
    -moz-animation: spinAround 9s linear infinite;
    animation: spinAround 9s linear infinite
}

.minessteps-container .slider-paging-number li:nth-child(2)::before {
    top: 119px;
    left: 90px;
}

.minessteps-container .slider-paging-number li:nth-child(3)::before {
    top: 121px;
    left: 17px;
}

.minessteps-container .slider-paging-number li:nth-child(4)::before {
    top: 115px;
    left: -87px;
}

.minessteps-container .slider-paging-number li:nth-child(5)::before {
    top: -18px;
    left: -187px;
}

.minessteps-container .slider-paging-number li:nth-child(6)::before {
    top: -77px;
    left: -126px;
}

.minessteps-container .slider-paging-number li:nth-child(7)::before {
    top: -142px;
    left: -10px;
}

.minessteps-container .slider-paging-number li:nth-child(1)::before {
    top: 80px;
    left: 75px
}

.minessteps-container .slider-paging-number li.slick-active:nth-child(1)::before {
    top: 4px;
    left: 79px
}

.minessteps-container .slider-paging-number li.slick-active:nth-child(2)::before {
    top: 16px;
    left: 115px
}

.minessteps-container .slider-paging-number li.slick-active:nth-child(3)::before {
    top: 26px;
    left: 100px
}

.minessteps-container .slider-paging-number li.slick-active:nth-child(4)::before {
    top: 71px;
    left: 45px
}

.minessteps-container .slider-paging-number li.slick-active:nth-child(5)::before {
    top: 26px;
    left: -35px
}

.minessteps-container .slider-paging-number li.slick-active:nth-child(6)::before {
    top: 15px;
    left: -45px
}

.minessteps-container .slider-paging-number li.slick-active:nth-child(7)::before {
    top: -29px;
    left: 20px
}

@keyframes fadeInUpH {
    from {
        transform: translate3d(0, 40px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUpH {
    from {
        transform: translate3d(0, 40px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.indicator {
    width: 100px;
    height: 5px;
    background: rgba(204, 204, 204, 0.5);
    border-top: 1px solid rgba(61, 61, 61, 0.1);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: left .5s
}

.innerminessteps-wrap {
    position: relative
}

.heading0::after,
.heading1::after,
.heading2::after,
.heading3::after,
.heading4::after,
.heading5::after,
.heading6::after {
    content: '';
    transition: left 1.3s ease;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #d61f24;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 20px;
    transition: opacity 100ms ease-in-out, left 500ms linear;
    display: none
}

.heading0::after {
    top: -5px;
    left: 84px
}

.heading1::after {
    top: 7px;
    left: 120px
}

.heading2::after {
    top: 17px;
    left: 105px
}

.heading3::after {
    top: 62px;
    left: 50px
}

.heading4::after {
    top: 17px;
    left: -30px
}

.heading5::after {
    top: 6px;
    left: -40px
}

.heading6::after {
    top: -38px;
    left: 22px
}

.slider-paging-number li.slick-active button.heading0::after {
    opacity: 1;
    animation: key_left 1s ease alternate
}

.slider-paging-number li.slick-active button.heading1::after {
    opacity: 1;
    animation: key_left 1s ease alternate
}

.slider-paging-number li.slick-active button.heading2::after {
    opacity: 1;
    animation: key_left 1s ease alternate
}

.slider-paging-number li.slick-active button.heading3::after {
    opacity: 1;
    animation: key_top 1s ease alternate
}

.slider-paging-number li.slick-active button.heading4::after {
    opacity: 1;
    animation: key_right 1s ease alternate
}

.slider-paging-number li.slick-active button.heading5::after {
    opacity: 1;
    animation: key_right 1s ease alternate
}

.slider-paging-number li.slick-active button.heading6::after {
    opacity: 1;
    animation: key_bottom 1s ease alternate
}

.minessteps-content-img img {
    height: 372px;
    transform: rotateY(-180deg);
}

@keyframes key_left {
    0% {
        opacity: 0;
        transform: translateX(-50px);
        background-color: transparent
    }

    60% {
        opacity: 1;
        transform: translateX(-2px);
        background-color: transparent
    }

    80% {
        transform: translateX(1px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes key_right {
    0% {
        opacity: 0;
        transform: translateX(50px);
        background-color: transparent
    }

    60% {
        opacity: 1;
        transform: translateX(2px);
        background-color: transparent
    }

    80% {
        transform: translateX(1px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes key_top {
    0% {
        opacity: 0;
        transform: translateY(-50px);
        background-color: transparent
    }

    60% {
        opacity: 1;
        transform: translateY(2px);
        background-color: transparent
    }

    80% {
        transform: translateY(1px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes key_bottom {
    0% {
        opacity: 0;
        transform: translateY(50px);
        background-color: transparent
    }

    60% {
        opacity: 1;
        transform: translateY(2px);
        background-color: transparent
    }

    80% {
        transform: translateY(1px)
    }

    100% {
        transform: translateY(0)
    }
}



@media all and (min-width:1661px) {
    .minessteps-container .curve-line {
        left: 15px
    }
}

@media all and (max-width:1660px) {
    .minessteps-container .curve-line {
        left: 20px
    }

}



.right-arrow-img {
    display: inline-block;
    width: 20px;
}

.readmore,
.submit-btn {
    text-decoration: none;
    background: #2DAFE6;
    color: #fff;
    position: relative;
    display: inline-block;
    width: auto;
    height: 42px;
    overflow: hidden;
    transition: width 0.6s;
    font-size: 1.125rem;
    line-height: 2.25rem;
    border: 2px solid #ffffff;
    border-radius: 10px;
    z-index: 1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-weight: 400;
    padding-right: 30px;
    cursor: pointer;
}

.readmore span,
.submit-btn span {
    display: block;
    padding: 0 12px 0 15px;
    text-align: left;
    height: 100%;
    line-height: 36px;
}

.readmore img,
.submit-btn img {
    right: 15px;
    top: calc(42%);
    position: absolute;
    width: 20px;
    transform: translateY(-50%);
    transition: right 0.6s;
}

.plus-small-icon img{
    opacity: 0.3;
}
.plus-small-icon {
    position: absolute;
    bottom: 0;
    left: 2vw;
    z-index: 9;
}