@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap);
*,*::after,*::before{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body{transition:all 800ms ease-in;background:#120f20;background:#101218}p{font-family:"Poppins"}li{list-style:none}a{text-decoration:none}.headerNav{height:12vh;position:sticky;top:0;z-index:3;width:100%;margin:0 auto;transform:translateY(0);transition:all 600ms ease-in-out}.headerNav .navbar{width:90%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:100%}.headerNav .navbar .brand-wrap .brand-logo{font-weight:700;font-size:1.3rem;color:#fec42e;display:block;width:100px;line-height:20px}.headerNav .navbar .wrap{background:#120f20;position:fixed;top:0;min-height:300px;left:0;width:100%;padding:2em 0 4em;transform:translateY(-100%);transition:transform 700ms cubic-bezier(0.17, 0.67, 0.83, 0.67)}.headerNav .navbar .wrap .container{width:90%;margin:0 auto;display:grid;gap:2em}.headerNav .navbar .wrap .container .funct-wrap{display:flex;justify-content:space-between;margin-bottom:3em}.headerNav .navbar .wrap .container .funct-wrap .close-nav-btn{background:#fec42e;border:none;cursor:pointer;padding:0 .3em}.headerNav .navbar .wrap .container .funct-wrap .close-nav-btn i{font-size:1.5rem;color:#35363a}.headerNav .navbar .wrap .container .nav-links{display:grid;gap:2em}.headerNav .navbar .wrap .container .nav-links .list .link{color:#fff;font-size:14px;font-weight:500}.headerNav .navbar .wrap .container .nav-btn-wrap .btn{border:none;font-family:"Outfit",sans-serif;font-optical-sizing:auto;font-style:normal;padding:1em 2em;font-weight:500;color:#35363a;font-size:16px;cursor:pointer;text-transform:capitalize;transition:all ease-in-out 300ms;position:relative;overflow:hidden;transition:all 500ms ease-in-out}.headerNav .navbar .wrap .container .nav-btn-wrap .btn:nth-child(1){background:#fec42e}.headerNav .navbar .wrap .container .nav-btn-wrap .btn:nth-child(1) .btn-text{position:relative;z-index:2}.headerNav .navbar .wrap .container .nav-btn-wrap .btn:nth-child(1)::before{position:absolute;content:"";background:#35363a;height:120%;left:-10px;top:-5%;border-radius:40px;width:130%;transform:translateX(-100%);transform-origin:left;transition:all 500ms ease-in-out;z-index:1}.headerNav .navbar .wrap .container .nav-btn-wrap .btn:nth-child(1):hover::before{transform:translateX(-5%) !important}.headerNav .navbar .wrap .container .nav-btn-wrap .btn:nth-child(1):hover{color:#fff}.headerNav .navbar .wrap .container .nav-btn-wrap .btn:nth-child(2){background:rgba(0,0,0,0);border:2px solid #35363a;padding:.89em 2em;color:#35363a}.headerNav .navbar .wrap .container .nav-btn-wrap .btn:nth-child(2)::after{position:absolute;content:"";background:#35363a;height:120%;left:-5px;top:-5%;border-radius:40px;width:120%;transform:translateX(-100%);transform-origin:left;transition:all 500ms ease-in-out;z-index:-1}.headerNav .navbar .wrap .container .nav-btn-wrap .btn:nth-child(2):hover::after{transform:translateX(-5%)}.headerNav .navbar .wrap .container .nav-btn-wrap .btn:nth-child(2):hover{color:#fff}.headerNav .navbar .burger-wrap{display:flex;gap:1.5em}.headerNav .navbar .burger-wrap button{background:rgba(0,0,0,0);border:none;cursor:pointer}.headerNav .navbar .burger-wrap button i{font-size:1.5rem;color:#fff}@media screen and (min-width: 62em){.headerNav{display:flex;align-items:center}.headerNav .navbar{display:flex;align-items:center;gap:10em}.headerNav .navbar .wrap{display:flex;justify-content:space-between;width:100%;align-items:center}.headerNav .navbar .wrap .nav-links{display:flex;gap:3em;align-items:center}}.headerNav.shrink{width:70vw;height:12vh;margin:0 auto;border-radius:15px;box-shadow:2px 2px 10px 0 rgba(0,0,0,.199)}.headerNav.transform{transform:translateY(40%)}.show-nav{transform:translateY(0) !important}.hero-section{padding-top:7em;margin-bottom:18em;position:relative;height:100vh}.hero-section::before{content:"";position:absolute;background:linear-gradient(to right, rgba(254, 195, 46, 0.329), rgba(255, 27, 65, 0.349));top:30%;left:50%;transform:translate(-50%, -50%);height:100px;width:500px;filter:blur(1000px)}.hero-section::after{content:"";position:absolute;background:linear-gradient(to right, rgba(254, 195, 46, 0.199), rgba(255, 27, 65, 0.205));top:90%;left:80%;transform:translate(-50%, -50%);height:100px;width:500px;filter:blur(1000px)}@media screen and (min-width: 62em){.hero-section{padding-top:13em}}.hero-section .animated-elements{position:absolute;top:0;left:0;width:100%;height:250px;z-index:2}@media screen and (max-width: 43em){.hero-section .animated-elements{display:none}}.hero-section .animated-elements .element{position:absolute;display:flex;align-items:center;padding:.4em 1em;transform:translateX(-50%)}.hero-section .animated-elements .element .text{font-family:"Poppins";font-weight:500}.hero-section .animated-elements .element:nth-child(1){left:15%;background:#daf6d6;color:#35363a;animation:upDownMovement 10s infinite ease-in-out}.hero-section .animated-elements .element:nth-child(2){left:35%;background:#f63b21;color:#fff;animation:upDownMovement 6s infinite ease-in-out}.hero-section .animated-elements .element:nth-child(3){left:55%;background:#2087f9;color:#fff;animation:upDownMovement 9s infinite ease-in-out}.hero-section .animated-elements .element:nth-child(4){left:75%;background:#ffe6b3;color:#35363a;animation:upDownMovement 10s infinite ease-in-out}.hero-section .container{width:90%;margin:0 auto;position:relative;z-index:2}.hero-section .container .text-wrap .heading{font-family:"Outfit",sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:900;text-transform:capitalize;color:#fff;font-size:clamp(10vw,4rem,5vw);margin-bottom:10px}@media screen and (min-width: 62em){.hero-section .container .text-wrap .heading{font-size:4rem}}.hero-section .container .text-wrap .sub-text{font-size:25px;margin-bottom:1em;color:#fff;font-family:"Poppins"}.hero-section .container .text-wrap .sub-text .first-line-text{display:inline-block}.hero-section .container .text-wrap .sub-text .wrap .animation-span{border-radius:50px;position:relative;height:1em}.hero-section .container .text-wrap .sub-text .wrap .animation-span .text{color:#fec42e;white-space:nowrap;transition:all 1000ms cubic-bezier(0.075, 0.82, 0.165, 1);font-weight:600;text-transform:capitalize}.hero-section .container .text-wrap .btn-wrap{display:grid;gap:.6em}.hero-section .container .text-wrap .btn-wrap .btn{border:none;font-family:"Outfit",sans-serif;font-optical-sizing:auto;font-style:normal;padding:1em 2em;font-weight:500;color:#35363a;font-size:16px;cursor:pointer;text-transform:capitalize;transition:all ease-in-out 300ms;position:relative;overflow:hidden;transition:all 500ms ease-in-out;width:100%}.hero-section .container .text-wrap .btn-wrap .btn:nth-child(1){background:#fec42e}.hero-section .container .text-wrap .btn-wrap .btn:nth-child(1) .btn-text{position:relative;z-index:2}.hero-section .container .text-wrap .btn-wrap .btn:nth-child(1)::before{position:absolute;content:"";background:#35363a;height:120%;left:-10px;top:-5%;border-radius:40px;width:130%;transform:translateX(-100%);transform-origin:left;transition:all 500ms ease-in-out;z-index:1}.hero-section .container .text-wrap .btn-wrap .btn:nth-child(1):hover::before{transform:translateX(-5%) !important}.hero-section .container .text-wrap .btn-wrap .btn:nth-child(1):hover{color:#fff}.hero-section .container .text-wrap .btn-wrap .btn:nth-child(2){background:rgba(0,0,0,0);border:2px solid #35363a;padding:.89em 2em;color:#35363a}.hero-section .container .text-wrap .btn-wrap .btn:nth-child(2)::after{position:absolute;content:"";background:#35363a;height:120%;left:-5px;top:-5%;border-radius:40px;width:120%;transform:translateX(-100%);transform-origin:left;transition:all 500ms ease-in-out;z-index:-1}.hero-section .container .text-wrap .btn-wrap .btn:nth-child(2):hover::after{transform:translateX(-5%)}.hero-section .container .text-wrap .btn-wrap .btn:nth-child(2):hover{color:#fff}@media screen and (min-width: 62em){.hero-section .container .text-wrap .btn-wrap{display:flex;justify-content:center}.hero-section .container .text-wrap .btn-wrap .btn{border:none;font-family:"Outfit",sans-serif;font-optical-sizing:auto;font-style:normal;padding:1em 2em;font-weight:500;color:#35363a;font-size:16px;cursor:pointer;text-transform:capitalize;transition:all ease-in-out 300ms;position:relative;overflow:hidden;transition:all 500ms ease-in-out;width:unset}.hero-section .container .text-wrap .btn-wrap .btn:nth-child(1){background:#fec42e}.hero-section .container .text-wrap .btn-wrap .btn:nth-child(1) .btn-text{position:relative;z-index:2}.hero-section .container .text-wrap .btn-wrap .btn:nth-child(1)::before{position:absolute;content:"";background:#35363a;height:120%;left:-10px;top:-5%;border-radius:40px;width:130%;transform:translateX(-100%);transform-origin:left;transition:all 500ms ease-in-out;z-index:1}.hero-section .container .text-wrap .btn-wrap .btn:nth-child(1):hover::before{transform:translateX(-5%) !important}.hero-section .container .text-wrap .btn-wrap .btn:nth-child(1):hover{color:#fff}.hero-section .container .text-wrap .btn-wrap .btn:nth-child(2){background:rgba(0,0,0,0);border:2px solid #35363a;padding:.89em 2em;color:#35363a}.hero-section .container .text-wrap .btn-wrap .btn:nth-child(2)::after{position:absolute;content:"";background:#35363a;height:120%;left:-5px;top:-5%;border-radius:40px;width:120%;transform:translateX(-100%);transform-origin:left;transition:all 500ms ease-in-out;z-index:-1}.hero-section .container .text-wrap .btn-wrap .btn:nth-child(2):hover::after{transform:translateX(-5%)}.hero-section .container .text-wrap .btn-wrap .btn:nth-child(2):hover{color:#fff}}@media screen and (min-width: 43em){.hero-section .container .text-wrap{max-width:500px;margin:0 auto}}@media screen and (min-width: 62em){.hero-section .container .text-wrap{max-width:1000px;margin:0 auto;text-align:center}.hero-section .container .text-wrap .heading{display:grid}.hero-section .container .text-wrap .sub-text{width:70%;margin:15px auto 2em}}@keyframes upDownMovement{0%{transform:translateY(0)}50%{transform:translateY(calc(200px - 100%))}100%{transform:translateY(0)}}.animation-span{position:relative;display:inline-block;height:1em}.animation-span .swiper-text{position:absolute;top:0;left:0;opacity:0;transition:opacity 1000ms cubic-bezier(0.075, 0.82, 0.165, 1),transform 1000ms cubic-bezier(0.075, 0.82, 0.165, 1),width 1000ms cubic-bezier(0.075, 0.82, 0.165, 1);white-space:nowrap;pointer-events:none}.animation-span .swiper-text.is-visible{opacity:1;pointer-events:auto;position:relative;transition:all 1000ms cubic-bezier(0.075, 0.82, 0.165, 1) !important;width:fit-content}.brand-slider-section{background:#daf6d6;margin-top:-4em;margin-bottom:8em;overflow-x:hidden}.brand-slider-section .brand-track{display:flex;gap:6em;width:max-content;animation:continuousScroll 30s infinite linear}.brand-slider-section .brand-track .showcase-section{display:flex;gap:6em;flex-shrink:0}.brand-slider-section .brand-track .showcase-section .showcase-item{display:flex;align-items:center;justify-content:center}.brand-slider-section .brand-track .showcase-section .showcase-item .brand-img{width:100px}.brand-slider-section .brand-track .showcase-section .showcase-item:nth-child(1) .brand-img{width:120px}.brand-slider-section .brand-track .showcase-section .showcase-item:nth-child(2) .brand-img{width:130px}.brand-slider-section .brand-track .showcase-section .showcase-item:nth-child(3) .brand-img{width:100px}.brand-slider-section .brand-track .showcase-section .showcase-item:nth-child(4){margin-right:-1.3em}.brand-slider-section .brand-track .showcase-section .showcase-item:nth-child(4) .brand-img{width:80px}.brand-slider-section .brand-track .showcase-section .showcase-item:nth-child(5) .brand-img{width:150px}.brand-slider-section .brand-track .showcase-section .showcase-item:nth-child(6) .brand-img{width:90px}.brand-slider-section .brand-track .showcase-section .showcase-item:nth-child(7) .brand-img{width:80px}.brand-slider-section .brand-track .showcase-section .showcase-item:nth-child(8) .brand-img{width:130px}.brand-slider-section .brand-track .showcase-section .showcase-item:nth-child(9) .brand-img{width:130px}@keyframes continuousScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.case-section1{margin-bottom:10em}.case-section1 .container{height:500px;width:90%;margin:0 auto;border-radius:20px}.case-section1 .container .text-wrap{text-align:center;padding-top:5em}.case-section1 .container .text-wrap .heading{font-family:"Poppins";font-weight:700;color:#fff;font-size:2.5rem;color:#fff;margin-bottom:10px}.case-section1 .container .text-wrap .sub-text{font-size:20px;margin-bottom:1em;color:#fff;font-family:"Poppins"}.case-section1 .container .text-wrap .btn-wrap .btn{border:none;font-family:"Outfit",sans-serif;font-optical-sizing:auto;font-style:normal;padding:1em 2em;font-weight:500;color:#35363a;font-size:16px;cursor:pointer;text-transform:capitalize;transition:all ease-in-out 300ms;position:relative;overflow:hidden;transition:all 500ms ease-in-out;box-shadow:0 2px 20px hsla(0,0%,100%,.2941176471)}.case-section1 .container .text-wrap .btn-wrap .btn:nth-child(1){background:#fec42e}.case-section1 .container .text-wrap .btn-wrap .btn:nth-child(1) .btn-text{position:relative;z-index:2}.case-section1 .container .text-wrap .btn-wrap .btn:nth-child(1)::before{position:absolute;content:"";background:#35363a;height:120%;left:-10px;top:-5%;border-radius:40px;width:130%;transform:translateX(-100%);transform-origin:left;transition:all 500ms ease-in-out;z-index:1}.case-section1 .container .text-wrap .btn-wrap .btn:nth-child(1):hover::before{transform:translateX(-5%) !important}.case-section1 .container .text-wrap .btn-wrap .btn:nth-child(1):hover{color:#fff}.case-section1 .container .text-wrap .btn-wrap .btn:nth-child(2){background:rgba(0,0,0,0);border:2px solid #35363a;padding:.89em 2em;color:#35363a}.case-section1 .container .text-wrap .btn-wrap .btn:nth-child(2)::after{position:absolute;content:"";background:#35363a;height:120%;left:-5px;top:-5%;border-radius:40px;width:120%;transform:translateX(-100%);transform-origin:left;transition:all 500ms ease-in-out;z-index:-1}.case-section1 .container .text-wrap .btn-wrap .btn:nth-child(2):hover::after{transform:translateX(-5%)}.case-section1 .container .text-wrap .btn-wrap .btn:nth-child(2):hover{color:#fff}@media screen and (min-width: 62em){.case-section1 .container{width:95%}.case-section1 .container .text-wrap .sub-text{width:60%;margin:15px auto 2em}}.about-section{background:#17181f;padding:7em 0;position:relative}.about-section .animated-elements{position:absolute;top:0;left:0;width:100%;height:250px}@media screen and (max-width: 43em){.about-section .animated-elements{display:none}}.about-section .animated-elements .element{position:absolute;display:flex;align-items:center;padding:.4em 1em;transform:translateX(-50%)}.about-section .animated-elements .element .text{font-family:"Poppins";font-weight:500}.about-section .animated-elements .element:nth-child(1){left:25%;top:20%;background:#f97e6c;color:#fff}.about-section .animated-elements .element:nth-child(2){left:70%;top:45%;background:#404d6a;color:#fff}.about-section .container{width:90%;margin:0 auto}.about-section .container .wrap .heading{font-size:2.5rem;color:#fff;margin-bottom:.8em;font-weight:900}.about-section .container .wrap .text{font-size:20px;line-height:40px;color:#fff;margin-bottom:1em}@media screen and (min-width: 62em){.about-section .container{max-width:600px}}.custom-built-section{margin-bottom:10em;position:relative}@media screen and (min-width: 62em){.custom-built-section{margin-bottom:15em}}.custom-built-section .animated-elements{position:absolute;top:0;left:0;width:100%;height:250px}@media screen and (max-width: 43em){.custom-built-section .animated-elements{display:none}}.custom-built-section .animated-elements .element{position:absolute;display:flex;align-items:center;padding:.4em 1em;transform:translateX(-50%)}.custom-built-section .animated-elements .element .text{font-family:"Poppins";font-weight:500}.custom-built-section .animated-elements .element:nth-child(1){left:20%;background:#f97e6c;color:#fff}.custom-built-section .animated-elements .element:nth-child(2){left:70%;top:-30%;background:#2087f9;color:#fff}.custom-built-section .container{width:90%;margin:0 auto}.custom-built-section .container .text-wrap{max-width:600px;margin:0 auto;margin-bottom:6em}.custom-built-section .container .text-wrap .heading{font-family:"Poppins";font-weight:700;color:#fff;font-size:2.5rem;margin-bottom:10px;line-height:50px}.custom-built-section .container .text-wrap .sub-text{font-size:20px;margin-bottom:1em;color:#fff;font-family:"Poppins"}.custom-built-section .container .cards-wrap{display:grid;gap:2em}.custom-built-section .container .cards-wrap .card{width:100%;background:#17181f;box-shadow:5px 5px 30px rgba(0,0,0,.103);border-radius:20px;position:relative;overflow:hidden;padding:3em 2em 2em;display:flex;flex-direction:column;justify-content:space-between;gap:2em}.custom-built-section .container .cards-wrap .card::after{content:"";position:absolute;background:linear-gradient(to right, rgba(254, 195, 46, 0.329), rgba(255, 27, 65, 0.349));top:30%;left:50%;transform:translate(-50%, -50%);height:100px;width:100px;filter:blur(1000px)}.custom-built-section .container .cards-wrap .card .text-area .title{color:#fff;margin-bottom:.7em;font-size:1.24rem}.custom-built-section .container .cards-wrap .card .text-area .text{font-size:14.5px;line-height:1.9;color:#fff}.custom-built-section .container .cards-wrap .card .img-wrap{width:100%;height:150px}.custom-built-section .container .cards-wrap .card .img-wrap .img{width:100%;height:100%;object-fit:contain}@media screen and (min-width: 62em){.custom-built-section .container{width:75%}.custom-built-section .container .cards-wrap{display:flex;gap:1em}}.digital-marketing-section{margin-bottom:12em;position:relative}.digital-marketing-section .animated-elements{position:absolute;top:0;left:0;width:100%;height:250px}@media screen and (max-width: 43em){.digital-marketing-section .animated-elements{display:none}}.digital-marketing-section .animated-elements .element{position:absolute;display:flex;align-items:center;padding:.4em 1em;transform:translateX(-50%)}.digital-marketing-section .animated-elements .element .text{font-family:"Poppins";font-weight:500}.digital-marketing-section .animated-elements .element:nth-child(1){top:-20%;left:20%;background:#f97e6c;color:#fff}.digital-marketing-section .animated-elements .element:nth-child(2){left:85%;top:-10%;background:#2087f9;color:#fff}.digital-marketing-section .container{width:90%;margin:0 auto}.digital-marketing-section .container .text-wrap{max-width:700px;margin:0 auto;margin-bottom:6em}.digital-marketing-section .container .text-wrap .heading{font-family:"Poppins";font-weight:700;color:#fff;font-size:2.5rem;margin-bottom:10px;line-height:50px}.digital-marketing-section .container .text-wrap .sub-text{font-size:20px;margin-bottom:1em;color:#fff;font-family:"Poppins"}.digital-marketing-section .container .cards-wrap{display:grid;gap:2em}.digital-marketing-section .container .cards-wrap .card{height:270px;width:100%;background:#17181f;box-shadow:5px 5px 30px rgba(0,0,0,.103);border-radius:20px;position:relative;overflow:hidden;padding:3em 2em 2em;display:flex;justify-content:center}.digital-marketing-section .container .cards-wrap .card::after{content:"";position:absolute;background:linear-gradient(to right, rgba(254, 195, 46, 0.329), rgba(255, 27, 65, 0.349));top:30%;left:50%;transform:translate(-50%, -50%);height:100px;width:100px;filter:blur(1000px)}.digital-marketing-section .container .cards-wrap .card .text-wrap .title{color:#fff;margin-bottom:.7em;font-size:1.24rem}.digital-marketing-section .container .cards-wrap .card .text-wrap .text{font-size:14.5px;line-height:1.9;color:#fff}@media screen and (min-width: 62em){.digital-marketing-section .container{width:75%}.digital-marketing-section .container .cards-wrap{display:flex;gap:1em}}.case-section3{min-height:70vh;padding-top:8em;padding-bottom:6em}.case-section3 .container .text-wrap{margin-bottom:5em;padding-bottom:5px}.case-section3 .container .text-wrap .heading{display:flex;gap:.5em;font-family:"Poppins",sans-serif;font-weight:800;color:#fff;position:absolute;left:10%}.case-section3 .container .text-wrap .heading .text{font-size:2.5rem}.case-section3 .container .text-wrap .heading .wrapper{position:relative;display:inline-block;min-width:auto;height:1em}.case-section3 .container .text-wrap .heading .wrapper .text-animate{position:absolute;width:100%;opacity:0;transform:translateY(50%);transition:opacity .6s ease,transform .6s ease;font-size:2.5rem}.case-section3 .container .text-wrap .heading .animate-text{opacity:1 !important;transform:translateY(0) !important}.case-section3 .container .img-slider-container{height:350px;background:#35363a;width:90%;margin:0 auto;border-radius:20px}@media screen and (min-width: 62em){.case-section3 .container .img-slider-container{width:60%}}
