body {
    background: linear-gradient(135deg, #2E2E2E 0%, #000000 100%);
    font-family: 'Inter';
    overflow-x: hidden;
}

.no-scroll {
    overflow: hidden;
}

:root {
    --color-white: #ffffff;
    --color-black: #000000;
    --gray-dark: #2e2e2e;
    --txt-gray: #A1A1A1;
    --span-gery: #818181;
    --border-color: #545454;
    --faq-color: #7D7D7D;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

p#loaderText {
    margin: 0;
    position: absolute;
    width: 264px;
    left: 0;
    top: calc(50% - 85px);
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    font-size: 128px;
    display: flex;
    text-align: center;
    background: linear-gradient(96.98deg, #3D3D3D 9.4%, #121212 112.47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    flex-direction: row;
    justify-content: center;
    line-height: 190px;
    transition: all ease .4s;
    align-items: center;
    right: 0;
    margin: 0 auto;
}

div#loader > svg {
    display: flex;
    overflow: visible;
}

div#loaderContainer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

div#loader {
    text-align: center;
    margin: 0 auto;
    transform-origin: center center;
    transform: scale(1);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
}

div#particles-js {
    opacity: 0.2;
}

.loader.show p#loaderText {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.loader.show div#loaderContainer {
    bottom: 0;
    transform: translate(35%, 45%);
}

.toptext h3 {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    font-size: 120px;
    line-height: 97px;
    display: flex;
    align-items: center;
    letter-spacing: -1px;
    text-transform: capitalize;
    background: linear-gradient(97.23deg, #FFFFFF 9.57%, #7F7F7F 185.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin: 0;
}

.toptext {
    display: flex;
    margin: 15px 0;
    position: absolute;
    top: 20%;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    z-index: 2;
    max-width: 773px;
    text-align: left;
    transition: all 0.5s linear 1s;
    visibility: hidden;
    opacity: 0;
}

div#loaderText3 {
    top: 31%;
    padding: 0px 0 0 270px;
    max-width: 1100px;
    transform: translate(300px, 0px);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

div#loaderText4 {
    top: 43%;
    padding: 0 0 0 60px;
    z-index: -1;
    transform: translate(-100px, 200px);
}

.loader.show {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.first-section {
    height: auto;
    position: relative;
}

div#loaderText2 {
    transform: translate(0px, -200px);
}

.loader.show div#loaderText2, .loader.show div#loaderText3, .loader.show div#loaderText4 {
    visibility: visible;
    opacity: 1;
    transform: translate(0px, 0px);
}

header.header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: fixed;
    top: 60px;
    z-index: 2;
    transition: all ease .4s;
}

.head {
    width: 100%;
}

.menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.sound-flame {
    position: fixed;
    top: calc(50% - 108px);
    right: 50px;
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
    z-index: 2;
}

.sound-flame span.sound-button {
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 142%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #7B7B7B;
    transform: rotate(-90deg);
    height: 90px;
    margin: 0 0 0 0;
}

.sound-flame span.sound-button strong {
    color: #fff;
    margin: 0 0 0 10px;
    cursor: pointer;
}

.left-section-text {
    width: 550px;
    height: auto;
    position: absolute;
    bottom: 0px;
    left: 260px;
}

.left-section-text > span {
    font-style: normal;
    font-weight: 200;
    font-size: 18px;
    line-height: 142%;
    color: #999393;
    display: block;
    margin: 0 0 40px 0;
}

a.btns12 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 38px;
    gap: 10px;
    background: #3F3F3F;
    border-radius: 24px;
    justify-content: center;
    width: 191px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #A3A1A1;
    transition: all ease .4s;
    text-transform: uppercase;
}

a.btns12:hover {
    background: #0015db;
    color: #fff;
}

video.main-scroll-video {
    width: 231px;
    height: auto;
    border-radius: 6px;
    transform-origin: left top;
}

.left-section-text a.btns12 {
    margin: 0 0 50px 0;
}

.social {
    display: flex;
    position: fixed;
    left: 60px;
    bottom: 30%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    gap: 25px;
    z-index: 2;
}

.empty-section {
    height: 80vh;
}

.bittim-slider {
    position: sticky;
    width: 100%;
    left: 0;
    right: 0;
    transform: translate(0px, -100px);
    top: 100vh;
    opacity: 0;
}

.second-section {
    position: relative;
    z-index: 0;
}

.bittim-slider svg.botttomLine {
    position: absolute;
    transform: translate(0px, -50px);
}

.bittim-slider .ballssmall svg {
    position: absolute;
    transform: translate(0px, -72px);
    z-index: 1;
}

.bittim-slider .ballssmall img.ballSmall2 {
    position: absolute;
    transform: translate(720px, -160px);
    z-index: 1;
}

.whowesection > h2 {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    font-size: 100px;
    line-height: 97px;
    display: flex;
    align-items: center;
    letter-spacing: -0.05em;
    text-transform: capitalize;
    background: linear-gradient(97.23deg, #FFFFFF 9.57%, #7F7F7F 185.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.whowesection > p {
    width: 581px;
    height: 109px;
    font-style: normal;
    font-weight: 200;
    font-size: 18px;
    line-height: 161%;
    color: #959595;
}

.whowe-main {
    padding: 150px 0;
    min-height: 100vh;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.canadian-section > .leftText h2 {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    font-size: 60px;
    line-height: 50px;
    letter-spacing: -0.05em;
    text-transform: capitalize;
    background: linear-gradient(97.23deg, #FFFFFF 9.57%, #7F7F7F 185.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.canadian-section .right-texts > p {
    width: 367px;
    font-style: normal;
    font-weight: 200;
    font-size: 18px;
    line-height: 161%;
    color: #959595;
    margin: 0;
}

.canadian-section {
    padding: 150px 0;
    min-height: 100vh;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
}

.canadian-section .right-texts {
    margin-top: 300px;
}

.pixelSection-text > h2 {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    font-size: 60px;
    display: flex;
    align-items: center;
    letter-spacing: -0.05em;
    text-transform: capitalize;
    background: linear-gradient(97.23deg, #FFFFFF 9.57%, #7F7F7F 185.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.pixelSection-text > span {
    display: block;
    width: 426px;
    height: 125px;
    font-style: normal;
    font-weight: 200;
    font-size: 18px;
    line-height: 161%;
    color: #959595;
}

.pixelSection {
    padding: 150px 0;
    min-height: 100vh;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    position: relative;
    z-index: 0;
}

.center-textbottom {
    position: absolute;
    width: 594px;
    height: 125px;
    left: 0;
    right: 0;
    bottom: 0px;
    margin: 0 auto;
    font-style: normal;
    font-weight: 200;
    font-size: 18px;
    line-height: 161%;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
}

.heading-area > h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 100px;
    line-height: 97px;
    display: flex;
    align-items: center;
    letter-spacing: -0.05em;
    text-transform: capitalize;
    background: linear-gradient(97.23deg, #FFFFFF 9.57%, #7F7F7F 185.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-family: 'Bebas Neue';
    padding: 0 3px 0;
}

.why-choose-section {
    padding: 100px 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
}

.bittim-slider .ballssmall svg.ball1 {
    transform: translate(0px, -72px);
}

.bittim-slider .ballssmall svg.ball2 {
    transform: translate(200px, -72px);
}

.bittim-slider .ballssmall svg.ball3 {
    transform: translate(400px, -72px);
}

.bittim-slider .ballssmall svg.ball4 {
    transform: translate(600px, -72px);
}

.bittim-slider .ballssmall svg.ball5 {
    transform: translate(1000px, -72px);
}

.bittim-slider .ballssmall svg.ball6 {
    transform: translate(1200px, -72px);
}

.bittim-slider .ballssmall svg.ball7 {
    transform: translate(1400px, -72px);
}

header.header.fixeds {
    top: -50px;
}

.why-choose-section .svgBottoms {
    position: relative;
    z-index: 0;
}

.why-choose-section .svgBottoms > svg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 0 auto;
}

.why-choose-section .svgBottoms svg#Svg1 {
    top: 50px;
}

.why-choose-section .svgBottoms svg#Svg2 {
    top: 25px;
}

.why-choose-section .svgBottoms svg#Svg4 {
    top: 73px;
}

.allpointers > div > h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 45px;
    letter-spacing: -0.05em;
    color: #FFFFFF;
}

.allpointers > div > span {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    color: #8B7C7C;
}

.allpointers {
    position: relative;
    z-index: 0;
}

.single-pointer-1 {
    transform: translate(140px, 110px);
}

.allpointers > div {
    position: absolute;
}

.single-pointer-2 {
    transform: translate(1100px, -60px);
}

.why-choose-section .heading-area {
    margin-bottom: 100px;
}

.single-pointer-3 {
    transform: translate(1170px, 300px);
}

.single-pointer-4 {
    transform: translate(410px, 470px);
}

#pixelGlow {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    width: 445.79px;
    height: 436.39px;
    background: rgba(255, 255, 255, 0.3);
    filter: blur(175px);
    transform: rotate(-90deg) translate(600px, 0px);
}

div#lottie-cirle {
    height: 86px;
    margin-right: 10px;
}

#lottie-container {
    height: 100vh;
    overflow: hidden;
    top: 0 !important;
    transform: translate(0px, 0px) !important;
}

#lottie-animation {
    position: fixed;
    top: 10%;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    /* Hidden by default */
    z-index: 10;
    max-height: 80%;
    padding: 0 0 0px 30px;
}

.next-section {
    /* Adjust height as needed */
    position: relative;
    z-index: 0;
}

#menuu {
    height: 100vh;
    background: linear-gradient(135deg, #2E2E2E 0%, #000000 100%);
    position: fixed;
    width: 100%;
    z-index: 20;
    transition: all ease .4s;
    top: -100vh;
    overflow: hidden;
}

#menuu .email {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    position: relative;
    z-index: 0;
    margin: 0;
}

#menuu .lang {
    width: 60px;
    display: flex;
    justify-content: space-between;
    margin: 0;
}

#menuu .lang a {
    color: #868686 !important;
    text-decoration: underline;
}

#menuu .email:before {
    content: '';
    position: absolute;
    height: 41px;
    width: 41px;
    background: #0017EB;
    z-index: -1;
    left: -20px;
    border-radius: 999px;
    top: -5px;
}

#menuu .cl-menu {
    color: #868686 !important;
}

#menuu .cl-menu svg {
    margin-left: 20px;
}

#menuu .nav-li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0;
}

#menuu .nav-li a {
    font-weight: BOLD;
    font-size: 70px;
    background: linear-gradient(90deg, #FFFFFF, #7F7F7F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}

#menuu #navv {
}

#menuu #m-footer {
    position: absolute;
    width: 100%;
    bottom: 10px;
    padding: 0 2%;
}

#menuu .mf-links a {
    color: #868686 !important;
    font-size: 14px;
    padding: 0 10px;
}

#myVideo {
    position: absolute;
    width: 100%;
    height: 100%;
    mix-blend-mode: lighten;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    object-position: center;
    opacity: 0.5;
}

#menuu .divider-menu {
    width: 174px;
    background: #938B8B;
    height: 1px;
    margin: 0px 50px;
}

#menuu .menu-afters {
    font-size: 14px;
    position: absolute;
    font-weight: BOLD;
    color: red;
    background: linear-gradient(90deg, #868686, #868686);
    -webkit-background-clip: text;
    right: -150px;
    top: 30px;
}

#menuu p.copyright {
    font-style: normal;
    font-weight: 200;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    color: #868686;
}

div#topLpokl .d-flex {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 50px;
    height: 41px;
}

div#topLpokl .text-end {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

div#topLpokl {
    margin: 90px auto 100px auto;
}

section#menuu.activeS {
    top: 0;
}

.workpage-seciom {
    height: 100vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: sticky;
    top: 0;
    z-index: -2;
    align-content: center;
}

.workpage-seciom > h2 {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    font-size: 250px;
    line-height: 210px;
    text-align: center;
    text-transform: uppercase;
    color: #1C1C1C;
    display: block;
    margin: 0;
}

.single-project-work .tags > a {
    font-style: normal;
    font-weight: 200;
    font-size: 15px;
    line-height: 173%;
    text-align: center;
    color: #888686;
}

.single-project-work {
    width: calc(50% - 50px);
    flex: 0 0 auto;
}

.allprojects {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0 100px;
    padding-bottom: 800px;
}

.allprojects .imagesection img {
    max-width: 100%;
    height: 715px;
    object-fit: cover;
    width: 620px;
    object-position: center;
}

.single-project-work:nth-child(even) {
    margin-top: 350px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.single-project-work .project-details {
    margin: 30px 0 0 0;
    max-width: 620px;
    width: 100%;
}

.single-project-work .project-details h3 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 173%;
    color: #000000;
}

.single-project-work .project-details p {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 173%;
    color: #000000;
    margin: 0;
}

.botSlide-TitleWo0 {
    display: flex;
    margin: -200px auto 200px;
    text-align: center;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    max-width: 1170px;
}

.botSlide-TitleWo0 h3 hr {
    width: 679px;
    height: 0px;
    border: 1.5px solid #000000;
}

.botSlide-TitleWo0 h3 {
    font-style: normal;
    font-weight: 300;
    font-size: 55px;
    line-height: 56px;
    text-align: center;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    gap: 20px;
}

.botSlide-TitleWo0 h3 strong {
    font-weight: 600;
}

.botSlide-TitleWo0 a {
    width: 117px;
    height: 117px;
    background: #3F3F3F;
    font-style: normal;
    font-weight: 200;
    font-size: 14px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    border-radius: 100%;
    margin: 100px auto 0;
    position: relative;
    transform: translate(200px, 0px);
}

.our-services-section-home > h3 {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    font-size: 100px;
    line-height: 152px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.05em;
    text-transform: capitalize;
    background: linear-gradient(97.23deg, #FFFFFF 9.57%, #7F7F7F 185.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    justify-content: center;
    margin: 0;
    position: relative;
    z-index: 0;
}

.our-services-section-home > h3:before {
    content: "";
    position: absolute;
    width: 478px;
    height: 466px;
    left: 0;
    right: 0;
    top: 0px;
    background: rgba(255, 255, 255, 0.2);
    opacity: 0.6;
    filter: blur(175px);
    transform: rotate(-90deg);
    margin: -150px auto 0;
    z-index: -1;
}

.allservices {
    background: linear-gradient(90deg, #121212, #0e0e0e);
    z-index: 1;
    position: relative;
}

.allservices ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.allservices ul li {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    z-index: 0;
    justify-content: flex-start;
    padding: 50px 120px;
}

.allservices ul li strong {
    box-sizing: border-box;
    width: 82px;
    height: 54px;
    border: 0.5px solid #494949;
    border-radius: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 69px;
    text-align: center;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    background: linear-gradient(135deg, #FFFFFF 0%, #CACACA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-right: 30px;
}

.allservices ul li h5 {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    font-size: 60px;
    display: flex;
    align-items: center;
    letter-spacing: -0.05em;
    text-transform: capitalize;
    background: linear-gradient(97.23deg, #FFFFFF 9.57%, #7F7F7F 185.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    padding: 0 5px 0 0;
    margin: 0px 130px 0px 0;
    width: 400px;
    line-height: 0.8;
}

.allservices ul li span {
    width: 322px;
    font-style: normal;
    font-weight: 200;
    font-size: 18px;
    line-height: 142%;
    color: #838282;
}

.allservices ul li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0px;
    background: linear-gradient(90deg, rgba(71, 69, 69, 0.4) -11.35%, #AEAEAE 43.49%, rgba(71, 69, 69, 0.4) 90.95%);
    bottom: 0;
    margin: 0 auto;
    right: 0;
}

.allservices ul li video {
    position: absolute;
    width: 267px;
    height: 246px;
    right: 60px;
    top: -50px;
    visibility: hidden;
    opacity: 0;
    transition: all ease .4s;
}

.allservices ul li:hover video {
    visibility: visible;
    opacity: 1;
}

.allservices ul li:hover {
    background: #fff;
}

.allservices ul li:hover h5 {
    color: #000;
    -webkit-text-fill-color: #000;
}

.allservices ul li:hover strong {
    -webkit-text-fill-color: #000;
}

.allservices ul li:hover span {
    color: #000;
}

.our-services-section-home {
    margin: 0 0 200px 0;
}

.trandingbl > h3 {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    font-size: 70px;
    line-height: 152px;
    display: flex;
    align-items: center;
    letter-spacing: -0.05em;
    text-transform: capitalize;
    background: linear-gradient(97.23deg, #FFFFFF 9.57%, #7F7F7F 185.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin: 0;
}

.owl-theme .owl-nav {
    position: absolute;
    top: -105px;
    right: 10px;
    margin: 0;
}

.owl-theme .owl-nav button:hover, .owl-theme .owl-nav button {
    background: none !important;
}

.single-blog-tem > h4 > a {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
}

.single-blog-tem > span {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    color: #7D7D7D;
}

.single-blog-tem > a > img {
    height: 435px;
    object-fit: cover;
    object-position: center;
    transition: all ease .4s;
}

.single-blog-tem > h4 {
    margin: 20px 0 0 0;
}

section#partners h2.whitee {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    font-size: 70px;
    line-height: 152px;
    display: flex;
    align-items: center;
    letter-spacing: -0.05em;
    text-transform: capitalize;
    background: linear-gradient(97.23deg, #FFFFFF 9.57%, #7F7F7F 185.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin: 0;
    padding: revert-layer;
}

section#partners {
    margin: 0px auto;
    padding: 150px 0;
    background: radial-gradient(43.51% 43.51% at 34.28% 29%, #313131 0%, #1B1A1A 100%);
    z-index: 1;
    position: relative;
}

section#partners .col-2 {
    width: 250px;
    height: 250px;
    background: rgb(41 41 41 / 50%);
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    transition: all ease 1s;
}

section#partners .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.whatistrending {
    max-width: 1320px;
    margin: 0 auto;
}

section#partners .col-2:hover {
    border-radius: 150px;
}

.headingarea > h2 {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    font-size: 70px;
    line-height: 152px;
    display: flex;
    align-items: center;
    letter-spacing: -0.05em;
    text-transform: capitalize;
    background: linear-gradient(97.23deg, #FFFFFF 9.57%, #7F7F7F 185.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin: 0;
    padding: revert-layer;
}

section#instagramSection {
    max-width: 1320px;
    margin: 0 auto;
}

section#instagramSection .headingarea {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

section#instagramSection > div > a {
    background: none;
    color: #A3A1A1;
    box-shadow: 0 0 0 1px #A3A1A1 inset;
}

section#instagramSection > div > a:hover {
    background: #0015db;
    color: #fff;
    box-shadow: 0 0 0 1px #0015db inset;
}

section#instagramSection .instafeed {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
}

footer .line1 {
    width: 90%;
    margin: auto;
    display: flex;
    align-items: center;
    gap: 20px;
}

footer .line1 span {
    color: #acacac;
    font-size: 128px;
    line-height: 120px;
}

footer .Fline {
    width: 100%;
    background: white;
    height: 1px;
}

footer .lines {
    padding: 150px 0;
    font-weight: 500;
}

footer form {
    text-align: center;
    margin-top: 250px;
    margin-bottom: 100px;
}

footer input.half-width, footer textarea {
    padding: 10px;
    margin: 0;
    border: none;
    border-bottom: 1px solid #1e1e1e;
    background: none;
}

footer input.half-width:focus, footer textarea:focus {
    border: none;
    outline: none;
    border-bottom: 1px solid #1e1e1e;
}

footer .form-group.full-width {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
}

footer label {
    color: #acacac;
}

footer .btn {
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-white);
}

footer .links ul {
    list-style: none;
    text-align: left;
    margin: 0;
}

footer .links li {
    margin: 10px 0;
}

footer .links li a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #FFFFFF;
}

footer .address {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #7C7C7C;
    text-align: left;
}

footer .email {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    position: relative;
    z-index: 0;
    margin: 0 0 20px;
    line-height: 33px;
}

footer .email:before {
    content: '';
    position: absolute;
    height: 41px;
    width: 41px;
    background: #0017EB;
    z-index: -1;
    left: -20px;
    border-radius: 999px;
    top: -5px;
    transition: all ease .4s;
}

footer .mt-200 {
    max-width: 1121px;
    margin: 200px auto 0;
}

.copyright {
    color: #868686;
    font-size: 14px;
}

footer {
    position: relative;
    z-index: 1;
}

.col-6.links {
    display: flex;
    justify-content: flex-end;
}

footer .email:hover:before {
    width: 190px;
}

footer .email a {
    color: #fff;
}

.copyrightarea {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-end;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
}

.copyrightarea img.flogo {
    margin: 0 0 -140px 0;
}

.circle-lottiel {
    position: absolute;
    top: 12.5%;
    left: 2%;
    width: 100%;
    height: 100%;
    z-index: 10;
    max-height: 75%;
    padding: 0 0 0px 30px;
    background: #fff;
    border-radius: 100%;
    max-width: 47.5%;
    margin: 0 auto;
    right: 0;
    transition: all ease .4s;
    transform: scale(1);
}

.botomp-section {
    position: relative;
    z-index: 1;
}

.single-project-work .tags {
    width: 100%;
    max-width: 620px;
    text-align: right;
    margin: 0 0 10px;
}

.single-blog-tem:hover > a > img {
    transform: scale(1.1);
}

.single-blog-tem > a {
    display: block;
    overflow: hidden;
}

form.footerForm {
    text-align: left;
    max-width: 1235px;
    margin: 0 auto;
}

form.footerForm label {
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 40px;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 150px;
}

form.footerForm input,form.footerForm textarea {
    color: #fff;
    font-style: normal;
    font-weight: 200;
    font-size: 18px;
    line-height: 80px;
    letter-spacing: -0.05em;
    text-transform: none;
    width: calc(100% - 150px);
    height: 80px;
    padding: 0 30px;
    overflow: hidden;
}

footer .btn {
    width: auto;
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 152px;
    text-align: center;
    letter-spacing: -0.05em;
    background: linear-gradient(101.32deg, #FFFFFF 2.87%, #7F7F7F 124.98%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    transition: all ease .4s;
    display: inline;
}

form.footerForm input::placeholder {
    color: #938B8B;
}

form.footerForm .row > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

form.footerForm .btn-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

footer .btn:hover {
    letter-spacing: 14px;
}

form.footerForm .form-group {
    margin: 40px 0;
}

video.main-aura-video {
    width: 630px;
    mix-blend-mode: plus-lighter;
    position: relative;
    right: 40px;
    z-index: 0;
    opacity: 0.3;
}

#word-container {
    position: relative;
    width: 400px;
    height: 100px;
    overflow: hidden;
    display: inline-block;
    z-index: 0;
    margin: 0 0 -20px -5px;
}

.word {
    position: absolute;
    bottom: -100%;
    font-style: normal;
    font-weight: 400;
    font-size: 100px;
    line-height: 100px;
    letter-spacing: -0.05em;
    text-transform: capitalize;
    background: linear-gradient(97.23deg, #FFFFFF 9.57%, #7F7F7F 185.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    z-index: 1;
}

section#about-in {
    min-height: 100vh;
    position: relative;
    z-index: 0;
    background: #fff;
}

.about-sectionD > div {
    min-height: 100vh;
    position: relative;
    z-index: 2;
    mix-blend-mode: difference;
}

.about-sectionD > div > .row {
    position: relative;
    z-index: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    mix-blend-mode: difference;
    background: #000;
}

.about-sectionD div.theLeftbar {
    background: #e3e3e3;
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    z-index: -1;
    height: 100vh;
    mix-blend-mode: difference;
}

.about-sectionD {
    position: relative;
    z-index: 0;
    margin-top: -360px;
}

#about-in .m-300 {
    position: sticky;
    top: 0;
    padding: 4% 10% 4% 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    gap: 20px;
    mix-blend-mode: difference;
}

#about-in .c-logo span {
    color: #000;
}

#about-in .divider {
    width: 45%;
    background: #fff;
    height: 2px;
}

#about-in .c-logo span {
    font-size: 25px;
    color: #fff;
    overflow: hidden;
}

#about-in .c-logo img {
    width: 45%;
    height: auto;
    filter: invert(1);
}

#about-in .about-details {
    display: flex;
    color: var(--color-black);
}

#about-in .blk {
    background-color: var(--color-black);
}

#about-in .invert {
    filter: invert(1);
}

#about-in .right {
    position: sticky;
    top: 0;
    height: 100vh;
    width: 65%;
}

#about-in .left {
    overflow-y: auto;
    background: var(--color-white);
    width: 35%;
}

#about-in .cnt {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 100px 70px 100px 140px;
}

#about-in .cnt p {
    width: 100%;
    font-style: normal;
    font-weight: 200;
    font-size: 16px;
    line-height: 156%;
    color: #000000;
}

#about-in .count {
    font-style: normal;
    font-weight: 200;
    font-size: 20px;
    line-height: 161%;
    text-transform: uppercase;
    color: #818181;
}

#about-in .cnt.end h2 {
    color: #D9D8D8;
    line-height: 70px;
}

div#lottie-About {
    display: none;
    width: 30%;
}

.theLeftbar {
    background: #e3e3e3;
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    z-index: 0;
    height: 100%;
    mix-blend-mode: difference;
}

section#about-in .continer-fluid {
    position: relative;
}

#about-in h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 70px;
    line-height: 70px;
    display: flex;
    align-items: center;
    letter-spacing: -0.05em;
    text-transform: capitalize;
    background: linear-gradient(135deg, #2E2E2E 16.17%, #000000 88.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

div#lottie-About path[d=" M-570.5,-512 C-570.5,-512 570.5,-512 570.5,-512 C570.5,-512 570.5,512 570.5,512 C570.5,512 -570.5,512 -570.5,512 C-570.5,512 -570.5,-512 -570.5,-512z"] {
    fill: none;
}

section#approuch {
    background: #1C1C1C;
    min-height: 500vh;
}

section#approuch h2.whitee:before {
    content: "";
    position: absolute;
    width: 448px;
    height: 436px;
    background: rgba(255, 255, 255, 0.2);
    opacity: 0.9;
    filter: blur(175px);
    transform: rotate(-90deg);
    top: -100px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

section#approuch h2.whitee {
    position: relative;
    z-index: 0;
}

section#approuch .ball-box .ballAbout .doorOpen {
    width: 54px;
    height: 94px;
    background: #FFFFFF;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: block;
}

#approuch .ball-box img {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
}

#approuch .ball-box {
    position: relative;
    z-index: 0;
}

#approuch .ball-box .timeline {
    background: url("../images/floorAbout.svg");
    background-position: 360px 0px;
    background-repeat: no-repeat;
    background-size: 1200px auto;
}

section#approuch .pin-spacer > .container {
    top: 0 !important;
}

section#partners > .container {
    max-width: 1310px;
}

.about-footer {
    background: linear-gradient(#1b1a1a, #000000);
}

#approuch .content h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 118%;
    color: #DFDFDF;
}

#approuch .content p {
    font-style: normal;
    font-weight: 200;
    font-size: 14px;
    line-height: 141%;
    color: #747171;
}

#approuch .timeline-item .content.tl-1 {
    left: -170px;
    width: 360px;
    top: 20px;
}

#approuch .timeline-item .content.tl-2 {
    right: -130px;
    top: -20px;
}

#approuch .timeline-item .content.tl-3 {
    left: -155px;
    width: 247px;
    top: -40px;
}

#approuch .timeline-item .content.tl-4 {
    width: 259px;
    left: 80px;
    top: -45px;
}

#approuch .timeline-item .content.tl-5 {
    top: 30px;
    left: -140px;
    width: 237px;
}

.botomp-section section#partners {
    background: none;
}

.ser-first-section {
    position: relative;
    background: linear-gradient(144.37deg, #2E2E2E 0%, #000000 40.16%);
    z-index: 0;
    height: 100vh;
    overflow: hidden;
}

.left-section-ball {
    position: absolute;
    transform: translate(-25%, -5%);
}

.ser-first-section div#particles-js {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.ser-first-section .right-section-text {
    position: absolute;
    top: calc(50% - 97.5px);
    width: 50%;
    max-width: 598px;
    right: 180px;
}

.ser-first-section .right-section-text > span {
    font-style: normal;
    font-weight: 200;
    font-size: 18px;
    line-height: 29px;
    display: flex;
    align-items: center;
    color: #7C7C7C;
    margin: 0 0 30px 0;
}

.dskbgvdei > video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    visibility: hidden;
    opacity: 0;
    transition: all ease .4s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.dskbgvdei {
    overflow: hidden;
    height: 80vh;
    position: relative;
    z-index: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#service2 .row {
    height: 80vh;
}

#service2 .col-md-6 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#service2 .col-md-6.bb {
    border: 0px;
    border-bottom: 1px solid #4f4f4f;
    border-right: 1px solid #4f4f4f;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    padding: 0;
}

.dskbgvdei:hover > video {
    opacity: 1;
    visibility: visible;
}

#service2 .row {
    justify-content: space-between;
    position: relative;
}

#service2 .heading-s {
    position: sticky;
    top: 0;
    z-index: -1;
    max-width: 430px;
}

#service2 .content-s {
    max-width: 500px;
}

#service2 .btn-theme.mb {
    margin: 0 5px;
}

#service2 .big2 {
    font-style: normal;
    font-weight: 400;
    font-size: 100px;
    line-height: 95px;
    display: flex;
    text-align: left;
    letter-spacing: -0.05em;
    text-transform: capitalize;
    background: linear-gradient(97.23deg, #FFFFFF 9.57%, #7F7F7F 185.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
    margin: 5px 0 0 0;
}

#services-1 .social, #services-1 .sound-flame {
    position: absolute;
    top: 0;
    justify-content: flex-end;
    bottom: 10% !important;
}

#service2 .big-sub {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 156%;
    text-align: center;
    color: #888686;
}

#service2 h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 31px;
    display: flex;
    align-items: center;
    letter-spacing: -0.05em;
    background: linear-gradient(97.23deg, #FFFFFF 9.57%, #7F7F7F 185.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin: 0 0 20px 0;
}

#services-1 .content-s {
    width: 65%;
}

#services-1 .bt2 {
    background: #3F3F3F;
    border: 1px solid #3F3F3F;
}

#services-1 .content-s1 {
    width: 60%;
    font-size: 18px;
    color: #7C7C7C;
    margin-left: 100px;
}

#services-1 .ball-img {
    margin-left: -55%;
    margin-bottom: -65%;
}

#services-1 .s-text {
    position: absolute;
    bottom: 0;
}

.content-s > p {
    font-style: normal;
    font-weight: 200;
    font-size: 16px;
    line-height: 156%;
    color: #FFFFFF;
    margin: 0 0 70px 0;
}

.single-service-buttons > a {
    box-shadow: 0 0 0 1px #6B6B6B;
    background: none;
    color: #FFFFFF;
    padding: 0 35px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: auto;
}

.single-service-buttons > a.btns12:hover {
    background: #0015db;
    color: #fff;
    box-shadow: 0 0 0 1px #0015db;
}

.single-service-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px 15px;
}

.col-md-5.bb {
    border-right: 1px solid #6B6B6B;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
}

.aura-video-section {
    position: sticky;
    top: calc(50% - 294px);
    background: #1C1C1C;
    margin-bottom: 100px;
}

.aura-video-section .heading-s {
    position: absolute;
    top: 30%;
}

.aura-video-section h2.big2 {
    font-style: normal;
    font-weight: 400;
    font-size: 100px;
    line-height: 90px;
    display: flex;
    align-items: center;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    background: linear-gradient(97.23deg, #FFFFFF 9.57%, #7F7F7F 185.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.aura-video-section span.big-sub {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 156%;
    text-align: center;
    color: #888686;
}

.allservices-section-button > a {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    display: inline-flex;
    align-items: center;
    color: #FFFFFF;
    text-transform: uppercase;
    position: relative;
    z-index: 0;
    height: 41px;
}

.allservices-section-button > a:before {
    content: "";
    position: absolute;
    width: 41px;
    height: 41px;
    background: #0017EB;
    border-radius: 30px;
    transition: all ease .4s;
    z-index: -1;
    left: -15px;
    top: -1px;
}

.allservices-section-button > a:hover:before {
    width: calc(100% + 30px);
}

.allservices-section-button > a img {
    margin-right: 10px;
}

.aura-video-section video.main-aura-video {
    width: 500px;
    right: 0;
}

section#service-inner .right-side-text {
    width: 670px;
    margin: 220px 0 0 80px;
}

section#service-inner .right-side-text .content-s > p {
    font-size: 20px;
    line-height: 182%;
    margin: 100px 0 30px 0;
}

section#service-inner .button-bottom-section {
    display: flex;
    margin: 0 0 90px 0;
    flex-direction: row;
    justify-content: flex-end;
}

.latest-case-studies > h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 156%;
    color: #FFFFFF;
}

.latest-case-studies > .allstudies .single-case a.image-sec {
    display: block;
    overflow: hidden;
}

.latest-case-studies > .allstudies .single-case a.image-sec img {
    transition: all ease .4s;
    transform: scale(1);
}

.latest-case-studies > .allstudies .single-case:hover a.image-sec img {
    transform: scale(1.2);
}

.latest-case-studies > .allstudies .single-case {
    margin: 30px 0 70px 0;
}

a.headingt > h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 173%;
    color: #FFFFFF;
    margin: 0;
}

.single-case > span {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 173%;
    color: #FFFFFF;
}

.latest-case-studies > .allstudies .single-case a.headingt {
    margin: 15px 0 0 0;
    display: block;
}

.view-all-btn {
    margin: 100px auto 120px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.view-all-btn a {
    border-radius: 100%;
    width: 117px;
    height: 117px;
    background: #3F3F3F;
    font-style: normal;
    font-weight: 200;
    font-size: 14px;
    line-height: 139%;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all ease .4s;
}

.view-all-btn a:hover {
    background: #0017eb;
}

section.pagination-bottom {
    border-top: 1px solid #6B6B6B;
}

section.pagination-bottom a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 50px 40px;
}

section.pagination-bottom a svg {
    margin-right: 25px;
}

section.pagination-bottom a span {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 173%;
    text-transform: capitalize;
    color: #6B6B6B;
}

section.pagination-bottom a h4 {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 173%;
    text-transform: uppercase;
    color: #FFFFFF;
}

section.pagination-bottom a.next-age2 {
    display: flex;
    flex-direction: row-reverse;
}

section.pagination-bottom a.next-age2 svg {
    margin: 0 0 0 25px;
}

#contact-01 {
    height: 100vh;
    color: #fff;
    position: relative;
}

#contact-01 .social, #contact-01 .sound-flame {
    position: absolute;
    top: 0;
    justify-content: flex-end;
    bottom: 10% !important;
}

#contact-01 .icon-boxes {
    margin-top: 80px;
}

.icon-boxes .col-md-4 {
    padding: 0px !important;
}

#contact-01 .icon-box {
    border: 1px solid #6B6B6B;
    padding: 111px 20px;
    height: 380px;
    display: flex !important;
    transition: all ease .4s;
}

#contact-01 .icon-box h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    opacity: 0.8;
}

#contact-01 .icon-box .icon {
    margin-bottom: 21px;
}

#contact-01 .icon-box p {
    margin-top: 50px;
    font-size: 14px;
    text-align: center;
}

#contact-01 .icon-box a {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #7C7C7C;
}

section#contact-01 .heading-section1 {
    margin: 250px 0 0;
}

section#contact-01 .container.bg {
    max-width: 1096px;
}

.heading-section1 h1 {
    font-style: normal;
    font-weight: 400;
    font-size: 100px;
    line-height: 90px;
    display: flex;
    align-items: center;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    background: linear-gradient(97.23deg, #FFFFFF 9.57%, #7F7F7F 185.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

body.contactbgarea {
    background: linear-gradient(144.37deg, #2E2E2E 5.67%, #000000 50%);
}

#contact-01 .icon-box:hover {
    background: #fff;
    color: #000;
}

#contact-01 .icon-box:hover .icon img {
    filter: invert(1);
}

#contact-01 .icon-box .icon img {
    transition: all ease .4s;
}

#contact-01 .icon-box:hover h3 {
    color: #000;
}

#contact-01 .icon-box:hover .icon-box a {
    color: #000;
}

.heading-section1 > p {
    font-style: normal;
    font-weight: 200;
    font-size: 20px;
    line-height: 40px;
    color: #FFFFFF;
}

#careers-01 {
    background-color: #141414;
    height: 85vh;
    display: flex;
    align-items: flex-end;
    flex-direction: row;
}

#careers-01 .social, #careers-01 .sound-flame {
    position: absolute;
    top: 0;
    justify-content: flex-end;
    bottom: 10% !important;
}

.heading-section1 .big-p {
    font-style: normal;
    font-weight: 200;
    font-size: 20px;
    line-height: 31px;
    display: flex;
    align-items: center;
    letter-spacing: -0.05em;
    color: #FFFFFF;
}

.m-tb {
    margin: 130px 0;
}

.black-text {
    color: black;
    font-weight: 300;
}

.white-text {
    color: white;
}

#careers-02 {
    background: var(--color-white);
    padding: 100px 20%;
}

#careers-02 .c-filter {
    padding: 40px 0;
}

#careers-02 .job-item {
    display: flex;
    align-items: center;
    padding: 30px 0;
    border-top: 1px solid #000000;
    transition: all ease .4s;
}

#careers-02 .job-item:hover {
    background: #0017eb;
}

#careers-02 .job-number {
    width: 51.63px;
    height: 34px;
    border: 0.5px solid #494949;
    border-radius: 21.4074px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 43px;
    text-align: center;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    color: #000000;
    transition: all ease .4s;
    margin: 0 30px;
}

#careers-02 .job-title {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 156%;
    color: #000000;
    width: 750px;
    transition: all ease .4s;
}

#careers-02 .job-icon {
    width: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 30px;
    justify-content: center;
}

#careers-03 .section-title {
    font-style: normal;
    font-weight: 400;
    font-size: 100px;
    line-height: 83px;
    display: flex;
    align-items: center;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    background: linear-gradient(97.23deg, #FFFFFF 9.57%, #7F7F7F 185.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin: 0 0 80px 0;
}

#careers-03 .d-flex {
    align-items: center;
}

#careers-03 .list-item {
    margin: 10px 0;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #6c757d;
}

#careers-03 .list-icon {
    font-size: 1.5rem;
    color: #ffffff;
    margin-right: 25px;
}

#careers-03 .item-title {
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 124%;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
}

#careers-03 .item-content {
    font-style: normal;
    font-weight: 200;
    font-size: 16px;
    line-height: 31px;
    display: flex;
    align-items: center;
    letter-spacing: -0.05em;
    color: #FFFFFF;
    margin: 0;
    width: 530px;
}

#careers-03 .container {
    max-width: 1320px;
    margin: 100px auto;
}

#careers-01 .container {
    max-width: 1320px;
}

.heading-section1 a.btns12 {
    width: auto;
    max-width: 240px;
    text-align: center;
}

#careers-01 .heading-section1 h1 {
    margin: 0 0 0 0;
}

.heading-section1 .row.m-tb {
    margin: 90px 0 130px 0;
}

section#careers-02 h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 60px;
    line-height: 143%;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    color: #000000;
}

section#careers-02 p {
    font-style: normal;
    font-weight: 200;
    font-size: 28px;
    line-height: 165%;
    color: #000000;
    max-width: 998px;
}

.filter-section > b {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 143%;
    text-transform: capitalize;
    color: #000000;
}

.filter-section > select.filterSection {
    width: 293px;
    height: 61px;
    border: 0.5px solid #494949;
    border-radius: 56px;
    background-image: url("../images/downarrow.svg");
    background-position: 90% 50%;
    background-repeat: no-repeat;
    appearance: none;
    padding: 0 20px;
    margin: 0 0 0 30px;
    cursor: pointer;
}

.filter-section > select.filterSection:focus {
    outline: none;
    border: 0.5px solid #494949;
}

.job-item .job-location {
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 156%;
    color: #000000;
    width: 200px;
    transition: all ease .4s;
}

#careers-02 .job-item:last-child {
    border-bottom: 1px solid #000000;
}

#careers-02 .job-item:hover .job-number {
    color: #fff;
    border-color: #fff;
}

#careers-02 .job-item:hover .job-title {
    color: #fff;
}

#careers-02 .job-item:hover .job-location {
    color: #fff;
}

#careers-02 .job-item:hover .job-icon a img {
    filter: invert(1);
}

#careers-02 .job-icon a img {
    transition: all ease .4s;
}

section#careers-03 {
    background: linear-gradient(144.37deg, #2E2E2E 5.67%, #14141400 50%);
    height: auto;
    overflow: hidden;
}

#careers-03 .list-item:last-child {
    border-bottom: 1px solid #6c757d;
}

.search-bar > form {
    padding: 10px 0;
    width: 340px;
    border-bottom: 1px solid #8D8D8D;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.search-bar > form input[type="text"] {
    background: none;
    border: 0;
    font-style: normal;
    font-weight: 200;
    font-size: 16px;
    line-height: 156%;
    color: #9A9A9A;
    width: calc(100% - 24px);
    height: 40px;
}

.search-bar > form button {
    border: 0;
    background: none;
    width: 24px;
    height: 24px;
    padding: 0;
}

.search-bar > form button img {
    width: 24px;
    height: auto;
}

.search-bar > form input[type="text"]:focus {
    outline: none;
    border: 0;
}

section#blog-01 {
    color: #fff;
    padding-top: 250px;
    position: relative;
}

section#blog-01 .container.bg {
    max-width: 1320px;
}

.blogFilters {
    margin: 100px auto;
}

.blogFilters ul {
    gap: 15px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.blogFilters ul li a {
    height: 41px;
    border: 1px solid #6B6B6B;
    border-radius: 63px;
    font-style: normal;
    font-weight: 200;
    font-size: 16px;
    text-align: center;
    color: #9A9A9A;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 40px;
    transition: all ease .4s;
    text-transform: uppercase;
}

.blogFilters ul li:hover a, .blogFilters ul li a.active {
    background: #0017EB;
    color: #fff;
    border-color: #0017Eb;
}

.allBlogs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    border: 0.5px solid #6B6B6B;
    margin: 0 0 100px 0;
}

.allBlogs > div.single-blog-tem {
    border: 0.5px solid #6B6B6B;
    padding: 20px;
    flex: 0 0 auto;
    width: 33.3333%;
}

.allBlogs > .single-blog-tem > a > img {
    height: 355px;
    width: 100%;
}

section#blog-inner {
    background: #fff;
    padding: 60px;
}

section#blog-inner .heading-section1 h1 {
    color: #000;
    background: #000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 173%;
}

.bottom-author-idea > div.leftx span {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    /* or 28px */
    text-transform: uppercase;
    color: #7D7D7D;
    margin: 0 10px 0 0;
}

.bottom-author-idea {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #000;
    padding: 0 0px 20px;
    margin: 0 0 60px 0;
}

.bottom-author-idea > div.leftx span strong {
    font-weight: 500;
}

.bottom-author-idea .rightx > span {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    color: #000000;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.bottom-author-idea .rightx {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.bottom-author-idea .rightx a {
    width: 24px;
    height: 24px;
    margin: 0 0 0 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.bottom-author-idea .rightx a svg {
    width: 24px;
    height: 16px;
}

.bottom-author-idea .leftx {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.bottom-author-idea > div.leftx span:last-child {
    margin: 0 0 0 10px;
}

.blog-content-area .textare p {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 201%;
    color: #000000;
    margin: 0 0 30px 0px;
}

.blog-content-area .textare .blockquote-area {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 60px 30px;
}

.blog-content-area .textare .blockquote-area svg {
    margin: 0 60px 0 0;
    width: 63px;
    height: 53px;
}

.blog-content-area .textare .blockquote-area .quiotaion {
    width: calc(100% - 133px);
    max-width: 795px;
}

.blog-content-area .textare .blockquote-area .quiotaion p {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 201%;
    color: #000000;
    margin: 0 0 20px 0;
}

.blog-content-area .textare .blockquote-area .quiotaion h4 {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 201%;
    color: #000000;
    margin: 0;
}

section#blog-inner .container {
    max-width: 1096px;
}

.blog-content-area .textare .bloginnerImg {
    margin: 50px auto;
}

.blog-content-area .textare .bloginnerImg img {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.blog-tags > span {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 173%;
    text-transform: uppercase;
    color: #000000;
    margin: 0 30px 0 0;
}

.blog-tags ul {
    gap: 15px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.blog-tags ul li a {
    height: 41px;
    border: 1px solid #6B6B6B;
    border-radius: 63px;
    font-style: normal;
    font-weight: 200;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 40px;
    transition: all ease .4s;
    color: #000;
}

.blog-tags ul li:hover a, .blog-tags ul li.active a {
    background: #0017EB;
    color: #fff;
    border-color: #0017Eb;
}

.blog-tags {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 50px 0 100px 0;
}

section#blog-inner section.pagination-bottom {
    max-width: 1320px;
    margin: 0 auto 100px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

section#blog-inner section.pagination-bottom .container {
    max-width: 100%;
    padding: 0;
}

section#blog-inner section.pagination-bottom a {
    padding: 20px 0;
}

section#blog-inner section.pagination-bottom a h4 {
    color: #000;
}

section#blog-inner section.pagination-bottom a.next-age2 div {
    text-align: right;
}

section#blog-inner .blog-boxes .container {
    max-width: 1320px;
}

section#blog-inner .blog-boxes .container .headingrelated h2 {
    color: #000;
    font-size: 40px;
}

.blog-boxes .related-blogs {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    flex-wrap: wrap;
}

.blog-boxes .related-blogs .single-blog-tem > h4 > a {
    color: #000;
}

.blog-boxes .related-blogs .single-blog-tem {
    flex: 0 0 auto;
    width: calc(33.333% - 10px);
}

.faqss {
    border-bottom: 1px solid #545454;
}

.blog-boxes.FaqSt {
    margin: 0 0 150px 0;
    border-top: 1px solid #545454;
    border-left: 1px solid #545454;
    border-right: 1px solid #545454;
}

.accordion-button .icon {
    margin-left: auto;
    font-size: 1.25rem;
    transition: transform 0.2s ease;
}

.accordion-button.collapsed .icon {
    content: '+';
}

.accordion-button:not(.collapsed) .icon {
    content: '-';
}

.accordion-button:not(.collapsed)::after {
    background: url(../images/-.png) !important;
    background-repeat: no-repeat !important;
}

.accordion-button::after {
    background: url(../images/+.png) !important;
    background-repeat: no-repeat !important;
}

.accordion-body {
    color: var(--faq-color) !important;
    font-weight: 300 !important;
}

.accordion-item {
    box-shadow: none !important;
    border: none ;
    border-bottom: 1px solid var(--border-color);
    background: none !important;
    color: var(--color-white) !important;
    border-radius: 0px !important;
}

button.accordion-button:focus {
    box-shadow: none;
}

.accordion-button .icon {
    margin-left: auto;
    font-size: 1.25rem;
    transition: transform 0.2s ease;
}

.accordion-button.collapsed .icon {
    content: '+';
}

.accordion-button:not(.collapsed) .icon {
    content: '-';
}

.accordion-button:not(.collapsed)::after {
    background: url(../images/-.png) !important;
    background-repeat: no-repeat !important;
}

.accordion-button::after {
    background: url(../images/+.png) !important;
    background-repeat: no-repeat !important;
}

.accordion-body {
    color: var(--faq-color) !important;
    font-weight: 300 !important;
}

.faq-link {
    margin: 0 auto;
    margin-top: 150px;
    margin-bottom: 60px;
    width: 65%;
}

.faq-link ul {
    display: flex;
    justify-content: space-around;
}

.faq-link ul li {
    list-style: none;
}

.faq-link ul li button {
    padding: 10px 30px;
    background: none;
    box-shadow: none !important;
    color: var(--color-white);
    border: 1px solid var(--border-color);
    border-radius: 999px;
    font-weight: 100;
    text-transform: uppercase;
}

.accordion-button {
    background: none !important;
    color: var(--color-white) !important;
    font-family: 'Inter';
    font-size: 18px;
    border: none;
    box-shadow: none !important;
}

.bl {
    border-left: 1px solid var(--border-color);
}

.work-top-title {
    height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.work-top-title h1 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 160px;
    line-height: 160px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    background: linear-gradient(97.23deg, #FFFFFF 9.57%, #7F7F7F 185.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin: 0;
    flex-direction: row;
    justify-content: center;
}

.work-top-title video.work-scroll-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    z-index: -1;
}

.work-top-title:before {
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10%, rgb(0 0 0) 100%);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
}

.work-top-title > .container {
    height: 100vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.work-top-title .blogFilters {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 40px auto;
    z-index: 4;
}

.grid-lines > span {
    border-right: 1px solid #545454;
    display: block;
    height: 100%;
}

.all-work-div .grid-lines {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    flex-direction: row;
    justify-content: space-between;
    z-index: -1;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    opacity: 0.4;
}

.all-work-div {
    position: relative;
    z-index: 0;
    border-top: 1px solid #545454;
    border-bottom: 1px solid #545454;
    background: linear-gradient(144.37deg, #2E2E2E 5.67%, #000000 50%);
}

.all-work-div .container {
    max-width: 1320px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    padding-bottom: 123px;
}

.working-div-areas .heading-section-1 h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 100px;
    line-height: 90px;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    background: linear-gradient(97.23deg, #FFFFFF 9.57%, #7F7F7F 185.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin: 0 0 0;
    padding: 0 30px 0 0;
    width: 50%;
    text-align: right;
}

.working-div-areas .heading-section-1 p {
    font-style: normal;
    font-weight: 200;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
    margin: 0;
    max-width: 547px;
    position: absolute;
    right: 40px;
    top: 285px;
}

.working-div-areas .heading-section-1 {
    padding: 100px 0;
}

.work-item-grid {
    width: 100%;
    display: grid;
}

.work-item-grid .work-item.single-work-item {
    width: 50%;
    z-index: 0;
}

.work-item.single-work-item video {
    width: 100%;
    height: 685px;
    border: 1px solid #545454;
    object-fit: cover;
    display: block;
}

.work-item.single-work-item image {
}

.work-item.single-work-item img {
    border: 1px solid #545454;
    object-fit: cover;
    max-width: 100%;
    height: auto;
}

.work-item.single-work-item .single-video-title h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 173%;
    color: #ffffff;
    margin: 0;
    font-family: 'Inter';
}

.work-item.single-work-item .single-video-title {
    position: absolute;
    bottom: 0;
    padding: 0 10px 10px;
    mix-blend-mode: difference;
}

.work-item-grid .work-item.single-work-item:nth-child(1) {
    margin-bottom: 100px;
}

.work-item-grid .work-item.single-work-item:nth-child(2) {
    margin: 600px 0 0px 0;
    width: 25%;
    margin-right: 25%;
}

.work-item-grid .work-item.single-work-item:nth-child(3) {
    width: 25%;
}

.work-item-grid .work-item.single-work-item:nth-child(4) {
    width: 25%;
    margin-top: 240px;
    margin-left: -25%;
}

.work-item-grid .work-item.single-work-item:nth-child(5) {
}

.work-item-grid .work-item.single-work-item:nth-child(6) {
    margin-top: 253px;
}

.work-item-grid .work-item.single-work-item:nth-child(7) {
    margin-top: 370px;
}

.work-item-grid .work-item.single-work-item:nth-child(8) {
    width: 25%;
    margin-top: 200px;
}

.work-item-grid .work-item.single-work-item:nth-child(9) {
    width: 25%;
    margin-left: -25%;
}

.work-item-grid .work-item.single-work-item:nth-child(3) img, .work-item-grid .work-item.single-work-item:nth-child(3) video {
    height: 494px;
}

.work-item-grid .work-item.single-work-item:nth-child(4) video, .work-item-grid .work-item.single-work-item:nth-child(4) img {
    height: 367px;
}

.work-item-grid .work-item.single-work-item:nth-child(5) video, .work-item-grid .work-item.single-work-item:nth-child(5) img {
    height: 574px;
}

.work-item-grid .work-item.single-work-item:nth-child(6) img,.work-item-grid .work-item.single-work-item:nth-child(6) video {
    height: 704px;
}

.work-item-grid .work-item.single-work-item:nth-child(7) video,.work-item-grid .work-item.single-work-item:nth-child(7) img {
    height: 814px;
}

.work-item-grid .work-item.single-work-item:nth-child(8) img, .work-item-grid .work-item.single-work-item:nth-child(8) video {
    height: 382px;
}

.work-item-grid .work-item.single-work-item:nth-child(9) img, .work-item-grid .work-item.single-work-item:nth-child(9) video {
    height: 257px;
}

.innerWork-header .logo img {
    filter: invert(1);
}

.innerWork-header .menu a svg line {
    stroke: #000;
}

div#innerworking-area.work-top-title {
    height: 80vh;
}

div#innerworking-area.work-top-title:before {
    display: none;
}

.social {
    mix-blend-mode: difference;
}

.sound-flame {
    /* mix-blend-mode: difference; */
}

div#innerworking-area p {
    width: 1116px;
    font-style: normal;
    font-weight: 200;
    font-size: 28px;
    line-height: 143%;
    color: #000000;
}

div#innerworking-area.work-top-title .col-md-12 {
    text-align: center;
}

div#innerworking-area.work-top-title > .container {
    height: 80vh;
}

div#innerworking-area.work-top-title .col-md-12 > img {
    margin: 0 0 50px 0;
}

div#innerworking-area.work-top-title .blogFilters {
    border-top: 1px solid rgb(0 0 0 / 40%);
    margin: 0 auto;
    padding: 30px 0;
}

div#innerworking-area.work-top-title .blogFilters ul li a {
    color: rgb(0 0 0 / 55%);
    border-color: rgb(0 0 0 / 55%);
}

div#innerworking-area.work-top-title .blogFilters ul li:hover a {
    color: #fff;
    border-color: var(--bs-link-hover-color);
}

div#inner-project-work2 .top-Video_inner > video {
    width: 100%;
    height: auto;
    max-height: 80vh;
    object-fit: cover;
    display: block;
}

div#inner-project-work2.working-div-areas .heading-section-1 p {
    max-width: 100%;
    position: relative;
    right: 0;
    top: auto;
    margin: 50px 50px 0 50px;
}

div#inner-project-work2.working-div-areas .heading-section-1 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

div#inner-project-work2.working-div-areas .heading-section-1 h2 {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0 50px;
    font-size: 80px;
}

.theWork-Sarea .workingarea1 .headarea {
    border: 1px solid rgb(84 84 84 / 40%);
}

.theWork-Sarea .workingarea1 .headarea h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 60px;
    line-height: 143%;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    font-family: "Bebas Neue", sans-serif;
    margin: 0;
    height: 130px;
    padding: 27px 40px;
    display: block;
}

div#innerworking-area + .all-work-div > div.container {
    padding-bottom: 0;
}

.theWork-Sarea .theAlo {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: calc(80vh - 130px);
    border-right: 1px solid rgb(84 84 84 / 40%);
    border-bottom: 1px solid rgb(84 84 84 / 40%);
    border-left: 1px solid rgb(84 84 84 / 40%);
}

.theWork-Sarea .theAlo .left-image {
    width: 50%;
    flex: 0 0 auto;
}

.theWork-Sarea .theAlo .right-video-text {
    width: 50%;
    flex: 0 0 auto;
    height: calc(80vh - 130px);
}

.theWork-Sarea .theAlo .right-video-text p {
    font-style: normal;
    font-weight: 200;
    font-size: 20px;
    line-height: 35px;
    color: #FFFFFF;
    height: calc(40vh - 65px);
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 50px;
    border-bottom: 1px solid rgb(84 84 84 / 40%);
}

.theWork-Sarea .theAlo .right-video-text video.Video_inner {
    height: calc(40vh - 65px);
    width: 330px;
    object-fit: cover;
    float: right;
}

.theWork-Sarea .theAlo .left-image img {
    width: 100%;
    height: calc(80vh - 130px);
    display: block;
    object-fit: cover;
}

.theWork-Sarea .workingarea1 {
    height: 80vh;
}

.theWork-Sarea > .container {
    padding-bottom: 0;
}

.pallete-detail > p {
    font-style: normal;
    font-weight: 200;
    font-size: 20px;
    line-height: 35px;
    color: #FFFFFF;
    padding: 60px 0;
    margin: 0;
}

.color-pallete-Sarea .container {
    padding-bottom: 0;
}

.color-pallete-Sarea .pallete-detail {
    text-align: center;
    border-left: 1px solid rgb(84 84 84 / 40%);
    border-right: 1px solid rgb(84 84 84 / 40%);
    border-bottom: 1px solid rgb(84 84 84 / 40%);
}

.color-pallete-Sarea .pallete-detail img {
    margin: 0 0 80px 0;
    max-width: 100%;
    height: auto;
}

.color-pallete-Sarea .pallete-detail img.fifthImg {
    margin-bottom: 0;
}

.efficient-detail p {
    font-style: normal;
    font-weight: 200;
    font-size: 20px;
    line-height: 35px;
    color: #FFFFFF;
    width: 50%;
    flex: 0 0 auto;
    max-width: 417px;
    margin: 0 0 0 90px;
    padding: 80px 0;
}

.efficient-experience-Sarea .container {
    padding-bottom: 0;
}

.efficient-experience-Sarea .efficient-detail {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.efficient-experience-Sarea .efficient-image {
    width: 50%;
    flex: 0 0 auto;
}

.efficient-experience-Sarea .grid-lines span:last-child {
}

.efficient-experience-Sarea .grid-lines {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    border-left: 1px solid #545454;
    border-right: 1px solid #545454;
    padding: 0 0;
    margin: 0 auto;
    max-width: 1295px;
}

.efficient-experience-Sarea .efficient-image img {
    margin-left: 65%;
    margin-top: 90px;
}

.efficient-experience-Sarea .grid-lines > span {
    margin: 0 0 0 25.35%;
}

.the_video_section_bottom .the_video_section_img > img {
    width: 100%;
    height: auto;
}

.the_video_section_bottom .container {
    padding-bottom: 0;
}

.imac_section-ip .container {
    padding-bottom: 0;
}

.imac_section-ip .container .imac_section-ip-video {
    padding: 100px;
    border-left: 1px solid rgb(84 84 84 / 40%);
    border-right: 1px solid rgb(84 84 84 / 40%);
    border-bottom: 1px solid rgb(84 84 84 / 40%);
}

.imac_section-ip .container .imac_section-ip-video img,.imac_section-ip .container .imac_section-ip-video video {
    max-width: 100%;
    height: auto;
}

.immersive_experience-ip .immersive_experience-img {
    width: 50%;
    border-left: 1px solid rgb(84 84 84 / 40%);
    border-right: 1px solid rgb(84 84 84 / 40%);
    border-bottom: 1px solid rgb(84 84 84 / 40%);
    flex: 0 0 auto;
}

.immersive_experience-ip .container {
    padding-bottom: 0;
}

.immersive_experience-ip .col-md-12 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.immersive_experience-ip .immersive_experience-text {
    width: 50%;
    border-right: 1px solid rgb(84 84 84 / 40%);
    border-bottom: 1px solid rgb(84 84 84 / 40%);
    flex: 0 0 auto;
    height: 293px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around;
    padding: 0 60px;
}

.immersive_experience-ip .immersive_experience-img img {
    height: 293px;
    width: 100%;
    object-fit: cover;
}

.immersive_experience-ip .immersive_experience-text p {
    margin: 0;
    font-weight: 200;
    font-size: 20px;
    line-height: 35px;
    color: #FFFFFF;
}

.immersive_experience-ip .immersive_experience-text span {
    font-style: normal;
    font-weight: 200;
    font-size: 20px;
    line-height: 35px;
    color: #FFFFFF;
}

.immersive_experience-ip .immersive_experience-text p strong {
    font-weight: 700;
}

.bottom_all_screen-ip .container {
    padding-bottom: 0;
}

.bottom_all_screen-ip .bottom_all_screen-ip-img {
    border-left: 1px solid rgb(84 84 84 / 40%);
    border-right: 1px solid rgb(84 84 84 / 40%);
    border-bottom: 1px solid rgb(84 84 84 / 40%);
    padding: 100px;
}

.bottom_all_screen-ip .bottom_all_screen-ip-img img {
    width: 100%;
    height: auto;
}

.bottom_logo_section-ip .container {
    padding-bottom: 0;
}

.bottom_logo_section-ip .container .col-md-12 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.bottom_logo_section-ip .bottom_logo_section-img-left {
    width: 50%;
    flex: 0 0 auto;
    border-left: 1px solid rgb(84 84 84 / 40%);
    border-right: 1px solid rgb(84 84 84 / 40%);
    border-bottom: 1px solid rgb(84 84 84 / 40%);
    height: 689px;
}

.bottom_logo_section-ip .bottom_logo_section-img-right {
    flex: 0 0 auto;
    width: 50%;
    border-right: 1px solid rgb(84 84 84 / 40%);
    border-bottom: 1px solid rgb(84 84 84 / 40%);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 689px;
}

.bottom_logo_section-ip .bottom_logo_section-img-left img.bottom-logo {
    height: auto;
    margin: 50px auto;
    display: block;
}

.bottom_logo_section-ip .bottom_logo_section-img-left img.bottom-im2 {
    width: 100%;
    height: 524px;
    object-fit: cover;
}

.bottom_logo_section-ip .bottom_logo_section-img-right img.bottom-im2 {
    display: block;
    margin: 20px auto;
    max-width: 70%;
    height: auto;
}

.the-results {
    background: #DDE349;
}

.the-results .container {
    max-width: 1320px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}

.the-results .the-result-heading h2 {
    margin: 0;
}

.the-results .the-result-heading {
    margin: 0;
    padding: 40px 0 35px 0;
}

.the-result-bottom-heading {
    padding: 45px 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.the-results hr {
    border-color: rgb(0 0 0 / 40%);
    margin: 0;
    padding: 0;
}

.the-result-cards {
    display: flex;
    flex-direction: row;
}

.the-result-cards .single-result-card {
    height: 423px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 25%;
    border-left: 1px solid rgb(0 0 0 / 15%);
    padding: 40px;
}

.single-result-card .card-counter strong {
    font-style: normal;
    font-weight: 200;
    font-size: 60px;
    line-height: 73px;
    letter-spacing: -0.05em;
    color: #94981D;
    display: block;
}

.single-result-card .card-counter em {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.05em;
    color: #94981D;
}

.single-result-card .card-counter {
    display: block;
    line-height: 1.1;
}

.card-details p {
    font-style: normal;
    font-weight: 200;
    font-size: 18px;
    line-height: 32px;
    color: #000000;
    width: 268px;
    margin: 0;
}

.the-result-cards .single-result-card:last-child {
    border-right: 1px solid rgb(0 0 0 / 15%);
}

.the-result-bottom-heading h3 {
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 36px;
    display: flex;
    align-items: center;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    color: #000000;
    margin: 0 40px 0 0;
}

.the-result-bottom-heading h3 strong {
    font-weight: 700;
    margin: 0 0 0 10px;
}

.efficient-bottom {
    overflow: hidden;
}

h1 {
    word-spacing: 10px;
    letter-spacing: 1px;
    line-height: 80px;
    font-family: "Bebas Neue", sans-serif;
}

h2 {
    font-family: "Bebas Neue", sans-serif;
}

h1 {
    font-size: 90px;
    text-transform: uppercase;
    color: var(--color-white);
    margin-right: -200px;
    position: relative;
}

h2 {
    font-size: 70px;
    text-transform: uppercase;
}

.w-40 {
    width: 60%;
}

.txt-gray {
    color: var(--txt-gray);
}

/* About Page CSS Start */
#hero-section {
    height: 80vh;
    margin: auto;
    position: relative;
    background: linear-gradient(135deg, #2E2E2E 16.17%, #000000 48.16%);
    border-radius: 0px;
}

#hero-section .col {
    color: white;
    display: flex;
    gap: 20px;
    align-items: center;
}

.gap-about {
    background: var(--color-white);
    overflow: hidden;
    height: 90vh;
}

#approuch .row {
    flex-direction: column;
}

#approuch .whitee {
    color: var(--color-white);
    margin-top: 50px;
}

#approuch .timeline-item {
    display: flex;
    position: relative;
}

#approuch .timeline-item.right {
    justify-content: flex-end;
    text-align: left;
}

#approuch .timeline-item.left {
    justify-content: flex-start;
    text-align: right;
}

#approuch .timeline-item .content {
    width: 340px;
    position: relative;
}

.nb {
    border-left: 0px !important;
    border-right: 0px !important;
}

#faq-01 {
    background: url('../images/contact.png');
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    color: var(--color-white);
    position: relative;
    padding: 200px 0;
}

.Faq-H {
    font-size: 40px;
    font-family: inter;
    text-transform: capitalize;
}

.accordion-button {
    background: none !important;
    color: var(--color-white) !important;
    font-family: 'Inter';
    font-size: 18px;
    border: none;
    box-shadow: none !important;
}

#faq-01 .faqss .row {
    align-items: normal;
    border: 1px solid var(--border-color);
}

.bl {
    border-left: 1px solid var(--border-color);
}

.accordion-item {
    box-shadow: none !important;
    border: none ;
    border-bottom: 1px solid var(--border-color);
    background: none !important;
    color: var(--color-white) !important;
    border-radius: 0px !important;
}

button.accordion-button:focus {
    box-shadow: none;
}

.accordion-button .icon {
    margin-left: auto;
    font-size: 1.25rem;
    transition: transform 0.2s ease;
}

.accordion-button.collapsed .icon {
    content: '+';
}

.accordion-button:not(.collapsed) .icon {
    content: '-';
}

.accordion-body {
    color: var(--faq-color) !important;
    font-weight: 300 !important;
}

.faq-link {
    margin: 0 auto;
    margin-top: 150px;
    margin-bottom: 60px;
    width: 65%;
}

.faq-link ul {
    display: flex;
    justify-content: space-around;
}

.faq-link ul li {
    list-style: none;
}

.faq-link ul li button {
    padding: 10px 30px;
    background: none;
    box-shadow: none !important;
    color: var(--color-white);
    border: 1px solid var(--border-color);
    border-radius: 999px;
    font-weight: 100;
    text-transform: uppercase;
}

.btn-theme {
    padding: 10px 30px;
    background: none;
    box-shadow: none !important;
    color: var(--color-white);
    border: 1px solid var(--border-color);
    border-radius: 999px;
    font-weight: 100;
    text-transform: uppercase;
}

.ins-user {
    color: var(--color-white);
}

.ins-user span {
    font-family: inter;
}

#insta-feed {
    padding: 60px 0;
}

#insta-feed .col-12 {
    margin: 0 10px ;
}

#hero-section .container {
    max-width: 1216px;
}

#hero-section ol.txt-gray.w-40 {
    padding: 0 0 0 20px;
    width: 470px;
    height: 205px;
    font-style: normal;
    font-weight: 200;
    font-size: 16px;
    line-height: 25px;
    color: #A1A1A1;
}

section#hero-section h1 {
    font-style: normal;
    font-weight: 400;
    font-size: 100px;
    line-height: 97px;
    letter-spacing: -0.05em;
    text-transform: capitalize;
    background: linear-gradient(97.23deg, #FFFFFF 9.57%, #7F7F7F 185.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin: 240px -300px 60px 0;
    z-index: 1;
}

section.gap-about > video {
    width: 100%;
    height: auto;
}

.breadcrums a {
    color: #fff;
}

div#innerworking-area.work-top-title.the2t > .container {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

div#innerworking-area.work-top-title.the2t > .container .row {
    width: 100%;
}

div#innerworking-area.work-top-title.the2t > .container .row .toopim12 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    max-width: 1320px;
    margin: 50px auto 100px;
}

div#innerworking-area.work-top-title.the2t > .container .row .blogFiltersthe {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    max-width: 1320px;
    margin: 0 auto;
}

div#innerworking-area.work-top-title.the2t > .container .row .blogFiltersthe p {
    margin: 0;
    text-align: left;
    font-size: 22px;
    font-weight: 400;
    max-width: 704px;
}

div#innerworking-area.work-top-title.the2t > .container .row .blogFiltersthe ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    width: calc(100% - 704px);
    justify-content: flex-end;
}

div#innerworking-area.work-top-title.the2t > .container .row .blogFiltersthe ul li a {
    color: #000000;
    height: 41px;
    border: 1px solid #000;
    border-radius: 100px;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thecolor2 {
    animation-name: bganim;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
    animation-timing-function: ease-in-out;
}

.social-footer {
    display: none;
}

.all-work-div .blogFilters {
    margin: 50px auto 150px;
}

.all-work-div .titledesc {
    text-align: center;
    color: #fff;
}

.all-work-div .titledesc h1 {
    margin: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 250px;
    line-height: 1.5;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

.all-work-div .titledesc p {
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 27px;
    text-align: center;
    color: #FFFFFF;
    opacity: 0.5;
}

.all-work-div .titledesc h4 {
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 35px;
    text-align: center;
    color: #FFFFFF;
    opacity: 0.5;
}

.single-video-title {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 100%;
    margin-top: 20px;
}

.single-video-title h2 {
    width: 40%;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 173%;
    text-transform: uppercase;
    color: #FFFFFF;
}

.single-video-title p {
    font-style: normal;
    font-weight: 200;
    font-size: 18px;
    line-height: 142%;
    color: #FFFFFF;
    width: 60%;
}

.work-item.single-work-item-new video.single-work-video, .work-item.single-work-item-new img.single-work-image {
    width: 100%;
    height: 455px;
    object-fit: cover;
    object-position: center;
}

.work-item-grid-2 {
    margin: 200px auto;
}

.work-item.single-work-item-new {
    width: 100%;
    border: 1px solid #545454;
    padding: 20px;
}

.work-item.single-work-item-new > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.only-mobile {
    display: none;
}

a.btns12.only-mobile {
    display: none;
}

section#blog-01 > div#lottie-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: -1;
}

section#contact-01 > div#lottie-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: -1;
}

#careers-01 div#lottie-bg {
    position: absolute;
    top: 200px;
    z-index: 0;
    left: 0;
    right: 0;
    width: 100%;
    opacity: 0.5;
}

.templateimageandvdo > img {
    width: 100%;
    height: auto;
}

.templateimageandvdo > video {
    width: 100%;
    height: auto;
}

.templateimageandvdo {
    display: flex;
    flex-direction: column;
    align-items: center;
}

section#partners.about-page {
    background: none;
}