:root {
                --swiper-image-ratio: 33.3%;
                /* ratio 16:9 = 56.25% */
                --swiper-width: 50%;
           }
           
           @font-face {
                font-family: 'Almarena Display Light';
                src: url('../fonts/AlmarenaDisplayLight.woff2') format('woff2'), url('AlmarenaDisplayLight.woff') format('woff');
                font-weight: 300;
                font-style: normal;
                font-display: swap;
           }
           
           @font-face {
                font-family: 'Almarena';
                src: url('../fonts/AlmarenaRegular.woff2') format('woff2'), url('AlmarenaRegular.woff') format('woff');
                font-weight: normal;
                font-style: normal;
                font-display: swap;
           }
           
           @font-face {
                font-family: 'Almarena Display Bold';
                src: url('../fonts/AlmarenaDisplayBold.woff2') format('woff2'), url('AlmarenaDisplayBold.woff') format('woff');
                font-weight: bold;
                font-style: normal;
                font-display: swap;
           }
           
           @font-face {
                font-family: 'Almarena Display';
                src: url('../fonts/AlmarenaDisplayRegular.woff2') format('woff2'), url('AlmarenaDisplayRegular.woff') format('woff');
                font-weight: normal;
                font-style: normal;
                font-display: swap;
           }
           
           @font-face {
                font-family: 'ITC Avant Garde Gothic Std';
                src: url('../fonts/ITCAvantGardeStd-BkObl.woff2') format('woff2'), url('../fonts/ITCAvantGardeStd-BkObl.woff') format('woff');
                font-weight: normal;
                font-style: normal;
                font-display: swap;
           }
           
           @font-face {
                font-family: 'ITC Avant Garde Gothic Std';
                src: url('../fonts/ITCAvantGardeStd-Md.woff2') format('woff2'), url('../fonts/ITCAvantGardeStd-Md.woff') format('woff');
                font-weight: 500;
                font-style: normal;
                font-display: swap;
           }
           
           @font-face {
                font-family: 'ITC Avant Garde Gothic Std';
                src: url('../fonts/ITCAvantGardeStd-DemiCnObl.woff2') format('woff2'), url('../fonts/ITCAvantGardeStd-DemiCnObl.woff') format('woff');
                font-weight: normal;
                font-style: normal;
                font-display: swap;
           }
           
           @font-face {
                font-family: 'ITC Avant Garde Gothic Std Book';
                src: url('../fonts/ITCAvantGardeStd-Bk.woff2') format('woff2'), url('../fonts/ITCAvantGardeStd-Bk.woff') format('woff');
                font-weight: 300;
                font-style: normal;
                font-display: swap;
           }
           
           @font-face {
                font-family: 'ITC Avant Garde Gothic Std';
                src: url('../fonts/ITCAvantGardeStd-Bold.woff2') format('woff2'), url('../fonts/ITCAvantGardeStd-Bold.woff') format('woff');
                font-weight: bold;
                font-style: normal;
                font-display: swap;
           }
           
           @font-face {
                font-family: 'ITC Avant Garde Gothic Std Demi';
                src: url('../fonts/ITCAvantGardeStd-Demi.woff2') format('woff2'), url('../fonts/ITCAvantGardeStd-Demi.woff') format('woff');
                font-weight: 600;
                font-style: normal;
                font-display: swap;
           }
           
           @font-face {
                font-family: 'The Voyage Culture Script';
                src: url('../fonts/TheVoyageCulture-Script.woff2') format('woff2'), url('../fonts/TheVoyageCulture-Script.woff') format('woff');
                font-weight: normal;
                font-style: normal;
                font-display: swap;
           }
           
           @font-face {
                font-family: 'ITC Avant Garde Gothic Std Extra';
                src: url('../fonts/ITCAvantGardeStd-XLt.woff2') format('woff2'), url('../fonts/ITCAvantGardeStd-XLt.woff') format('woff');
                font-weight: 300;
                font-style: normal;
                font-display: swap;
           }
           
           @font-face {
                font-family: 'ITC Avant Garde Gothic Std Extra Light Condensed';
                src: url('../fonts/ITCAvantGardeStd-XLtCn.woff2') format('woff2'), url('../fonts/ITCAvantGardeStd-XLtCn.woff') format('woff');
                font-weight: 300;
                font-style: normal;
                font-display: swap;
           }
           
           @font-face {
                font-family: 'ITC Avant Garde Gothic Std Book';
                src: url('../fonts/ITCAvantGardeStd-Bk.woff2') format('woff2'), url('../fonts/ITCAvantGardeStd-Bk.woff') format('woff');
                font-weight: normal;
                font-style: normal;
                font-display: swap;
           }
           
           @font-face {
                font-family: 'Tusker Grotesk';
                src: url('../fonts/TuskerGrotesk-5500Medium.woff2') format('woff2'), url('../fonts/TuskerGrotesk-5500Medium.woff') format('woff');
                font-weight: 500;
                font-style: normal;
                font-display: swap;
           }
           
           @font-face {
                font-family: 'Tusker Grotesk 5500';
                src: url('../fonts/TuskerGrotesk-5500Medium.woff2') format('woff2'), url('../fonts/TuskerGrotesk-5500Medium.woff') format('woff');
                font-weight: 500;
                font-style: normal;
                font-display: swap;
           }
           
           @font-face {
                font-family: 'Rough Motion';
                src: url('../fonts/rough-motion.regular.woff') format('woff'), url('../fonts/rough-motion.regular.woff') format('woff');
                font-weight: normal;
                font-style: normal;
                font-display: swap;
           }
           
           @font-face {
                font-family: 'WindSong';
                src: url('../fonts/WindSong-Regular.woff2') format('woff2'), url('../fonts/WindSong-Regular.woff') format('woff');
                font-weight: normal;
                font-style: normal;
                font-display: swap;
           }
           /* * {
     font-family: 'ITC Avant Garde Gothic Std';
} */
           
           body {
                font-family: 'ITC Avant Garde Gothic Std Book';
                font-weight: 300;
                font-size: 1em;
                line-height: 1.3;
                color: #7F848B;
                background: #F0F0F0;
                overflow-x: hidden;
           }
           
           a {
                color: #111111;
                transition: all 0.5s ease-in-out;
           }
           
           a,
           a:hover,
           a:focus {
                text-decoration: none;
           }
           
           a:hover,
           a:focus {
                color: #D9A554;
           }
           
           h1,
           h2,
           h3,
           h4,
           h5,
           h6 {
                color: #000;
                line-height: 1.3;
           }
           
           h1,
           .highlight-text-box .sub-text {
                font-family: 'Almarena Display';
                font-size: 104px;
                color: #111111;
                font-weight: normal;
                line-height: 1.3;
                margin-bottom: 0;
           }
           
           h2 {
                font-family: 'Almarena Display';
                font-weight: normal;
                font-size: 4em;
                line-height: 1.3;
                letter-spacing: 0.03em;
           }
           
           h3 {
                font-family: 'Almarena Display';
                font-weight: 300;
                font-size: 3.375em;
                letter-spacing: 0.01em;
                color: #111111;
           }
           
           h4 {
                font-family: 'Almarena Display';
                font-weight: normal;
                font-size: 2.25em;
                letter-spacing: 0.03em;
                line-height: 1.3;
           }
           
           h5 {
                font-family: 'ITC Avant Garde Gothic Std';
                font-weight: 500;
                font-size: 2em;
                letter-spacing: 0.03em;
                line-height: 1.3;
           }
           
           h6 {
                font-family: 'Gilroy-Medium';
                font-size: 24px;
                line-height: 1.3;
           }
           
           p {
                font-family: 'ITC Avant Garde Gothic Std Book';
                font-weight: 300;
                font-size: 1.5em;
                letter-spacing: 0.03em;
                color: rgba(17, 17, 17, 0.85);
                line-height: 1.5;
           }
           
           .fw-500 {
                font-weight: 500;
           }
           
           .text-light {
                color: #F0F0F0;
           }
           
           .sec-dark {
                background: #111111;
           }
           
           .sec-margin {
                margin-top: 9.375em;
           }
           
           header .navbar-brand {
                padding: 0;
                margin: 0;
           }
           
           .hamburger {
                position: absolute;
                right: 0;
                height: 43px;
                background: transparent;
                border: none;
                z-index: 999;
           }
           
           .navbar-main {
                text-align: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-transition: all 0.5s;
                transition: all 0.5s;
           }
           
           .nav-menu {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                margin: 0 auto;
                text-align: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -ms-flex-pack: distribute;
                justify-content: space-around;
                flex-direction: column;
           }
           
           a.nav-link {
                color: #111111;
                text-decoration: none;
                font-family: 'ITC Avant Garde Gothic Std';
                font-weight: 500;
                font-size: 1.5em;
                -webkit-transition: 0.5s;
                transition: 0.5s;
           }
           
           .nav-menu li {
                margin-right: 85px;
           }
           
           .nav-menu li:last-child {
                margin-right: 0;
           }
           
           .nav-link:focus,
           .nav-link:hover {
                color: #111111;
           }
           
           .nav-menu li {
                list-style: none;
                padding: 0;
                margin-bottom: 15px;
                text-align: center;
           }
           
           .nav-menu li:last-child {
                margin-right: 0;
           }
           
           .nav-menu li a.nav-link {
                padding: 0 0 10px 0;
                position: relative;
           }
           
           .nav-menu li a.nav-link:before {
                content: '';
                position: absolute;
                left: 0;
                bottom: 0;
                width: 0;
                height: 2px;
                background: #000;
                transition: width 0.5s ease-in-out;
           }
           
           .nav-menu li a.nav-link:hover:before,
           .nav-menu li a.nav-link.active:before {
                width: 100%;
           }
           
           header {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 9;
                width: 100%;
                padding: 30px 90px 15px;
           }
           
           nav.navbar {
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                justify-content: space-between;
                margin: 0;
                padding: 0;
                text-align: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
           }
           
           .navbar-collapse.collapse.show {
                display: flex;
                align-items: center;
                justify-content: center;
                height: 100%;
           }
           
           ul {
                margin-bottom: 0;
                padding: 0;
           }
           
           .main-banner {
                padding: 150px 0px 77px 0px;
                position: relative;
                z-index: 1;
           }
           
           .main-banner .b-desc {
                margin-top: 15px;
                color: #111111;
                font-family: 'ITC Avant Garde Gothic Std';
                font-weight: 500;
           }
           
           .logo {
                color: #fff;
                font-size: 1.5rem;
                font-weight: bold;
           }
           
           .bar,
           .fa-times {
                width: 1.5rem;
                height: 3px;
                display: block;
                color: #111;
                padding: 0;
                margin: 6px;
                -webkit-transition: 0.5s;
                transition: 0.5s;
                background-color: #111;
           }
           
           .navbar-open .bar,
           .navbar-open .fa-times {
                color: #fff;
                background-color: #fff;
           }
           
           body.navbar-open {
                overflow: hidden;
           }
           
           .nav-menu li {
                margin-bottom: 25px;
           }
           
           .text-primary {
                color: #D9A554 !important;
           }
           
           .main-title {
                margin-bottom: 75px;
           }
           
           .main-title .title {
                margin-bottom: 30px;
           }
           
           .main-title.dark p,
           .main-title.dark .title {
                color: #F9F9F9;
           }
           
           section.client-section {
                padding: 150px 85px;
           }
           
           .banner-detail {
                align-items: center;
                justify-content: center;
                height: 100%;
                padding: 0 90px;
           }
           
           .main-btn {
                font-family: 'ITC Avant Garde Gothic Std';
                font-size: 20px;
                font-weight: 500;
                color: #111111;
                padding: 25px 35px;
                border: 2px solid #D9A554;
                background: transparent;
                text-transform: uppercase;
                border-radius: 8px;
                display: inline-block;
                transition: all 0.5s ease-in-out;
           }
           
           .main-btn:hover {
                background: #D9A554;
                color: #fff;
           }
           
           .hightlight-main {
                position: relative;
                height: 119px;
                margin-bottom: 50px;
           }
           
           .highlight-container {
                position: absolute;
                height: 595px;
                line-height: 119px;
                overflow: hidden;
                z-index: -1;
           }
           
           .highlight-text-box-main {
                height: 119px;
                overflow: hidden;
           }
           
           .highlight-text-box {
                /* margin: 50px 0; */
                -webkit-animation-name: flip-change;
                -webkit-animation-duration: 20s;
                -webkit-animation-iteration-count: infinite;
                animation-name: flip-change;
                animation-duration: 20s;
                animation-iteration-count: infinite;
           }
           
           .highlight-text-box .sub-text {
                line-height: 119px;
                display: block;
                /* padding: 20px 0; */
                /* position: absolute; */
                /* -webkit-transform: translateY(130px);
     -ms-transform: translateY(130px);
     transform: translateY(130px); */
                /* opacity: 0; */
                /* -webkit-animation: bounceUp 10s linear infinite;
     animation: bounceUp 10s linear infinite; */
                /* -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; */
           }
           
           .highlight-text-box span.sub-text.activeText {
                /* -webkit-transform: translateY(0) !important;
     -ms-transform: translateY(0) !important;
     transform: translateY(0) !important; */
                /* -webkit-animation: bounceUp 10s linear infinite;
     animation: bounceUp 10s linear infinite; */
                /* -webkit-transition: opacity 1s, -webkit-transform 1s;
     transition: opacity 1s, -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; */
           }
           /* .higlight-text-box span.sub-text.activeText+span {
     -webkit-transform: translateY(80px);
     -ms-transform: translateY(80px);
     transform: translateY(80px);
} */
           
           .banner-vector {
                position: absolute;
                left: 0;
                right: 0;
                margin: auto;
                top: -3%;
                z-index: -1;
                width: 60%;
                margin-left: 84px;
                -webkit-animation: spin 15s linear infinite;
                -moz-animation: spin 15s linear infinite;
                animation: spin 15s linear infinite;
           }
           
           .sec-padding {
                padding: 150px 0;
           }
           
           .sec-padding.connect-sec {
                padding: 50px 15px 150px;
           }
           
           .sec-padding.connect-sec .main-btn {
                margin-top: 30px;
           }
           
           .main-banner .marquee-block {
                background: #111111;
                border-width: 1.5px 0px;
                border-style: solid;
                border-color: #111111;
                padding: 2em 0;
                position: relative;
                z-index: 1;
                transform: rotate(-1.735deg);
                position: absolute;
                bottom: -40px;
                transform-origin: left bottom;
           }
           
           .marquee-block {
                position: relative;
                z-index: 1;
                display: flex;
                white-space: nowrap;
                overflow: hidden;
           }
           
           .marquee-inner {
                position: relative;
                z-index: 10;
                overflow: hidden;
                text-decoration: none;
                white-space: nowrap;
                -ms-flex-wrap: nowrap !important;
                flex-wrap: nowrap !important;
                align-items: center;
                justify-content: center;
           }
           
           .marquee-block.cl-marquee .marquee-inner .marquee-text,
           .sp-lec .marquee-block .marquee-inner .marquee-text {
                gap: 50px;
           }
           /* .banner-wrapper .marquee-inner {
     gap: 50px;
} */
           
           .marquee-block .marquee-inner .marquee-text {
                -webkit-animation: ticker 25s linear infinite;
                animation: ticker 25s linear infinite;
           }
           
           footer .marquee-block .marquee-inner .marquee-text {
                -webkit-animation: tickerFooter 30s linear infinite;
                animation: tickerFooter 30s linear infinite;
           }
           
           .marquee-block .marquee-inner .marquee-text.two {
                position: absolute;
                top: 0;
                left: 0;
                backface-visibility: hidden;
                -webkit-animation: tickerTwo 30s linear infinite;
                animation: tickerTwo 30s linear infinite;
                transform: translateX(100%) translateZ(0);
           }
           
           footer .marquee-block:not(.right-marquee) .marquee-inner .marquee-text.two {
                left: 30px;
           }
           
           .main-banner .marquee-block .marquee-inner .marquee-text {
                animation-duration: 30s;
           }
           
           .marquee-block .marquee-inner .marquee-text .m-item {
                font-family: 'ITC Avant Garde Gothic Std Demi';
                font-size: 1.5em;
                line-height: 1.2;
                font-style: normal;
                font-weight: 600;
                color: #F0F0F0;
                text-transform: uppercase;
                letter-spacing: -6.75px;
           }
           
           footer .marquee-block .marquee-inner .marquee-text .m-item {
                font-family: 'Tusker Grotesk';
                font-size: 14.0625em;
                font-weight: 500;
                letter-spacing: -0.03em;
           }
           
           footer .marquee-block .marquee-inner .marquee-text .m-item.ltr-sp {
                letter-spacing: 0.03em;
           }
           
           .marquee-block .marquee-inner .marquee-text .m-item.text-stroke {
                color: #000;
                -webkit-text-stroke: 2px #F0F0F0;
           }
           
           .main-banner .marquee-block .marquee-inner .marquee-text .m-item {
                position: relative;
                padding: 0 60px;
                font-weight: normal;
                font-size: 24px;
                letter-spacing: 0.05em;
                text-transform: uppercase;
                align-items: center;
                color: #fff;
           }
           
           .main-banner .marquee-block .marquee-inner .marquee-text .m-item:before {
                content: '';
                position: absolute;
                right: -15px;
                top: 50%;
                transform: translateY(-50%);
                width: 26px;
                height: 26px;
                background: url(../images/marqee-vector.svg);
           }
           
           footer .main-banner .marquee-block .marquee-inner .marquee-text .m-item {
                padding: 0 15px;
           }
           
           .banner-wrapper {
                padding-bottom: 150px;
                overflow: hidden;
           }
           
           .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;
           }
           
           .connect-title {
                width: 84%;
                position: relative;
                padding: 3.125em 0;
           }
           
           .connect-title:before,
           .connect-title:after {
                content: '';
                position: absolute;
                left: 0;
                width: 100%;
                height: 0.125em;
                background: #D9A554;
           }
           
           .connect-title:before {
                top: 0;
           }
           
           .connect-title:after {
                bottom: 0;
           }
           
           .counter-wrapper {
                padding: 250px 0 480px;
                position: relative;
                z-index: 1;
           }
           
           .counter-box h2 {
                font-family: 'ITC Avant Garde Gothic Std';
                font-size: 5.25em;
                font-weight: 500;
                letter-spacing: 0.06em;
                color: #F0F0F0;
                margin-bottom: 0;
           }
           
           .counter-box .c-text {
                font-family: 'ITC Avant Garde Gothic Std';
                font-size: 1.25em;
                font-weight: 500;
                color: #F0F0F0;
                letter-spacing: 0.06em;
                margin-top: 0.9375em;
                margin-bottom: 0;
           }
           
           .counter-wrapper .counter-box {
                margin-bottom: 5.625em;
           }
           
           .decorative-text {
                font-family: 'The Voyage Culture Script';
                font-weight: normal;
                font-size: 4.6875em;
                color: rgba(243, 156, 53, 0.35);
                transform: rotate(-7.86deg);
                position: absolute;
                top: -5%;
                left: -1%;
                z-index: -1;
                letter-spacing: 0.1em;
           }
           /**new**/
           /* .counter-box.c-1 .c-text {
              width: 70%
         } */
           
           .client-wrapper {
                margin-top: 3.75em;
                width: 100%;
           }
           
           .culture-title {
                width: 82%;
                margin-bottom: 45px;
                line-height: 1.5;
           }
           
           .culture-inner {
                margin-top: 9.375em;
           }
           
           .culture-inner p {
                width: 50%;
                color: #7F848B;
           }
           
           .client-wrapper.first-row .marquee-block .marquee-inner .marquee-text .m-item {
                margin: 0 50px;
           }
           
           .cl-marquee {
                margin-top: 80px;
           }
           
           .sl-title {
                margin-bottom: 70px;
           }
           
           .value-addition {
                margin-top: -350px;
                position: relative;
                z-index: 1;
           }
           
           .value-addition .val-title {
                margin-bottom: 130px;
           }
           
           .value-addition .v-img-box {
                width: 347px;
                height: 328px;
                margin: 0 auto;
                z-index: 1;
                background: linear-gradient(180deg, #E2C89F 0%, #E2C89F 0.01%, #D9A554 100%);
           }
           
           .value-addition .v-img-box:before {
                content: '';
                width: 100%;
                height: 112px;
                background: linear-gradient(#11111100, rgba(17, 17, 17, 0.5));
                position: absolute;
                bottom: 0;
                z-index: -1;
           }
           
           .value-addition .value-box.one .v-img-box:before {
                border-radius: 0px 0px 50px 0px;
           }
           
           .value-addition .value-box.three .v-img-box:before {
                border-radius: 0px 0px 100px 0px;
           }
           
           .value-addition .value-box.one .v-img-box {
                border-radius: 0px 120px 50px 0px;
           }
           
           .value-addition .value-box.three .v-img-box {
                border-radius: 0px 35px 100px 0px;
           }
           
           .value-addition .v-img-box .vl-img {
                position: absolute;
                bottom: 0;
                lefT: 0;
                right: 0;
                margin: 0 auto;
           }
           
           .decorative-title {
                font-family: 'The Voyage Culture Script';
                font-weight: 400;
           }
           
           .value-addition .decorative-title {
                text-align: center;
                transform: rotate(-7.86deg);
                color: #111;
                letter-spacing: 0.11em;
           }
           
           .decorative-title.one {
                position: absolute;
                bottom: 5%;
                left: 0;
                right: 0;
                color: #F0F0F0;
           }
           
           .decorative-title.two {
                margin-top: 30px;
           }
           
           .vl-content {
                margin-top: 3.5em;
           }
           
           .vl-content.text-center p {
                font-size: 1.25em;
           }
           
           .vl-content p {
                /* font-size: 1.5em; */
                color: #111111;
                width: 80%;
                margin: 0 auto;
           }
           
           .vector-value {
                position: absolute;
                top: -1%;
                left: -1%;
           }
           
           .client-wrapper.second-row {
                margin: 6.25em 0 9.375em;
           }
           
           .text-vector {
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                z-index: -1;
           }
           
           .testimonial-wrapper .testimonial-inner {
                background: #000;
                position: relative;
                z-index: 1;
           }
           
           .testimonial-slider .t-content {
                font-size: 3em;
                line-height: 1.3;
                letter-spacing: 0.06em;
                color: rgba(240, 240, 240, 0.95);
                height: 315px;
           }
           
           .testi-img {
                max-width: 100%;
                width: 100%;
                height: 100%;
                object-fit: cover;
           }
           
           .video-custom-play {
                height: 100%;
           }
           /* .t-content span {
     font-family: 'ITC Avant Garde Gothic Std Extra';
     font-weight: 300;
} */
           
           .testi-box {
                padding: 10.3125em 7.8125em 12.875em;
                z-index: 1;
           }
           
           .testi-box .testi-name {
                margin-top: 4.6875em;
           }
           
           .testi-box .testi-name h5 {
                font-family: 'Almarena Display Light';
                color: rgba(240, 240, 240, 0.95);
                font-weight: 300;
                height: 85px;
           }
           
           .testi-vector {
                position: absolute;
                top: 14%;
                left: 11%;
                z-index: -1;
           }
           
           .testimonial-slider .swiper-horizontal>.swiper-pagination-bullets,
           .testimonial-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
                display: inline-flex;
                gap: 15px;
                top: auto;
                bottom: 14%;
                left: 57%;
                width: auto;
           }
           
           .testimonial-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
                background-color: #F0F0F0;
                opacity: 1;
           }
           
           .testimonial-slider .swiper-pagination-bullet {
                width: 15px;
                height: 15px;
                background-color: rgba(240, 240, 240, 0.15);
                opacity: 1;
           }
           
           .testimonial-slider .swiper-button-next:after,
           .testimonial-slider .swiper-button-prev:after {
                content: none;
           }
           
           .swiper-button-next,
           .swiper-button-prev {
                opacity: 1;
           }
           
           .testimonial-slider .swiper-button-next,
           .testimonial-slider .swiper-button-prev {
                top: auto;
                transform: none;
           }
           
           .swiper-button-prev,
           .swiper-button-next {
                width: 60px;
                height: 60px;
                background: transparent;
                border: 1px solid transparent;
                background: #f0f0f0;
                box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                bottom: 1%;
                top: 50%;
                transform: translateY(-50%);
                opacity: 1;
                z-index: 99;
                transition: all 0.5s ease-in-out;
           }
           
           .swiper-button-prev.swiper-button-disabled,
           .swiper-button-next.swiper-button-disabled {
                opacity: 0.5;
           }
           
           .testimonial-slider .swiper-button-prev.swiper-button-disabled,
           .testimonial-slider .swiper-button-next.swiper-button-disabled {
                opacity: 1;
           }
           
           .swiper-button-prev:hover,
           .swiper-button-next:hover,
           .swiper-button-prev:focus,
           .swiper-button-next:focus {
                border-color: #D9A554;
           }
           
           .testimonial-slider .swiper-button-prev {
                left: 70%;
                bottom: 12%;
                background: transparent;
                border: 2px solid rgba(255, 255, 255, 0.25);
                box-shadow: none;
           }
           
           .testimonial-slider .swiper-button-next {
                left: 74%;
                bottom: 12%;
                border-width: 2px;
                border-style: dotted;
                border-color: #fff;
                background: transparent;
                box-shadow: none;
           }
           
           .testimonial-slider .swiper-button-next:focus,
           .testimonial-slider .swiper-button-prev:focus,
           .testimonial-slider .swiper-button-next:focus-visible,
           .testimonial-slider .swiper-button-prev:focus-visible {
                background: #fff;
                border-color: #fff !important;
                outline: #fff !important;
           }
           
           .testimonial-slider .swiper-button-next svg path {
                stroke: #fff;
           }
           
           .swiper-button-next svg,
           .swiper-button-prev svg {
                width: auto;
                height: auto;
           }
           
           .testimonial-slider .swiper-button-prev svg path {
                stroke: rgba(255, 255, 255, 0.25);
           }
           
           .testimonial-slider .swiper-button-next:focus svg path,
           .testimonial-slider .swiper-button-prev:focus svg path,
           .testimonial-slider .swiper-button-next:focus-visible svg path,
           .testimonial-slider .swiper-button-prev:focus-visible svg path {
                stroke: #111;
           }
           
           .publication-wrapper {
                padding: 9.375em 0;
           }
           
           .public-title {
                margin-bottom: 6.25em;
           }
           
           .book-content {
                width: 70%;
                margin: 1em auto 0;
           }
           
           .book-content .book-title {
                color: #111;
                display: inline-block;
           }
           
           .book-content .b-desc {
                margin: 2em 0 3.4375em;
           }
           
           .book-content .b-desc p {
                font-size: 1.25em;
                color: rgba(17, 17, 17, 0.85);
           }
           
           .book-item img {
                width: 80%;
           }
           
           .shop-slider .swiper-button-next svg path,
           .shop-slider .swiper-button-prev svg path {
                stroke: #111111;
           }
           
           .shop-slider .swiper-button-next:after,
           .shop-slider .swiper-button-prev:after {
                content: none;
           }
           
           .shop-slider {
                padding: 0 50px;
           }
           /* .shop-slider .swiper-button-next,
.shop-slider .swiper-button-prev {
     top: 50%;
     transform: translateY(-50%);
} */
           
           .shop-slider .swiper-button-next {
                right: 1px;
           }
           
           .shop-slider .swiper-button-prev {
                left: 1px;
           }
           
           .marquee-block.right-marquee {
                z-index: 99;
           }
           
           .press-main .cl-marquee {
                margin: 50px 0 150px;
           }
           
           .marquee-block.right-marquee .marquee-inner .marquee-text {
                -webkit-animation: tickerRight 30s infinite linear;
                animation: tickerRight 30s infinite linear;
           }
           
           .marquee-block.right-marquee .marquee-inner .marquee-text.two {
                -webkit-animation: tickerRightTwo 30s infinite linear;
                animation: tickerRightTwo 30s infinite linear;
           }
           
           .marquee-block:hover .marquee-inner .marquee-text {
                animation-play-state: paused;
           }
           
           .client-wrapper.first-row {
                margin: 0;
           }
           /**********Bio Page***********/
           
           .bio-main {
                padding: 0 5.25em;
           }
           
           .main-banner.bio {
                padding: 150px 200px 77px 200px;
           }
           
           .bio-main .container {
                max-width: 1140px;
           }
           
           .bio-title {
                margin-top: 60px;
                width: 79%;
                padding-left: 50px;
           }
           
           .bio-main .advice-title {
                width: 100%;
                font-size: 3em;
           }
           
           .bio-inner p {
                font-size: 1.2em;
                margin-bottom: 40px;
                color: #111111;
           }
           
           .stroke-text {
                font-family: 'Rough Motion';
                font-size: 350px;
                color: transparent;
                -webkit-text-stroke: 2px #000;
                letter-spacing: 5px;
                text-transform: uppercase;
                position: absolute;
                bottom: -14%;
                left: -51px;
                z-index: 9;
           }
           
           .bio-main .b-img {
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
                z-index: 9;
           }
           
           .timeline-inner,
           .bio-timeline-main {
                width: 100%;
                height: 100%;
           }
           
           .timeline-item {
                width: 100%;
                min-height: 100vh;
                display: flex;
                z-index: 1;
           }
           
           .y-image-box {
                padding: 0px 100px 0;
                aspect-ratio: 1 / 1;
                z-index: 1;
                width: 50%;
                height: 100%;
                align-self: center;
           }
           
           .timeline-item:nth-child(even) .y-number {
                left: 57%;
           }
           
           .timeline-item .y-content {
                height: fit-content;
                position: absolute;
                bottom: 15%;
                width: 30%;
                z-index: 1;
           }
           
           .timeline-item .year-box {
                height: 100%;
           }
           
           .timeline-item .y-number {
                position: absolute;
                top: 40%;
                left: 45%;
                transform: translate(-50%, -50%);
                z-index: 2;
                line-height: 1;
                pointer-events: none;
           }
           
           .timeline-item .y-content-box {
                width: 49%;
                height: 100%;
                padding: 0px 100px 0;
                padding-bottom: 0;
           }
           
           .timeline-item:nth-child(even) .y-content-box {
                order: 1;
           }
           
           .timeline-item:nth-child(even) .y-image-box {
                order: -3;
           }
           
           .timeline__section-divider {
                width: 1%;
                height: 100%;
           }
           
           .timeline-item:not(:nth-child(1)) .timeline__section-divider:before,
           .timeline-item:last-child .timeline__section-divider:after {
                content: none;
           }
           
           .timeline__section-divider:before,
           .timeline__section-divider:after {
                content: '';
                position: absolute;
                width: 1px;
                height: 500px;
           }
           
           .timeline__section-divider:before {
                top: 0;
                left: 50%;
                transform: translateX(-50%);
                border-width: 1px;
                border-style: solid;
                border-image-slice: 1;
                border-image-source: linear-gradient(180deg, #F0F0F0 0%, rgba(17, 17, 17, 0.85) 100%);
           }
           
           .timeline__section-divider:after {
                bottom: 0;
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
                border-width: 1px;
                border-style: solid;
                border-image-slice: 1;
                border-image-source: linear-gradient(-80deg, #F0F0F0 0%, rgba(17, 17, 17, 0.85) 100%);
           }
           
           .timeline__section-divider:after {
                height: 340px;
           }
           
           .timeline-item .n-mask-box .n-mask {
                color: transparent;
                -webkit-background-clip: text;
                position: static;
                background-clip: text;
                display: inline-block;
                line-height: 1;
                background-image: linear-gradient(-90deg, transparent 0%, transparent 50%, #111 50%, #111 100%);
                background-size: 200% 200%;
                background-position: 100% 100%;
                transition: 0.5s background-position ease;
           }
           
           .timeline-item .n-mask-bg {
                width: 100%;
                content: '';
                position: absolute;
                height: 400px;
                background: #f0f0f0;
                z-index: 0;
           }
           
           .timeline-item.start .year-box {
                display: flex;
                align-items: flex-start;
                justify-content: flex-start;
           }
           
           .timeline-item.center .year-box {
                display: flex;
                justify-content: flex-end;
                align-items: center;
           }
           
           .timeline-inner .year-box .stroke-text {
                position: static;
           }
           
           .timeline-inner .year-box .y-content {
                position: absolute;
                bottom: 9%;
                width: 30%;
                left: 5%;
           }
           /************Portfolio**************/
           
           .recent-works-slider {
                margin: 5.9375em 0;
           }
           
           .rw-img-item {
                z-index: 1;
           }
           
           .rw-img-box:before {
                content: '';
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 200px;
                background: linear-gradient(180deg, rgb(240 240 240 / 2%) 0%, rgba(17, 17, 17, 0.85) 100%)
           }
           
           .portfolio-main {
                padding-bottom: 0;
           }
           
           .portfolio-main .main-banner,
           .rw-title {
                padding: 9.375em 10em 0 10em;
           }
           
           .recent-works-slider .swiper {
                overflow: visible;
           }
           
           .rw-main-title {
                font-family: 'Almarena Display Bold';
                font-weight: bold;
           }
           
           .creative-text {
                font-family: 'WindSong';
                font-size: 12.3em;
                line-height: 1.1;
                color: #D9A554;
                text-transform: capitalize;
                text-align: center;
                display: block;
                position: relative;
                top: -38px;
                z-index: -1;
                left: 13.2%;
           }
           
           .recent-works-slider .swiper {
                position: relative;
                width: 100%;
                /* height: calc(var(--swiper-width) * var(--swiper-image-ratio) / 100%); */
                overflow: hidden;
                padding-bottom: 5.9375em;
           }
           
           .recent-works-slider .swiper-slide {
                position: relative;
                /* width: var(--swiper-width); */
                opacity: 1;
                transform: scale(.7);
                transition: all .5s ease-in-out;
                overflow: hidden;
           }
           
           .recent-works-slider .swiper-backface-hidden .swiper-slide {
                transform: scale(.7) translateZ(0);
           }
           
           .recent-works-slider .swiper-slide.swiper-slide-active {
                transform: scale(1) !important;
                opacity: 1 !important;
           }
           
           .recent-works-slider .swiper-backface-hidden .swiper-slide.swiper-slide-active {
                transform: scale(1) translateZ(0) !important;
           }
           
           .recent-works-slider .project-title {
                position: absolute;
                right: 5%;
                bottom: 5%;
                font-family: 'Almarena Display Bold';
                font-weight: bold;
                color: #f0f0f0;
           }
           
           .recent-works-slider .swiper-button-next:after,
           .recent-works-slider .swiper-button-prev:after {
                content: none;
           }
           
           .recent-works-slider .rw-pattern {
                width: 140px;
                height: 127px;
                /* border-color: #000;
     border-style: solid; */
                display: inline-block;
                position: relative;
                /* position: absolute; */
                /* transform: translate(-30px, -30px); */
                transition: all 0.5s ease-in-out;
                transition-delay: 0.3s;
           }
           
           .rw-pattern-top,
           .rw-pattern-bottom {
                position: absolute;
                top: 0;
                left: 0;
                display: inline-block;
                display: flex;
                justify-content: space-between;
                width: 100%;
           }
           
           .rw-pattern-bottom {
                top: auto;
                bottom: 0;
           }
           
           .recent-works-slider .swiper-slide .rw-pattern:before {
                content: '';
                position: absolute;
                width: 100%;
                height: 1px;
                background: #000;
           }
           
           .recent-works-slider .swiper-slide .rw-pattern:after {
                content: '';
                position: absolute;
                height: 100%;
                width: 1px;
                background: #000;
           }
           
           .recent-works-slider .swiper-slide .rw-pattern.topLeft {
                top: 0;
                left: 0;
                transform: translate(30px, 30px);
           }
           
           .recent-works-slider .swiper-slide .rw-pattern.topRight {
                top: 0;
                right: 0;
                transform: translate(-60px, 60px);
           }
           
           .recent-works-slider .swiper-slide .rw-pattern.bottomLeft {
                bottom: 0;
                left: 0;
                transform: translate(-30px, 30px);
           }
           
           .recent-works-slider .swiper-slide .rw-pattern.bottomRight {
                bottom: 0;
                right: 0;
                transform: translate(60px, 60px);
           }
           
           .recent-works-slider .swiper-slide.swiper-slide-active .rw-pattern.topRight,
           .recent-works-slider .swiper-slide.swiper-slide-active .rw-pattern.bottomRight,
           .recent-works-slider .swiper-slide.swiper-slide-active .rw-pattern.bottomLeft {
                transform: translate(0, 0);
           }
           
           .recent-works-slider .swiper-slide .rw-pattern.topRight:before {
                top: 0;
           }
           
           .recent-works-slider .swiper-slide .rw-pattern.topRight:after {
                right: 0;
           }
           
           .recent-works-slider .swiper-slide .rw-pattern.topLeft:before {
                top: 0;
           }
           
           .recent-works-slider .swiper-slide .rw-pattern.topLeft:after {
                left: 0;
           }
           
           .recent-works-slider .swiper-slide.swiper-slide-active .rw-pattern.topLeft {
                transform: translate(0, 0);
           }
           
           .recent-works-slider .rw-img-item {
                padding: 30px;
           }
           /* .recent-works-slider .swiper-slide.swiper-slide-active .rw-pattern-bottom {
     transform: translateY(0);
}

.recent-works-slider .swiper-slide .rw-pattern-bottom {
     transform: translateY(100%);
     transition: transform 0.5s ease-in-out;
     transform-origin: top center;
     will-change: transform;
} */
           /* .recent-works-slider .swiper-slide.swiper-slide-active .rw-pattern.bottomLeft:before {
     bottom: 0;
} */
           
           .recent-works-slider .swiper-slide .rw-pattern.bottomLeft:before,
           .recent-works-slider .swiper-slide .rw-pattern.bottomRight:before {
                bottom: 0;
                /* transition: all 0.5s ease-in-out; */
           }
           
           .recent-works-slider .swiper-slide .rw-pattern.bottomLeft:after {
                left: 0;
           }
           
           .recent-works-slider .swiper-slide .rw-pattern.bottomRight:after {
                right: 1px;
           }
           
           .recent-works-slider .swiper-button-next,
           .recent-works-slider .swiper-button-prev {
                width: 90px;
                height: 90px;
                border-radius: 50%;
                border: 3px solid #D9A554;
                display: flex;
                align-items: center;
                justify-content: center;
                bottom: 0;
                top: auto;
                right: 4%;
                left: auto;
                transition: all 0.5s ease-in-out;
           }
           
           .recent-works-slider .swiper-button-prev {
                right: 11%;
           }
           
           .recent-works-slider .swiper-button-next:focus-visible,
           .recent-works-slider .swiper-button-prev:focus-visible {
                border-color: #D9A554;
           }
           
           .recent-works-slider .swiper-button-next:focus-visible,
           .recent-works-slider .swiper-button-prev:focus-visible,
           .recent-works-slider .swiper-button-next:focus,
           .recent-works-slider .swiper-button-prev:focus {
                border-color: #D9A554;
                background: #D9A554;
           }
           
           .recent-works-slider .swiper-button-next:focus-visible svg path,
           .recent-works-slider .swiper-button-prev:focus-visible svg path,
           .recent-works-slider .swiper-button-next:focus svg path,
           .recent-works-slider .swiper-button-prev:focus svg path {
                fill: #fff;
           }
           
           .js-scroll.scrolled .fadeInUp {
                -webkit-animation: fadeInUp 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
                animation: fadeInUp 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
           }
           
           .js-scroll.scrolled .fadeInUp.delay {
                animation-delay: 0.5s;
           }
           /***********Case Study************/
           
           .case-study-wrapper {
                padding: 0 10em 0 10em;
           }
           
           .case-study-wrapper a:hover {
                color: #D9A554;
           }
           
           .case-desc {
                text-align: right;
                font-weight: 500;
                font-family: 'ITC Avant Garde Gothic Std';
           }
           
           .category-badge {
                background: #D9A554;
                padding: 0.625em 1.5625em;
                margin-bottom: 1.5625em;
                border-radius: 0.625em;
                display: inline-block;
           }
           
           .category-badge span {
                font-family: 'Almarena Display';
                font-weight: normal;
                font-size: 1.125em;
                color: #fff;
           }
           
           .blog-meta {
                margin: 1.875em 0 2.8125em;
           }
           
           .blog-meta li {
                position: relative;
                list-style-type: none;
                padding-right: 1.2em;
                margin-right: 0.6em;
                display: inline-block;
           }
           
           .blog-meta li:after {
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                height: 100%;
                width: 2px;
                background: #B5B5B5;
           }
           
           .blog-meta li:last-child:after {
                content: none;
           }
           
           .blog-meta li span {
                font-family: 'Almarena Display';
                font-weight: normal;
                font-size: 1.25em;
           }
           
           .case-study-grid {
                margin-top: 7.8125em;
           }
           
           .blog-desc {
                margin-top: 1.5625em;
           }
           
           .blog-desc p {
                font-size: 1.125em;
           }
           
           .blog-btn {
                font-family: 'Almarena Display';
                font-weight: normal;
                font-size: 1.5em;
                letter-spacing: 0.01em;
                color: #111111;
           }
           
           .blog-btn svg {
                margin-left: 0.3125em;
                vertical-align: text-bottom;
                transition: all 0.5s ease-in-out;
           }
           
           .blog-btn:hover svg {
                transform: translateX(5px);
           }
           
           .blog-link h4 {
                transition: all 0.5s ease-in-out;
           }
           
           .blog-link:hover h4 {
                color: #D9A554;
           }
           
           .blog-content {
                padding-left: 2.5em;
           }
           
           .blog-img img {
                transform: scale(1.03) rotate(.5deg);
                transform-origin: 90% 50%;
                transition: transform 1.2s cubic-bezier(.4, .01, .14, .99);
           }
           
           .blog-img:hover img {
                transform: scale(1.001) rotate(0);
           }
           
           .b-divider {
                border-top: 1px solid #B5B5B5;
                width: 100%;
                margin: 4.6875em 0;
           }
           
           .case-study-slider .blog-img {
                margin-bottom: 2.8125em;
           }
           
           .case-study-slider .blog-meta {
                margin: 1.875em 0 1.875em;
           }
           
           .case-study-slider .swiper-button-next:after,
           .case-study-slider .swiper-button-prev:after {
                content: none;
           }
           
           .case-study-slider .swiper-button-next,
           .case-study-slider .swiper-button-prev {
                width: 90px;
                height: 90px;
                border-radius: 50%;
                background: #F0F0F0;
                display: flex;
                align-items: center;
                justify-content: center;
                top: 50%;
                bottom: auto;
                transform: translateY(-50%);
                box-shadow: 2px 2px 20px 0px #0000001A;
                transition: all 0.5s ease-in-out;
           }
           
           .case-study-slider .swiper-button-next {
                right: 1%;
                left: auto;
           }
           
           .case-study-slider .swiper-button-prev {
                left: 1%;
                right: auto;
           }
           
           .case-study-slider .swiper-button-prev svg {
                transform: rotate(180deg);
           }
           
           .case-study-slider .swiper-button-next.swiper-button-disabled,
           .case-study-slider .swiper-button-prev.swiper-button-disabled {
                opacity: 0;
           }
           /**********footer************/
           
           .footer-wrapper {
                background: #000;
                padding: 7.1875em 0 3.5em;
                position: relative;
                z-index: 1;
                overflow: hidden;
           }
           
           .footer-top {
                padding-left: 5.25em;
           }
           
           .footer-inner {
                position: relative;
                padding-top: 15.625em;
           }
           
           .footer-inner .footer-vector {
                position: absolute;
                right: 15%;
                top: -12%;
                z-index: 11;
                height: 835px;
           }
           
           .footer-wrapper.three .footer-inner .footer-vector {
                height: 817px;
           }
           
           .footer-bottom {
                margin-top: 2.5em;
                padding: 0 5.25em;
           }
           
           .footer-bottom .f-desc {
                font-size: 1.25em;
                line-height: 1.5;
                text-align: right;
           }
           
           .footer-bottom .f-desc.right {
                color: rgba(240, 240, 240, 0.50);
           }
           
           .footer-bottom .f-desc.address {
                font-size: 1.125em;
                letter-spacing: 0.01125em;
                text-align: right;
                color: rgba(240, 240, 240, 0.50);
           }
           
           .copyright-text {
                display: flex;
                align-items: flex-end;
                justify-content: flex-end;
                gap: 0.625em;
           }
           
           .social-links-tag {
                display: flex;
                gap: 1.5625em;
           }
           
           .social-links-tag li {
                list-style-type: none;
           }
           
           .social-links-tag li:last-child {
                padding-right: 0;
           }
           
           .f-social {
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
           }
           
           .f-social .f-desc {
                text-align: left;
           }
           
           .footer-bottom .bottom-right {
                margin-top: 2.25em;
           }
           
           .footer-links li a {
                font-family: 'ITC Avant Garde Gothic Std Book';
                font-weight: 300;
                font-size: 1.125em;
                letter-spacing: 0.03;
                color: #808080;
           }
           
           .footer-links li a:hover {
                color: #D9A554;
           }
           
           .footer-links li {
                margin-bottom: 0.9375em;
           }
           
           .footer-vector img {
                height: 100%;
           }
           
           .footer-vector:before {
                content: '';
                position: absolute;
                width: 100%;
                height: 46px;
                background: linear-gradient(180deg, #0000000D, #000000);
                left: 0;
                bottom: 0;
           }
           
           .client-slider .swiper-slide,
           .recent-works-slider .swiper-backface-hidden .swiper-slide.swiper-slide-active {
                transform: translateZ(0);
           }
           
           .cl-img-box {
                margin: 0 auto;
                text-align: center;
           }
           
           .client-wrapper .marquee-block .marquee-inner .marquee-text .m-item {
                margin: 0 30px;
           }
           
           .circle-pattern {
                position: absolute;
                top: -79%;
                right: 31%;
                width: 14.125em;
                height: 14.125em;
                border-radius: 50%;
                background: rgb(217, 165, 84, 0.35);
                z-index: -1;
           }
           
           .cta-wrapper {
                padding: 4em 0 14em;
           }
           
           .client-wrapper.second-row.full {
                margin: 9.375em 0 5.375em;
           }
           
           .client-wrapper .m-item.w-custom {
                width: 80%;
           }
           
           .advice-wrapper .circle-pattern {
                width: 23.5em;
                height: 23.5em;
                top: -3%;
                right: auto;
                left: 30%;
           }
           
           .advice-wrapper {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                padding: 9.375em 0 9.375em;
           }
           
           .advice-wrapper h3 {
                font-family: 'Almarena Display Bold';
                font-weight: bold;
           }
           
           .advice-title {
                width: 95%;
                font-size: 3.125em;
                line-height: 1.5;
           }
           
           .marquee-block .marquee-inner .marquee-text .m-item.darkImg img {
                filter: brightness(0);
           }
           /************Contact Us************/
           
           .contact-form-wrapper {
                padding: 3.125em 6.25em 18.75em 0;
           }
           
           .contact-form-wrapper label {
                margin-bottom: 20px;
                font-size: 30px;
                display: inline-block;
                color: #000;
           }
           
           .form-control {
                height: 70px;
                border: 1px solid #000;
                background: transparent;
                border-radius: 5px;
                padding: 15px 0 15px 20px;
           }
           
           textarea.form-control {
                padding: 22px 0 15px 20px;
           }
           
           .contact-form-wrapper .form-group {
                margin-bottom: 40px;
           }
           
           .contact-form-wrapper .image_contact:before {
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
                right: -4%;
                bottom: -4%;
                background: #D9A554;
                z-index: -1;
           }
           
           .contact-form {
                padding-left: 4em;
           }
           
           .circular-box {
                width: 19em;
                height: 19em;
                background: #D9A554;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                bottom: -19%;
                left: 40%;
                transform: translateX(-50%);
           }
           
           .circular-text svg {
                width: 100%;
                height: 100%;
           }
           
           #circular-text {
                color: #fff;
                font-size: 1.8em;
                -webkit-animation: spin 23s linear infinite;
                -moz-animation: spin 23s linear infinite;
                animation: spin 23s linear infinite;
           }
           
           .circular-box .circle-arrow {
                width: auto;
                height: auto;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
           }
           
           .image_contact {
                width: 94.5%;
           }
           
           .form-block .button-block {
                display: flex;
                align-items: center;
                position: relative;
           }
           
           .form-block #mail-status-join-form .success {
                color: green;
           }
           
           input:-internal-autofill-selected,
            ::-webkit-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-join-form {
                position: absolute;
                right: -60px;
           }
           
           .form-block .info {
                margin-top: 20px;
                display: block;
                color: red;
           }
           
           .contact-link p {
                font-weight: 400;
           }
           
           .contact-link .c-link {
                font-weight: 500;
                color: rgba(0, 125, 195, 1)
           }
           
           @-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;
                }
           }
           /***************Privacy Policy**************/
           
           .bio-main.privacy {
                margin: 170px 0;
           }
           /****************Shivani CSS*************************/
           
           h5.text-light.culture-title.entrepreneur-tite {
                width: 100%;
                text-align: center;
           }
           
           .charater-border {
                font-size: 48px;
                color: white;
                border: 1px solid antiquewhite;
                border-radius: 50px;
                min-width: 77px;
                height: 80px;
           }
           
           .charater-border span {
                display: flex;
                align-items: center;
                height: 100%;
                justify-content: center;
           }
           
           .pink-meaning li {
                list-style-type: none;
                display: flex;
                height: 100%;
                align-items: center;
                gap: 45px;
                margin-bottom: 35px;
           }
           
           .ui-list {
                display: flex;
                align-items: center;
                width: 75%;
                margin: 4.6875em auto 0;
           }
           
           .char-detail {
                font-size: 1.5em;
           }
           
           .char-detail .c-text {
                color: #fff;
           }
           
           .pink-meaning li .text-title {
                color: #D9A554;
           }
           
           ul.pink-meaning {
                margin-bottom: 75px;
           }
           
           .connect-title h2 {
                font-size: 3em;
           }
           
           img.left-img {
                width: 100%;
           }
           
           img.right-img {
                max-width: 100%;
                height: 1029px;
                filter: gray;
                /* IE5+ */
                -webkit-filter: grayscale(1);
                /* Webkit Nightlies & Chrome Canary */
                -webkit-transition: all .8s ease-in-out;
                cursor: pointer;
           }
           
           .right-img:hover {
                filter: none;
                -webkit-filter: grayscale(0);
           }
           /* .top-img {
     cursor: pointer;
     filter: gray;
     -webkit-filter: grayscale(1);
     -webkit-transition: all .8s ease-in-out;
}

.top-img:hover {
     filter: none;
     -webkit-filter: grayscale(0);
} */
           
           .award-row img {
                cursor: pointer;
                filter: gray;
                /* IE5+ */
                -webkit-filter: grayscale(1);
                /* Webkit Nightlies & Chrome Canary */
                -webkit-transition: all .8s ease-in-out;
           }
           
           .award-row img:hover {
                filter: none;
                -webkit-filter: grayscale(0);
           }
           
           .client-video {
                position: absolute;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
           }
           /* .bottom-img {
     width: 100%;
     height: 405px;
     object-fit: cover;
} */
           
           .award-banner {
                overflow: hidden;
           }
           
           .video-custom-play .video-play-icon {
                opacity: 1;
           }
           
           .video-custom-play .video-play-icon,
           .video-custom-play .video-pause-icon {
                position: absolute;
                top: 50%;
                left: 50%;
                width: 125px;
                height: 125px;
                transform: translate(-50%, -50%);
                z-index: 2;
                color: #fff;
                font-size: 30px;
                border: 4px solid #fff;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 50%;
                cursor: pointer;
                background-color: rgba(255, 255, 255, 0.2);
           }
           
           .video-custom-play .video-pause-icon {
                opacity: 0;
                pointer-events: none;
                transition: all 0.5s ease-in-out;
           }
           
           .video-custom-play.is-video-playing .video-pause-icon {
                opacity: 1;
                pointer-events: all;
           }
           
           .video-custom-play.is-video-playing .video-play-icon {
                font-size: 25px;
                opacity: 0;
                transition: all 0.5s ease-in-out;
           }
           
           .video-custom-play.is-video-playing .video-play-icon:before {
                content: "\f04c";
           }
           
           .bio-inner {
                margin-bottom: 150px;
           }
           
           .award-slider img {
                object-fit: cover;
                width: 100%;
           }
           
           .award-row .lg-portrait {
                height: 1035px;
           }
           
           .award-row .lg-landscape,
           .award-row .square-bt {
                height: 518px;
           }
           
           .award-slider .aw-slide-img img {
                height: 1036px;
           }
           
           .award-slider .slick-slide.sec-slide .mid-img {
                height: 630px;
           }
           
           .award-slider .slick-slide.sec-slide .bottom-img {
                height: 406px;
           }
           
           .award-slider-mobile {
                display: none;
           }
           
           .counter-row {
                width: 85%;
                margin: 0 auto;
           }
           /****************************************/
           /*************Animation************/
           
           @keyframes text-clip {
                from {
                     clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
                }
                to {
                     clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
                }
           }
           
           @-webkit-keyframes fadeInUp {
                0% {
                     opacity: 0;
                     -webkit-transform: translate3d(0, 80%, 0);
                     transform: translate3d(0, 80%, 0)
                }
                to {
                     opacity: 1;
                     -webkit-transform: translateZ(0);
                     transform: translateZ(0)
                }
           }
           
           @keyframes fadeInUp {
                0% {
                     opacity: 0;
                     -webkit-transform: translate3d(0, 80%, 0);
                     transform: translate3d(0, 80%, 0)
                }
                to {
                     opacity: 1;
                     -webkit-transform: translateZ(0);
                     transform: translateZ(0)
                }
           }
           
           @-moz-keyframes spin {
                100% {
                     -moz-transform: rotate(360deg);
                }
           }
           
           @-webkit-keyframes spin {
                100% {
                     -webkit-transform: rotate(360deg);
                }
           }
           
           @keyframes spin {
                100% {
                     -webkit-transform: rotate(360deg);
                     transform: rotate(360deg);
                }
           }
           
           @-moz-keyframes spin-reverse {
                100% {
                     -moz-transform: rotate(-360deg);
                }
           }
           
           @-webkit-keyframes spin-reverse {
                100% {
                     -webkit-transform: rotate(-360deg);
                }
           }
           
           @keyframes spin-reverse {
                100% {
                     -webkit-transform: rotate(-360deg);
                     transform: rotate(-360deg);
                }
           }
           /* @-webkit-keyframes ticker {
     100% {
          -webkit-transform: translateX(-66.6%);
          transform: translateX(-66.6%);
     }
}

@keyframes ticker {
     100% {
          -webkit-transform: translateX(-66.6%);
          transform: translateX(-66.6%);
     }
} */
           
           @-webkit-keyframes tickerFooter {
                from {
                     transform: translate3d(0, 0, 0)
                }
                to {
                     transform: translate3d(-100%, 0, 0);
                }
           }
           
           @keyframes tickerFooter {
                from {
                     transform: translate3d(0, 0, 0)
                }
                to {
                     transform: translate3d(-100%, 0, 0);
                }
           }
           
           @-webkit-keyframes ticker {
                from {
                     transform: translate3d(0, 0, 0)
                }
                to {
                     transform: translate3d(-100%, 0, 0);
                }
           }
           
           @keyframes ticker {
                from {
                     transform: translate3d(0, 0, 0)
                }
                to {
                     transform: translate3d(-100%, 0, 0);
                }
           }
           /* @-webkit-keyframes tickerTwo {
     from {
          transform: translateX(100%) translateZ(0);
     }
     to {
          transform: translate3d(0,0,0)
     }
}

@keyframes tickerTwo {
     from {
          transform: translateX(100%) translateZ(0);
     }
     to {
          transform: translate3d(0,0,0)
     }
} */
           
           @keyframes tickerRight {
                100% {
                     transform: translate3d(0, 0, 0);
                }
                0% {
                     transform: translate3d(-100%, 0, 0);
                }
           }
           
           @-webkit-keyframes tickerRight {
                100% {
                     transform: translate3d(0, 0, 0);
                }
                0% {
                     transform: translate3d(-100%, 0, 0);
                }
           }
           /* @keyframes tickerRightTwo {
     100% {
          transform: translateX(100%) translateZ(0);
     }
     0% {
          transform: translate3d(0,0,0);
     }
} */
           
           @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;
                }
           }
           
           @-moz-keyframes spin {
                100% {
                     -moz-transform: rotate(360deg);
                }
           }
           
           @-webkit-keyframes spin {
                100% {
                     -webkit-transform: rotate(360deg);
                }
           }
           
           @keyframes spin {
                100% {
                     -webkit-transform: rotate(360deg);
                     transform: rotate(360deg);
                }
           }
           /* @keyframes bounceUp {
     0% {
          -webkit-transform: translateY(130px);
          transform: translateY(130px);
     }
     80% {
          -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
     }
     100% {
          -webkit-transform: translateY(0);
          transform: translateY(0);
     }
}

@keyframes bounceUpRev {
     0% {
          -webkit-transform: translateY(0);
          transform: translateY(0);
     }
     100% {
          -webkit-transform: translateY(130px);
          transform: translateY(130px);
     }
} */
           
           @keyframes flip-change {
                0%,
                8.66%,
                100% {
                     transform: translate3d(0, 0, 0);
                }
                13.32%,
                17.98% {
                     transform: translate3d(0, -20%, 0);
                }
                22.64%,
                27.3% {
                     transform: translate3d(0, -40%, 0);
                }
                31.96%,
                36.62% {
                     transform: translate3d(0, -60%, 0);
                }
                41.28%,
                45.94% {
                     transform: translate3d(0, -80%, 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);
                }
           }
           
           @-webkit-keyframes flip-change {
                0%,
                8.66%,
                100% {
                     transform: translate3d(0, 0, 0);
                }
                13.32%,
                17.98% {
                     transform: translate3d(0, -20%, 0);
                }
                22.64%,
                27.3% {
                     transform: translate3d(0, -40%, 0);
                }
                31.96%,
                36.62% {
                     transform: translate3d(0, -60%, 0);
                }
                41.28%,
                45.94% {
                     transform: translate3d(0, -80%, 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);
                }
           }
           
           @-o-keyframes flip-change {
                0%,
                8.66%,
                100% {
                     transform: translate3d(0, 0, 0);
                }
                13.32%,
                17.98% {
                     transform: translate3d(0, -20%, 0);
                }
                22.64%,
                27.3% {
                     transform: translate3d(0, -40%, 0);
                }
                31.96%,
                36.62% {
                     transform: translate3d(0, -60%, 0);
                }
                41.28%,
                45.94% {
                     transform: translate3d(0, -80%, 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);
                }
           }
           
           @-moz-keyframes flip-change {
                0%,
                8.66%,
                100% {
                     transform: translate3d(0, 0, 0);
                }
                13.32%,
                17.98% {
                     transform: translate3d(0, -20%, 0);
                }
                22.64%,
                27.3% {
                     transform: translate3d(0, -40%, 0);
                }
                31.96%,
                36.62% {
                     transform: translate3d(0, -60%, 0);
                }
                41.28%,
                45.94% {
                     transform: translate3d(0, -80%, 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);
                }
           }