@font-face {
    font-family: "Felis";
    src: url('../font/Felis-Regular.otf');
}

@font-face {
    font-family: "KrossNeueGrotesk";
    src: url('../font/KrossNeueGrotesk-Regular.otf');
}

@font-face {
    font-family: "Montserrat-ExtraBold";
    src: url('../font/Montserrat-ExtraBold.ttf');
}

@font-face {
    font-family: "Montserrat-Regular";
    src: url('../font/Montserrat-Regular.ttf');
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    -webkit-background-color: #F5F5F5;
    border-radius: 0px;
}

body::-webkit-scrollbar {
    width: 0.9rem;
    background-color: #F5F5F5;
    -webkit-background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb {
    background-color: #AAA;
    -webkit-background-color: #AAA;
    border-radius: 0px;
    background-image: -webkit-linear-gradient(5deg, #b60013 53%, #de062a 99%)
}

html {
    font-size: 10px;
    scroll-behavior: smooth;
}

* {
    margin: 0;
    padding: 0;
}

body {
    font-size: 1.4rem;
    scroll-behavior: smooth;
    font-family: 'Felis', sans-serif;
}

#lock {
    display: none;
}

.heading {
    font-weight: 700 !important;
    color: #b2904a !important;
    text-transform: uppercase !important;
}

.bg {
    background-color: #f0f0f0;
    -webkit-background-color: #f0f0f0;
}

section {
    position: relative;
}

/* .sectiontitles span{
    position: relative;
}
.sectiontitles span:before,
.sectiontitles span:after {
    content: "";
    position: absolute;
    height: 10px;
    border-bottom: 1px solid #b60013;
    top: 0;
    width: 100%;
}
.sectiontitles span:before {
    right: 100%;
    margin-right: 15px;
}
.sectiontitles span:after {
    left: 100%;
    margin-left: 15px;
} */
.pulse1 {
    animation: pulse-animation 2s infinite;
    border-radius: 50%;
}

#topbutton {
    display: inline-block;
    position: fixed;
    bottom: 3.8rem;
    right: 4.0rem;
    transition: background-color .3s, opacity .5s, visibility .5s;
    z-index: 111;
}

#topbutton {
    display: none;
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3);
        transform: translate(-50%, -50%) scale3d(1.05, 1.05, 1.05);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        transform: translate(-50%, -50%) scale3d(1, 1, 1);
    }
}

@keyframes pulse-animation1 {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3);
        transform: translate(0%, -50%) scale3d(1.05, 1.05, 1.05);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        transform: translate(0%, -50%) scale3d(1, 1, 1);
    }
}

@keyframes pulse-animation3 {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        transform: scale3d(1, 1, 1);
    }
}

/* ========== Loader Start =========== */
.loader {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: #c60022;
    -webkit-background-color: #c60022;
    -webkit-background: #c60022;
}

.loadervideo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

/* ========== Loader End =========== */
/* ========== Header Start =========== */

.header #navbar {
    overflow: hidden;
    transition: 0.4s;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    position: fixed;
    transform: translateY(-100%);
    background: #b60013;
    -webkit-background-color: #b60013;
    -webkit-background: #b60013;
    transition: all 0.5s;
}

.header #navbar.sticky {
    position: fixed;
    transform: translateY(0%);
    top: 0;
    width: 100%;
    left: 0;
    background: #b60013;
    -webkit-background: #b60013;
    -webkit-background-color: #b60013;
    transition: all 0.5s;
    z-index: 999;
}

.innerbtn-text {
    color: #fff;
}

.innsersection .innermenu-btn {
    display: inline-block;
}

.innsersection .innerbtn-text span {
    font-size: 0.9rem;
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Montserrat-Regular";
}

.innsersection {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menuleft,
.menuright {
    width: 45%;
}

.innermenuleft {
    display: flex;
    align-items: center;
}

.menu-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.1rem solid #fff;
    border-radius: 3rem;
    padding: 0.25rem 1.4rem;
}

.cus-nav .btn-text {
    letter-spacing: 0.08em;
    text-decoration: none !important;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cus-nav .btn-text:hover .span:first-child {
    transform: translateY(-140%) skewY(7deg);
}

.cus-nav .btn-text:hover .span+.span {
    transform: translateY(-140%) skewY(0deg);
    color: #000a;
}

.cus-nav .span {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform .5s ease-in-out;
}

.cus-nav .span+.span {
    position: absolute;
    left: 0;
    top: 140%;
    transform-origin: left center;
    transform: skewY(30deg);
    transition: transform .5s ease-in-out;
}

.innermenuright {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* =======Menu Start ============= */
.menu {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 100;
    height: 100vh;
    transform: translateX(0%) skewX(0deg);
    transition: all 1.5s;
    z-index: 1000;
}

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

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

.innermenu {
    width: 35%;
    height: 100%;
    background-image: url(../img/homebg.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100%;
    padding: 6rem 8rem;
    font-family: "Montserrat-Regular";
}

.menubar {
    padding: 6rem 0rem;
}

.innermenu .innerbtn-text {
    color: #fff;
}

.innermenu .innermenu-btn {
    display: inline-block;
}

.innermenu .innerbtn-text span {
    font-size: 0.9rem;
    font-weight: 400;
    text-transform: uppercase;
}

.innermenu .menu-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 0.1rem solid #fff;
    border-radius: 3rem;
    padding: 0.25rem 1.4rem;
}

.innermenu .innercontact {
    font-size: 1.2rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    display: inline-block;
}

.innermenu .innercontact span {
    font-size: 0.9rem;
    font-weight: 400;
    text-transform: uppercase;
}

.menutop {
    display: flex;
    justify-content: space-between;
}

.menutop .leftdata {
    display: flex;
    justify-content: center;
    align-items: center;
}

.menubar .innermenubar ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
}

.menubar .innermenubar ul li {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.menubar .innermenubar ul li .leftarrow {
    display: flex;
    align-items: center;
    justify-content: center;
}

.menubar .innermenubar ul li span {
    font-size: 3rem;
    line-height: 1.05em;
    color: #fff;
}

.menubar .innermenubar .leftarrow iconify-icon {
    font-size: 0;
    visibility: hidden;
    display: inline-block;
    transition: all 0.5s ease-in-out;
}

.menubar .innermenubar ul li:hover .leftarrow iconify-icon {
    font-size: 3rem;
    visibility: visible;
    transition: all 0.5s ease-in-out;
}

.menubar .innermenubar ul li.active .leftarrow iconify-icon {
    font-size: 3rem;
    visibility: visible;
    transition: all 0.5s ease-in-out;
}

.menubar .innermenubar ul li.active span {
    color: #000a;
}

.menubar .innermenubar ul li:hover span {
    color: #000a;
}

.menubottom .innersideleft ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
}

.menubottom .innersideleft ul li {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-bottom: 1.5rem;
}

.menubottom .innersideleft ul li span {
    font-size: 1rem;
    line-height: 1.05em;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.12em;
}

.menubottom .innersideright p {
    color: #000a;
    font-size: 0.9rem;
    line-height: 1.4em;
    letter-spacing: .1em;
    font-weight: 300;
    text-transform: uppercase;
    z-index: 7;
    display: flex;
    justify-content: center;
    align-items: center;
}

.scroller {
    height: 100%;
    min-height: 100%;
    overflow: hidden scroll;
}

.deactivemenu {
    transition: all 1.5s;
    transform: translateX(-200%) skewX(30deg) !important;
}

.checkmenu {
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

.innermenu .circlehref .innercircle span {
    height: 12rem;
    width: 12rem;
    display: inline-block;
    z-index: 10;
    position: absolute !important;
    bottom: 8rem;
    right: 0;
    transform: translate(50%, 50%);
}

.innermenu .circlehref .innercircle .svg {
    height: 12rem;
    width: 12rem;
    display: inline-block;
}

.innermenu .circlehref .innercircle iconify-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    color: #fff;
}

.innermenu .circlehref .innercircle span:hover .svgcircle2 {
    stroke-dashoffset: 00;
    transition: stroke-dashoffset 2s ease-in-out;
}

.innermenu .svgcircle1 {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    stroke: #fff9 !important;
    r: 5.9rem;
    cy: 50%;
    cx: 50%;
}

.innermenu .svgcircle2 {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    transition: stroke-dashoffset 2s ease-in-out;
    stroke: #000a !important;
    r: 5.9rem;
    cy: 50%;
    cx: 50%;
}

.px-6 {
    padding-left: 8rem;
    padding-right: 8rem;
}

.mx-6 {
    margin-left: 8rem;
    margin-right: 8rem;
}

.p-100 {
    padding-top: 10rem;
    padding-bottom: 10rem;
}

header .header {
    padding: 0.5rem 8rem;
}

header .header img {
    width: 9rem;
}

.navbarlogo img {
    position: absolute;
    right: 5rem;
    top: 4rem;
    width: 15rem;

}


/* =======Menu End ============= */

/* ========== Header End =========== */
/* ========== Home Start =========== */
.home {
    height: 100vh;
    min-height: 50rem;
    width: 100%;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4820378151260504) 1%, rgba(255, 255, 255, 0) 96%), url(../img/homebg.png);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.home #navbar {
    overflow: hidden;
    transition: 0.4s;
    width: 100%;
    top: 0;
    padding: 2rem 2rem;
    z-index: 99;
}

.home .navbar-brand {
    padding-top: 1rem;
    margin: 0;
}

.home .navbar-brand img {
    width: 11rem;
    height: auto;
}

.home .navbar .nav-item {
    padding: 0.8rem;
}

.home .navbar .nav-item a {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
}

.innerrighthand img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 38%;
}

.innerrighthand.active img {
    animation: righthand 1.2s ease-in-out;
}

@keyframes righthand {
    0% {
        transform: rotate(-15deg) translate(0, 100%);
    }

    100% {
        transform: rotate(0deg) translate(0%, 0);

    }
}

@keyframes lefthand {
    0% {
        transform: rotate(-15deg) translate(-100%, 0);
    }

    100% {
        transform: rotate(0deg) translate(0%, 0);

    }
}

.innerlefthand img {
    position: absolute;
    left: 0;
    width: 41%;
    top: 0;
}

.innerlefthand.active img {
    animation: lefthand 1.2s ease-in-out;
}

.main_heroSection {
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_heroSection h1 {
    font-size: 4.7rem;
    text-align: center;
    color: #fff;
    font-weight: 600;
    line-height: 0.99;
    letter-spacing: 0.2rem;
}

.main_heroSection .point {
    position: absolute;
    top: -35%;
    left: 60%;
    width: 23%;
    transform: translate(-50%, -50%);
    filter: invert(1);
}

.main_heroSection .point img {
    animation-play-state: paused;
}

.main_heroSection .point.active img {
    animation-play-state: running;
}

.navbarlogo .imglogo {
    animation-play-state: paused;
}

.navbarlogo .imglogo.active {
    animation-play-state: running;
}

.wheee {
    animation-play-state: paused;
}

.wheee.active {
    animation-play-state: running;
}

.aaah {
    animation-play-state: paused;
}

.aaah.active {
    animation-play-state: running;
}

.navbarfluid {
    flex-direction: column;
}

/* ========== Home Start =========== */
/* ========== Visual Start =========== */
.visual {
    background-image: url(../img/visual/redbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
    /* position: unset; */
    z-index: 8;
    height: 430vh;
}

.innervisual {
    height: 100vh;
    min-height: 50rem;
    width: 100%;
    padding: 8rem;
    position: relative;
    z-index: 9;
    position: fixed;
    left: 0;
    top: 0;
    transition: background-image 1s ease-in-out, background-size 1s ease-in-out;
}

.mobhead {
    background-image: url(../img/visual/headonlynew.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
    height: 100%;
    width: 100%;
    z-index: 99;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: background-image 1s ease-in-out, opacity 1s ease-in-out;
}

.innervisual.active .mobhead {
    opacity: 1;
}

.innervisual.active {
    /* background-image: url(../img/visual/headonlynew.png); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
    z-index: 99;
    transition: background-image 1s ease-in-out, background-size 1s ease-in-out;
}

.innervisual.normalclass {
    /* background-image: url(../img/visual/headonlynew.png); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
    z-index: 99;
    position: absolute;
    left: 0;
    bottom: 0;
    top: unset;
}

.innervisual.topclass {
    position: absolute;
    left: 0;
    bottom: unset;
    top: 0;
}

.bglight {
    height: 100%;
    width: 0%;
    transition: width 0.5s ease-in-out;
    transition: filter 0.5s ease-in-out;
    filter: blur(0.1);
}

.bglight.active {
    height: 100vh;
    width: 100%;
    background-image: url(../img/visual/lightnew.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 90;
    transition: width 1s ease-in-out;
    animation: lighting 2s 1;
}

.bglight.normalclass {
    height: 100vh;
    width: 100%;
    background-image: url(../img/visual/lightnew.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 90;
    top: unset;
}

.bglight.topclass {
    position: absolute;
    left: 0;
    bottom: unset;
    top: 0;
}

@keyframes lighting {
    0% {
        filter: blur(5px);
        transform: rotate(2deg);
    }

    30% {
        filter: blur(3px);
        transform: rotate(0deg);
    }

    60% {
        filter: blur(2px);
        transform: rotate(0deg);
    }

    100% {
        filter: blur(0px);
        transform: rotate(0deg);
    }
}

.visualcontainer {
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 2;
}

.innervisual .topright {
    position: absolute;
    right: 15%;
    top: -10%;
    display: none;
}

.innervisual .hovereffect {
    position: absolute;
    left: 5%;
    bottom: -8rem;
    width: 25%;
    height: 45%;
    border-radius: 50%;
    z-index: 99;
}

.innervisual .topleft {
    position: absolute;
    left: 0;
    top: 0;
}

.innervisual .topleft h2 {
    font-size: 3rem;
    color: #fff;
    letter-spacing: 0.05rem;
    font-family: "Montserrat-Regular", sans-serif;
}

.innervisual .bottomright {
    position: absolute;
    right: 10%;
    bottom: -5%;
}

.innervisual .bottomright h2 {
    font-size: 3rem;
    color: #fff;
    letter-spacing: 0.1rem;
    font-family: "Montserrat-Regular", sans-serif;
}

.innervisual .bottomright h2 span {
    color: #000;
}

.innervisual .bottomright h2.bold {
    font-size: 3.5rem;
    font-weight: 900;
    color: #fff;
    font-family: "Montserrat-ExtraBold";
}

.innervisual .topright:after {
    content: '';
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    bottom: 0;
    left: 0;
    border-bottom: 0.2rem solid #b60013;
    border-left: 0.2rem solid #b60013;
}

.innervisual .topright:before {
    content: '';
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    top: 0;
    right: 0;
    border-top: 0.2rem solid #b60013;
    border-right: 0.2rem solid #b60013;
}

.innervisual .topright h1 {
    font-size: 10.5rem;
    text-align: center;
    color: #b60013;
    font-weight: 900;
    line-height: 0.99;
    padding: 4rem 4rem 00 2rem;
    text-align: right;
}

.innervisual .topright h1 span {
    color: #000;
}

/* ========== Visual End =========== */
/* ========== beliefs Start =========== */
.beliefs {
    height: 450vh;
}

.beliefs .innerbeliefs {
    height: 100vh;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    background: #fff;
}

.beliefs .innerbeliefs.normalclass {
    position: absolute;
    left: 0;
    bottom: 0;
    top: unset;
}

.beliefs .innerbeliefs.topclass {
    position: absolute;
    left: 0;
    bottom: unset;
    top: 0;
}

.beliefs .innercol1 {
    background: #b60013;
    -webkit-background-color: #b60013;
    -webkit-background: #b60013;
    position: relative;
    height: 100vh;
    overflow: hidden;
}


.beliefs .innercol1 .wall4 {
    position: absolute;
    right: 5%;
    bottom: 0;
    height: 100%;
    width: 15%;
}

.bottomright div {
    animation-play-state: paused;
}

.col-cas2 h2 {
    animation-play-state: paused;
}

.col-cas2 h2.active {
    animation-play-state: running;
}

.bottomright.active div {
    animation-play-state: running;
}

.topleft {
    animation-play-state: paused;
}

.topleft.active {
    animation-play-state: running;
}

.topleft.deactive {
    animation-direction: reverse;
}

.beliefs .innercol1 .wall3 {
    position: absolute;
    right: 25%;
    bottom: 0;
    width: 11%;
    height: 100%;

}

.beliefs .innercol1 .wall2 {
    position: absolute;
    height: 100%;
    right: 44%;
    bottom: 0;
    width: 10%;
    overflow: unset;
}

.beliefs .innercol1 .wall1 {
    position: absolute;
    right: 65%;
    bottom: 0;
    height: 100%;
    width: 10%;
    overflow: unset;
    display: flex;
    flex-direction: column;
}

.beliefs .innercol1 .wall1 img:nth-child(1) {
    position: relative;
    left: 0%;
    height: 30%;
    width: 100%;
    transition: all 1.2s ease-in-out;
}

.beliefs .innercol1 .wall1 img:nth-child(2) {
    position: relative;
    left: 0%;
    height: 80%;
    transition: all 1.2s ease-in-out;
    width: 100%;
}

.beliefs .innercol1 .wall2 img:nth-child(1) {
    position: relative;
    left: 0%;
    height: 30%;
    width: 100%;
    transition: all 1.2s ease-in-out;
}

.beliefs .innercol1 .wall2 img:nth-child(2) {
    position: relative;
    left: 0%;
    height: 80%;
    width: 100%;
    transition: all 1.2s ease-in-out;
}


.beliefs .innercol1 .wall1.active img:nth-child(1) {
    top: -5%;
    transform: rotate(-16deg);
    transition: all 1.2s ease-in-out;
}

.beliefs .innercol1 .wall1.active img:nth-child(2) {
    bottom: -5%;
    transform: rotate(18deg);
    transition: all 1.2s ease-in-out;
}

.beliefs .innercol1 .wall2.active img:nth-child(1) {
    top: -5%;
    transition: all 1.2s ease-in-out;
    transform: rotate(-6deg);
}

.beliefs .innercol1 .wall2.active img:nth-child(2) {
    bottom: -5%;
    transition: all 1.2s ease-in-out;
    transform: rotate(4deg);
}

.beliefs .innercol1 .wall4 img {
    width: 100%;
    height: 100%;

}

.beliefs .innercol1 .wall3 img {
    width: 100%;
    height: 100%;
}

.beliefs .imgball {
    position: absolute;
    left: 4%;
    top: 24%;
    width: 12%;
    transition: all 2s ease-in-out;
}

.beliefs .imgpara {
    position: absolute;
    left: 2%;
    top: 28%;
    font-size: 2rem;
    color: #fff;
    transition: all 2s ease-in-out;
    letter-spacing: 0.2rem;
}

.beliefs .imgball.active {
    position: absolute;
    left: 56%;
    top: 24%;
    width: 12%;
    transition: all 2s ease-in-out;
    transform: translateX(-100%);
}

.beliefs .imgpara.active {
    position: absolute;
    left: 56%;
    top: 28%;
    transition: all 2s ease-in-out;
    transform: translateX(-100%);
}

.col-row {
    display: flex;
}

.col-cas1 {
    width: 45%;
}

.col-cas2 {
    width: 55%;
}

.beliefs .innercol2 {
    padding: 8rem 4rem;
}

.beliefs .innercol2 h2 {
    font-size: 4rem;
    text-align: center;
    color: #000;
    font-weight: 600;
    line-height: 0.99;
    letter-spacing: 0.2rem;
}

.beliefs .innercol2 h6 {
    font-size: 2.2rem;
    text-align: center;
    color: #000;
    font-weight: 900;
    font-family: "Montserrat-Regular", sans-serif;
}

.beliefs .innercol2 h1 {
    font-size: 8rem;
    text-align: center;
    color: #b60013;
    letter-spacing: -0.3rem;
    font-weight: 900;
    font-family: "Montserrat-ExtraBold", sans-serif;
}

.beliefs .innercol2 span {
    font-size: 1.6rem;
    text-align: center;
    color: #b60013;
    font-weight: 400;
    line-height: 0.99;
    display: block;
    font-family: "Montserrat-Regular", sans-serif;
}

.beliefs .innercol2 p {
    font-size: 1.5rem;
    text-align: center;
    color: #000;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.2rem;
    padding: 3rem 0 2rem;
}

.beliefs .innercol2 .boxcontent {
    margin: 4rem 0;
    padding: 4rem 2rem 4rem;
    position: relative;
    transform: scale(0);
    transition: all 0s linear;
}

.beliefs .innercol2 .boxcontent.active {
    transform: scale(1);
    transition: all 0.7s linear;
}

.beliefs .innerbeliefs {
    height: 100vh;
    overflow: hidden;
}

.beliefs .innercol2 .boxcontent:after {
    content: '';
    position: absolute;
    width: 3rem;
    height: 3rem;
    bottom: 0;
    right: 0;
    border-bottom: 0.2rem solid #b60013;
    border-right: 0.2rem solid #b60013;
}

.beliefs .innercol2 .boxcontent:before {
    content: '';
    position: absolute;
    width: 3rem;
    height: 3rem;
    top: 0;
    left: 0;
    border-top: 0.2rem solid #b60013;
    border-left: 0.2rem solid #b60013;
}

.beliefs .innercol1 .wall2 .imgtext {
    position: absolute;
    left: 0%;
    top: 40%;
    height: 80%;
    width: 100%;
    display: flex;
    transition: all 1.2s ease-in-out;
    flex-direction: column;
    gap: 1rem;
    font-size: 2.6rem;
    font-weight: 700;
    text-align: center;
}

.beliefs .innercol1 .wall3 .imgtext {
    position: absolute;
    left: 0%;
    top: 50%;
    height: 80%;
    width: 100%;
    display: flex;
    transition: all 1.2s ease-in-out;
    flex-direction: column;
    gap: 0.5rem;
    font-weight: 700;
    font-size: 2.5rem;
    text-align: center;
}

/* ========== beliefs End =========== */
/* ========== From Start =========== */
.innerFrom {
    /* height: 100vh; */
    min-height: 50rem;
    width: 100%;
    background-image: url(../img/formdesk.png?v1.1);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom left;
    padding: 8rem;
    position: relative;
}

.innerFrom .innercol1 .leftcant {
    height: 100%;
    position: relative;
}

.innerFrom .innercol1 p span {
    color: #b60013;
    font-style: italic;
}

.innerFrom .innercol1 p {
    font-family: "Montserrat-Regular", sans-serif;
}

.innerFrom .innercol1 h1 {
    margin: 3rem 0 0;
    font-size: 5rem;
    color: #b60013;
    font-weight: 900;
}

.congrats h1 {
    margin: 3rem 0 1.5rem;
    font-size: 5rem;
    color: #b60013;
    font-weight: 900;
}

.congrats p {
    font-size: 2rem;
}

.congrats {
    padding: 5rem 0;
}

.innerFrom .innercol1 {
    padding: 8rem 8rem;
    height: 100%;
}

.innerFrom .innercol2 {
    padding: 0 8rem;
}

.innerFrom .input-group {
    flex-direction: column;
}

.innerFrom .input-group input {
    width: 100% !important;
    background: #d5d2d2;
    -webkit-background: #d5d2d2;
    -webkit-background-color: #d5d2d2;
    padding: 1rem;
    border-radius: 1rem !important;
    font-family: "Montserrat-Regular", sans-serif;
}

.innerFrom .input-group textarea {
    width: 100% !important;
    background: #d5d2d2;
    -webkit-background-color: #d5d2d2;
    -webkit-background: #d5d2d2;
    padding: 1rem;
    border-radius: 1rem !important;
    font-family: "Montserrat-Regular", sans-serif;
    resize: none;
    height: 10rem;
    font-size: 1rem;
}

.innerFrom #submitf {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding: 1rem;
    font-size: 1.3rem;
    background: #b60013;
    -webkit-background-color: #b60013;
    -webkit-background: #b60013;
    color: #fff;
    border-radius: 4rem;
    margin: 2rem 0 3rem;
    letter-spacing: .1rem;
}

.innerFrom .input-group label {
    font-size: 1rem;
    margin-left: 3%;
    margin-bottom: 0.5rem;
    color: #b60013;
    font-family: "Montserrat-Regular", sans-serif;
}

.innerFrom .form-control:focus {
    background: #d5d2d2;
    -webkit-background-color: #d5d2d2;
    -webkit-background: #d5d2d2;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: unset;
}

.innerFrom .innerrow {
    height: 100%;
}

.innerFrom .innerht {
    display: flex;
    justify-content: center;
    align-items: center;
}

.innerFrom .innercol2 {
    width: 100%;
}

.conbtn a iconify-icon {
    padding: 0.3rem;
    background: #b60013;
    -webkit-background-color: #b60013;
    -webkit-background: #b60013;
    border-radius: 50%;
    margin-left: 1rem;
}

.conbtn1 a {
    display: inline-flex;
    text-decoration: none;
    color: #fff;
    background: #000;
    -webkit-background-color: #000;
    -webkit-background: #000;
    padding: 0.5rem 2.5rem;
    border-radius: 3rem;
    justify-content: center;
    align-items: center;
    font-family: "Montserrat-Regular", sans-serif;
}

.conbtn2 a {
    display: inline-flex;
    text-decoration: none;
    color: #fff;
    background: #000;
    -webkit-background-color: #000;
    -webkit-background: #000;
    padding: 0.5rem 1rem 0.5rem 2.5rem;
    border-radius: 3rem;
    justify-content: center;
    align-items: center;
    font-family: "Montserrat-Regular", sans-serif;
    position: absolute;
    bottom: 0;
}

/* ========== From End =========== */
/* ========== Deep Dive Start =========== */
.innerdeep h1 {
    font-size: 4.7rem;
    text-align: center;
    color: #b60013;
    font-weight: 600;
    line-height: 0.99;
    letter-spacing: 0.2rem;
    text-align: center;
    padding: 6rem 0 2rem;
}

/* ========== Deep Dive End =========== */
/* ========== Creatives Start =========== */
.swiper {
    position: relative;
    width: 90vw;
    margin-inline: auto;
}

.swiper::before {
    content: "";
    background: #c40020;
    position: absolute;
    top: 0;
    left: -3%;
    transform: translateY(-50%);
    width: 106%;
    height: 100px;
    border-radius: 100%;
    z-index: 10;
}

.swiper::after {
    content: "";
    background: #c40020;
    position: absolute;
    bottom: 0;
    left: -3%;
    transform: translateY(50%);
    width: 106%;
    height: 10rem;
    border-radius: 100%;
    z-index: 10;
}

.mobsliderdiv,
.desksliderdiv {
    display: flex;
    align-items: center;
    justify-content: center;
}

.innercreatives {
    padding: 8rem 0;
    /* background-image: url(../img/homebg.png); */
    background: #c40020;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.innercreatives .sec-heading h1 {
    font-size: 3rem;
    text-align: center;
    color: #fff;
    font-weight: 600;
    line-height: 0.99;
    letter-spacing: 0.2rem;
    text-align: center;
    padding: 1rem 0 1rem;
    position: relative;
}

.innercreatives .swiper-button-prev,
.innercreatives .swiper-button-next {
    width: 4.5rem;
    height: 4.5rem;
    color: #fff;
    border-radius: 50%;
    opacity: 1;
    transition: all 0.6s ease;
    cursor: pointer;
    font-size: 3rem;
    background: #e90032;
    -webkit-background-color: #e90032;
    -webkit-background: #e90032;
    animation: pulse-animation3 2s infinite;
    display: flex;
    justify-content: center;
    align-items: center;
}

.casestady .carousel .carousel-control-prev:hover,
.casestady .carousel .carousel-control-next:hover {
    box-shadow: 0 0 0.5rem 0.5rem #60606000;
}

/* ========== Creatives End =========== */
/* ========== Domino Effect Gif Start =========== */
.innerdomino h1 {
    font-size: 4.7rem;
    text-align: center;
    color: #b60013;
    font-weight: 600;
    line-height: 0.99;
    letter-spacing: 0.2rem;
    text-align: center;
    padding: 6rem 0 2rem;
}

/* ========== Domino Effect Gif End =========== */
/* ========== Footer Start =========== */
.footer-bg {
    background: #c40020;
    -webkit-background-color: #c40020;
    -webkit-background: #c40020;
}

.footer-bg img {
    width: 13rem;
}

.footer-bg p {
    font-size: 1.8rem;
    font-family: "Montserrat-Regular", sans-serif;
}

.footm {
    padding: 2.5rem;
    font-size: 1.5rem;
    font-family: "Montserrat-Regular", sans-serif;

}

.social-media a {
    text-decoration: none;
    padding: 1rem;
    border-radius: 50%;
    border: 0.2rem solid;
}

/* ========== Footer End =========== */
/* ========== Client Start =========== */

.innerclients1 .box {
    display: grid;
    align-items: center;
    justify-items: center;
    width: 80%;
    margin: auto;
    height: auto;
    transition: transform 0.5s ease-in;
    padding: 2rem;
    height: 12rem;
    background: #000;
    -webkit-background-color: #000;
    -webkit-background: #000;
    border-radius: 1rem;
}

.innerclients2 .box {
    display: grid;
    align-items: center;
    justify-items: center;
    width: 80%;
    margin: auto;
    height: auto;
    transition: transform 0.5s ease-in;
    padding: 2rem;
    border-radius: 1rem;
}

.innerclients .box:nth-child(4) img {
    filter: invert(1);
}

.client-img1 {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}

.client-img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}

.innerclients .owl-stage {
    padding: 2rem 0;
}

.innerclients .box:hover {
    transform: scale(1.2);
}

.innerclients {
    padding: 8rem 2rem;
    background: #fff;
    -webkit-background-color: #fff;
    -webkit-background: #fff;
}

.innerclients .sec-heading h1 {
    font-size: 5rem;
    text-align: center;
    color: #b60013;
    font-weight: 600;
    line-height: 0.99;
    letter-spacing: 0.2rem;
    text-align: center;
    padding: 1rem 0 1rem;
    position: relative;
}

/* ========== Client End =========== */
/* ========== Testimonial Start =========== */
.innertestimonial .sec-heading h1 {
    font-size: 5rem;
    text-align: center;
    color: #fff;
    font-weight: 600;
    line-height: 0.99;
    letter-spacing: 0.2rem;
    text-align: center;
    padding: 1rem 0 2rem;
    position: relative;
}

.innertestimonial.normalclass {
    position: absolute;
    left: 0;
    bottom: 0;
    top: unset;
}

.testimonial {
    height: 100vh;
}

.innertestimonial.topclass {
    position: absolute;
    left: 0;
    bottom: unset;
    top: 0;
}

.innertestimonial {
    padding: 8rem 8rem;
    height: 100vh;
    overflow: hidden;
    position: relative;
    /* top: 0;
    left: 0; */
    z-index: 9;
    width: 100%;
    background-image: url(../img/aboutnew.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.single-testimonial {
    transform: translate(-50%, -50%);
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transition: transform 0.1s linear;
}

.backtitle {
    background-image: url(../img/line.png);
    background-position: -20rem 100%;
    background-repeat: repeat-x;
    background-size: 23rem;
    padding-bottom: 1.3rem;
    transition: none;
}

.backtitle:hover {
    animation: linego linear 2s infinite;
}

@keyframes linego {
    0% {
        background-position: -20rem 100%;
    }

    25% {
        background-position: -16rem 100%;

    }

    50% {
        background-position: -12rem 100%;

    }

    75% {
        background-position: -8rem 100%;
    }

    100% {
        background-position: -4rem 100%;
    }
}

.single-testimonial p {
    font-size: 3rem;
    font-weight: 300;
    line-height: 5rem;
    letter-spacing: 0.11rem;
    text-align: center;
    color: #fff;
    width: 60%;
    margin: 0 auto;
}

/* 
.innertestimonial .owl-stage {
    padding: 3rem 0;
}

.innertestimonial {
    background-color: #fff;
    -webkit-background-color: #fff;
}

.sec-title {
    display: flex;
    justify-content: center;
    align-items: center;
}

.innertestimonial .sec-title h1 {
    font-size: 3rem;
    text-align: center;
    color: #fff;
    font-weight: 600;
    line-height: 0.99;
    letter-spacing: 0.2rem;
    text-align: center;
    padding: 1rem 0 2rem;
    position: relative;
    font-family: "Montserrat-Regular", sans-serif;
}

.innertestimonial .sec-title h2 {
    font-size: 6rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: var(--blue);
}

.innertestimonial .sec-title p {
    font-size: 2rem;
    line-height: 2.8rem;
}

.innertestimonial .testimonial-area {
    background: var(--blue);
    position: relative;
    z-index: 2;
    padding: 5rem 0;
}

.innertestimonial .testimonial-area .owl-carousel {
    overflow: hidden;
    padding: 0 2rem;
    margin: 0px -4rem;
    padding-right: 4rem;
}

.innertestimonial .testimonial-area .owl-stage-outer {
    padding: 3rem 5rem;
    margin-left: -3.4rem;
    width: calc(100% + 10rem);
}

.innertestimonial .single-testimonial {
    text-align: center;
    border-radius: 4.5rem;
    position: relative;
    z-index: 2;
    height: 15rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.item.slick-slide {
    filter: blur(4px);
}

.item.slick-slide.slick-current {
    filter: unset;
}


.innertestimonial .single-testimonial p {
    color: #fff;
    font-size: 1.65rem;
    line-height: 2.5rem;
    position: relative;
    z-index: 3;
    text-align: right;
    font-family: "Montserrat-Regular", sans-serif;
    margin-bottom: unset;
} */

/* 
.innertestimonial .single-testimonial::before {
    content: "";
    position: absolute;
    left: -3.5rem;
    top: -3.5rem;
    background: url(https://i.ibb.co/nb8Hjms/quote.png) no-repeat #ffffff;
    background-size: 60%;
    width: 12.6rem;
    height: 10rem;
    transform: rotate(180deg);
    background-position: 3.4rem 1.5rem;
} */

/* .innertestimonial .single-testimonial::after {
    content: "";
    position: absolute;
    right: -3.5rem;
    bottom: -3.4rem;
    background: url(https://i.ibb.co/nb8Hjms/quote.png) no-repeat #ffffff;
    background-size: 60%;
    width: 12.6rem;
    height: 10rem;
    background-position: 3.4rem 1.9rem;
} */

/* .innertestimonial .round {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
} */

/* .innertestimonial .round-1::before {
    content: "";
    position: absolute;
    left: 8.8rem;
    top: -0.7rem;
    width: 5rem;
    height: 0.7rem;
    background: #b60013;
    border-radius: 30rem;
} */

/* .innertestimonial .round-1::after {
    content: "";
    position: absolute;
    left: -0.7rem;
    top: 6.2rem;
    width: 0.7rem;
    height: 5rem;
    background: #b60013;
    border-radius: 3rem;
} */

/* .innertestimonial .round-2::before {
    content: "";
    position: absolute;
    right: 8.7rem;
    bottom: -0.7rem;
    width: 5rem;
    height: 0.7rem;
    background: #b60013;
    border-radius: 3rem;
    z-index: 1;
}

.innertestimonial .round-2::after {
    content: "";
    position: absolute;
    right: -0.7rem;
    bottom: 6.2rem;
    width: 0.7rem;
    height: 5rem;
    background: #b60013;
    border-radius: 3rem;
    z-index: 1;
} */

/* .innertestimonial .client-video {
    padding-right: 1.5rem;
}

.innertestimonial .testimonial-info {
    position: relative;
    z-index: 3;
}

.innertestimonial .testimonial-info a {
    width: 4rem;
    height: 4rem;
    border-radius: 10rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.16);
    font-size: 2.2rem;
}

.innertestimonial .testimonial-info {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    padding-bottom: 5rem;
}

.innertestimonial .testimonial-info h6 {
    color: #000;
    font-weight: 700;
    font-size: 1.8rem;
    color: #fff;
}

.innertestimonial .testimonial-info span {
    display: inline-block;
    color: #fff;
    font-size: 1.2rem;
}

.innertestimonial .slick-dots button {
    background: #fff !important;
    -webkit-background-color: #fff !important;
    -webkit-background: #fff !important;
    width: 1rem;
    height: 1rem;
    border-radius: 2.6rem;
    margin: 0 1rem;
    transition: 0.3s;
}

.innertestimonial .slick-dots button::before {
    content: "" !important;
}

.innertestimonial .slick-dots {
    text-align: center;
    margin-top: 5rem;
}

.innertestimonial .slick-dots .slick-active button {
    width: 2rem;
}

.innertestimonial {
    display: flex;

} */

/* .testleft {
    width: 40%;
}

.testright {
    width: 60%;
} */

/* ========== Testimonial End =========== */
/* ========== Case Stady Start =========== */
.casestady {
    padding: 5rem 0 8rem;
    background-image: url(../img/homebg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.casestady .carousel .carousel-control-prev {
    left: 8%;
}

.casestady .carousel .carousel-control-next {
    right: 8%;
}

.casestady .carousel .carousel-control-prev,
.casestady .carousel .carousel-control-next {
    width: 4.5rem;
    height: 4.5rem;
    color: #fff;
    border-radius: 50%;
    opacity: 1;
    top: 45%;
    transform: translateY(-50%);
    transition: all 0.6s ease;
    cursor: pointer;
    font-size: 3rem;
    background: #e90032;
    -webkit-background-color: #e90032;
    -webkit-background: #e90032;
    animation: pulse-animation1 2s infinite;
}

.casestady .carousel .carousel-control-prev:hover,
.casestady .carousel .carousel-control-next:hover {
    box-shadow: 0 0 0.5rem 0.5rem #60606000;
}

.casestady h1 {
    font-size: 5rem;
    text-align: center;
    color: #fff;
    font-weight: 600;
    line-height: 0.99;
    letter-spacing: 0.2rem;
    text-align: center;
    padding: 6rem 0 2rem;
}

/* ========== Case Stady End =========== */
/* ========== Company Start =========== */
#playButton {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    -webkit-background-color: #fff;
    border: none;
    border-radius: 50%;
    width: 8rem;
    height: 8rem;
    display: flex;
    font-size: 2rem;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    outline: none;
    animation: pulse-animation 2s infinite;
    z-index: 10;
    color: #000;
}

.companyvideo {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ========== Company End =========== */
/* ========== Thanks Start =========== */
@keyframes confetti-slow {
    0% {
        transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    }

    100% {
        transform: translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg);
    }
}

@keyframes confetti-medium {
    0% {
        transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    }

    100% {
        transform: translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg);
    }
}

@keyframes confetti-fast {
    0% {
        transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    }

    100% {
        transform: translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg);
    }
}

.anicontainer {
    width: 100%;
    height: 100%;
    background: #ffffff;
    border: 0.1rem solid white;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: -1;
}

.confetti-container {
    perspective: 70rem;
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.confetti {
    position: absolute;
    z-index: 1;
    top: -1rem;
    border-radius: 0%;
}

.confetti--animation-slow {
    animation: confetti-slow 2.25s linear 1 forwards;
}

.confetti--animation-medium {
    animation: confetti-medium 1.75s linear 1 forwards;
}

.confetti--animation-fast {
    animation: confetti-fast 1.25s linear 1 forwards;
}

/* Checkmark */
.checkmark-circle {
    width: 15rem;
    height: 15rem;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;
}

.checkmark-circle .background {
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    background: #b60013;
    position: absolute;
}

.checkmark-circle .checkmark {
    border-radius: 0.5rem;
}

.checkmark-circle .checkmark.draw:after {
    -webkit-animation-delay: 100ms;
    -moz-animation-delay: 100ms;
    animation-delay: 100ms;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-name: checkmark;
    -moz-animation-name: checkmark;
    animation-name: checkmark;
    -webkit-transform: scaleX(-1) rotate(135deg);
    -moz-transform: scaleX(-1) rotate(135deg);
    -ms-transform: scaleX(-1) rotate(135deg);
    -o-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg);
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.checkmark-circle .checkmark:after {
    opacity: 1;
    height: 7.5rem;
    width: 3.75rem;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    border-right: 1.5rem solid white;
    border-top: 1.5rem solid white;
    border-radius: 2.5px !important;
    content: "";
    left: 3.5rem;
    top: 8.2rem;
    position: absolute;
}

@-webkit-keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }

    20% {
        height: 0;
        width: 3.75rem;
        opacity: 1;
    }

    40% {
        height: 7.5rem;
        width: 3.75rem;
        opacity: 1;
    }

    100% {
        height: 7.5rem;
        width: 3.75rem;
        opacity: 1;
    }
}

@-moz-keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }

    20% {
        height: 0;
        width: 3.75rem;
        opacity: 1;
    }

    40% {
        height: 7.5rem;
        width: 3.75rem;
        opacity: 1;
    }

    100% {
        height: 7.5rem;
        width: 3.75rem;
        opacity: 1;
    }
}

@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }

    20% {
        height: 0;
        width: 3.75rem;
        opacity: 1;
    }

    40% {
        height: 7.5rem;
        width: 3.75rem;
        opacity: 1;
    }

    100% {
        height: 7.5rem;
        width: 3.75rem;
        opacity: 1;
    }
}

/* ========== Thanks End =========== */

.heroSection1 {
    z-index: 8;
    height: 200vh;
    background-image: url(../img/homebg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

.innerheroSection1 {
    height: 100vh;
    background-image: url(../img/home/full.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    /* position: unset; */
    width: 100%;
    z-index: 9;
    position: fixed;
    left: 0;
    top: 0;
  
}

.innerheroSection1.normalclass {
    z-index: 99;
    position: absolute;
    left: 0;
    bottom: 0;
    top: unset;
}

.innerheroSection1.topclass {
    position: absolute;
    left: 0;
    bottom: unset;
    top: 0;
}
.homeimg{
    height: 100vh;
    opacity: 0;
    background-image: url(../img/home/bink.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    width: 100%;
    transition: opacity 0.3s linear;
}
.innerheroSection1 h1{
    text-align: center;
    font-size: 5rem;
    position: absolute;
    top: 4rem;
    width: 100%;
    font-family: "Montserrat-Regular", sans-serif;
    color: #fff;
    font-weight: 100;
    letter-spacing: 0.1px;
}
.innerheroSection1 h1 span{
    font-weight: 900;
    font-family: "Felis";
    letter-spacing: 2px;
}

/* ========== scroll ======== */

.slidedown {
    position: fixed;
    height: 3rem;
    width: 3rem;
    bottom: 3.8rem;
    right: 2.0rem;
    z-index: 99;
}

.chevron {
    position: absolute;
    width: 3rem;
    height: 0.8rem;
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: move 3s ease-out infinite;
}

.chevron:first-child {
    animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
    animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
}
.blackcolor:before,
.blackcolor:after {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #000000ba;
}
.whitecolor:before,
.whitecolor:after {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #ffffffba;
}
.redcolor:before,
.redcolor:after {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #b60013;
}

.chevron:before {
    left: 0;
    transform: skew(0deg, 30deg);
}

.chevron:after {
    right: 0;
    width: 50%;
    transform: skew(0deg, -30deg);
}

@keyframes move {
    25% {
        opacity: 1;

    }

    33% {
        opacity: 1;
        transform: translateY(3rem);
    }

    67% {
        opacity: 1;
        transform: translateY(4rem);
    }

    100% {
        opacity: 0;
        transform: translateY(5.5rem) scale3d(0.5, 0.5, 0.5);
    }
}
@keyframes pulse {
    to {
        opacity: 1;
    }
}
/* ========== scroll ======== */