@font-face {
     font-family: "Chivo-extralight";
     src: url("../fonts/Chivo-ExtraLight.eot");
     src: url("../fonts/Chivo-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Chivo-ExtraLight.woff2") format("woff2"), url("../fonts/Chivo-ExtraLight.woff") format("woff"), url("../fonts/Chivo-ExtraLight.svg") format("svg");
     font-weight: 200;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: "Chivo-black";
     src: url("../fonts/Chivo-Black.eot");
     src: url("../fonts/Chivo-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Chivo-Black.woff2") format("woff2"), url("../fonts/Chivo-Black.woff") format("woff"), url("../fonts/Chivo-Black.woff2") format("svg");
     font-weight: 900;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: "Chivo-bolditalic";
     src: url("../fonts/Chivo-BoldItalic.eot");
     src: url("../fonts/Chivo-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Chivo-BoldItalic.woff2") format("woff2"), url("../fonts/Chivo-BoldItalic.woff") format("woff"), url("../fonts/Chivo-BoldItalic.svg") format("svg");
     font-weight: bold;
     font-style: italic;
     font-display: swap;
}

@font-face {
     font-family: "Chivo-bold";
     src: url("Chivo-ExtraBoldItalic.eot");
     src: url("Chivo-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("Chivo-ExtraBoldItalic.woff2") format("woff2"), url("Chivo-ExtraBoldItalic.woff") format("woff"), url("Chivo-ExtraBoldItalic.svg#Chivo-ExtraBoldItalic") format("svg");
     font-weight: bold;
     font-style: italic;
     font-display: swap;
}

@font-face {
     font-family: "Chivo-Italic";
     src: url("../fonts/Chivo-Italic.eot");
     src: url("../fonts/Chivo-Italic.eot") format("embedded-opentype"), url("../fonts/Chivo-Italic.woff2") format("woff2"), url("../fonts/Chivo-Italic.woff") format("woff"), url("../fonts/Chivo-Italic.svg") format("svg");
     font-weight: normal;
     font-style: italic;
     font-display: swap;
}

@font-face {
     font-family: "Chivo-extrabold";
     src: url("../fonts/Chivo-ExtraBold.eot");
     src: url("../fonts/Chivo-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Chivo-ExtraBold.woff2") format("woff2"), url("../fonts/Chivo-ExtraBold.woff") format("woff"), url("../fonts/Chivo-ExtraBold.svg#Chivo-ExtraBold") format("svg");
     font-weight: bold;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: "Chivo-bold";
     src: url("../fonts/Chivo-Bold.eot");
     src: url("../fonts/Chivo-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Chivo-Bold.woff2") format("woff2"), url("../fonts/Chivo-Bold.woff") format("woff"), url("../fonts/Chivo-Bold.svg#Chivo-Bold") format("svg");
     font-weight: bold;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: "Chivo-BlackItalic";
     src: url("../fonts/Chivo-BlackItalic.eot");
     src: url("../fonts/Chivo-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Chivo-BlackItalic.woff2") format("woff2"), url("../fonts/Chivo-BlackItalic.woff") format("woff"), url("../fonts/Chivo-BlackItalic.svg#Chivo-BlackItalic") format("svg");
     font-weight: 900;
     font-style: italic;
     font-display: swap;
}

@font-face {
     font-family: "Chivo-ExtraLightItalic";
     src: url("../fonts/Chivo-ExtraLightItalic.eot");
     src: url("../fonts/Chivo-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Chivo-ExtraLightItalic.woff2") format("woff2"), url("../fonts/Chivo-ExtraLightItalic.woff") format("woff"), url("../fonts/Chivo-ExtraLightItalic.svg#Chivo-ExtraLightItalic") format("svg");
     font-weight: 200;
     font-style: italic;
     font-display: swap;
}

@font-face {
     font-family: "Chivo-LightItalic";
     src: url("../fonts/Chivo-LightItalic.eot");
     src: url("../fonts/Chivo-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Chivo-LightItalic.woff2") format("woff2"), url("../fonts/Chivo-LightItalic.woff") format("woff"), url("../fonts/Chivo-LightItalic.svg#Chivo-LightItalic") format("svg");
     font-weight: 300;
     font-style: italic;
     font-display: swap;
}

@font-face {
     font-family: "Chivo-MediumItalic";
     src: url("../fonts/Chivo-MediumItalic.eot");
     src: url("../fonts/Chivo-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Chivo-MediumItalic.woff2") format("woff2"), url("../fonts/Chivo-MediumItalic.woff") format("woff"), url("../fonts/Chivo-MediumItalic.svg#Chivo-MediumItalic") format("svg");
     font-weight: 500;
     font-style: italic;
     font-display: swap;
}

@font-face {
     font-family: "Chivo-light";
     src: url("../fonts/Chivo-Light.eot");
     src: url("../fonts/Chivo-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Chivo-Light.woff2") format("woff2"), url("../fonts/Chivo-Light.woff") format("woff"), url("../fonts/Chivo-Light.svg#Chivo-Light") format("svg");
     font-weight: 300;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: "Chivo-Medium";
     src: url("../fonts/Chivo-Medium.eot");
     src: url("../fonts/Chivo-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Chivo-Medium.woff2") format("woff2"), url("../fonts/Chivo-Medium.woff") format("woff"), url("../fonts/Chivo-Medium.svg#Chivo-Medium") format("svg");
     font-weight: 500;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: "Chivo-SemiBoldItalic";
     src: url("../fonts/Chivo-SemiBoldItalic.eot");
     src: url("../fonts/Chivo-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Chivo-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Chivo-SemiBoldItalic.woff") format("woff"), url("../fonts/Chivo-SemiBoldItalic.svg#Chivo-SemiBoldItalic") format("svg");
     font-weight: 600;
     font-style: italic;
     font-display: swap;
}

@font-face {
     font-family: "Chivo-SemiBolD";
     src: url("../fonts/Chivo-SemiBold.eot");
     src: url("../fonts/Chivo-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Chivo-SemiBold.woff2") format("woff2"), url("../fonts/Chivo-SemiBold.woff") format("woff"), url("../fonts/Chivo-SemiBold.svg#Chivo-SemiBold") format("svg");
     font-weight: 600;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: "Chivo-Regular";
     src: url("../fonts/Chivo-Regular.eot");
     src: url("../fonts/Chivo-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Chivo-Regular.woff2") format("woff2"), url("../fonts/Chivo-Regular.woff") format("woff"), url("../fonts/Chivo-Regular.svg#Chivo-Regular") format("svg");
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: "Chivo-MediumItalic";
     src: url("../fonts/Chivo-MediumItalic.eot");
     src: url("../fonts/Chivo-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Chivo-MediumItalic.woff2") format("woff2"), url("../fonts/Chivo-MediumItalic.woff") format("woff"), url("../fonts/Chivo-MediumItalic.svg#Chivo-MediumItalic") format("svg");
     font-weight: 500;
     font-style: italic;
     font-display: swap;
}

@font-face {
     font-family: "Chivo-Thin";
     src: url("../fonts/Chivo-Thin.eot");
     src: url("../fonts/Chivo-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Chivo-Thin.woff2") format("woff2"), url("../fonts/Chivo-Thin.woff") format("woff"), url("../fonts/Chivo-Thin.svg#Chivo-Thin") format("svg");
     font-weight: 100;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: "Chivo-ThinItalic";
     src: url("../fonts/Chivo-ThinItalic.eot");
     src: url("../fonts/Chivo-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Chivo-ThinItalic.woff2") format("woff2"), url("../fonts/Chivo-ThinItalic.woff") format("woff"), url("../fonts/Chivo-ThinItalic.svg#Chivo-ThinItalic") format("svg");
     font-weight: 100;
     font-style: italic;
     font-display: swap;
}

@font-face {
     font-family: "Chivo-Medium";
     src: url("../fonts/Chivo-Medium.eot");
     src: url("../fonts/Chivo-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Chivo-Medium.woff2") format("woff2"), url("../fonts/Chivo-Medium.woff") format("woff"), url("../fonts/Chivo-Medium.svg#Chivo-Medium") format("svg");
     font-weight: 500;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: "ClashDisplay-Variable";
     src: url("fonts/ClashDisplay-Variable.woff2") format("woff2"), url("fonts/ClashDisplay-Variable.woff") format("woff");
     font-weight: 200 700;
     font-display: swap;
     font-style: normal;
}

@font-face {
     font-family: "ClashDisplay-Extralight";
     src: url("../fonts/ClashDisplay-Extralight.woff2") format("woff2"), url("../fonts/ClashDisplay-Extralight.woff") format("woff");
     font-weight: 200;
     font-display: swap;
     font-style: normal;
}

@font-face {
     font-family: "ClashDisplay-Light";
     src: url("../fonts/ClashDisplay-Light.woff2") format("woff2"), url("../fonts/ClashDisplay-Light.woff") format("woff");
     font-weight: 300;
     font-display: swap;
     font-style: normal;
}

@font-face {
     font-family: "ClashDisplay-Regular";
     src: url("../fonts/ClashDisplay-Regular.woff2") format("woff2"), url("../fonts/ClashDisplay-Regular.woff") format("woff");
     font-weight: 400;
     font-display: swap;
     font-style: normal;
}

@font-face {
     font-family: "ClashDisplay-Medium";
     src: url("../fonts/ClashDisplay-Medium.woff2") format("woff2"), url("../fonts/ClashDisplay-Medium.woff") format("woff");
     font-weight: 500;
     font-display: swap;
     font-style: normal;
}

@font-face {
     font-family: "ClashDisplay-Semibold";
     src: url("../fonts/ClashDisplay-Semibold.woff2") format("woff2"), url("../fonts/ClashDisplay-Semibold.woff") format("woff");
     font-weight: 600;
     font-display: swap;
     font-style: normal;
}

@font-face {
     font-family: "ClashDisplay-Bold";
     src: url("../fonts/ClashDisplay-Bold.woff2") format("woff2"), url("../fonts/ClashDisplay-Bold.woff") format("woff");
     font-weight: 700;
     font-display: swap;
     font-style: normal;
}

@font-face {
     font-family: "DM Sans medium";
     src: url("../fonts/DMSans18pt-Medium.woff2") format("woff2"), url("../fonts/DMSans18pt-Medium.woff") format("woff");
     font-weight: 500;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: "DM Sans semibold";
     src: url("../fonts/DMSans18pt-SemiBold.woff2") format("woff2"), url("../fonts/DMSans18pt-SemiBold.woff") format("woff");
     font-weight: 600;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: "DM Sans regular";
     src: url("../fonts/DMSans18pt-Regular.woff2") format("woff2"), url("../fonts/DMSans18pt-Regular.woff") format("woff");
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}

:root {
     --endrollSlideWidth: 835px;
}

* {
     font-family: "DM Sans regular";
}

body {
     font-family: "DM Sans regular";
     font-weight: 400;
     font-size: 16px;
     line-height: 1.3;
     color: #fff;
     overflow-x: hidden;
     background: #06050f;
}

a {
     transition: all 0.5s ease-in-out;
}

a,
a:hover {
     text-decoration: none;
}

h1 {
     font-size: 110px;
     font-family: "ClashDisplay-Medium";
     line-height: 1.3;
}

h2,
h3,
h4,
h5,
h6 {
     /* color: #000; */
     line-height: 1.3;
     font-family: "ClashDisplay-Regular";
}

h2 {
     font-weight: 500;
     font-size: 70px;
     line-height: 1.2;
     color: #e3e5ea;
}

h3 {
     font-weight: 600;
     font-size: 48px;
}

h4 {
     font-weight: 400;
     font-size: 40px;
}

h5 {
     font-weight: 500;
     font-size: 28px;
     line-height: 30px;
}

h6 {
     font-size: 24px;
}

.fw-600 {
     font-weight: 600;
}

p {
     font-weight: 400;
     font-size: 24px;
     line-height: 1.3;
     color: #bcbdbf;
}

ul {
     margin: 0;
     padding: 0;
}

header {
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 251;
     background: linear-gradient(#06050f, #131127);
     border-bottom: 1px solid #ffffff1a;
     padding: 30px 0;
}

.fix-mt {
     margin-top: 112px;
}


/* .header-bg {
     width: 100%;
} */

.navbar-main .navbar-expand-lg .navbar-nav .nav-link {
     font-family: "DM Sans medium";
     font-size: 18px;
     color: #fff;
     transition: all 0.5s ease-in-out;
}

.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link,
.navbar-main .navbar-expand-lg .navbar-nav .nav-link:hover,
a:hover {
     text-decoration: none;
     /* color: #FE6571; */
     color: #fff;
}

.navbar-nav li.nav-item:last-child {
     margin-right: 0;
}

.navbar-nav {
     align-items: center;
     gap: 40px;
}

.navbar-main .navbar-expand-lg .navbar-nav .nav-link.reg-btn {
     padding: 35px 50px;
     background: #000;
     color: #fff;
}

.navbar-main .navbar-expand-lg .navbar-nav .nav-link.reg-btn svg {
     margin-left: 8px;
     vertical-align: initial;
}

.navbar-main .navbar {
     padding: 0;
}

.navbar-mobile .navbar-toggler span {
     display: block;
     width: 30px;
     height: 2px;
     margin: 6px auto;
     background: #fff;
     transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.navbar-mobile .navbar-toggler[aria-expanded="true"] span:first-of-type {
     transform: rotate(45deg) translate(6px, 6px);
}

.navbar-mobile .navbar-toggler[aria-expanded="true"] span:nth-of-type(2) {
     opacity: 0;
}

.navbar-mobile .navbar-toggler[aria-expanded="true"] span:last-of-type {
     transform: rotate(-45deg) translate(5px, -5px);
}

.navbar-mobile .navbar-toggler[aria-expanded="false"] span {
     transform: none;
     opacity: 1;
}

.navbar-toggler {
     width: 30px;
     min-width: 30px;
     height: 30px;
     border: none;
     padding: 0;
     position: relative;
     z-index: 999;
}

.navbar-toggler:focus {
     box-shadow: none;
}

.menu-sticky header {
     box-shadow: 10px 10px 50px rgb(0 0 0/4%);
}

.btn-main {
     font-family: "Raleway";
     font-weight: 600;
     color: #ffffff;
     background: #9743ff;
     padding: 14px 30px;
     border-radius: 30px;
}

.btn-main:hover {
     color: #ffffff;
}

.main-banner {
     padding: 120px 0 130px 0;
     position: relative;
     z-index: 1;
     overflow: hidden;
}

.sec-space-btn .main-btn {
     margin-top: 0 !important;
}

a.c-desc {
     position: relative;
     z-index: 99;
     color: #fff;
}

.values-wrapper .main-btn-link {
     display: inline-flex;
     width: max-content;
     align-items: center;
     /* align-items: center; */
     gap: 8px;
}

.main-banner.contact {
     padding: 180px 0 60px 0;
     margin-top: 70px;
}

.main-banner .banner-heading span {
     font-family: "ClashDisplay-Medium";
}

.main-banner .m-banner-desc {
     margin: 50px 0 54px;
}

.main-banner .m-banner-desc .desc-path {
     position: absolute;
     bottom: -40px;
     left: -30px;
}

.main-banner .m-banner-desc p {
     font-size: 32px;
     font-family: "DM Sans medium";
     color: #bcbdbf;
}

.main-banner .m-banner-desc .h-desc {
     font-family: "DM Sans semibold";
}

.swiping-text {
     /* position: relative; */
     /* width: 614px;
     height: 137px; */
     /* animation: flip2 20s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; */
     display: inline-block;
     width: 594px;
     height: 624px;
     position: relative;
     /* height: 402px; */
}

.swiping-inner {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 15px;
     width: 100%;
}

.swiping-item {
     display: block;
     height: 156px;
     text-align: left;
     /* margin-bottom: 156px; */
}


/* .swiping-text-main {
     height: 160px;
     position: relative;
     overflow: hidden;
     padding-top: 10px;
     margin-top: -10px;
} */

.swiping-text.two {
     animation: none;
     height: 120px;
}

.swiping-text.two .swiping-item {
     position: absolute;
     opacity: 0;
     overflow: hidden;
     /* color: #6b969d; */
     /* -webkit-animation: rotateWord 18s linear infinite 0s;
     -ms-animation: rotateWord 18s linear infinite 0s; */
     animation: rotateWord 18s linear infinite 0s;
}

.swiping-text.two .swiping-item:nth-child(2) {
     -webkit-animation-delay: 3s;
     -ms-animation-delay: 3s;
     animation-delay: 3s;
}

.swiping-text.two .swiping-item:nth-child(3) {
     -webkit-animation-delay: 6s;
     -ms-animation-delay: 6s;
     animation-delay: 6s;
}

.swiping-text.two .swiping-item:nth-child(4) {
     -webkit-animation-delay: 9s;
     -ms-animation-delay: 9s;
     animation-delay: 9s;
}

.swiping-text.two .swiping-item:nth-child(5) {
     -webkit-animation-delay: 12s;
     -ms-animation-delay: 12s;
     animation-delay: 12s;
}

.swiping-text.two .swiping-item:nth-child(6) {
     -webkit-animation-delay: 15s;
     -ms-animation-delay: 15s;
     animation-delay: 15s;
}

@keyframes rotateWord {
     0% {
          opacity: 0;
     }

     2% {
          opacity: 0;
          -webkit-transform: translateY(50%);
     }

     5% {
          opacity: 1;
          -webkit-transform: translateY(0px);
     }

     17% {
          opacity: 1;
          -webkit-transform: translateY(0px);
     }

     20% {
          opacity: 0;
          -webkit-transform: translateY(-50%);
     }

     80% {
          opacity: 0;
     }

     100% {
          opacity: 0;
     }
}


/* .swiping-item {
     position: absolute;
     width: 100%;
     left: 0;
     top: 0;
     transform: translateY(-100%);
     transition: all 0.5s linear;
}

.swiping-text span.activeText {
     transform: translateY(0);
}

.swiping-text span.activeText+span {
     transform: translateY(100%);
} */

.mb-vector {
     position: absolute;
     z-index: -1;
}

.mb-vector.one {
     top: 12%;
     left: 0;
     animation: bounce 2s ease infinite alternate;
}

.mb-vector.two {
     bottom: 0;
     left: -25px;
     animation: rotateUnit 2s ease infinite alternate;
}

.mb-vector.three {
     top: 20%;
      /*top: -2% !important;*/
     right: -12%;
     animation: slideX 2s ease infinite alternate;
}
.blue_vector{
     top: -2% !important;
}

.mb-vector.four {
     top: -10%;
     bottom: auto;
     left: 50%;
     transform: translateX(-50%);
}

.mb-vector.five {
     top: 35%;
     left: 0;
     transform: translateY(-50%);
}

.mb-vector.six {
     bottom: -54%;
     left: 0;
     opacity: 0.24;
}

.video-inner {
     z-index: 9;
}

.contanct-cta .mb-vector.two {
     bottom: 0;
}

.main-banner.team .mb-vector.one,
.main-banner.contact .mb-vector.one {
     top: 5%;
     opacity: 0.1;
}

.main-banner.team .mb-vector.three,
.main-banner.contact .mb-vector.three {
     top: 6%;
     right: -14%;
     opacity: 0.2;
}

.m-banner-desc .desc-path.star {
     left: -20px;
     top: -5px;
}

.h-bg-lights {
     position: absolute;
     top: -13%;
     left: 50%;
     z-index: 1;
     opacity: 0.8;
     transform: translateX(-50%);
}

.video-container .video-main {
     width: 80%;
     margin: 0 auto 160px;
     padding: 24px;
     border: 2px solid #ffffff1a;
     border-radius: 12px;
}

.video-container .video-main .video-inner,
.video-container .video-main .video-inner video {
     border-radius: 12px;
     width: 100%;
     height: 100%;
}

.video-container .video-main::before {
     content: "";
     position: absolute;
     bottom: -2px;
     left: -4px;
     right: auto;
     width: 101.5%;
     height: 516px;
     z-index: 9;
     background: linear-gradient(0deg, #06050f 0%, rgba(6, 5, 15, 0.61341) 38.66%, rgba(6, 5, 15, 0) 100%);
}

.initiative-main p {
     font-size: 24px;
     line-height: 1.4;
     color: #595959;
}

.b-desc {
     color: #fff;
     font-size: 28px;
     width: 80%;
     line-height: 1.5;
     margin: 0 auto;
}

.main-btn {
     font-family: "DM Sans semibold";
     font-size: 20px;
     color: #fff;
     background: transparent;
     border: 2px solid #fff;
     padding: 17px 40px;
     border-radius: 8px;
     position: relative;
     text-transform: uppercase;
     transition: all 0.5s ease-in-out;
}

.main-btn-text {
     display: inline-flex;
     gap: 16px;
     align-items: center;
}

.main-btn:hover {
     border-color: #fe6571;
     background-color: #fe6571;
}

.arrows-in {
     width: 16px;
     height: 25px;
     display: inline-block;
}

.arrows-in .cut-arr {
     transition: all 0.5s ease-in-out;
}

.arrows-in .cut-arr.one {
     transform: translate(0, 0);
     transform-origin: center;
}

.arrows-in .cut-arr.two {
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: 9;
     animation: curArrowOut 0.5s linear both;
}

.main-btn:hover .cut-arr.one,
.main-btn-link:hover .cut-arr.one {
     transform: translate(100%, -100%);
}

.main-btn:hover .cut-arr.two,
.main-btn-link:hover .cut-arr.two {
     animation: curArrowIn 0.5s linear both;
}

.main-banner.contact .m-banner-desc {
     margin: 64px 0 0;
}

@keyframes curArrow {
     0% {
          transform: translate(0, 0);
     }

     50% {
          transform: translate(-100%, 100%);
     }

     100% {
          transform: translate(0, 0);
     }
}

@keyframes curArrowIn {
     0% {
          transform: translate(-100%, 100%);
     }

     100% {
          transform: translate(0, -14%);
     }
}

@keyframes curArrowOut {
     0% {
          transform: translate(0, 0);
     }

     100% {
          transform: translate(-100%, 100%);
     }
}


/* .main-btn .cut-arr {
     position: absolute;
     top: 0;
     left: 0;
     transform: rotate(-45deg);
     transition: transform 0.5s ease-in-out;
     transform-origin: top;
}

.main-btn .cut-arr.two {
     transform: translateY(100%) rotate(-45deg);
}

.main-btn .cut-arr.one {
     transform: translateY(0) rotate(-45deg);
}

.main-btn:hover .cut-arr.two {
     transform: translateY(0) rotate(-45deg);
}

.main-btn:hover .cut-arr.one {
     transform: translateY(-100%) rotate(-45deg);
} */


/* .main-btn:before,
.main-btn:after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 1px solid #000000;
     border-radius: 8px;
     transition: all 0.5s ease-in-out;
}

.main-btn:before {
     background: #FFC900;
     z-index: -1;
     opacity: 0;
}

.main-btn:hover:before {
     opacity: 1;
} */

.main-btn.outline {
     color: #fff;
     background: transparent;
     border: 1.5px solid #fff;
     transition: all 0.5s ease-in-out;
     padding: 20px 30px;
}

header .main-btn.outline {
     border-color: #fff;
}

header .main-btn.outline:hover {
     background: #fe6571;
     border-color: #fe6571;
     color: #fff;
}

.main-btn.outline:hover {
     color: #1e1a1c;
     background: #eff1f2;
     border-color: #eff1f2;
}

.main-btn.outline:hover svg path {
     stroke: #1e1a1c;
}

.main-btn.outline:before,
.main-btn.outline:after {
     content: none;
}

.main-btn:hover:before {
     top: 10px;
     left: 10px;
}

.main-btn:hover {
     color: #fff;
}

header .main-btn.outline {
     color: #fff;
     font-size: 16px;
}

.sands-b-img img {
     border-radius: 8px;
}

.sands-b-img {
     margin-top: 70px;
}

.empower-wrapper {
     background: #1e1a1c;
     padding: 110px 0;
     position: relative;
     z-index: 1;
}

.em-title {
     font-size: 66px;
     margin-bottom: 75px;
}

.em-item h3 {
     color: #fe6571;
     font-family: "Chivo-SemiBolD";
     font-weight: 600;
}

.em-item p {
     color: rgba(188, 189, 191, 0.72);
     line-height: 1.4;
     font-size: 14px;
}

.al-row-inner {
     width: 80%;
     margin: 0 auto;
}

.process-wrapper {
     padding: 200px 0;
     z-index: 1;
}

.al-pattern {
     position: absolute;
     top: 40%;
     left: 45%;
     transform: translate(-50%, -50%);
     z-index: -1;
     filter: blur(150px);
}

.text-light {
     color: #eff1f2;
}

.em-desc {
     width: 89%;
}

.sec-padding {
     padding-top: 160px;
}

.main-title {
     margin-bottom: 100px;
}

.main-title .title-highlight,
.main-title .title-highlight span {
     font-family: "ClashDisplay-Semibold";
}

.wt-item {
     margin-bottom: 80px;
}

.wt-item .wl-img {
     width: 20%;
}

.wt-item .wt-title {
     font-family: "Chivo-SemiBolD";
}

.wt-grid-border {
     border-bottom: 1px solid #bcbdbf;
     padding: 0 32px;
}

.wt-grid-border.two,
.wt-grid-border.five {
     border-left: 1px solid #bcbdbf;
     border-right: 1px solid #bcbdbf;
}

.wt-grid-border.four,
.wt-grid-border.five,
.wt-grid-border.six {
     border-bottom-color: transparent;
     padding: 48px 32px 0;
}

.st-item {
     /* border: 1px solid #E3E5EA; */
     border-radius: 8px;
     position: relative;
     background: #06050f;
     border-radius: 24px;
}

.st-item:before {
     content: "";
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     left: 0;
     margin: -2px;
     z-index: -1;
     border-radius: inherit;
     background: linear-gradient(125.73deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.08) 100%);
}

.st-badge-month {
     background: #fe6571;
     padding: 8px 16px;
     border-radius: 40px;
     font-family: "DM Sans medium";
     font-size: 18px;
     margin-bottom: 20px;
     display: inline-block;
}

.st-list {
     display: flex;
     gap: 24px;
     flex-direction: column;
     padding: 0;
     margin: 0;
}

.st-bt-space {
     margin-bottom: 32px;
}

.sec-bottom-space {
     margin-top: 70px;
}

.sec-bottom-space.sy-dwn {
     margin-top: 40px;
}

ul.st-list li {
     padding-left: 32px;
     position: relative;
     color: #bcbdbf;
     font-size: 20px;
     list-style-type: none;
}

.st-list li:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 16px;
     height: 16px;
     padding-left: 32px;
     background: url(../images/st-icon.svg) no-repeat;
}

.st-bottom {
     margin-top: 35px;
}

.st-item.light-blue {
     background: rgba(51, 161, 222, 0.12);
}

.st-item.light-pink {
     background: rgba(255, 51, 153, 0.12);
}

.st-item.light-green {
     background: rgba(56, 212, 62, 0.12);
}

.st-item h3 {
     font-family: "Chivo-Bold";
     font-size: 42px;
     font-weight: 600;
}

.st-item .st-content p {
     font-size: 24px;
     color: #595959;
}

.module-btn {
     padding: 15px 35px;
     font-size: 20px;
     border-radius: 8px;
     color: #fff;
}

.st-item.light-blue .module-btn {
     background: #33a1de;
}

.st-item.light-pink .module-btn {
     background: #ff3399;
}

.st-item.light-green .module-btn {
     background: #38d43e;
}

.users-group {
     display: flex;
}

.users-group span {
     display: block;
     border: 4px solid #e7f4fb;
     border-radius: 50%;
     margin-left: -10px;
}

.users-group span:nth-child(1) {
     margin-left: 0;
}

.st-item.light-pink .users-group span {
     border-color: #ffe7f3;
}

.st-item.light-green .users-group span {
     border-color: #e7f4fb;
}

.sands-list {
     /* background: #1E1A1C; */
     border-radius: 8px;
     padding: 20px 52px 36px;
}

.sands-list h5 {
     color: #cfcfcf;
}

.sands-list p {
     font-size: 18px;
     color: #5e5e5e;
     text-align: revert;
     width: 92%;
}

.sands-list .s-item {
     margin-bottom: 20px;
}

.sands-list .main-title {
     margin-bottom: 55px;
}

.process-wrapper .step-no {
     font-size: 55px;
     font-weight: 900;
     color: #fe6571;
     margin: 20px 0 15px;
     display: block;
}

.Structure-wrapper.sec-padding {
     padding-top: 30px;
}

.Structure-wrapper.perfection {
     padding-top: 170px;
}

.text-color {
     color: #fe6571;
}

.start-date {
     font-size: 34px;
     color: #bcbdbf;
}

.date-badge {
     color: #d3d3d3;
     padding: 20px 40px;
     display: inline-block;
     position: relative;
     background: linear-gradient(90.89deg, #0c0b20 0%, #000001 100%), linear-gradient(90.78deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.2) 100%);
     border-radius: 50px;
     font-size: 24px;
     font-family: "ClashDisplay-Regular";
     border: 1px solid rgba(255, 255, 255, 0.21);
}

.date-badge:after {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: -1;
     margin: -2px;
     border-radius: inherit;
     background: linear-gradient(90.78deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.2) 100%);
}

.scholarship-wrapper {
     padding: 60px 0;
     margin: 100px 0 0;
     overflow: hidden;
}


/* .scholarship-wrapper h2 {
     font-family: "DM Sans semibold";
} */

.scholarship-wrapper p.sch-desk {
     width: 60%;
     font-size: 32px;
     margin: 24px auto;
}

.course-btn-group {
     display: inline-flex;
     justify-content: flex-end;
}

.offer-label {
     background: #ebfd4a;
     padding: 16px 100px 16px 100px;
     position: relative;
     text-align: center;
     display: inline-block;
}

.offer-label h5 {
     font-size: 24px;
     font-weight: 400;
     text-align: center;
     display: inline-block;
}

.offer-label:before {
     right: 0;
}

.offer-label:before,
.offer-label:after {
     content: "";
     position: absolute;
     top: 0;
     width: 0;
     height: 0;
     border-top: 31.5px solid transparent;
     border-right: 63px solid #1e1a1c;
     border-bottom: 31.5px solid transparent;
}

.offer-label:after {
     left: 0;
     transform: rotate(180deg);
}

.start-content h2 {
     font-size: 80px;
     font-family: "Chivo-SemiBolD";
}

.main-btn.white {
     background: #fff;
     color: #1e1a1c;
}

.main-btn.white:before {
     background: #ebfd4a;
}

.course-offer {
     margin-top: 130px;
}

.team-card img,
.team-main .box-1 .card-front,
.sands-list-img.img-transition {
     border-radius: 8px;
}

.team-main.core .box-1 {
     margin-bottom: 0;
}

.img-transition img {
     transform: scale(1.03) rotate(0.5deg);
     transform-origin: 90% 50%;
     transition: transform 1.2s cubic-bezier(0.4, 0.01, 0.14, 0.99);
}

.em-item:hover .img-transition img,
.team-main .box-1:hover .img-transition img,
.sands-list-img.img-transition:hover img,
.st-item:hover .img-transition:hover img {
     transform: scale(1.001) rotate(0);
}

#mail-status-subscriber-form .success {
     color: green;
}

.details-text.contact {
     padding: 32px 32px 32px 72px;
}

.slider-wrapper .main-title h2 {
     margin-bottom: 20px;
}

.slider-wrapper h5 {
     font-size: 30px;
}

.slider-wrapper p {
     font-size: 20px;
}

.slider-wrapper .swiper-slide {
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 10px;
}

.slider-wrapper .swiper-slide img {
     /* height: 300px; */
     object-fit: cover;
     width: 100%;
     border-radius: 10px;
}

.slider-wrapper.steps-uiux {
     padding: 0;
}

.slider-wrapper {
     position: relative;
     padding: 150px 0 0;
}

.slider-wrapper.voice {
     padding: 150px 0 0;
}

.endrollmentStep .swiper-wrapper {
     padding: 100px 0;
}

.endrollmentStep.slider-device,
.voiceDelight.slider-device {
     display: none;
     padding: 0 30px;
}

.slider-wrapper .swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {
     height: 2px;
}

.slider-wrapper .swiper-pagination-progressbar-fill {
     background-color: #000;
     height: 2px;
     /* top: 2px; */
}

.swiper-pagination-bullet {
     width: 10px;
     height: 10px;
     background: #b3b3b3;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
     background: #fe6571;
}

.slider-wrapper .swiper-pagination-custom .swiper-pagination-switch.active .switch-title {
     font-weight: 400;
     transition-delay: 0.4s;
}

.content_block {
     border-radius: 24px;
     position: relative;
     padding: 40px;
     background: #06050f;
}

.step-content {
     z-index: 9;
}

.content_block::before {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: -1;
     margin: -2px;
     border-radius: inherit;
     background: linear-gradient(125.73deg, rgba(255, 255, 255, 0.21) 0%, rgba(255, 255, 255, 0.04) 100%);
}

.content_block:after,
.footer-cta-inner:before,
.ss-step-inner:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border-radius: 24px;
     background: linear-gradient(125.73deg, #0c0b20 0%, #000001 100%), linear-gradient(125.73deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.2) 100%);
     opacity: 0;
     transition: all 0.5s ease-in-out;
     z-index: 2;
}

.content_block:hover:after,
.footer-cta-inner:before,
.ss-step-inner:before {
     opacity: 1;
}

.footer-cta-inner:after {
     z-index: -1;
}

.footer-cta-text {
     z-index: 9;
}

.step-slide .ss-step-inner .row {
     position: relative;
     z-index: 99;
}

.endrollmentStep .step-number .sn {
     color: rgba(255, 255, 255, 0.3);
}

.endrollmentStep .step-number .st-bold {
     font-size: 160px;
     line-height: 160px;
     font-family: "ClashDisplay-Semibold";
}

.endrollmentStep .step-number .st-regular,
.endrollmentStep .step-number .st-medium {
     font-size: 40px;
}

.endrollmentStep .step-number .st-regular {
     font-family: "ClashDisplay-Regular";
     margin: 0 6px;
}

.endrollmentStep .step-number .st-medium {
     font-family: "ClashDisplay-medium";
}

.content_block .slider_title {
     margin: 30px 0 30px 0;
}

.content_block .step_desc p {
     color: #b3b3b3;
     width: 90%;
}

.enroll_now {
     padding: 90px 0 30px;
     margin: auto;
     text-align: center;
}

.enroll_now .main-btn {
     font-size: 25px;
}

.edu-difference-wrapper .main-title {
     margin-bottom: 80px;
}


/**gsap scrolling**/

.scrollbar {
     width: 100%;
     height: 100%;
}


/* .endrollmentStep {
     display: flex;
     align-items: center;
     justify-content: center;
     
} */

.endrollment-slider {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-wrap: nowrap;
     width: 135%;
     height: 100vh;
     padding: 50px 30px 30px;
     /* width: 130% !important;
     padding-left: 150px !important; */
}

.voice-slider {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-wrap: nowrap;
     width: 160%;
     height: 100vh;
     padding: 50px 30px 30px;
}

.endrollment-slider .endroll-slide .content_block,
.voice-slider .voice-slide .v_content_block {
     width: 28vw;
}

.endrollment-slider .endroll-slide,
.voice-slider .voice-slide {
     padding: 0 25px;
}

.endrollment-slider .endroll-slide .content_block {
     height: 490px;
}

.endrollment-slider .endroll-slide .content_block .step_desc {
     height: 80px;
}


/*********** Madhavi's contact-us css ****************/

.main_contact_page {
     padding: 180px 30px 0;
}

.main_contact_page h2 {
     margin-bottom: 30px;
}

.main_contact_page p {
     color: #363435;
}

.main_contact_page .contact-title.container {
     padding: 0;
     width: 55%;
}

.contact-details {
     position: relative;
     border-radius: 8px;
     background: #1e1a1c;
}

.contact-desc {
     width: 86%;
     margin: 0 auto;
}

.center-sec {
     margin: 48px 0 48px 0;
     overflow: hidden;
}

.details-text .s-text {
     margin-bottom: 30px;
     color: #b3b3b3;
     font-size: 24px;
     font-family: "ClashDisplay-Medium";
}

.details-text .c-desc {
     color: #e3e5ea;
     font-size: 32px;
     font-family: "DM Sans medium";
}

.details-text a {
     text-decoration: none;
     color: #fff;
}

.details-text {
     display: flex;
     flex-direction: column;
     padding: 32px 32px;
     height: 100%;
}

.contact-details svg.yellow_circle {
     position: absolute;
     overflow: hidden;
     top: 0;
     right: 35%;
     z-index: -1;
}

.bg-white {
     border-radius: 10px;
     border: 2px solid #000;
}

.form-contact {
     margin: 0;
}

.form-contact .form-control {
     padding: 18px 18px;
}

.form-contact label {
     margin-bottom: 28px;
     font-size: 24px;
     color: #e3e5ea;
     line-height: 20px;
     font-family: "ClashDisplay-Medium";
}

.form-contact .form-group {
     margin-bottom: 30px;
}

.form-contact input::placeholder {
     color: #7e8083;
     font-size: 14px;
}

.form-contact .btn-submit {
     border-radius: 8px;
     padding: 16px 16px;
     font-size: 16px;
     background: #000;
     border: none;
}

.form-group .error {
     color: #ff5058;
     font-size: 16px;
     margin-top: 12px;
     margin-bottom: 0;
}

.navbar-main .navbar-expand-lg .navbar-nav .nav-link:hover {
     color: #fe6571;
}

.form-control {
     border-radius: 14px;
     border-color: rgba(255, 255, 255, 0.21);
     background: transparent;
}

.contanct-inner {
     padding: 120px 0;
}

.faq-contact {
     margin-top: 100px;
}

.slider-wrapper.c-voice {
     padding: 160px 0 130px;
}

.btn-submit svg {
     margin-left: 10px;
}

.get-started-title h3 {
     margin-bottom: 16px;
}

.get-started-title p {
     color: #d6d7d8;
     font-size: 16px;
     line-height: 24px;
}

.get_started_sec {
     border-radius: 8px;
     background: #1e1a1c;
     position: relative;
}

.get_started_sec svg.yellow_circle {
     position: absolute;
     overflow: hidden;
     left: 28%;
}

.get-started-title {
     width: 41%;
}

.get-started-now {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 66px 56px;
     position: relative;
     z-index: 1;
     margin-top: 150px;
}

.get-started-now.home-main {
     margin-top: 100px;
}

.btn-get-started .btn-submit {
     background: #fe6571;
     border-radius: 8px;
     border: none;
     padding: 18px 24px;
}

.get_started_sec .highlight1 {
     position: absolute;
     left: 46%;
     top: 20%;
}

.get_started_sec .highlight2 {
     position: absolute;
     right: 7%;
     bottom: 12%;
}

.st-cl {
     border: 1px solid #e3e5ea;
}

.syllabus-main {
     margin-top: 160px;
}

.content_block .slider_title h4 {
     font-family: "ClashDisplay-Medium";
}


/* .step-main-scroll {

     width: 100%;
     height: 100%;
     position: relative;
     overflow: hidden;
} */

.step-scrolling {
     position: relative;
}

.step-slide {
     height: 100vh;
     display: flex;
     align-items: center;
     justify-content: center;
}

.step-slide.second-slide .ss-step-inner {
     margin-top: 40px;
}

.step-slide.third-slide .ss-step-inner {
     margin-top: 80px;
}

.step-slide.four-slide .ss-step-inner {
     margin-top: 120px;
}

.st-bottom p {
     margin-bottom: 0;
}


/* 
.step-slide {
     position: absolute;
     height: 100vh;
     width: 100%;
     top: 0;
     left: 0;
     display: flex;
     align-items: center;
     justify-content: center;
} */


/* .step-slide:not(:first-child) {
     top: 100%;
} */


/* .step-slide:not(.first-slide) {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
} */

.ss-step-inner.border_gradient {
     padding: 64px;
     margin-bottom: 0;
}

.ss-step-img,
.ss-step-img img {
     width: 100%;
     border-radius: 16px;
}

.ss-step-content {
     padding-right: 40px;
}

.ss-step-content h3 {
     font-size: 40px;
}

.ss-step-content .ss-step-number {
     font-size: 56px;
     font-family: "Chivo-SemiBolD";
     color: #fe6571;
     display: inline-block;
     margin-bottom: 30px;
}

.ss-disc {
     font-family: "Chivo-Regular";
     font-size: 32px;
     margin-top: 24px;
}

.syllabus-main .main-title {
     margin-bottom: 0;
}

.inquiry-title h1 {
     font-size: 80px;
}

.inquiry-title {
     margin-bottom: 80px;
}

.contact-main.inquiry .contact-details {
     box-shadow: 0px 0px 64px 0px #562c60;
}

.contact-main.inquiry {
     padding: 180px 0 150px;
}


/******Footer*******/

footer .sandcup-title h5,
footer .sandcup-title h3 {
     font-weight: 400;
}

footer .sandcup-title h3 {
     text-decoration: underline;
}

.copyright p {
     color: #1e1a1c;
     text-align: right;
}

.footer-wrapper {
     margin-top: 150px;
     padding: 64px 0;
     position: relative;
     z-index: 1;
}

.f-nav-link {
     display: flex;
     justify-content: center;
     gap: 25px;
     padding: 0;
     margin: 0;
}

.f-nav-link a {
     font-size: 14px;
     font-family: "DM Sans medium";
     color: #e3e5ea;
}


/* .f-nav-link a:hover {
     color: #FE6571;
} */

.f-social-links {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     gap: 27px;
     padding: 0;
}

.f-social-links li {
     list-style-type: none;
}

.f-social-links li svg circle,
.f-social-links li svg path {
     transition: all 0.5s ease-in-out;
}

.f-social-links li:hover svg circle {
     stroke: #fe6571;
}

.f-social-links li:hover svg path {
     fill: #fe6571;
}

.f-contact {
     font-weight: 500;
     color: #7e8083;
     margin-bottom: 25px;
}

.contact-list .c-text {
     font-weight: 500;
     font-size: 18px;
}

.contact-list li {
     display: flex;
     align-items: center;
     gap: 13px;
     margin-bottom: 25px;
}

.contact-list li:last-child {
     margin-bottom: 0;
}

.copyright {
     border-top: 1px solid #eaedf0;
     padding: 24px 0;
}

.form-block .button-block {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     position: relative;
}

.form-block #mail-status-contact-form .success {
     color: green;
}

input:-internal-autofill-selected {
     background-color: #06050f !important;
}

.submit-loader {
     width: 32px;
     height: 32px;
     clear: both;
     display: inline-block;
     margin-left: 32px;
     border-radius: 50%;
     border-top: 16px rgba(19, 19, 19, 0.75) solid;
     border-left: 16px rgba(19, 19, 19, 0.25) solid;
     border-bottom: 16px rgba(19, 19, 19, 0.25) solid;
     border-right: 16px rgba(19, 19, 19, 0.25) solid;
     -webkit-animation: spSlices 1s infinite linear;
     animation: spSlices 1s infinite linear;
}


/* #loader-icon-contact-form {
     position: absolute;
     right: -60px;
} */

.form-block .info {
     margin-top: 20px;
     display: block;
     color: red;
}


/**Shivani CSS**/

.banner-bottle-text {
     padding: 100px 0;
}

.banner-bottle-text p,
.main-title p {
     font-size: 20px;
}

h2.number-heading {
     font-family: "Chivo-Bold";
     font-weight: 900;
     color: #fe6571;
     margin-bottom: 15px;
}

.counter-box {
     text-align: left;
}

.dir-rtl {
     margin-top: 30px;
}

.count-cl {
     height: 100%;
}

.count-cl.one,
.count-cl.three {
     width: 25%;
}

.count-cl.two,
.count-cl.four {
     width: 11%;
}

.counter-box-line {
     height: 100%;
     width: 100%;
}

.count-cl.five {
     width: 23%;
}

.counter-box-line .border_top {
     width: 1px;
     height: 130px;
     background: #bcbdbf;
     margin: 0 auto;
}

.counter-number-section {
     padding-bottom: 120px;
     padding-top: 150px;
}

.banner-bottle-text {
     padding: 0;
}

.counter-number-section .main-title {
     margin-bottom: 80px;
}

.edu-career-video {
     width: 90%;
     margin: 0 auto;
}

.career-video video {
     width: 100%;
     height: auto;
     border-radius: 24px;
}

button {
     background: transparent;
     border: none;
}

.play-ic {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     z-index: 9;
     cursor: pointer;
}

.career-benefits-inner {
     margin-top: 80px;
}

.benifit-grid-item,
.border_gradient {
     position: relative;
     background: #06050f;
     border-radius: 24px;
     padding: 40px;
     margin-bottom: 30px;
}

.benifit-grid-item {
     margin-bottom: 20px;
     padding: 0;
}

.cursor-spotlight-effect {
     position: relative;
     height: 100%;
     border-radius: 24px;
}

.benifit-grid-item .cursor-spotlight-effect {
     padding: 40px;
}

.st-item .cursor-spotlight-effect {
     padding: 48px;
}

.ss-step-inner.border_gradient {
     border: 1px solid #424242;
}

.ss-step-inner.border_gradient:after {
     content: none;
}

.benifit-grid-item:after,
.border_gradient:after {
     content: "";
     position: absolute;
     top: 1px;
     right: 0;
     bottom: 1px;
     left: 0;
     z-index: -1;
     margin: -2px;
     border-radius: inherit;
     background: linear-gradient(125.73deg, rgba(255, 255, 255, 0.21) 0%, rgba(255, 255, 255, 0.04) 100%);
}

.benifit-grid-item h4 {
     /* font-family: 'ClashDisplay-Medium'; */
     margin-bottom: 20px;
     font-size: 32px;
}

.benifit-grid-item p {
     font-size: 18px;
     color: #a6a6a6;
     margin-bottom: 0;
}

.benifit-grid-item.lt-grid {
     margin-bottom: 0;
}

.benifit-grid-item.grid-half {
     height: 48.5%;
}

.benifit-grid-item.one,
.benifit-grid-item.two {
     height: 340px;
}

.benifit-grid-item.two,
.benifit-grid-item.eight {
     margin-bottom: 0;
}

.benifit-grid-item.four {
     height: 489px;
}

.benifit-grid-item.yearly-ws {
     height: 191px;
}

.benifit-grid-item.seven {
     height: 222px;
}

.benifit-grid-item.eight {
     height: 458px;
}

.benifit-grid-item.three {
     height: 100%;
     margin-bottom: 0;
}

.placement-inner {
     display: flex;
     align-items: center;
}

.place-img {
     width: 30%;
}

.place-img img {
     margin-left: auto;
     display: block;
}

.place-content {
     width: 70%;
}

.place-content p {
     margin-top: 80px;
}

.placement-inner.extended {
     align-items: flex-end;
}


/* .placement-inner.extended .place-content p {
     margin-top: 30px;
} */

.communicate-img {
     margin: 100px 0 50px;
}

.due-content {
     margin-top: 30px;
}

.communicate-img.due {
     margin: 0px 0 40px;
}

.due-title {
     font-size: 28px;
}

.communicate-img.due img {
     display: block;
     margin-left: auto;
     margin-right: auto;
}

.benifit-grid-item.due-item .cursor-spotlight-effect {
     padding: 40px 25px;
}

.blurryCircle {
     width: 150px;
     height: 150px;
     background: linear-gradient(#fe6571, #ffffff);
     position: absolute;
     border-radius: 50%;
     filter: blur(120px);
     z-index: 9;
     display: none;
}

.custom-cursor {
     position: fixed;
     background: #fe6571;
     width: 12px;
     height: 12px;
     margin: -10px 0 0 -10px;
     border-radius: 50%;
     will-change: transform;
     user-select: none;
     pointer-events: none;
     z-index: 250;
     transform: translate(-50%, -50%);
     /* transition: all 0.5s ease-in-out; */
}

.link {
     cursor: pointer;
     position: relative;
     z-index: 1000;
}


/* .benifit-grid-item.width-half {
     height: 50%;
} */

.memory-slider .splide__slide img {
     border-radius: 16px;
}

.cb-f-row {
     margin-bottom: 30px;
}

h2.number-heading.c-1 {
     color: #fe6571;
}

h2.number-heading.c-2 {
     color: #fe6571;
}

.mentor-heading {
     margin: auto;
     color: #bababa;
     font-family: "Chivo-Regular";
     font-weight: 600;
     position: relative;
     width: 75%;
     display: flex;
     align-items: center;
     justify-content: center;
}

.best-edu {
     margin-top: 160px;
}

.box-1 {
     display: flex;
     justify-content: center;
     gap: 15px;
     margin-bottom: 50px;
}

.best-career .box-1 {
     justify-content: flex-start;
}

.inner-detail {
     text-align: left;
}

.inner-heading {
     font-size: 18px;
     font-weight: 600;
     font-family: "Chivo", sans-serif;
}

.inner-heading-text {
     font-size: 48px;
     font-family: "Chivo-Regular";
     font-weight: normal;
}

p.a-career {
     font-size: 18px;
     font-weight: 400;
     color: #595959;
}

p.c-text {
     width: auto;
     font-size: 20px;
}

.opportunity-marquee {
     margin-top: 150px;
}

.main-btn.c-btn {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
}

.opportunity-marquee .main-title {
     margin-bottom: 70px;
}


/* 
.marquee-block.img-block {
     background: transparent;
     border: none;
     padding: 0;
} */

.img-marquee-inner,
.edu-marquee-inner {
     width: 100%;
     display: flex;
     align-items: center;
     position: relative;
     flex-shrink: 0;
     overflow: hidden;
}

.img-marquee-inner .g-slide,
.edu-marquee-inner .g-slide {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
     padding: 0 20px;
     width: 400px;
}

.img-marquee-inner .roll-title,
.edu-marquee-inner .roll-title {
     padding: 20px 40px;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     gap: 20px;
     border-radius: 100px;
}

.img-marquee-inner>div,
.edu-marquee-inner>div {
     display: flex;
     flex-wrap: wrap;
}

.img-marquee-inner .slick-track,
.edu-marquee-inner .slick-track {
     display: flex;
}

.edu-marquee-inner .g-slide .roll-title {
     height: 100px;
}

.roll-title h5 {
     font-size: 20px;
}

.roll-title.blue {
     background: linear-gradient(94.62deg, rgba(91, 208, 252, 0.14) 0%, rgba(80, 78, 220, 0.14) 100%);
}

.roll-title.pink {
     background: linear-gradient(94.62deg, rgba(159, 29, 207, 0.16) 0%, rgba(211, 44, 125, 0.16) 100%);
}

.roll-title.yellow {
     background: linear-gradient(94.62deg, rgba(245, 119, 49, 0.16) 0%, rgba(254, 197, 48, 0.16) 100%);
}

.roll-title.red {
     background: linear-gradient(94.62deg, rgba(216, 24, 91, 0.16) 0%, rgba(252, 76, 46, 0.16) 100%);
}

.roll-title.purple {
     background: linear-gradient(94.62deg, rgba(167, 190, 255, 0.16) 0%, rgba(87, 80, 222, 0.16) 100%);
}

.marquee-block.img-block .marquee-inner .marquee-text .m-item:before {
     content: none;
}

h5.head-name {
     padding-top: 20px;
     font-size: 18px;
     font-family: "Chivo-SemiBolD";
     margin-bottom: 0px;
}

.img-block span {
     font-size: 16px;
     font-family: "Chivo-Regular";
     font-weight: normal;
     color: #363435;
}

.detail-text {
     width: 85%;
     font-size: 16px;
     font-family: "Chivo-Regular";
     font-weight: normal;
}

.team-row {
     text-align: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -25px;
     margin-left: -25px;
}

figcaption {
     text-align: center;
}

figcaption .heading-quaternary {
     color: #1e1a1c;
     display: block;
     line-height: normal;
     font-size: 18px;
     font-family: "Chivo-SemiBolD";
     -webkit-background-clip: text;
     padding-top: 20px;
}

.team-block {
     display: flex;
     padding: 150px 0 70px;
}

.title {
     display: flex;
     flex-direction: column;
     gap: 16px;
     align-items: center;
     justify-content: flex-start;
     flex-shrink: 0;
     position: relative;
}

.sub-title {
     display: flex;
     flex-direction: row;
     gap: 11px;
     align-items: center;
     justify-content: flex-start;
     flex-shrink: 0;
     position: relative;
}

.icon-outline-star {
     flex-shrink: 0;
     position: relative;
     overflow: visible;
}

.we-are-the-future {
     color: var(--coralred, #fe6571);
     text-align: left;
     font: var(--body-18-px-medium, 500 18px/28px "IBM Plex Sans", sans-serif);
     position: relative;
}

.meet-the-team {
     color: var(--neutral-07, #1e1a1c);
     text-align: center;
     font: var(--headline-h-2, 500 56px/60px "IBM Plex Sans", sans-serif);
     position: relative;
}

.partner_logo_section {
     padding: 70px 0px 80px 0;
     background-color: white;
     width: 100%;
     overflow: hidden;
}

.header-text h6 {
     text-align: center;
     position: relative;
     z-index: 9;
}

.marquee__group {
     /* display: flex; */
     padding: 15px 0 15px 0;
}

.js-marquee,
.js-marquee-wrapper {
     display: flex;
     white-space: nowrap;
}

.best-career {
     padding: 0 0 0;
}

.edu-difference-wrapper {
     margin-top: 150px;
}

.profile-evaluation {
     background-color: black;
     padding: 50px 36px;
     color: white;
     background: var(--head, #1e1a1c);
     border-radius: 8px;
     border-style: solid;
     border-color: #1e1a1c;
     border-width: 1px;
}

.profile-evaluatio h5 {
     color: #ffffff;
     text-align: left;
     font-weight: 900;
     font-size: 48px;
     font-family: "Chivo-black";
     position: relative;
     transform-origin: 0 0;
     transform: rotate(0deg) scale(1, 1);
}

.profile-evaluation p {
     color: #595959;
     text-align: left;
     font-weight: 400;
     font-size: 20px;
     font-family: "Chivo-Regular";
}

.education-text {
     padding: 100px 0;
     margin-bottom: 0;
}


/* 
.founder-row {
     gap: 50px;
} */

.education-text h2 {
     color: #1e1a1c;
     text-align: center;
     font-size: 48px;
     font-family: "Chivo-Medium";
     position: relative;
     transform-origin: 0 0;
     transform: rotate(0deg) scale(1, 1);
}

.wt-icon {
     padding: 35px 65px;
}

.middle-section {
     display: flex;
     align-items: center;
}

.course-item.border_gradient {
     padding: 0;
}

.course-header {
     padding: 64px 0 14px;
}

.course-info-list {
     padding: 40px;
     border-bottom: 2px solid;
     border-image-slice: 1;
     border-image-source: linear-gradient(125.73deg, rgba(255, 255, 255, 0.21) 0%, rgba(255, 255, 255, 0.04) 100%);
}

.course-info-list p {
     color: #595959;
     margin-bottom: 0;
}

.course-info-list:last-child {
     border: none;
}

.course-info-list.h_144 {
     height: 144px;
     display: flex;
     align-items: center;
     justify-content: center;
}

.scholarship-wrapper {
     z-index: 1;
}

.scholarship-wrapper:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     background: url(../images/scholar-pattern.png) no-repeat;
     width: 100%;
     height: 100%;
     opacity: 0.8;
     z-index: -1;
}

.values-item h4 {
     color: #e3e5ea;
     font-family: "ClashDisplay-Medium";
}

.main-btn-link {
     font-size: 20px;
     font-family: "DM Sans semibold";
     text-transform: uppercase;
     color: #fff;
     transition: all 0.5s ease-in-out;
     margin-top: 24px;
     display: inline-flex;
     align-items: center;
     gap: 5px;
     width: max-content;
}

.values-item.border_gradient {
     padding: 0;
     background: linear-gradient(90.89deg, #0c0b20 0%, #000001 100%), linear-gradient(90.78deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.2) 100%);
     margin-bottom: 0;
}

.values-item.border_gradient .cursor-spotlight-effect {
     padding: 60px 50px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     min-height: 371px;
}

.values-item img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}

.values-item.one,
.values-item.one .cursor-spotlight-effect {
     border-radius: 24px 0 0 0;
}

.values-item.three,
.values-item.three .cursor-spotlight-effect {
     border-radius: 0 24px 0 0;
}

.values-item.four img {
     border-radius: 0 0 0 24px;
}

.values-item.five,
.values-item.five .cursor-spotlight-effect {
     border-radius: 0 0 0 0;
}

.values-item.six img {
     border-radius: 0 0 24px 0;
}

.values-item p {
     font-size: 20px;
}

.mentor-main-title {
     color: #bcbdbf;
     width: 48%;
     margin: 0 auto;
     text-align: center;
     font-family: "ClashDisplay-Medium";
     font-weight: 500;
}

.founder-row {
     margin-top: 100px;
}

.founder-row .object-block {
     padding: 0;
}

.founder-row .head-name {
     font-family: "ClashDisplay-Medium";
}

.redirect-text {
     color: #bcbdbf;
}

.founder-detail {
     padding: 40px;
     position: relative;
     z-index: 1;
}

.founder-detail:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     background-image: linear-gradient(171deg, rgba(74, 103, 255, 0.2), rgba(0, 0, 0, 0));
     border-radius: 0 0 24px 24px;
     opacity: 0;
     width: 100%;
     height: 100%;
     transition: all 0.5s ease-in-out;
     z-index: -1;
}

.founder-row .object-block:hover .founder-detail:before {
     opacity: 1;
}

.linkdein-url {
     margin-left: auto;
}

.object-block .img-transition img {
     width: 100%;
}

.object-block .img-transition {
     border-radius: 24px 24px 0 0;
}

.redirect-text {
     color: #bcbdbf;
}

.mentors-wrapper.two .head-name {
     font-size: 20px;
}

.mentors-wrapper.two p {
     font-size: 16px;
}

.mentors-wrapper.two .founder-detail {
     padding: 24px;
}

.mentors-wrapper.two .founder-row .object-block {
     margin-bottom: 0;
}

.voiceDelight {
     margin-top: 100px;
}

.voice-detail {
     padding: 24px;
     text-align: center;
}

.voice-detail h4 {
     font-size: 32px;
     font-family: "ClashDisplay-Medium";
}

.voice-detail .v-country {
     color: #bcbdbf;
}

.slider-wrapper .swiper-slide .voice-img img {
     border-radius: 24px 24px 0 0;
}

.play-vc {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     z-index: 99;
}

.v_content_block.border_gradient {
     padding: 0;
}

.faq-inner {
     margin-top: 100px;
}

.faq-inner .accordion-item:first-of-type,
.faq-inner .accordion-item:last-of-type {
     border-top-left-radius: 24px;
     border-top-right-radius: 24px;
     border-bottom-left-radius: 24px;
     border-bottom-right-radius: 24px;
}

.faq-inner .accordion-button {
     border: none;
     background: transparent;
     box-shadow: none;
     padding: 0;
     color: #e3e5ea;
     margin-bottom: 0;
     font-family: "ClashDisplay-Medium";
     font-size: 24px;
     overflow: hidden;
}

.faq-inner .accordion-body {
     padding: 30px 0 0;
}

.faq-inner .f-icon {
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     transition: all 0.5s ease-in-out;
}

.faq-inner button[aria-expanded="false"] .f-minus {
     transform: translateY(-100%);
     top: 0;
}

.faq-inner button[aria-expanded="true"] .f-plus {
     transform: translateY(100%);
}

.faq-inner button[aria-expanded="true"] .f-minus {
     transform: translateY(-50%);
}

.faq-inner .accordion-item.border_gradient {
     border: none;
     padding: 24px;
}

.faq-inner .accordion-item:last-child {
     margin-bottom: 0;
}

.faq-inner .accordion-button::after,
.faq-inner .accordion-button:not(.collapsed)::after {
     content: none;
}

.footer-cta-inner h2 {
     font-weight: 400;
}

.footer-cta-pattern {
     z-index: 1;
}

.footer-cta-pattern:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
     background: url(../images/footer-pattern.png) no-repeat;
     z-index: 9;
}

.qr-link {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
     display: none;
     z-index: 99;
}


/* .prod-pattern-vector {
     background-image: url(../images/prod-pattern-01.png);
     background-repeat: no-repeat;
     background-position: center;
     border-radius: 50%;
     width: 326px;
     height: 326px;
     margin: 0 auto;
     overflow: hidden;
} */

.prodigy-item .head-name {
     color: #fe6571;
     font-size: 30px;
     font-family: "ClashDisplay-Semibold";
}

.founder-row .object-block.prodigy-item {
     padding: 40px;
}

.object-block.prodigy-item .founder-detail {
     padding: 40px 0 0 0;
     text-align: center;
}

.prod-pattern-vector img {
     border-radius: 50%;
}

.animated-gradiant {
     background: linear-gradient(to left, #fe6571 10%, #55d5a1 50%, #b866ff 70%, #80ff84 80%, #808aff 100%);
     background-size: auto auto;
     background-size: 200% auto;
     color: #fff;
     background-clip: text;
     text-fill-color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     animation: textclip 1.5s linear infinite;
}

@keyframes textclip {
     to {
          background-position: -200% center;
     }
}


/* .object-block.prodigy-item.two .prod-pattern-vector {
     background-image: url(../images/prod-pattern-02.png);
}

.object-block.prodigy-item.three .prod-pattern-vector {
     background-image: url(../images/prod-pattern-03.png);
}

.object-block.prodigy-item.four .prod-pattern-vector {
     background-image: url(../images/prod-pattern-04.png);
} */

.prodigy-slider .splide__slide {
     padding: 10px 0;
     text-align: center;
}

.prodigy-slider .border_gradient {
     padding: 40px 30px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
}

.contact-details .form-control::placeholder,
.contact-details .form-control {
     color: #595959;
     font-size: 18px;
     font-family: "DM Sans regular";
}

.prodigy-slider.device-slider {
     display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
     -webkit-appearance: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
     transition: all 5000s ease-in-out 0s;
     transition-property: background-color, color;
     -webkit-box-shadow: 0 0 0 1000px #06050f inset;
     -webkit-text-fill-color: #595959;
}

.contact-details .form-control:focus {
     border-color: rgba(255, 255, 255, 0.6);
     background-color: transparent;
     box-shadow: none;
}


/* .footer-cta-inner {
     z-index: 1;
} */

.footer-pattern {
     /* z-index: -1; */
     width: 100%;
     height: 100%;
}


/* End CSS*/


/**Madhvi CSS*/


/* Table css Madhvi */

.diff-section-main {
     padding: 150px 30px;
}

.diff-section-main h2 {
     font-size: 56px;
     margin-bottom: 12px;
}

.difference-section {
     margin-bottom: 70px;
}

.diff-section-main p {
     font-size: 18px;
     color: #595959;
}

.diff-section-main .diff-title {
     width: 70%;
     margin: auto;
     text-align: center;
}

.table-responsive {
     overflow-x: auto;
}

.table.table-bordered {
     border-color: #e5e5e5;
     border-radius: 8px;
}

.table span.text-red {
     color: #fe6571;
     letter-spacing: 7.84px;
     font-size: 24px;
}

.title-table .text-white {
     font-size: 42px;
}

.title-table h6 {
     font-family: "Chivo-SemiBolD";
}

.table .text-gray {
     color: rgba(30, 26, 28, 0.6);
     font-size: 42px;
}

.table td h6 {
     font-size: 20px;
}

.table td .mLabel {
     font-size: 24px;
     font-family: "chivo-medium";
     color: #888888;
}

.table td .dLabel {
     font-size: 18px;
     color: #1e1a1c;
}

th.title-table {
     padding: 35px 40px;
     text-align: center;
     vertical-align: middle;
}

.t-body td {
     padding: 25px 37px;
     text-align: center;
     vertical-align: middle;
}

.diff-section-main .t-body td:nth-child(2) {
     background: rgba(254, 101, 113, 0.06);
}

.table-responsive tbody,
td,
tfoot,
th,
thead,
tr {
     white-space: nowrap;
}

.mentors-wrapper.team-mentor.sec-padding {
     padding-top: 60px;
}

.marquee-block.team-cl-logo .marquee-inner .marquee-text .m-item:before {
     content: none;
}

.marquee-block.team-cl-logo .marquee-inner .marquee-text .m-item {
     padding: 0 20px;
}

.marquee-block.team-cl-logo {
     padding: 100px 0 0;
}

.slider-wrapper.team-voice {
     padding: 130px 0 130px;
     overflow: hidden;
}

.contact-details.border_gradient {
     padding: 70px;
     margin-bottom: 0;
}

.team-social-icons {
     display: flex;
     align-items: center;
     gap: 20px;
     margin-top: 30px;
}

.footer-cta-inner {
     /* border: 1px solid #424242; */
     background: #06050f;
     padding: 40px;
     border-radius: 24px;
}

.values-wrapper {
     padding: 160px 0 0;
}

.form-select:where(select) option {
     font-family: "DM Sans", sans-serif;
}


/**End Madhvi CSS*/

@-webkit-keyframes spSlices {
     0% {
          border-top: 16px rgba(19, 19, 19, 0.75) solid;
          border-right: 16px rgba(19, 19, 19, 0.25) solid;
          border-bottom: 16px rgba(19, 19, 19, 0.25) solid;
          border-left: 16px rgba(19, 19, 19, 0.25) solid;
     }

     25% {
          border-top: 16px rgba(19, 19, 19, 0.25) solid;
          border-right: 16px rgba(19, 19, 19, 0.75) solid;
          border-bottom: 16px rgba(19, 19, 19, 0.25) solid;
          border-left: 16px rgba(19, 19, 19, 0.25) solid;
     }

     50% {
          border-top: 16px rgba(19, 19, 19, 0.25) solid;
          border-right: 16px rgba(19, 19, 19, 0.25) solid;
          border-bottom: 16px rgba(19, 19, 19, 0.75) solid;
          border-left: 16px rgba(19, 19, 19, 0.25) solid;
     }

     75% {
          border-top: 16px rgba(19, 19, 19, 0.25) solid;
          border-right: 16px rgba(19, 19, 19, 0.25) solid;
          border-bottom: 16px rgba(19, 19, 19, 0.25) solid;
          border-left: 16px rgba(19, 19, 19, 0.75) solid;
     }

     100% {
          border-top: 16px rgba(19, 19, 19, 0.75) solid;
          border-right: 16px rgba(19, 19, 19, 0.25) solid;
          border-bottom: 16px rgba(19, 19, 19, 0.25) solid;
          border-left: 16px rgba(19, 19, 19, 0.25) solid;
     }
}

@keyframes spSlices {
     0% {
          border-top: 16px rgba(19, 19, 19, 0.75) solid;
          border-right: 16px rgba(19, 19, 19, 0.25) solid;
          border-bottom: 16px rgba(19, 19, 19, 0.25) solid;
          border-left: 16px rgba(19, 19, 19, 0.25) solid;
     }

     25% {
          border-top: 16px rgba(19, 19, 19, 0.25) solid;
          border-right: 16px rgba(19, 19, 19, 0.75) solid;
          border-bottom: 16px rgba(19, 19, 19, 0.25) solid;
          border-left: 16px rgba(19, 19, 19, 0.25) solid;
     }

     50% {
          border-top: 16px rgba(19, 19, 19, 0.25) solid;
          border-right: 16px rgba(19, 19, 19, 0.25) solid;
          border-bottom: 16px rgba(19, 19, 19, 0.75) solid;
          border-left: 16px rgba(19, 19, 19, 0.25) solid;
     }

     75% {
          border-top: 16px rgba(19, 19, 19, 0.25) solid;
          border-right: 16px rgba(19, 19, 19, 0.25) solid;
          border-bottom: 16px rgba(19, 19, 19, 0.25) solid;
          border-left: 16px rgba(19, 19, 19, 0.75) solid;
     }

     100% {
          border-top: 16px rgba(19, 19, 19, 0.75) solid;
          border-right: 16px rgba(19, 19, 19, 0.25) solid;
          border-bottom: 16px rgba(19, 19, 19, 0.25) solid;
          border-left: 16px rgba(19, 19, 19, 0.25) solid;
     }
}


/*******Newsletter********/

.modal-header {
     flex-direction: column;
     border-bottom: none;
     padding: 30px;
}

.modal-header .btn-close {
     position: absolute;
     top: 20px;
     right: 20px;
}

.modal-header .btn-close:focus {
     border: none;
     box-shadow: none;
}

.subscription.form-block {
     width: 100%;
     display: block;
}

.modal-body {
     padding: 0px 30px 30px;
}

.subscription .form-control {
     height: 60px;
}

.subscription .form-control:focus {
     box-shadow: none;
     border-color: #fe6571;
}

.subscription .subscription-btn {
     width: auto;
     height: 60px;
     border: none;
     color: #fff;
     font-size: 16px;
     padding: 0 15px;
     background: #fe6571;
     display: inline-flex;
     align-items: center;
     transition: all 0.5s ease-in-out;
     border-radius: 0 0.375rem 0.375rem 0;
}

.subscription .subscription-btn:hover {
     background: #1e1a1c;
}

.subscription .subscription-btn svg {
     margin-left: 8px;
}

.academy-center p {
     width: 60%;
     margin: 0 auto;
}

.w-full {
     width: 100%;
     object-fit: cover;
}

.academy-center {
     margin-top: 25px;
}

img.w-full.image-1 {
     height: 386px;
}

img.w-full.img-2 {
     height: 144px;
}

img.w-full.img-4 {
     height: 554px;
}

img.w-full.img-5 {
     height: 215px;
}

img.w-full.img-6 {
     height: 313px;
}

.mobile-view {
     display: none;
}

img.w-full.img-7 {
     display: none;
}

.cursor-spotlight-effect {
     overflow: hidden;
}


/* ::-webkit-scrollbar {
     display: none;
} */

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

::-webkit-scrollbar {
     width: 5px;
     background-color: #06050f;
}

::-webkit-scrollbar-thumb {
     border-radius: 5px;
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     background-color: #fe6571;
     /* position: absolute;
     top: 0;
     left: 0; */
     /* width: 8px; */
     height: 50px;
     /* opacity: 1;
     transition: opacity 0.5s ease-in-out; */
     /* height: 10px; */
     /* background: rgba(0, 0, 0, .5); */
     /* border-radius: 4px; */
}

body.hidden-scrollbar::-webkit-scrollbar-thumb {
     /* overflow-y: hidden; */
     /* opacity: 0; */
     display: none;
}

.scan-code p {
     color: #e3e5ea;
     font-family: "ClashDisplay-Medium";
}

.Structure-wrapper.connect h4 {
     font-size: 32px;
     font-family: "ClashDisplay-Medium";
}

.Structure-wrapper.connect .contact-title {
     background: linear-gradient(to right, #fe6571, #fe7d54, #fe0b7a);
     background-size: auto auto;
     background-clip: text;
     text-fill-color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-size: 60px;
     font-family: "ClashDisplay-Medium";
}

.st-title-bold {
     font-family: "ClashDisplay-Bold";
}

.Structure-wrapper.connect .st-item .cursor-spotlight-effect {
     padding: 48px 35px;
}

.contact-item .cursor-spotlight-effect {
     display: flex;
     align-items: center;
     flex-direction: column;
     justify-content: center;
     text-align: center;
     height: 100%;
}

.contact-item .st-bottom {
     margin-top: 0;
}


/*******Connect with us ********/

.Structure-wrapper.connect .st-item .cursor-spotlight-effect {
     padding: 40px 35px;
     z-index: 1;
}

.contact-item .cursor-spotlight-effect {
     display: flex;
     align-items: center;
     flex-direction: column;
     /* justify-content: center; */
     text-align: center;
     height: 500px;
}

.cursor-spotlight-effect.text-c {
     justify-content: center;
}

.st-title.title-mb {
     margin-bottom: 150px;
}

.Structure-wrapper.connect .circle-pattern::before {
     position: absolute;
     content: "";
     background: url(../images/half-circle-pattern.png);
     background-repeat: no-repeat;
     top: auto;
     bottom: 0;
     left: 40px;
     right: 0;
     width: auto;
     height: 50%;
     /* z-index: -1; */
}

.social-vectors {
     padding: 90px 90px;
}

.vector-shape {
     height: 66px;
     width: 66px;
     border-radius: 16px;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
}

.linkdn-bg {
     background: #0b86ca;
}

.discode-bg {
     background: #7289da;
}

.wapp-bg {
     background: #45d354;
}

.utube-bg {
     background: #ff0000;
}

.pintrest-bg {
     background: #bd081b;
}

.dribble-bg {
     background: #f25b98;
}

.behance-bg {
     background: #4175fa;
}

.fb-bg {
     background: linear-gradient(rgba(0, 102, 239, 1), rgba(0, 178, 255, 1));
}

.insta-bg {
     background: radial-gradient(94.62deg, rgba(250, 143, 33, 1) 100%, rgba(216, 45, 126, 1) 100%);
}

.flex-vector {
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.social-vectors {
     padding: 90px 70px 20px;
     display: flex;
     gap: 56px;
     justify-content: center;
}

.down-vec {
     transform: translateY(40px);
     transition: transform 0.4s ease;
}

.up-vec {
     transition: transform 0.4s ease;
}

.cursor-spotlight-effect:hover .social-vectors .up-vec {
     transform: translateY(40px);
}

.cursor-spotlight-effect:hover .social-vectors .down-vec {
     transform: translateY(0px);
}

.scan-bg {
     height: 145px;
     width: 145px;
     border-radius: 24px;
     background: #fff;
     padding: 8px;
     margin: 24px auto;
}

.label-scan {
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 90px 0 0;
     position: relative;
}

.sparkle {
     position: absolute;
}

svg.sparkle.s-01 {
     top: 0;
     left: 0;
     animation: animateBounce01 0.7s ease infinite alternate;
}

svg.sparkle.s-02 {
     top: 30px;
     right: 0;
     animation: animateBounce02 0.7s ease infinite alternate;
}

svg.sparkle.s-03 {
     left: -44%;
     bottom: 60px;
     animation: animateBounce03 0.7s ease infinite alternate;
}

svg.sparkle.s-04 {
     right: -12px;
     bottom: 6px;
     animation: animateBounce04 0.7s ease infinite alternate;
}

@keyframes animateBounce01 {
     100% {
          transform: translateY(20px) translateX(20px);
     }
}

@keyframes animateBounce02 {
     0% {
          transform: translateY(20px) translateX(20px);
     }
}

@keyframes animateBounce03 {
     100% {
          transform: translateX(20px) translateY(20px);
     }

     0% {
          transform: translateX(20px) translateX(20px);
     }
}

@keyframes animateBounce04 {
     100% {
          transform: translateY(20px) translateX(20px);
     }
}

.pulse-pettern {
     position: relative;
     width: 200px;
     height: 200px;
}

.pulse-pettern span {
     position: absolute;
     width: 100%;
     height: 100%;
     right: 0;
     left: 0;
     border-width: 2px;
     border-style: solid;
     border-color: #6428ed;
     border-radius: 32px;
     opacity: 1;
     animation: pulseAnimate 4s ease-out infinite;
     animation-delay: calc(1s * var(--i));
}

@keyframes pulseAnimate {
     100% {
          opacity: 0;
          transform: scale(2);
     }
}

.st-item.profile-member::after {
     position: absolute;
     content: "";
     background: url(../images/bg-pattern-member.svg);
     background-repeat: no-repeat;
     top: auto;
     bottom: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 70%;
}

.member-circle {
     height: 100px;
     width: 100px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
}

.bg-member-01 {
     background: #ffff;
     opacity: 89%;
     border: 3px solid #2e90fa;
     z-index: 4;
}

.bg-member-02 {
     background: #ffff;
     opacity: 89%;
     border: 3px solid #fe7d54;
     z-index: 3;
}

.bg-member-03 {
     background: #ffff;
     opacity: 89%;
     border: 3px solid #f79009;
     z-index: 4;
}

.bg-member-04 {
     background: transparent;
     border: 3px solid #31de8c;
}

.flex-members-list {
     /* display: grid;
     width: 23em;
     grid-template: 1fr/repeat(auto-fit, minmax(0, 1fr)); */
     display: flex;
     width: 100%;
     justify-content: flex-end;
     margin: 100px 0 0;
     position: relative;
}

.cursor-list {
     position: absolute;
}

.custom-item-01 {
     width: 65px;
     height: 30px;
     border: 2px solid #994227;
     background: #fe7d54;
     border-radius: 70px 0px 70px 70px;
     text-align: center;
}

.custom-item-02 {
     width: 55px;
     height: 25px;
     border: 2px solid #b11c64;
     background: #ff479f;
     border-radius: 0px 70px 70px 70px;
     text-align: center;
}

.custom-item-03 {
     width: 55px;
     height: 30px;
     border: 2px solid #1570ef;
     background: #2e90fa;
     border-radius: 90px 0px 90px 90px;
     text-align: center;
}

.custom-item-04 {
     width: 45px;
     height: 30px;
     border: 2px solid #039855;
     background: #12b76a;
     border-radius: 0px 90px 90px 90px;
     text-align: center;
}

.cursor-list.list-01 {
     left: -15px;
     top: -30px;
     animation: pulseAnimate01 2s linear infinite alternate;
}

.cursor-list.list-03 {
     left: -15px;
     bottom: -60px;
     animation: pulseAnimate03 2s linear infinite alternate;
}

.cursor-list.list-04 {
     bottom: -60px;
     animation: pulseAnimate02 2s linear infinite alternate;
}

.cursor-list.list-02 {
     top: -70px;
     right: 25px;
     animation: pulseAnimate02 2s linear infinite alternate;
}

.cursor-list svg {
     position: absolute;
}

.cursor-list.list-01 svg {
     top: -11px;
     right: -10px;
}

.cursor-list.list-02 svg {
     top: -13px;
     left: -10px;
}

.cursor-list.list-03 svg {
     top: -12px;
     right: -12px;
}

.cursor-list.list-04 svg {
     top: -13px;
     left: -11px;
}

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

.name-c span {
     font-size: 12px;
     color: #fff;
}

.desc-profile p {
     font-size: 20px;
     padding-bottom: 24px;
}


/* new-css-28-03*/

.marquee-block.pre-reg .m-item a.link {
     color: #ffffff;
}

.endrollment-slider {
     padding-bottom: 0;
}

.endroll-btn {
     margin-top: 60px;
}

.mentors-wrapper p {
     font-size: 18px;
}

.clash_r {
     font-family: "ClashDisplay-Regular";
}

.clash_m {
     font-family: "ClashDisplay-Medium" !important;
}

.clash_b {
     font-family: "ClashDisplay-Bold";
}

.tools-wrapper {
     padding: 170px 0 30px;
}

.tools-wrapper .st-item {
     height: 100%;
}

.tools-wrapper .st-item h4 {
     font-size: 32px;
}

.tools-wrapper .st-item p {
     font-size: 20px;
}

.tools-item.middle-mb {
     margin: 20px 0;
}

.design-e h3 {
     font-size: 60px;
}

.tools-item {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 35px;
}

.tool-box.border_gradient {
     /* padding: 37px; */
     margin: 0;
     border: 1px solid rgba(255, 255, 255, 16%);
     background: linear-gradient(90.89deg, #0c0b20 0%, #000001 40%), linear-gradient(90.78deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.2) 100%);
     margin-bottom: 0;
}

.tool-box.border_gradient::before {
     background: linear-gradient(#FFFFFF 0%, #FFFFFF 21%), linear-gradient(90.78deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.2) 100%);
}

.tools-wrapper .st-item .cursor-spotlight-effect {
     padding: 37px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     text-align: center;
}

.assessment-f .form-select,
.enrollNow .form-select,
.mentor-form .form-select {
     background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
     background-repeat: no-repeat;
     background-size: 20px 20px;
     background-position: right 0.75rem center;
     margin-top: 0;
}

.assess-radio .form-check-label {
     margin-bottom: 28px;
     font-size: 18px;
     color: #ffffff;
     font-family: "DM Sans regular";
}

.assess-radio .form-check-input[type="checkbox"] {
     border-color: rgba(255, 255, 255, 0.21);
     background-color: transparent;
     margin-top: 0;
     height: 24px;
     width: 24px;
     margin-right: 16px;
     border-radius: 4px;
     border-width: 2px;
}

.assess-radio .form-check-input[type="radio"] {
     border-color: rgba(255, 255, 255, 0.21);
     background-color: transparent;
     height: 24px;
     width: 24px;
     margin-top: 0;
     margin-right: 16px;
     border-width: 2px;
}

.light-g {
     color: #bcbdbf !important;
}

.edu-difference-wrapper.on-off-class {
     margin-top: 50px;
}

.course-info-list.rs-number p {
     font-size: 20px;
     color: #bcbdbf;
}

.course-info-list.rs-number h4 {
     font-size: 60px;
}

.grendient-text {
     background: linear-gradient(89deg, #fe6571, #fe7d54, #fe0b7a) 100%;
     background-size: auto auto;
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-family: "ClashDisplay-Medium";
     display: inline-block;
}

.rs-flex {
     display: inline-flex;
     align-items: center;
}

.voices-of-delight {
     padding: 160px 0;
}

.v-card.border_gradient {
     height: auto;
     margin-bottom: 0;
     height: 100%;
}

.v-profile {
     display: flex;
     align-items: center;
     gap: 24px;
     padding-bottom: 40px;
}

.v-content p {
     font-size: 18px;
     color: #e3e5ea;
     line-height: 1.6;
}

.v-card.border_gradient.voice-mb {
     margin-bottom: 20px;
}

.form-group select.form-select option {
     background-color: #2a2a2a;
     color: #f2f2f2;
}

.form-group textarea:focus,
.form-group input:focus,
.form-group select:focus {
     color: #f2f2f2;
}

.one-clear-mission .founder-detail p {
     font-size: 18px;
}

.tb-padding {
     padding-top: 160px;
     padding-bottom: 160px;
}

.multiple-mentors.mentors-wrapper.team-mentor.sec-padding {
     padding-bottom: 0px;
     padding-top: 0;
}

.multiple-mentors .founder-detail {
     height: 160px;
}

.flex_1 {
     /* flex: 1; */
     margin-bottom: 20px;
}


/* 
.h_first {
     height: 392px;
}

.h_sec {
     height: 315px;
} */

.one-clear-mission {
     padding-top: 160px;
}

.st-item.design-e .cursor-spotlight-effect {
     gap: 50px;
}

.guid-with-prestige {
     padding-top: 160px;
     /* padding-bottom: 160px; */
}

.guid-with-prestige .border_gradient {
     padding: 0;
     height: 100%;
}

.guid-card.cursor-spotlight-effect {
     padding: 40px;
}

.mb_guid {
     margin-bottom: 20px;
}

.guid-card h4 {
     margin-bottom: 30px;
}

.tool-box-flex {
     display: flex;
     align-items: center;
     gap: 20px;
     padding: 0 0 50px;
     justify-content: space-between;
}

.d-tools-marquee {
     padding-top: 120px;
}

.d-tools-marquee .splide__list {
     align-items: center;
}

.d-tools-marquee .splide__slide {
     height: 150px;
}

.tool-box.border_gradient.p-min {
     padding: 26px;
}

.tool-box.border_gradient.p-max {
     padding: 30px;
}

.d-tools-marquee .splide__slide.d-img-box {
     /*height: 100px;
     */
     border-radius: 32px;
     border: 1px solid rgba(255, 255, 255, 20%);
     max-width: 150px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 30px;
}

.d-tools-marquee .splide__track {
     position: relative;
     z-index: 1;
}

.d-tools-marquee .splide__track::before {
     position: absolute;
     content: "";
     z-index: 1;
     width: 34.37em;
     height: 100%;
     right: 0;
     left: 0;
     top: 0;
     bottom: 0;
     background-image: linear-gradient(90.89deg, rgba(6, 5, 15, 1), rgba(6, 5, 15, 0.5), rgba(6, 5, 15, 0));
}

.d-tools-marquee .splide__track::after {
     position: absolute;
     content: "";
     z-index: 1;
     width: 34.37em;
     height: 100%;
     right: 0;
     left: auto;
     top: 0;
     bottom: 0;
     background-image: linear-gradient(269deg, rgba(6, 5, 15, 1), rgba(6, 5, 15, 0.5), rgba(6, 5, 15, 0));
}

.min-hight {
     height: 100%;
}

.n-link {
     cursor: pointer;
}

.footer-cta-text img {
     margin: 60px 0 30px;
}


/* .slider-desktop .content_block {
     height: 470px;
} */

.terms-content h5 {
     font-size: 22px;
     margin-bottom: 15px;
     font-family: "DM Sans medium";
}

.terms-content p {
     font-size: 20px;
     color: rgba(255, 255, 255, 0.8);
     margin-bottom: 30px;
}

.terms-content .terms-desk {
     padding-bottom: 40px;
}

.opportunity-marquee.education-bring {
     padding: 0 50px;
}

.education-bring .edu-marquee-inner .roll-title {
     padding: 16px 40px;
}

.education-bring .edu-marquee-inner {
     display: flex;
     flex-wrap: wrap;
     gap: 0;
     justify-content: center;
     row-gap: 30px;
}

.education-bring .edu-marquee-inner .g-slide {
     padding: 0 16px;
}

.terms-content.container {
     padding: 160px 0 0;
     overflow: hidden;
}

.video-inner #play,
.video-inner .play-ic {
     background: transparent;
     border: none;
}

.video-inner.playing #play,
.video-inner.playing .play-ic {
     display: none;
}

.video-inner.pause #play,
.video-inner.pause .play-ic {
     display: block;
}

.play-ic,
#play {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     z-index: 9;
     cursor: pointer;
}

.career-benefits-inner a:hover h5,
.career-benefits-inner h5 {
     color: #ffffff;
}

.thankYou-popup .submit-popup {
     height: 700px;
     width: 50%;
     border-radius: 20px;
     justify-content: center;
     align-items: center;
     display: flex;
     text-align: center;
     padding: 30px;
     margin: 0 auto;
}

.thankYou-popup .popup-desk {
     font-size: 18px;
     color: #a6a6a6;
     margin: 24px auto 50px;
     width: 64%;
     text-align: center;
}

.thankYou-popup h5 {
     margin-top: 50px;
}

.thankYou-popup .modal.show .modal-dialog {
     margin: 0 auto;
     text-align: center;
     display: flex;
     justify-content: center;
     height: 100%;
}

.herosec-timer.timerItem {
     height: 70px;
     backdrop-filter: blur(50px);
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
}

.footer-cta-text img {
     border-radius: 24px;
     -webkit-border-radius: 24px;
     -moz-border-radius: 24px;
     -ms-border-radius: 24px;
     -o-border-radius: 24px;
}

.link_rg {
     text-decoration: underline;
     color: #fff;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
     -moz-transition: 0.5s ease;
     -ms-transition: 0.5s ease;
     -o-transition: 0.5s ease;
}

.link_rg:hover {
     color: #fe6571;
     text-decoration: underline;
}

.navbar-main .navbar-expand-lg #menu li a.isactive {
     color: #fe6571;
}

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

.cursor_d {
     cursor: default;
}

.course-item.border_gradient.online_gredient {
     background: linear-gradient(90.89deg, #0c0b20 0%, #000001 100%), linear-gradient(90.78deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.2) 100%);
     margin-bottom: 0;
}

.st-item.grid_pattern::after {
     position: absolute;
     content: "";
     background: url(../images/tools-images/bg-grid-pattern.png);
     background-repeat: no-repeat;
     top: 0;
     z-index: 1;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
}

.st-item.grid_pattern .grendient-text {
     z-index: 2;
}

.v-card.border_gradient {
     background: linear-gradient(90.89deg, #0c0b20 0%, #000001 40%), linear-gradient(90.78deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.2) 100%);
     margin-bottom: 0;
}

.best-career .benifit-grid-item.three .communicate-img {
     margin-top: 0;
     margin-bottom: 100px;
}

.tool-box.border_gradient.seven {
     height: 133px;
     display: flex;
     justify-content: center;
     align-items: center;
}

.tools-wrapper .tool-box {
     display: flex;
     align-items: center;
     justify-content: center;
}

.tools-wrapper .tool-box img {
     flex: none;
}

.tool-box.discord,
.tool-box.framer,
.tool-box.notion,
.tool-box.mero,
.tool-box.trello {
     width: 140px;
     height: 140px;
}

.tool-box.protopi,
.tool-box.adobe-cloud,
.tool-box.figma {
     width: 166px;
     height: 166px;
}

.bold_link {
     color: #bcbdbf;
     font-weight: 700;
     text-decoration: underline;
}

.bold_link:hover {
     color: #bcbdbf;
     text-decoration: underline;
}

.copy_right p {
     letter-spacing: 2px;
     font-size: 14px;
}

.copy_right {
     text-align: left;
}

.f-links-wrapper {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     gap: 50px;
}


/* end */

@keyframes pulseAnimate01 {
     100% {
          transform: translateX(10px) translateY(10px);
     }

     0% {
          transform: translateX(10px) translateX(10px);
     }
}

@keyframes pulseAnimate02 {
     100% {
          transform: translateY(10px) translateX(10px);
     }
}

@keyframes pulseAnimate03 {
     100% {
          transform: translateX(10px) translateY(10px);
     }

     0% {
          transform: translateY(10px) translateY(10px);
     }
}

@media (min-width: 576px) {
     .modal-dialog {
          max-width: 550px;
     }
}


/********Animations**********/

@keyframes bounce {
     0% {
          transform: translateY(0px);
     }

     100% {
          transform: translateY(-40px);
     }
}

@keyframes rotateUnit {
     0% {
          transform: rotate(-25deg);
     }

     100% {
          transform: rotate(15deg);
     }
}

@keyframes slideX {
     0% {
          transform: translateX(0);
     }

     100% {
          transform: translateX(-40px);
     }
}


/* @keyframes flip2 {
     0%,
     100% {
          margin-top: 0;
     }
     50% {
          margin-top: -90px;
     }
     70% {
          margin-top: -180px;
     }
     90% {
          margin-top: -90px;
     }
} */

@keyframes flip2 {

     0%,
     16.66% {
          transform: translate3d(0, 0, 0);
     }

     25.32%,
     33.98% {
          transform: translate3d(0, -25%, 0);
     }

     42.64%,
     51.3% {
          transform: translate3d(0, -50%, 0);
     }

     59.96%,
     68.62% {
          transform: translate3d(0, -75%, 0);
     }

     77.28%,
     85.94% {
          transform: translate3d(0, -100%, 0);
     }

     /* 94.6%,
     100% {
          transform: translate3d(0, 0, 0);
     } */
     /* 50.6%,
     55.26% {
          transform: translate3d(0, 0, 0);
     }
     59.92%,
     64.58% {
          transform: translate3d(0, -20%, 0);
     }
     69.24%,
     73.9% {
          transform: translate3d(0, -40%, 0);
     }
     78.56%,
     83.22% {
          transform: translate3d(0, -60%, 0);
     }
     87.88%,
     92.54% {
          transform: translate3d(0, -80%, 0);
     } */
}

@keyframes fadeIn {
     0% {
          opacity: 0;
     }

     100% {
          opacity: 1;
     }
}

@keyframes fadeOut {
     0% {
          opacity: 1;
     }

     100% {
          opacity: 0;
     }
}

@-webkit-keyframes fadeOut {
     0% {
          opacity: 1;
     }

     100% {
          opacity: 0;
     }
}

@-webkit-keyframes fadeIn {
     0% {
          opacity: 0;
     }

     100% {
          opacity: 1;
     }
}