@font-face {
          font-family: 'Mabry Pro Bold';
          src: url('../fonts/MabryPro-Bold.eot');
          src: local('Mabry Pro Bold'), local('MabryPro-Bold'), url('../fonts/MabryPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/MabryPro-Bold.woff2') format('woff2'), url('../fonts/MabryPro-Bold.woff') format('woff'), url('../fonts/MabryPro-Bold.ttf') format('truetype');
          font-weight: bold;
          font-style: normal;
          font-display: swap;
     }
     
     @font-face {
          font-family: 'Mabry Pro Medium';
          /* src: url('../fonts/MabryPro-Medium.eot'); */
          src: url('../fonts/MabryPro-Medium.woff2') format('woff2'), url('../fonts/MabryPro-Medium.woff') format('woff');
          font-weight: 500;
          font-style: normal;
          font-display: swap;
     }
     
     @font-face {
          font-family: 'Mabry Pro Black';
          src: url('../fonts/MabryPro-Black.eot');
          src: local('Mabry Pro Black'), local('MabryPro-Black'), url('../fonts/MabryPro-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/MabryPro-Black.woff2') format('woff2'), url('../fonts/MabryPro-Black.woff') format('woff'), url('../fonts/MabryPro-Black.ttf') format('truetype');
          font-weight: 900;
          font-style: normal;
          font-display: swap;
     }
     
     @font-face {
          font-family: 'Mabry Pro';
          src: url('../fonts/MabryPro-LightItalic.eot');
          src: local('Mabry Pro Light Italic'), local('MabryPro-LightItalic'), url('../fonts/MabryPro-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/MabryPro-LightItalic.woff2') format('woff2'), url('../fonts/MabryPro-LightItalic.woff') format('woff'), url('../fonts/MabryPro-LightItalic.ttf') format('truetype');
          font-weight: 300;
          font-style: italic;
          font-display: swap;
     }
     
     @font-face {
          font-family: 'Mabry Pro bold';
          src: url('../fonts/MabryPro-BoldItalic.eot');
          src: local('Mabry Pro Bold Italic'), local('MabryPro-BoldItalic'), url('../fonts/MabryPro-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/MabryPro-BoldItalic.woff2') format('woff2'), url('../fonts/MabryPro-BoldItalic.woff') format('woff'), url('../fonts/MabryPro-BoldItalic.ttf') format('truetype');
          font-weight: bold;
          font-style: italic;
          font-display: swap;
     }
     
     @font-face {
          font-family: 'Mabry Pro';
          src: url('../fonts/MabryPro-Light.eot');
          src: local('Mabry Pro Light'), local('MabryPro-Light'), url('../fonts/MabryPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/MabryPro-Light.woff2') format('woff2'), url('../fonts/MabryPro-Light.woff') format('woff'), url('../fonts/MabryPro-Light.ttf') format('truetype');
          font-weight: 300;
          font-style: normal;
          font-display: swap;
     }
     
     @font-face {
          font-family: 'Mabry Pro';
          src: url('../fonts/MabryPro-BlackItalic.eot');
          src: local('Mabry Pro Black Italic'), local('MabryPro-BlackItalic'), url('../fonts/MabryPro-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/MabryPro-BlackItalic.woff2') format('woff2'), url('../fonts/MabryPro-BlackItalic.woff') format('woff'), url('../fonts/MabryPro-BlackItalic.ttf') format('truetype');
          font-weight: 900;
          font-style: italic;
          font-display: swap;
     }
     
     @font-face {
          font-family: 'Mabry Pro';
          src: url('../fonts/MabryPro-MediumItalic.eot');
          src: local('Mabry Pro Medium Italic'), local('MabryPro-MediumItalic'), url('../fonts/MabryPro-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/MabryPro-MediumItalic.woff2') format('woff2'), url('../fonts/MabryPro-MediumItalic.woff') format('woff'), url('../fonts/MabryPro-MediumItalic.ttf') format('truetype');
          font-weight: 500;
          font-style: italic;
          font-display: swap;
     }
     
     @font-face {
          font-family: 'Mabry Pro italic';
          src: url('../fonts/MabryPro-Italic.eot');
          src: local('Mabry Pro Italic'), local('MabryPro-Italic'), url('../fonts/MabryPro-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/MabryPro-Italic.woff2') format('woff2'), url('../fonts/MabryPro-Italic.woff') format('woff'), url('../fonts/MabryPro-Italic.ttf') format('truetype');
          font-weight: normal;
          font-style: italic;
          font-display: swap;
     }
     
     @font-face {
          font-family: 'Mabry Pro Regular';
          src: url('../fonts/MabryPro-Regular.eot');
          src: local('Mabry Pro'), local('MabryPro-Regular'), url('../fonts/MabryPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/MabryPro-Regular.woff2') format('woff2'), url('../fonts/MabryPro-Regular.woff') format('woff'), url('../fonts/MabryPro-Regular.ttf') format('truetype');
          font-weight: normal;
          font-style: normal;
          font-display: swap;
     }
     
     @font-face {
          font-family: 'jsMath-cmmi10';
          src: url('../fonts/jsMath-cmmi10.woff2') format('woff2'), url('../fonts/jsMath-cmmi10.woff') format('woff');
          font-weight: 500;
          font-style: italic;
          font-display: swap;
     }
     
     @font-face {
          font-family: 'Jomolhari';
          src: url('../fonts/Jomolhari-Regular.woff2') format('woff2'), url('Jomolhari-Regular.woff') format('woff');
          font-weight: normal;
          font-style: normal;
          font-display: swap;
     }
     
     @font-face {
          font-family: 'Playfair Display Medium';
          src: url('../fonts/PlayfairDisplay-MediumItalic.woff2') format('woff2'), url('PlayfairDisplay-MediumItalic.woff') format('woff');
          font-weight: 500;
          font-style: italic;
          font-display: swap;
     }
     
     @font-face {
          font-family: 'NewYork';
          src: url('../fonts/NewYork.woff2') format('woff2'), url('../fonts/NewYork.woff') format('woff');
          font-weight: normal;
          font-style: normal;
          font-display: swap;
     }
     
     @font-face {
          font-family: 'Livvic Bold';
          src: url('../fonts/Livvic-Bold.woff2') format('woff2'), url('../fonts/Livvic-Bold.woff') format('woff');
          font-weight: bold;
          font-style: normal;
          font-display: swap;
     }
     
     @font-face {
          font-family: 'Mundial Bold Italic';
          src: url('../fonts/Mundial-BoldItalic.woff2') format('woff2'), url('../fonts/Mundial-BoldItalic.woff') format('woff');
          font-weight: bold;
          font-style: italic;
          font-display: swap;
     }
     
     .newFont {
          font-family: 'NewYork';
     }
     
     * {
          font-family: 'Mabry Pro Regular';
     }
     
     body {
          font-family: 'Mabry Pro Regular';
          font-weight: 400;
          font-size: 16px;
          line-height: 1.3;
          color: #000;
          overflow-x: hidden;
     }
     
     a,
     a:hover {
          text-decoration: none;
     }
     
     h1,
     h2,
     h3,
     h4,
     h5,
     h6 {
          color: #000;
          line-height: 1.3;
     }
     
     h2 {
          font-weight: 400;
          font-size: 72px;
          line-height: 90px;
     }
     
     h3 {
          font-weight: 400;
          font-size: 48px;
     }
     
     h4 {
          font-weight: 400;
          font-size: 36px;
          line-height: 36px;
     }
     
     h6 {
          font-weight: 400;
          font-size: 24px;
          line-height: 30px;
     }
     
     p {
          font-weight: 400;
          font-size: 24px;
          color: #545454;
          line-height: 32px;
     }
     
     header {
          position: fixed;
          top: 0;
          width: 100%;
          background: #fff;
          z-index: 99;
          /* border-bottom: 1.5px solid #000; */
     }
     
     .navbar-main .navbar-expand-lg .navbar-nav .nav-link {
          font-weight: 500;
          font-size: 20px;
          color: #000;
          padding: 0 35px;
          /* border-left: 1.5px solid #000; */
          transition: all 0.5s ease-in-out;
     }
     
     .navbar-nav .nav-link.active,
     .navbar-nav .show>.nav-link,
     .navbar-nav .nav-link:hover,
     a:hover {
          text-decoration: none;
          color: #000;
     }
     
     .navbar-nav li.nav-item:last-child {
          margin-right: 0;
     }
     
     .navbar-nav {
          align-items: center;
     }
     
     .navbar-main .navbar-expand-lg .navbar-nav .nav-link.reg-btn {
          padding: 25px 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;
     }
     
     .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: 0 0 0 0;
          position: relative;
          z-index: 1;
          background: #000;
          overflow: hidden;
          height: 100vh;
     }
     
     .main-banner .swiper-slide {
          height: 100vh;
     }
     
     .main-banner .banner-content {
          width: 100%;
          height: 100%;
          z-index: 1;
     }
     
     .main-banner .banner-content .row {
          height: 100%;
          align-items: center;
     }
     
     .main-banner .swiper-slide.banner-two .banner-content {
          background: #FEC0F1;
     }
     
     .main-banner .big-text {
          font-weight: 700;
          font-size: 120px;
          line-height: 150px;
          padding-left: 100px;
          margin-top: 164px;
          text-transform: capitalize;
     }
     
     .main-banner .banner-two .big-text {
          padding-left: 0;
          font-size: 110px;
     }
     
     .banner-two .btn-inner {
          margin-top: 60px;
     }
     
     .main-banner .banner-two .big-text {
          line-height: 130px;
     }
     
     .main-banner span.b-higlight-text {
          color: #FFE91F;
     }
     
     .bannerSlider .swiper-pagination {
          display: none;
          height: auto;
          z-index: 99;
          top: auto;
          bottom: 40px;
     }
     
     .bannerSlider .swiper-pagination-bullet {
          width: 15px;
          height: 15px;
          opacity: 1;
          background: #fff;
     }
     
     .bannerSlider .swiper-pagination-bullet-active {
          background: #3DCCBE;
     }
     
     .bannerSlider .swiper-pagination-bullet:focus-within {
          outline: none;
     }
     
     .banner-title-inner {
          padding-left: 100px;
          padding-top: 30px;
     }
     
     .banner-title-inner p {
          margin-top: 20px;
          color: #000;
          width: 45%;
     }
     
     .b-btn-main {
          margin-top: 95px;
          display: flex;
          align-items: center;
          gap: 40px;
     }
     
     .b-btn-main .main-btn {
          background: #FFE91F;
          color: #000;
          padding: 29px 48px;
          font-size: 22px;
          font-weight: 700;
     }
     
     .b-btn-main .main-btn-underline {
          font-size: 28px;
          font-weight: 400;
          color: #FFE91F;
          text-decoration: underline;
     }
     
     .b-btn-main .main-btn:hover {
          color: #000;
     }
     
     .banner-two .main-btn:after {
          background: #23A094;
     }
     
     .bannerSlider .main-slide {
          background: #F1F333;
          height: 100%;
     }
     
     .banner-two .big-text {
          margin: 0;
     }
     
     .banner-two .title {
          margin-bottom: 15px;
     }
     
     .banner-two .title svg {
          width: 100%;
     }
     
     .banner-two .title-highlight .title-vector {
          bottom: -13px;
     }
     
     .svg-rotate-anim {
          position: absolute;
          top: 25%;
          right: -4%;
          width: 350px;
          height: 350px;
          transform: scale(-1);
     }
     
     .svg-rotate-anim svg {
          width: 348px;
          height: 348px;
     }
     
     .svg-rotate-anim svg .textCircle {
          font-size: 27px;
          font-weight: 500;
          text-transform: uppercase;
          letter-spacing: 0.15em;
     }
     
     .smiley-img {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%) rotate(180deg);
     }
     
     .p-rotate-inner .smiley-img {
          transform: translate(-50%, -50%) rotate(0deg);
     }
     
     .p-img-rotate {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
     }
     
     .bannerSlider .marquee-block {
          background: transparent;
          border: none;
          padding: 0;
     }
     
     .main-banner .marq-text {
          font-size: 20px;
          text-transform: uppercase;
          letter-spacing: 0.05em;
     }
     
     .main-banner .marq-ic {
          font-size: 25px;
     }
     
     .design-wrapper .design-content {
          margin: 0 auto;
          text-align: center;
     }
     
     .sec-spacing {
          padding-top: 200px;
     }
     
     .design-wrapper .design-content .d-desc {
          width: 70%;
          margin: 0 auto;
     }
     
     .main-btn.device-btn {
          display: none;
     }
     
     .designSlider .swiper-slide {
          opacity: 0.3;
          transition: opacity 0.5s ease-in;
     }
     
     .designSlider .swiper-slide.swiper-slide-active {
          opacity: 1;
     }
     
     .title-box {
          margin-bottom: 60px;
     }
     
     .title-box .sub-title {
          font-weight: 300;
          font-size: 40px;
          color: #fff;
     }
     
     .navbar-main {
          padding-left: 50px;
     }
     
     .navbar .navbar-brand {
          display: block;
          width: 145px;
     }
     
     .navbar .navbar-brand img {
          width: 145px;
     }
     
     .main-banner .sub-text {
          font-weight: 500;
          line-height: 64px;
          font-size: 50px;
          display: block;
          padding-left: 100px;
     }
     
     .main-banner .image-box {
          z-index: -1;
     }
     
     .main-banner .image-box,
     .main-banner .image-box .meetup-text {
          position: absolute;
          right: -2%;
          top: 42%;
          transform: translateY(-50%);
     }
     
     .main-banner .image-box .meetup-text {
          font-weight: 500;
          font-size: 69px;
          line-height: 108.5%;
          text-align: center;
          transform: rotate(-10.69deg);
          display: inline-block;
          top: 50%;
          left: 50%;
          transform: translate(-44%, -50%) rotate(-10.69deg);
          width: 100%;
     }
     
     .main-banner .image-box .device-img-two {
          display: none;
     }
     
     .main-banner .sub-text-box {
          position: relative;
          top: 130px;
          height: 75px;
          margin-bottom: 30px;
          overflow: hidden;
     }
     
     .main-banner .sub-text-box .sub-text {
          position: absolute;
          -webkit-transform: translateY(80px);
          -ms-transform: translateY(80px);
          transform: translateY(80px);
          opacity: 0;
          -webkit-transition: opacity 0.45s, -webkit-transform 1.05s;
          transition: opacity 0.45s, -webkit-transform 1.05s;
          -o-transition: transform 1.05s, opacity 0.45s;
          transition: transform 1.05s, opacity 0.45s;
          transition: transform 1.05s, opacity 0.45s, -webkit-transform 1.05s;
          -webkit-transition-delay: 0.15s;
          -o-transition-delay: 0.15s;
          transition-delay: 0.15s;
     }
     
     .main-banner .sub-text-box span.sub-text.activeText {
          -webkit-transform: translateY(0) !important;
          -ms-transform: translateY(0) !important;
          transform: translateY(0) !important;
          -webkit-transition: opacity 1s, -webkit-transform 1s;
          transition: opacity 1, -webkit-transform 1s;
          -o-transition: transform 0.75s, opacity 1.75s;
          transition: transform 0.75s, opacity 1.75s;
          transition: transform 0.75s, opacity 1.75s, -webkit-transform 0.75s;
          -webkit-transition-delay: none;
          -o-transition-delay: none;
          transition-delay: none;
          opacity: 1;
     }
     
     .main-banner .sub-text-box span.sub-text.activeText+span {
          -webkit-transform: translateY(80px);
          -ms-transform: translateY(80px);
          transform: translateY(80px);
     }
     
     .marquee-block .marquee-inner {
          position: relative;
          z-index: 10;
          overflow: hidden;
          text-decoration: none;
          -ms-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
     }
     
     .flex {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
          flex: 1 0 auto;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
     }
     
     .marquee-block {
          background: #23A094;
          border-width: 1.5px 0px;
          border-style: solid;
          border-color: #000000;
          padding: 28px 0;
          position: relative;
          z-index: 1;
     }
     
     .marquee-block .marquee-inner .marquee-text {
          -webkit-animation: ticker 20s infinite linear;
          animation: ticker 20s infinite linear;
          animation-duration: 30s;
     }
     
     .marquee-block .marquee-inner:hover .marquee-text {
          animation-play-state: paused;
     }
     
     .marquee-block .marquee-inner .marquee-text .m-item {
          position: relative;
          padding: 0 40px;
          font-weight: 500;
          font-size: 20px;
          line-height: 25px;
          letter-spacing: 0.05em;
          text-transform: uppercase;
          align-items: center;
     }
     
     .marquee-block .marquee-inner .marquee-text .m-item:before {
          content: '';
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%) rotate(195deg);
          width: 1px;
          height: 21px;
          background: #000;
     }
     
     .quote-wrapper {
          padding: 150px 80px;
          position: relative;
          z-index: 1;
     }
     
     .quote-wrapper.culture {
          padding: 180px 30px 150px;
          background-color: #FEC0F1;
     }
     
     .quote-wrapper.faith {
          padding: 150px 30px 50px;
     }
     
     .text-btn {
          font-weight: 500;
          font-size: 20px;
          line-height: 25px;
          color: #000;
          text-align: center;
     }
     
     .text-btn .btn-vector {
          margin-left: 10px;
          vertical-align: text-bottom;
     }
     
     .quote-wrapper .title {
          margin-bottom: 80px;
          text-align: center;
     }
     
     .quote-wrapper.abt .title {
          margin-bottom: 0;
     }
     
     .design-inner h4 {
          color: #000;
     }
     
     .design-inner {
          padding: 100px;
          background: #000;
     }
     
     .design-inner.bg-purple p {
          color: #000;
     }
     
     .design-wrapper .title {
          margin-bottom: 20px;
          line-height: 50px;
     }
     
     .design-wrapper .design-inner {
          display: flex;
          flex-direction: column;
          gap: 45px;
     }
     
     .design-video {
          position: relative;
          width: 100%;
          height: 900px;
     }
     
     .design-video video {
          width: 100%;
          height: 100%;
          position: absolute;
          left: auto;
          right: 0;
          object-fit: cover;
     }
     
     .flex-1 {
          flex: 1;
     }
     
     .flex-auto {
          flex: 1 1 auto;
     }
     
     .text-black {
          color: #000;
     }
     
     .community-wrapper .desc {
          width: 60%;
          margin: 0 auto;
          margin-bottom: 40px;
     }
     
     .community-wrapper .title {
          margin-bottom: 25px;
     }
     
     .main-btn {
          font-weight: 500;
          font-size: 24px;
          color: #fff;
          background: #000;
          border: 1px solid #000000;
          padding: 20px 48px;
          display: inline-block;
          position: relative;
     }
     
     .main-btn:before,
     .main-btn:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border: 1px solid #000000;
          transition: all 0.5s ease-in-out;
     }
     
     .main-btn:before {
          background: #FFC900;
          z-index: -1;
     }
     
     .main-btn:after {
          background: #FF90E8;
          z-index: -2;
     }
     
     .bg-purple .main-btn:after {
          background: #23A094;
     }
     
     .main-btn:hover:before {
          top: 10px;
          left: 10px;
     }
     
     .main-btn:hover:after {
          top: 20px;
          left: 20px;
     }
     
     .main-btn:hover {
          color: #fff;
     }
     
     .object-block {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 100%;
     }
     
     .contact-form .object-block {
          position: fixed;
     }
     
     .object-block video {
          width: 100%;
     }
     
     .content-border {
          border-width: 1px 0 1px 1px;
          border-color: #000;
          border-style: solid;
     }
     
     .design-inner.content-list {
          background: #fff;
     }
     
     .design-inner.content-list h4,
     .design-inner.content-list p {
          color: #000;
     }
     
     .testimonial-wrapper {
          background: #FF90E8;
          padding: 100px 70px;
     }
     
     .testimonial-wrapper .title {
          padding: 0 30px;
          margin-bottom: 65px;
     }
     
     .testimonial-wrapper .t-desc {
          font-weight: 400;
          font-size: 40px;
          line-height: 52px;
          margin-bottom: 30px;
          width: 90%;
          color: #000;
     }
     
     .testimonial-wrapper h6 {
          font-weight: 500;
          margin-bottom: 10px;
     }
     
     .testimonial-wrapper .t-content {
          margin-top: 30px;
          text-align: center;
     }
     
     .empower-wrapper {
          background: #FEC0F1;
          padding: 200px 30px;
     }
     
     .empower-wrapper h2 {
          margin-bottom: 60px;
     }
     
     .smiley-box:hover .s-img {
          animation: skeTwo 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both alternate-reverse infinite;
          -webkit-animation: skeTwo 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both alternate-reverse infinite;
     }
     
     .bg-purple {
          background: #FF90E8;
     }
     
     .bg-yellow {
          background: #F1F333;
     }
     
     .bg-orange {
          background: #FFC900;
     }
     
     .bg-green {
          background: #23A094;
     }
     
     .bg-black {
          background: #000;
     }
     
     .footer-wrapper {
          padding: 100px 100px 50px 100px;
          background: #000;
          overflow: hidden;
     }
     
     .footer-wrapper h3 {
          font-weight: 400;
          font-size: 40px;
     }
     
     .footer-wrapper .subscription {
          margin-top: 40px;
          padding: 0;
     }
     
     footer .form-control {
          height: 62px;
          border-radius: 5px;
          padding: 0.375rem 3.5rem 0.375rem 1.3rem;
          margin-right: 0;
     }
     
     footer .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px;
     }
     
     .subscription-btn {
          height: 62px;
          background-color: transparent;
          border: none;
          width: auto;
          position: absolute;
          right: 24px;
          z-index: 9;
     }
     
     .subscription .input-group {
          width: 80%;
     }
     
     .footer-wrapper .footer-logo {
          margin-left: auto;
          display: block;
     }
     
     .footer-right-main {
          display: flex;
          align-items: flex-end;
          justify-content: space-between;
          gap: 100px;
          flex-direction: column;
          height: 100%;
     }
     
     .footer-right-main .social-links {
          display: flex;
          gap: 30px;
          padding: 0;
          margin: 0;
     }
     
     .f-social-links .social-links {
          display: flex;
          gap: 20px;
          flex-direction: column;
          margin-bottom: 0;
          padding: 0;
     }
     
     .f-social-links .social-links .s-link {
          font-weight: 400;
          font-size: 26px;
          line-height: 26px;
          color: #fff;
          text-align: right;
     }
     
     .f-social-links .social-links .s-link .s-vactor {
          margin-left: 8px;
     }
     
     .footer-contact-link {
          display: flex;
          gap: 100px;
          align-items: center;
     }
     
     .footer-links-inner {
          margin-top: 100px;
     }
     
     .footer-contact-link a,
     .footer-contact-link a:hover {
          color: #fff;
     }
     
     .footer-links {
          display: flex;
          flex-direction: column;
          gap: 20px;
          padding: 0;
          margin: 0;
     }
     
     .footer-links li a {
          color: #fff;
          font-size: 20px;
     }
     
     .footer-links-inner {
          display: flex;
          gap: 90px;
     }
     
     .f-margin {
          margin-bottom: 150px;
     }
     
     .cir-marquee {
          position: absolute;
          top: 5.7%;
          bottom: auto;
          left: 8.5%;
          z-index: 9;
          animation: getinMarquee 18s linear infinite;
     }
     
     .ft-circle-inner {
          position: relative;
          height: auto;
          width: auto;
          -webkit-transition: all 0.35s ease;
          transition: all 0.35s ease;
     }
     
     .marquee-block.f-marquee .marquee-inner .marquee-text .m-item {
          font-weight: 400;
          font-size: 24px;
          line-height: 30px;
          padding: 0 10px;
          text-transform: capitalize;
     }
     
     .marquee-block.f-marquee .marquee-inner .marquee-text .m-item:before {
          content: none;
     }
     
     .community-cta {
          background: #FEC0F1;
          padding: 108px 0 108px 50px;
          overflow: hidden;
     }
     
     .community-cta .main-btn:after {
          background: #23A094;
     }
     
     .community-cta .title {
          text-align: left;
     }
     
     .community-cta .t-highlight {
          margin-bottom: 54px;
     }
     
     .t-highlight svg {
          width: 100%;
     }
     
     .contact-btn {
          font-weight: 500;
          font-size: 20px;
          line-height: 25px;
          color: #000;
          border: 1px solid #000;
          padding: 12px 22px;
          border-radius: 42px;
          margin-left: 20px;
     }
     
     .gallery-wrapper {
          width: 100%;
          background: #F4F4F0;
          padding: 160px 50px 130px;
     }
     
     .gallery-wrapper .title {
          margin-bottom: 20px;
     }
     
     .gallery-items-main {
          margin-top: 80px;
     }
     
     .galley-p {
          width: 70%;
          margin: 0 auto;
     }
     
     .gallery-wrapper .right_align {
          text-align: right;
     }
     
     .gallery-tabs {
          margin-top: 70px;
     }
     
     .gallery-tabs .nav-tabs {
          margin-bottom: 100px;
          display: flex;
          border: none;
     }
     
     .gallery-tabs .nav-tabs li {
          background: transparent;
          margin-right: 10px;
     }
     
     .gallery-tabs .nav-tabs .nav-link {
          font-size: 20px;
          color: #707070;
          padding: 15px 30px;
          background: transparent;
          border: 1.5px solid transparent;
          border-radius: 46px;
          transition: all 0.5s ease-in-out;
     }
     
     .gallery-tabs .nav-tabs .nav-link.active {
          background: #fff;
          border-color: #000;
          color: #000;
     }
     
     .gallery-tabs .nav-tabs .nav-link:hover {
          color: #000;
     }
     
     .g-tab-item {
          margin-bottom: 15px;
          border-radius: 24px;
          overflow: hidden;
     }
     
     .g-tab-item img {
          width: 100%;
          border-radius: 24px;
          object-fit: cover;
          transition: all 0.8s cubic-bezier(.4, .01, .14, .9);
          filter: grayscale(1);
     }
     
     .g-tab-item.btn-scrap {
          border-radius: 0;
     }
     
     .g-tab-item.btn-scrap .main-btn {
          width: 100%;
     }
     
     .g-tab-item:hover img {
          transform: scale(1.03);
          filter: grayscale(0);
     }
     
     .g-tab-item.landscape-md img {
          height: 400px;
     }
     
     .g-tab-item.landscape img {
          height: 350px;
     }
     
     .g-tab-item.square img {
          height: 500px;
     }
     
     .g-tab-item.portrait img {
          height: 734px;
     }
     
     .g-tab-item .news-overlay {
          position: absolute;
          top: 0;
          left: 0;
          background: #90A8ED;
          border-radius: 24px;
          padding: 35px 60px;
          opacity: 0;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          transition: all 0.5s cubic-bezier(.4, .01, .14, .9);
     }
     
     .g-tab-item.newspaper-box:hover .news-overlay {
          opacity: 1;
     }
     
     .g-tab-item.newspaper-box.portrait .news-overlay {
          background: #FEC0F1;
     }
     
     .news-overlay h4 {
          font-size: 32px;
     }
     
     .news-overlay p {
          font-size: 20px;
          color: #000
     }
     
     .btn-scrap .main-btn {
          padding: 32px 48px;
          text-align: center;
     }
     
     .gallery-tabs .g-tab-item.portrait img {
          width: 100%;
          height: 600px;
          object-fit: cover;
     }
     
     .close-form-details {
          padding: 100px 30px;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          text-align: center;
     }
     
     .close-form-details h4 a {
          font-size: 30px;
          color: #000;
          margin: 30px 0;
     }
     
     .close-form-details h4 a:hover {
          color: #0826e6;
     }
     
     .close-form-details h3 {
          font-size: 60px;
          font-weight: 500;
     }
     
     .close-form-details h5 {
          font-size: 30px;
     }
     
     .gallery-tabs .g-tab-item {
          margin-bottom: 30px;
     }
     
     .g-tab-item.portrait.device-item-last {
          display: none;
     }
     
     .horizontal-gallery {
          width: 300%;
          height: 100vh;
          display: flex;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
          -ms-flex-item-align: center;
          align-self: center;
     }
     
     .horizontal-gallery .gallery-item {
          width: 100%;
          height: 100%;
          padding: 100px 50px;
          display: flex;
          justify-content: center;
          align-items: center;
     }
     
     .horizontal-gallery .image-boxes {
          display: flex;
          gap: 10px;
     }
     
     .horizontal-gallery .image-boxes .img-item {
          overflow: hidden;
     }
     
     .horizontal-gallery .image-boxes .img-item .g-img {
          width: 100%;
          height: 100%;
     }
     
     .horizontal-gallery .big-title {
          font-weight: 400;
          font-size: 96px;
          line-height: 108px;
          width: 50%;
     }
     
     .horizontal-gallery .sub-title {
          font-weight: 400;
          font-size: 32px;
          line-height: 32px;
          display: block;
          margin-top: 60px;
          color: #000;
          text-align: left;
     }
     
     .gallery-mobile {
          display: none;
     }
     
     .navbar-mobile .navbar-toggler span {
          display: block;
          width: 30px;
          height: 2px;
          margin: 6px auto;
          background: #000;
          transition: all .6s cubic-bezier(0.250, 0.100, 0.250, 1.000);
     }
     
     .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;
     }
     
     .p-device {
          padding: 0;
     }
     
     .form-block .button-block {
          display: flex;
          justify-content: flex-end;
          align-items: center;
          position: relative;
     }
     
     .form-block #mail-status-contact-form .success {
          color: green;
     }
     
     input:-internal-autofill-selected {
          background-color: transparent !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;
     }
     
     .cust_video_wrapper video {
          width: 100%;
          height: auto !important;
          display: block;
     }
     
     .hiring-drive {
          background: #23A094;
     }
     
     .hiring-content {
          padding: 100px 100px 70px;
          position: relative;
          z-index: 1;
     }
     
     .hiring-drive .highlight-title {
          font-weight: 900;
          color: #fff;
          text-transform: uppercase;
     }
     
     .hiring-drive .sub-title {
          font-size: 20px;
          line-height: 1;
          display: inline-block;
          margin-bottom: 20px;
     }
     
     .h-btn-group {
          display: flex;
          justify-content: flex-end;
          gap: 30px;
     }
     
     .hiring-content .title {
          width: 90%;
     }
     
     @-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;
          }
     }
     /******************loader*********************/
     
     .loader-wrapper {
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          background: #FF90E8;
          width: 100%;
          height: 100vh;
          z-index: 9999;
     }
     
     .loading-circle {
          position: fixed;
          bottom: 100px;
          left: 50%;
          transform: translateX(-50%);
          right: auto;
     }
     
     .loader-wrapper .loading-text {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
     }
     
     .loader-wrapper .loading-text .loading-inner {
          position: relative;
          text-align: center;
          width: 100%;
     }
     
     .loader-wrapper .main-title {
          font-weight: 900;
          font-size: 230px;
          line-height: 230px;
          text-align: center;
          text-transform: uppercase;
          color: #FF90E8;
          text-align: center;
          -webkit-text-stroke: 2px #fff;
          opacity: 0;
          -webkit-opacity: 0;
          transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          margin-bottom: 0;
     }
     
     .loader-wrapper .square-anim {
          width: 40px;
          height: 40px;
          background: #F1F333;
          margin-left: 10px;
          display: block;
          margin-bottom: 30px;
          transition: all 0.5s ease-in;
     }
     
     .loader-wrapper .main-title.creative-text {
          color: #000;
          -webkit-text-stroke: 0;
          display: flex;
          align-items: flex-end;
          justify-content: center;
     }
     
     .loader-wrapper .main-title.creative-text .c-text {
          transform: translateX(0);
          transition: transform 0.5s ease-in;
     }
     
     .loader-wrapper .main-title.creative-text .c-text.c-hide {
          transform: translateX(-120%);
     }
     
     .loader-wrapper .square-anim.fixed {
          position: fixed;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          transition: all 0.5s ease;
          margin: 0;
     }
     
     .loader-wrapper .square-anim.full {
          width: 100%;
          height: 100vh;
          top: 0;
          left: 0;
          right: 0;
          transform: translate(0);
          z-index: 9999;
     }
     
     .loader-wrapper .loading-text .main-title:not(.one) {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
     }
     
     svg.radial-progress {
          height: auto;
          max-width: 98px;
          padding: 0;
          transform: rotate(-90deg);
          width: 100%;
          border-radius: 50%;
     }
     
     .skip-text {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          font-weight: 500;
          font-size: 20px;
          line-height: 25px;
          color: #000;
     }
     
     svg.radial-progress circle {
          fill: transparent;
          stroke: #000;
     }
     
     svg.radial-progress circle.bar-static {
          stroke: rgba(0, 0, 0, 0.5) !important;
     }
     
     svg.radial-progress circle.bar--animated {
          stroke-dasharray: 219.91148575129;
          stroke: #000;
          stroke-dashoffset: 219.91148575129;
          stroke-width: 3px;
          stroke-linecap: round;
     }
     
     svg.radial-progress text {
          fill: #000;
          font-family: Roboto;
          font-size: 16px;
          font-weight: 700;
          text-anchor: middle;
          text-shadow: 0 0 5px #0000007a;
     }
     
     .team-marquee .marquee-inner {
          position: relative;
          z-index: 10;
          overflow: hidden;
          text-decoration: none;
          -ms-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
     }
     
     .journey-heading {
          padding: 52px 0 52px 0;
     }
     
     .timeline-wrapper .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
     .timeline-wrapper .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
          width: auto;
          height: auto;
          background: transparent;
     }
     
     .timeline-wrapper .swiper-pagination-vertical.swiper-pagination-bullets,
     .timeline-wrapper .swiper-vertical>.swiper-pagination-bullets {
          top: 0;
          transform: none;
     }
     
     .swiper-slide {
          height: auto;
     }
     
     .timeline-wrapper .swiper-slide {
          padding-right: 50px;
     }
     
     .timeline-wrapper .swiper-pagination-vertical.swiper-pagination-bullets,
     .swiper-vertical>.swiper-pagination-bullets {
          right: 30px;
     }
     
     .timeline-content,
     .timeline-year {
          height: 100%;
     }
     
     .yearTimeline,
     .swiper-pagination {
          height: calc(100vh - 148px);
     }
     
     .timeline-content {
          width: 80%;
     }
     
     .timeline-year {
          width: 20%;
     }
     
     .timeline-content .swiper-slide,
     .timeline-year .swiper-slide {
          opacity: 0.5;
     }
     
     .timeline-content .swiper-slide.swiper-slide-active,
     .timeline-year .swiper-slide.swiper-slide-active {
          opacity: 1;
     }
     
     .swiper-container-wrapper {
          display: flex;
          align-items: center;
          width: 100%;
          height: 100%;
          position: relative;
     }
     
     .timeline-wrapper {
          padding-left: 100px;
          background-color: #FFC900;
          overflow: hidden;
          position: relative;
          top: initial;
          transition: transform 0.5s ease-in-out;
          height: 100vh;
     }
     
     .timeline-wrapper.fixed-sec {
          position: fixed;
          top: 0;
          width: 100%;
          z-index: 9;
          transform: translateY(8%);
     }
     
     .year-verticle {
          width: 553px;
     }
     
     .yearTimeline .swiper-slide {
          opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
     }
     
     .yearTimeline span.swiper-pagination-bullet.swiper-pagination-bullet-active {
          border-radius: 0px;
     }
     
     .yearTimeline span.swiper-pagination-bullet.swiper-pagination-bullet-active::after {
          content: '';
          display: inline-block;
          width: 50px;
          height: 1.5px;
          background-color: #000000;
          top: 49%;
          position: absolute;
     }
     
     .yearTimeline .swiper-slide.swiper-slide-active {
          opacity: 1;
     }
     
     .yearTimeline span.swiper-pagination-bullet {
          padding-right: 17px;
          font-family: 'Mabry Pro Regular';
          font-style: normal;
          font-weight: 400;
          font-size: 24px;
          line-height: 32px;
          text-align: right;
          color: #000000;
          position: relative;
     }
     
     .yearTimeline .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
     .yearTimeline .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
          margin-bottom: 30px;
     }
     
     .wrapper.timeline-wrapper .sub-read {
          font-family: 'Mabry Pro Regular';
          font-style: normal;
          font-weight: 400;
          font-size: 20px;
          line-height: 32px;
          color: #000000;
     }
     
     .wrapper.timeline-wrapper .col-xl-6 {
          padding-left: 0;
          padding-right: 0;
     }
     /******form wizard******/
     
     .meetup-banner {
          background: #000;
          padding: 175px 0 100px 100px;
          z-index: 1;
          height: auto;
     }
     
     .meetup-banner .m-rs-label {
          position: absolute;
          right: 0;
          top: 63%;
          transform: translateY(-50%);
     }
     
     .meetup-banner:before {
          content: '';
          position: absolute;
          right: 0;
          top: 63%;
          transform: translateY(-50%);
          width: 913px;
          height: 300px;
          background: url(../images/meetup-banner.png);
          background-size: cover;
          z-index: -1;
     }
     
     .meetup-banner .big-text {
          color: #E9FE01;
          font-size: 48px;
          line-height: 1.3;
          margin: 0;
          padding: 0;
     }
     
     .meetup-banner .meetup-date {
          color: #FFFFFF;
          font-size: 30px;
          text-transform: capitalize;
     }
     
     .form-wrapper {
          margin-bottom: 0;
     }
     
     .form-wrapper .contact-text {
          width: 755px;
          padding: 120px 0 50px 100px;
     }
     
     .form-wrapper .contact-form {
          width: auto;
          height: auto;
     }
     
     .form-wrapper .btn-submit {
          width: auto;
          padding: 13px 40px;
          border-radius: 0;
          font-size: 22px;
          font-weight: 500;
     }
     
     .form-wrapper .btn-submit>span:before {
          content: '';
          position: absolute;
          left: 0;
          bottom: 0;
          width: 20px;
          height: 2px;
          background: #fff;
     }
     
     .multi-step-wizard .previous-step.btn-submit>span:before {
          background: #000;
     }
     
     .meetup-form .form-contact.multi-step-wizard {
          padding: 0 0 100px;
     }
     
     .form-wrapper .form-block .button-block {
          display: flex;
          justify-content: flex-start;
     }
     
     .form-wrapper .form-select {
          height: 50px;
          padding: .375rem .75rem;
     }
     
     .form-wrapper .profile-main {
          align-items: center;
     }
     
     .form-wrapper .progress-container {
          padding: 50px 10px;
     }
     
     .form-wrapper #progressbar {
          display: flex;
          justify-content: space-between;
          color: lightgrey;
          padding: 0;
          height: 37px;
          position: relative;
     }
     
     .form-wrapper #progressbar li.active {
          color: #000;
     }
     
     .form-wrapper #progressbar li {
          list-style: none;
     }
     
     .form-wrapper fieldset {
          display: none;
     }
     
     .form-wrapper fieldset:first-of-type {
          display: block;
     }
     
     .form-wrapper .form-check-input {
          height: 1em;
          width: 1em;
     }
     
     .multi-step-wizard .progress-bar {
          background-color: #FF90E8;
     }
     
     .multi-step-wizard .previous-step {
          margin-right: 15px;
          background: transparent;
          color: #000;
     }
     
     .multi-step-wizard .thank-you-message p {
          color: #000;
     }
     
     .multi-step-wizard .action-btns {
          display: flex;
          margin-top: 10px;
          align-items: center;
          gap: 24px;
     }
     
     .multi-step-wizard .action-btns .one-rupee {
          font-weight: 500;
          font-size: 20px;
     }
     
     .tribe-radio-main {
          display: flex;
          width: 100%;
          height: 85px;
     }
     
     .tribe-radio-main>div {
          width: 50%;
     }
     
     .row-height {
          width: 100%;
          height: 68vh;
          overflow-x: hidden;
          overflow-y: auto;
          padding: 0 10px;
     }
     
     .upload-btn-img {
          position: relative;
          overflow: hidden;
          display: inline-block;
     }
     
     .payment-img {
          width: 100%;
          height: 100%;
     }
     
     .upload-btn-img input[type=file] {
          font-size: 100px;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          opacity: 0;
          cursor: pointer;
     }
     
     .img-thumbnail {
          opacity: 1;
          transition: opacity .25s ease-in-out;
          -moz-transition: opacity .25s ease-in-out;
          -webkit-transition: opacity .25s ease-in-out;
          border: 2px solid #EAEAEA;
          cursor: pointer;
          width: 160px;
          height: 160px;
          object-fit: cover;
          border-radius: 5px;
          display: flex;
          align-items: center;
          justify-content: center;
     }
     
     .payment-ss .img-thumbnail {
          width: 450px;
          height: 450px;
          object-position: top;
     }
     
     .payment-img-thumbnail {
          opacity: 1;
          transition: opacity .25s ease-in-out;
          -moz-transition: opacity .25s ease-in-out;
          -webkit-transition: opacity .25s ease-in-out;
          border: 2px solid #EAEAEA;
          cursor: pointer;
          /* width: 160px;
          height: 160px; */
          object-fit: cover;
          border-radius: 5px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 50px !important;
          width: 60%;
     }
     
     .error {
          color: red;
     }
     
     .thumb-text {
          color: #9D9D9D;
          width: 55%;
          text-align: center;
     }
     
     .upload-btn-img:hover .img-thumbnail,
     .upload-btn-img:hover,
     .upload-btn-img:hover input[type=file] {
          cursor: pointer;
     }
     
     .upload-btn-inner {
          margin-left: auto
     }
     
     .form-group input[type="textarea"] {
          height: auto;
     }
     
     .tribe-ic {
          position: absolute;
          top: 5px;
          right: 10px;
          height: 40px;
          cursor: pointer;
     }
     
     .tribeImage .modal-content {
          background: transparent;
          border: none;
          padding: 0;
     }
     
     .tribeImage .modal-header {
          border-bottom: none;
     }
     
     .tribeImage .btn-close:focus {
          box-shadow: none;
     }
     
     .register-form .form-control::placeholder {
          color: #9D9D9D;
     }
     
     .other-skill {
          display: flex;
          align-items: center;
          gap: 30px;
     }
     
     .other-skill input.skill-text {
          border: none;
          border-bottom: 1px solid #ced4da;
          border-radius: 0;
          width: 70%;
     }
     
     .other-skill input.skill-text:focus {
          box-shadow: none;
     }
     
     .form-wrapper .current-title.active {
          /* opacity: 1;
          pointer-events: auto; */
          display: block;
          -webkit-animation: fadeIn 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
          animation: fadeIn 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
     }
     
     .form_submitted .form-wrapper {
          height: auto;
          margin-bottom: 50px;
     }
     
     .form_submitted .form-wrapper .progress-container {
          padding: 30px 0 50px;
     }
     
     .form-wrapper .current-title {
          font-size: 28px;
          color: #000;
          display: none;
          /* opacity: 0;
          transition: opacity 0.8s ease-in-out; */
          pointer-events: auto;
          position: absolute;
          bottom: 0;
     }
     
     input[type=radio] {
          opacity: 0;
     }
     
     input[type=radio]+label:before {
          width: 18px;
          height: 18px;
          position: absolute;
          top: 1px;
          left: 0;
          content: "";
          display: inline-block;
          -moz-border-radius: 50px;
          -webkit-border-radius: 50px;
          border-radius: 50px;
          border: 1px solid #FF90E8;
          background: #fff;
     }
     
     input[type=radio]:checked+label:before {
          border-color: #FF90E8;
     }
     
     input[type=radio]:checked+label::after {
          background-color: #FF90E8;
     }
     
     input[type=radio]:checked+label::after {
          content: "";
          position: absolute;
          top: 5px;
          left: 4px;
          display: inline-block;
          font-size: 11px;
          width: 10px;
          height: 10px;
          background-color: #FF90E8;
          -moz-border-radius: 50px;
          -webkit-border-radius: 50px;
          border-radius: 50px;
     }
     
     .form-check.rdio {
          padding-left: 40px;
          position: relative;
     }
     
     .form-check-input:checked {
          background-color: #FF90E8;
          border-color: #FF90E8;
     }
     
     .main-banner .join-text,
     .main-banner .community-text {
          display: flex;
          align-items: center;
          gap: 30px;
     }
     
     .curve-vector-line .curve-vector {
          position: absolute;
          bottom: -9px;
          left: 0;
          width: 100%;
     }
     
     .curve-marquee {
          position: relative;
          bottom: 168px;
          height: 685px;
          left: -130px;
          /* top: 0; */
          width: 2154px;
     }
     
     .textAnim {
          font-size: 20px;
          letter-spacing: 2px;
          text-transform: uppercase;
     }
     
     .marquee-inner-main {
          position: absolute;
          bottom: 210px;
          left: -43px;
          transform: rotate(-.2deg);
     }
     
     .wave-text-ticker__svg {
          height: 295px;
          left: -100px;
          top: -15px;
          width: 2906px;
     }
     
     .wave-text-ticker__textpath {
          color: #000;
          font-size: 48px;
     }
     
     .demosvg {
          height: 280px;
     }
     /* .main-banner .marquee-block {
          margin-top: -180px;
          z-index: -2;
     } */
     
     .title-highlight .title-vector {
          position: absolute;
          bottom: -9px;
          right: 0;
     }
     
     .podcast-thoughts .title-highlight .title-vector {
          width: 100%;
     }
     
     .design-video-main {
          width: 100%;
          background: black;
          display: flex;
          align-items: center;
          justify-content: center;
     }
     
     .title {
          margin-bottom: 80px;
     }
     
     .quote-desc {
          margin-top: 100px;
     }
     
     .quote-desc h4 {
          font-style: italic;
          font-size: 40px;
          line-height: 1.3;
          color: #545454;
     }
     
     .quote-desc .q-highlight {
          font-weight: 500;
     }
     
     .inspiration-text {
          padding-left: 70px;
          width: 80%;
     }
     
     .inspiration-text .title {
          text-align: left;
     }
     
     .cm-desc {
          width: 70%;
     }
     
     .cm-space-left {
          padding-left: 50px;
     }
     
     .cm-row {
          padding: 188px 0;
          height: 100%;
     }
     
     .community-inner-content {
          width: 100vw;
          height: 300%;
     }
     
     .community-inner-content .slide-m {
          /* position: absolute;
          top: 0; */
          width: 100%;
          height: 100%;
          padding: 0 80px;
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
          z-index: 1;
          background: #fff;
     }
     
     .community-inner-content .cm-main {
          display: flex;
          align-items: flex-start;
          justify-content: center;
          height: 100%;
     }
     
     .community-inner-content .cm-item {
          width: 100%;
          height: 100vh;
          /* overflow: hidden; */
          /* height: 100%; */
     }
     
     .community-inner-content .cm-item.imge-only img {
          width: 100%;
          height: 100%;
          object-fit: cover;
     }
     
     .community-inner-content .cm-item.white-bg {
          background: #fff;
          position: relative;
          z-index: 99;
     }
     
     .cm-space-left {
          margin-top: auto;
     }
     
     .sandskriti-community-main {
          width: 100%;
          height: 100%;
          overflow: hidden;
     }
     
     tspan {
          background: url(../images/diamond.png);
          width: 46px;
          height: 47px;
     }
     
     .design-text-box {
          position: relative;
          width: 400px;
          height: 120px;
     }
     
     .design-text-box .text-item {
          position: absolute;
          bottom: 0;
          left: auto;
          right: auto;
          opacity: 0;
          font-size: 120px;
          letter-spacing: 0.03em;
          transition: opacity 0.5s ease-in-out;
     }
     
     .design-text-box .text-item.activeText {
          opacity: 1;
     }
     
     .design-text-box .text-item.two {
          font-family: 'jsMath-cmmi10';
     }
     
     .design-text-box .text-item.three {
          font-family: 'Jomolhari';
     }
     
     .design-text-box .text-item.four {
          font-family: 'Playfair Display Medium';
     }
     /****Lead*****/
     
     .visionaries-leading-wrapper {
          padding: 150px 100px 160px;
          overflow: hidden;
     }
     
     .visionaries-leading-wrapper .title {
          margin-bottom: 20px;
     }
     
     .visionaries-leading-wrapper .title-highlight .title-vector {
          bottom: -6px;
          right: auto;
          left: 0;
     }
     
     .vs-row {
          margin-top: 80px;
     }
     
     .vs-desc {
          width: 33%;
          margin: 0 auto;
     }
     
     .visionaries-leading-wrapper.miracle {
          background-color: #F2F5F7;
     }
     
     .visionaries-leading-wrapper.miracle .lead-item p {
          color: #464646;
          font-size: 20px;
     }
     
     .visionaries-leading-wrapper.miracle .lead-item h4 {
          font-size: 24px;
          margin-bottom: 0;
     }
     
     .lead-item {
          border-radius: 24px;
          padding: 40px 0 0 40px;
          overflow: hidden;
          z-index: 1;
          transition: border-radius 0.5s ease-in-out;
     }
     
     .lead-item:hover {
          border-radius: 16px;
     }
     
     .lead-item.blue {
          background: #90A8ED;
     }
     
     .lead-item.red {
          background: #FF8E80;
     }
     
     .lead-item.yellow {
          background: #FFD94D;
     }
     
     .lead-item.green {
          background: #3DCCBE;
     }
     
     .lead-item h4,
     .lead-item p {
          color: #000;
     }
     
     .lead-item h4 {
          font-size: 30px;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 15px;
     }
     
     .lead-item p {
          margin-bottom: 30px;
          width: 100%;
     }
     
     .lead-item .lead-img {
          margin-left: auto;
          display: block;
          filter: grayscale(1);
          height: 307px;
          object-fit: cover;
          transition: all 0.5s ease-in-out;
     }
     
     .lead-item:hover .lead-img {
          filter: grayscale(0);
     }
     
     .lead-vector {
          position: absolute;
          right: 0;
          bottom: 0;
          z-index: -1;
     }
     
     .lead-item.green p {
          width: 100%;
     }
     /*******Design tribe slider*********/
     
     .design-tribe-wrapper {
          padding: 160px 50px;
     }
     
     .design-tribe-slider {
          margin-top: 80px;
     }
     
     .design-tribe-wrapper .title {
          margin-bottom: 30px;
     }
     
     .tribe-item-inner {
          background: #F2F5F7;
          border-radius: 24px;
          padding: 40px 35px 70px;
          height: 100%;
     }
     
     .tribe-content {
          margin: 55px 0 72px;
     }
     
     .tribe-img {
          width: 100px;
          height: 100px;
          border-radius: 50%;
     }
     
     .tribe-bottom .t-name {
          color: #000;
          font-weight: 500;
     }
     
     .tribe-bottom .t-role {
          color: #7D7D7D;
          font-size: 22px;
     }
     
     .design-tribe-wrapper .galley-p {
          width: 80%;
     }
     
     .tribe-vector {
          position: absolute;
          left: 50px;
          top: 15%;
          -webkit-animation: rotation 3s linear infinite;
          animation: rotation 3s linear infinite;
     }
     /* new-design madhvi 18-12*/
     
     .sec-padding {
          padding: 150px 0;
     }
     
     .rl-padding {
          padding: 0 50px;
     }
     
     .fw-medium {
          font-weight: 500;
     }
     
     .title-elevation .title-highlight svg {
          position: absolute;
          left: -32px;
          bottom: -15px;
     }
     
     .bg-pich {
          background: #FF8E80;
     }
     
     .bg-blue {
          background: #90A8ED;
     }
     
     .bg-yellow {
          background: #FFD94C;
     }
     
     .bg-green {
          background: #3DCCBE;
     }
     
     .bg-pink {
          background: #FEC0F1;
     }
     
     .bg-light-green {
          background: #79F29B;
     }
     
     .fill-yellow {
          background: #F1F333;
     }
     
     .fill-mustard {
          background: #FFC900;
     }
     
     .mask-img-card {
          border-radius: 24px;
          width: 100%;
          height: 555px;
          /* display: flex;
          justify-content: space-between; */
     }
     
     .e-mask-img img {
          border-radius: 24px;
          height: 555px;
          width: 100%;
          object-fit: cover;
     }
     
     .content-slider {
          padding: 50px 30px 90px 50px;
          /* height: 800px; */
     }
     
     .learn-more {
          display: flex;
          align-items: center;
          gap: 16px;
     }
     
     .title-slider {
          display: flex;
          flex-direction: column;
          gap: 20px;
          margin: 40px 0;
     }
     
     a:hover.btn-learn-more {
          color: #000;
     }
     
     a.btn-learn-more {
          font-size: 24px;
          color: #000;
     }
     
     .btn-learn-more {
          display: flex;
          align-items: center;
          gap: 16px;
     }
     
     .guidance-circle {
          width: 3em;
          height: 3em;
          border-radius: 50%;
          border: 1px solid;
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
     }
     
     .guidance-circle svg,
     .guidance-circle {
          transition: 0.4s cubic-bezier(0.470, 0.000, 0.745, 0.715);
          z-index: 1;
          overflow: hidden;
     }
     
     .learn-more:hover .guidance-circle svg {
          transform: rotate(-40deg);
     }
     
     .learn-more .guidance-circle svg path {
          transition: 0.4s cubic-bezier(0.470, 0.000, 0.745, 0.715);
     }
     
     .guidance-circle::before {
          transition: 0.4s cubic-bezier(0.470, 0.000, 0.745, 0.715);
          position: absolute;
          content: "";
          width: 100%;
          height: 100%;
          border-radius: 50%;
          top: 0;
          left: 0;
          transform: translate(-100%, 0) rotate(-100deg);
          transform-origin: bottom right;
          background: transparent;
     }
     
     .learn-more:hover .guidance-circle::before {
          transform: translate(0, 0);
          background: #fff;
     }
     
     .meetup-form.v-03 .btn-learn-more:hover .guidance-circle::before {
          background: #FFC900;
     }
     
     .meetup-form.v-03 .guidance-circle {
          width: 2.3em;
          height: 2.3em;
     }
     
     .meetup-form.v-03 .register-main-link {
          margin-top: 15px;
     }
     
     .meetup-form.v-03 a.btn-learn-more {
          font-size: 20px;
     }
     
     .text-48 {
          font-size: 48px;
          font-weight: 400;
     }
     
     .darked {
          font-size: 24px;
     }
     
     .lighted {
          color: #545454;
          font-size: 16px;
     }
     
     .row.add-h {
          height: 100%;
     }
     
     .elevation-carousel .swiper-slide {
          width: 100%;
          height: 100%;
     }
     
     .e-mask-img .qr-img {
          position: absolute;
          bottom: 30px;
          right: 30px;
          width: auto;
          height: auto;
     }
     /* .elev
     ation-carousel .swiper-pagination{
          height: auto;
          bottom: 0;
      } */
     
     .vision-inspired.sec-padding {
          padding: 150px 30px;
     }
     
     .vision-inspired {
          background: #F2F5F7;
     }
     
     .v-title .title-highlight svg {
          position: absolute;
          left: -8px;
          bottom: -15px;
     }
     
     .vision-box h5 {
          font-size: 32px;
          margin-bottom: 24px;
     }
     
     .vision-box p {
          font-size: 22px;
     }
     
     .vision-inspired .vision-box {
          background: #fff;
          border-radius: 24px;
          width: 100%;
          height: 320px;
          padding: 40px;
          transition: 0.2s ease-in-out;
          position: relative;
          z-index: 2;
     }
     
     .hover-left:hover .vision-box {
          transform: rotate(-4deg);
     }
     
     .hover-right:hover .vision-box {
          transform: rotate(4deg);
     }
     
     .hover-left::before {
          position: absolute;
          content: '';
          background-image: url(../images/left-green-v.svg);
          background-repeat: no-repeat;
          z-index: -1;
          opacity: 0;
          width: 3em;
          height: 3em;
          transition: 0.2s linear;
          top: 0;
          right: 0;
     }
     
     .hover-left:hover::before {
          opacity: 1;
          top: -11%;
          right: -7%;
          z-index: 1;
     }
     
     .hover-left::after {
          position: absolute;
          content: '';
          z-index: -1;
          border-radius: 24px;
          border: 2px dashed rgba(0, 0, 0, 0.10);
          background: #EBEEF0;
          width: 100%;
          height: 320px;
          top: 0;
     }
     
     .hover-left:hover::after {
          opacity: 1;
          transform: rotate(1deg);
          z-index: 1;
     }
     
     .hover-right::before {
          position: absolute;
          content: '';
          background-image: url(../images/right-green-v.svg);
          background-repeat: no-repeat;
          z-index: -1;
          opacity: 0;
          width: 3em;
          height: 3em;
          transition: 0.2s linear;
          top: 0;
          left: 0;
     }
     
     .hover-right:hover::before {
          opacity: 1;
          top: -11%;
          left: -7%;
          z-index: 1;
     }
     
     .hover-right::after {
          position: absolute;
          content: '';
          z-index: -1;
          border-radius: 24px;
          border: 2px dashed rgba(0, 0, 0, 0.10);
          background: #EBEEF0;
          width: 100%;
          height: 320px;
          top: 0;
     }
     
     .hover-right:hover::after {
          opacity: 1;
          transform: rotate(1deg);
          z-index: 1;
     }
     
     .col-p {
          padding: 0 15px;
     }
     
     .col-mr {
          margin-bottom: 60px;
     }
     
     .join-sandskriti {
          padding: 90px 30px;
     }
     
     .join-sandskriti .main-btn:before {
          background: #FF90E8;
     }
     
     .join-sandskriti .cta-content {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          text-align: center;
          position: relative;
          z-index: 1;
     }
     
     .join-sandskriti h5 {
          font-size: 32px;
          margin: 30px 0 60px;
          width: 80%;
     }
     
     .join-sandskriti .main-btn:after {
          background: #23A094;
     }
     
     .orange-vector {
          position: absolute;
          left: 5%;
          bottom: 0;
     }
     
     .opportunity-wrapper {
          background: #F2F5F7;
          padding: 100px 50px 100px;
     }
     
     .join-box.job .disc-join {
          width: 90%;
     }
     
     .join-box {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 32px;
          height: 370px;
          width: 100%;
     }
     
     .disc-join h5 {
          font-size: 32px;
     }
     
     .bg-yellow-btn .guidance-circle:hover::before {
          transform: translate(0, 0);
          background: #FFC900;
     }
     
     .p-rl {
          padding: 0 20px;
     }
     
     .podcast-wrapper.one {
          /* height: 100vh; */
          padding: 200px 150px 50px;
     }
     
     .title-podcast h2 {
          font-size: 96px;
          margin-bottom: 120px;
     }
     
     svg.bliss-vector {
          position: absolute;
          top: -50px;
     }
     
     .overlay-slide {
          height: 100vh;
          display: flex;
          align-items: center;
          justify-content: center;
     }
     
     .overlay-slide .inner-flex {
          border-radius: 24px;
          border: 2px solid #000;
          position: relative;
          padding: 80px 60px;
     }
     
     .inner-flex {
          display: flex;
          align-items: center;
     }
     
     svg.line-vector {
          position: absolute;
          bottom: -9px;
          left: 0;
          width: 100%;
     }
     
     .listen-content {
          padding-left: 50px;
     }
     
     .listen-content p.mr-disc {
          margin: 40px 0 60px;
     }
     
     .listen-content .main-btn:after {
          background: #FEC0F1;
     }
     
     .podcast-circle {
          width: 11.25em;
          height: 11.25em;
          border-radius: 50%;
          background: #F1F333;
          position: relative;
          z-index: 1;
     }
     
     .overlay-slide.second-slide .inner-flex {
          background: #FF8E80;
          /* position: absolute; */
          transform: rotate(3.11deg);
     }
     
     .pc-main-scroll {
          width: 100%;
          height: 100%;
     }
     
     .pc-scrolling {
          width: 100%;
          height: 300%;
     }
     
     .pc-scroll-inner {
          padding: 0 50px;
     }
     
     .p-rotate-inner {
          position: absolute;
          top: -14%;
          left: -4%;
          right: auto;
          width: 180px;
          height: 180px;
          z-index: 99;
          background-color: #F1F333;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
     }
     
     .podcast-main .svg-rotate-anim svg {
          width: 180px;
          height: 180px;
     }
     
     .podcast-main .svg-rotate-anim svg .textCircle {
          font-size: 16px;
     }
     
     .pc-scrolling .p-rotate-inner .p-img-rotate {
          -webkit-animation: rotation 5s linear infinite;
          animation: rotation 5s linear infinite;
          width: 160px;
          height: 160px;
          left: auto;
          right: auto;
          transform: translate(0);
          top: auto;
     }
     
     .community-cta .curve-marquee-main {
          position: relative;
          right: -110px;
     }
     
     .eye-main {
          display: flex;
          align-items: center;
          justify-content: center;
     }
     /* end */
     /***our story section*****/
     
     .stroy-main-inner {
          background: #FF8E80;
          height: 900px;
          padding-top: 220px;
     }
     
     .stroy-main-inner.title h1 {
          font-size: 140px;
          font-weight: 500;
          color: #000;
     }
     
     .stroy-main-inner.title h1 .title-highlight {
          font-family: 'Playfair Display Medium';
     }
     
     .stroy-main-inner.title .title-highlight .title-vector {
          bottom: -17px;
     }
     
     .story-banner-img {
          margin-top: -400px;
     }
     
     .story-banner-img img {
          width: 100%;
          transform: scale(0.8);
          border-radius: 40px;
          transition: all 0.5s ease-in-out;
     }
     
     .story-banner-img.scrolled.f_width_img img {
          border-radius: 0;
          width: 100%;
     }
     
     .os-desc {
          font-size: 32px;
          margin-top: 64px;
          width: 75%;
          line-height: 1.2;
     }
     
     .origin-story-wrapper {
          padding: 200px 0;
     }
     
     .os-container {
          max-width: 1360px;
          padding: 0 15px;
          margin: 0 auto;
     }
     
     .origin-story .os-title {
          font-size: 40px;
          line-height: 1.2;
     }
     
     .origin-story .os-title .text-green {
          font-weight: 500;
     }
     
     .text-green {
          color: #23A094;
     }
     
     .journey-container {
          max-width: 1630px;
          padding: 0 15px;
          margin: 0 auto;
     }
     
     .journey-list .j-item {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 290px;
          position: relative;
          margin-bottom: 280px;
     }
     
     .journey-list li.j-item:last-child {
          margin-bottom: 0;
     }
     
     .j-img-box {
          width: 50%;
          border-radius: 24px;
     }
     
     .j-img-box img {
          border-radius: 24px;
     }
     
     .j-content {
          width: 30%;
     }
     
     .j-date {
          font-size: 22px;
          color: #23A094;
     }
     
     .journey-container .learn-more:hover .guidance-circle::before {
          background: #FFC900;
     }
     
     .journey-timeline-main li:nth-child(even) .j-content {
          order: 1;
     }
     
     .journey-timeline-main li:nth-child(even) .j-img-box {
          order: 2;
     }
     
     .journey-timeline-main {
          padding: 200px 0;
          background: #F2F5F7;
     }
     
     .j-stroke {
          position: absolute;
          top: 0;
          left: 50%;
          transform: translateX(-50%);
     }
     
     .j-content p {
          width: 90%;
     }
     
     .j-circle-vector {
          /* width: 24px;
          height: 24px;
          background: #fff;
          border: 3px solid #23A094;
          border-radius: 50%; */
          position: absolute;
          top: 9.2%;
          left: 61.3%;
          transform: translateX(-50%);
     }
     
     .appreciation-wrapper {
          padding: 150px 100px 0;
     }
     
     .appreciation-wrapper .title {
          margin-bottom: 25px;
     }
     
     .app-row-third {
          justify-content: center;
          /* position: absolute;
          width: 100%;
          bottom: 0; */
     }
     
     .appreciation-inner-main {
          width: 100%;
          /* height: 100%; */
          overflow: hidden;
     }
     
     .appreciation-images {
          /* margin-top: 80px; */
          width: 100%;
          /* height: 100%; */
          padding: 80px 100px 0;
     }
     
     .appreciation-images .app-main-row {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          height: 100vh;
     }
     
     .appreciation-images .app-main-row .app-row {
          /* height: 100vh; */
          position: relative;
          z-index: 1;
          width: 100%;
          height: 100%;
          justify-content: center;
     }
     
     .appreciation-images .app-item.m-card {
          margin-top: 110px;
     }
     
     .appreciation-images .app-item.b-card {
          margin-top: 250px;
     }
     
     .app-main-row .app-row.sec .app-item.one {
          left: 0;
     }
     
     .app-main-row .app-row.sec .app-item.two {
          z-index: -1;
          left: 19.5%;
          top: -1%;
     }
     
     .app-main-row .app-row.sec .app-item.three {
          left: 40%;
          top: 1%;
     }
     
     .app-main-row .app-row.sec .app-item.four {
          right: 20%;
          z-index: -2;
     }
     
     .app-main-row .app-row.sec .app-item.five {
          right: 0;
          left: auto;
     }
     
     .app-main-row .app-row.third .app-item.one {
          left: 5%;
          top: 1%;
     }
     
     .app-main-row .app-row.third .app-item.two {
          left: 23.5%;
          top: 0;
          z-index: 12;
     }
     
     .app-main-row .app-row.third .app-item.three {
          top: 0;
          z-index: 1;
          left: 47.3%;
     }
     
     .appreciation-images .m-card.app-item.one {
          left: 0;
          z-index: 9;
     }
     
     .appreciation-images .m-card.app-item.two {
          left: 20.5%;
          z-index: 1;
          top: -3%;
     }
     
     .appreciation-images .m-card.app-item.three {
          left: 40%;
          z-index: 9;
          top: -1%;
     }
     
     .appreciation-images .m-card.app-item.four {
          z-index: 1;
          right: 16%;
     }
     
     .appreciation-images .m-card.app-item.five {
          right: -4%;
          z-index: 9;
     }
     
     .appreciation-images .b-card.app-item.one {
          left: 7%;
          z-index: 99;
     }
     
     .appreciation-images .b-card.app-item.two {
          left: 26%;
          z-index: 999;
          top: 2%;
     }
     
     .appreciation-images .b-card.app-item.three {
          z-index: 99;
          top: 0%;
          left: 49%;
     }
     
     .appreciation-images .b-card.app-item.four {
          right: 7.7%;
          z-index: 9;
     }
     
     .appreciation-images .b-card.app-item.three {
          top: 0%;
          left: 49.5%;
     }
     
     .t-card.app-item.one:hover {
          z-index: 99999;
     }
     
     .appreciation-images .m-card.app-item.one:hover,
     .appreciation-images .m-card.app-item.four:hover,
     .appreciation-images .b-card.app-item.three:hover,
     .appreciation-images .t-card.app-item.two:hover,
     .appreciation-images .t-card.app-item.four:hover {
          z-index: 999;
     }
     
     .appreciation-images .m-card.app-item.two:hover,
     .appreciation-images .m-card.app-item.three:hover,
     .appreciation-images .b-card.app-item.one:hover,
     .appreciation-images .t-card.app-item.three:hover {
          z-index: 9999;
     }
     
     .appreciation-images .m-card.app-item.five:hover,
     .appreciation-images .b-card.app-item.four:hover {
          z-index: 99;
     }
     
     .appreciation-images .app-item {
          /* height: 100%; */
          position: absolute;
          top: 0;
     }
     
     .appreciation-images .app-item.two {
          left: 6.5%;
     }
     
     .appreciation-images .app-item.three {
          left: 46%;
          top: -5%;
          z-index: -1;
     }
     
     .appreciation-images .app-item.four {
          right: 7.7%;
     }
     
     .appreciation-images .app-item.one {
          left: 27%;
          /* transition: all .5s ease-in-out; */
     }
     
     .efforts-wrapper {
          padding: 150px 50px;
     }
     
     .efforts-wrapper.o-story {
          padding: 0px 50px 150px;
     }
     
     .efforts-wrapper .ef-content {
          padding: 60px 0;
     }
     
     .efforts-wrapper .ef-content p {
          font-size: 32px;
          line-height: 1.3;
     }
     
     .efforts-wrapper .ef-video .vc-img {
          border-radius: 24px;
          width: 100%;
          height: 676px;
          object-fit: cover;
     }
     
     .efforts-wrapper .ef-video,
     .efforts-wrapper .ef-box.content {
          height: 674px;
     }
     
     .efforts-wrapper .ef-box.video {
          width: 70%;
     }
     
     .efforts-wrapper .ef-box.content {
          width: 30%;
     }
     
     .efforts-wrapper .ef-box {
          height: 100%;
          border-radius: 24px;
     }
     
     .efforts-wrapper .ef-row {
          display: flex;
          align-items: center;
          justify-self: center;
          width: 100%;
          gap: 50px;
     }
     
     .efforts-wrapper .ef-content .btn-inner {
          margin-top: 50px;
     }
     
     .efforts-wrapper.o-story .title {
          margin-bottom: 50px;
     }
     
     .play-ic,
     #play {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          z-index: 9;
          cursor: pointer;
     }
     
     .ef-video video {
          width: 100%;
          height: 100%;
          border-radius: 24px;
          display: block;
          object-fit: cover;
     }
     
     .ef-video.playing #play,
     .ef-video.playing .play-ic {
          display: none;
     }
     
     .ef-video.pause #play,
     .ef-video.pause .play-ic {
          display: block;
     }
     
     .ef-video #play,
     .ef-video .play-ic {
          background: transparent;
          border: none;
     }
     
     @-webkit-keyframes slide-bottom-bounce {
          100% {
               -webkit-transform: translateY(0);
               transform: translateY(0);
               opacity: 1;
          }
     }
     
     @keyframes slide-bottom-bounce {
          100% {
               -webkit-transform: translateY(0);
               transform: translateY(0);
               opacity: 1;
          }
     }
     
     @-webkit-keyframes slide-in-bottom {
          0% {
               -webkit-transform: translateY(1000px);
               transform: translateY(1000px);
               opacity: 0;
          }
          100% {
               -webkit-transform: translateY(0);
               transform: translateY(0);
               opacity: 1;
          }
     }
     
     @keyframes slide-in-bottom {
          0% {
               -webkit-transform: translateY(1000px);
               transform: translateY(1000px);
               opacity: 0;
          }
          100% {
               -webkit-transform: translateY(0);
               transform: translateY(0);
               opacity: 1;
          }
     }
     
     @-webkit-keyframes slide-out-bottom {
          0% {
               -webkit-transform: translateY(0);
               transform: translateY(0);
               opacity: 1;
          }
          100% {
               -webkit-transform: translateY(1000px);
               transform: translateY(1000px);
               opacity: 0;
          }
     }
     
     @keyframes slide-out-bottom {
          0% {
               -webkit-transform: translateY(0);
               transform: translateY(0);
               opacity: 1;
          }
          100% {
               -webkit-transform: translateY(1000px);
               transform: translateY(1000px);
               opacity: 0;
          }
     }
     
     @keyframes skeTwo {
          0% {
               -webkit-transition: skew(0deg, 0deg);
               transform: skew(0deg, 0deg);
          }
          100% {
               -webkit-transition: skew(-10deg, -10deg);
               transform: skew(-10deg, -10deg);
          }
     }
     
     @-webkit-keyframes skeTwo {
          0% {
               -webkit-transition: skew(0deg, 0deg);
               transform: skew(0deg, 0deg);
          }
          100% {
               -webkit-transition: skew(-10deg, -10deg);
               transform: skew(-10deg, -10deg);
          }
     }
     
     @-webkit-keyframes ticker {
          100% {
               -webkit-transform: translateX(-100%);
               transform: translateX(-100%);
          }
     }
     
     @keyframes ticker {
          100% {
               -webkit-transform: translateX(-100%);
               transform: translateX(-100%);
          }
     }
     
     @keyframes fadeIn {
          0% {
               opacity: 0;
          }
          100% {
               opacity: 1;
          }
     }
     
     @-webkit-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;
          }
     }
     
     @keyframes rotation {
          0% {
               transform: rotate(0);
          }
          100% {
               transform: rotate(360deg);
          }
     }
     
     @-webkit-keyframes rotation {
          0% {
               transform: rotate(0);
          }
          100% {
               transform: rotate(360deg);
          }
     }
     
     @keyframes getinMarquee {
          from {
               transform: rotate(-360deg);
          }
          to {
               transform: rotate(0);
          }
     }
     
     @keyframes pulseAnimate03 {
          100% {
               transform: translateX(10px) translateY(10px);
          }
          0% {
               transform: translateY(10px) translateY(10px);
          }
     }
     
     .podcast-main.title h1 {
          font-size: 125px;
          font-family: 'Mabry Pro Medium';
     }
     
     .e-amount.rdio {
          margin-top: 30px;
     }
     
     .e-amount.rdio h4 {
          margin-bottom: 10px;
          font-size: 30px;
     }
     
     .seprator {
          font-size: 24px;
          font-family: 'Mabry Pro Medium';
     }
     
     .collab-logos {
          display: flex;
          align-items: center;
          gap: 16px;
          margin-bottom: 15px;
     }
     
     .ev-offer-pr {
          display: inline-block;
     }
     
     .by_link {
          margin-top: 10px;
          font-size: 14px !important;
          color: #bcbdbf !important;
          transition: 0.7s ease-in-out;
          -webkit-transition: 0.7s ease-in-out;
          -moz-transition: 0.7s ease-in-out;
          -ms-transition: 0.7s ease-in-out;
          -o-transition: 0.7s ease-in-out;
          text-align: right;
     }
     
     .footer-bottom p {
          font-family: 'Mabry Pro Regular';
     }
     
     .by_link .re_link {
          color: #fff !important;
     }