@import url('https://fonts.googleapis.com/css2?family=Work+Sans: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;200;300;400;500;600;700;800;900&display=swap');


body {
    word-break: break-word;
    font: 15px/25px "Outfit", sans-serif;
    color: #393939;
    overflow-x: hidden;
}

html {
    font-size: 16px;
    overflow-x: hidden;
}

:root {
    --dark-gray: #212121;
    --primary-font: "Inter";
    --primary-color: #ff3019;
    --primary-gray: #EFEFEF;
    --secondary-color: #FFB530;
}

:root {
    --black: black;
    --second-color: #2c6393;
    --black-2: black;
    --honeydew: #f3eaf7;
    --honeydew-section: #ecfcf4;
    --third-color: #cb8be2;
    --first-color: #48d4e8;
    --dark-grey: #a1a1a1;
    --alice-blue: #f0f5ff;
}

h1,
h2,
h3,
h4,
h5,
h6,
input,
button,
a {
    font-family: "Outfit", sans-serif;
}

.mt-6 {
    margin-top: 4rem !important;
}

@font-face {
    font-family: "Gothic";
    src: url("../fonts/KarasumaGothic-Regular.otf");
}

h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 52px;
    letter-spacing: 0;
    margin-bottom: 1rem;
    color: #000;
}

h2 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 42px;
    margin-bottom: 1rem;
    color: #000000;
    letter-spacing: -1.0px;
}

h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
    color: black;
    letter-spacing: -1px;
    margin-bottom: 1rem;
    font-family: "Outfit", sans-serif;
}

h4 {
    font-size: 22px;
    line-height: 29px;
    color: #000;
    font-weight: 600;
    margin: 0 0 13px;
    font-family: "Outfit", sans-serif;
}

h5 {
    font-size: 20px;
    line-height: 25px;
    color: #000;
    font-weight: 500;
    margin: 0 0 10px;
    font-family: "Outfit", sans-serif;
}

h6 {
    font-size: 18px;
    line-height: 23px;
    color: #000;
    font-weight: 500;
    margin: 0 0 22px;
    font-family: "Outfit", sans-serif;
}

select {
    background: #fff url('../images/arrow.png') no-repeat right;
    padding: 0 40px 0 30px;
}

::-webkit-input-placeholder {
    color: #575757;
}

::-moz-placeholder {
    color: #575757;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #575757;
}

:-moz-placeholder {
    color: #575757;
    opacity: 1;
}

ul {
    padding: 0;
    list-style-type: none;
}

p {
    font-size: 16px;
    color: #4e4e4e;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 20.8px;
}
a{text-decoration: none;}


.btn-1{
    background: #101828;
    color: #fff;
    text-align: center;
    border-style: none;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 15px 39px;
    text-decoration: none;
    transition: background-color .2s cubic-bezier(.645, .045, .355, 1);
    display: inline-block;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.btn-1 img{
    height: 16px;
    margin-left: 10px;animation: arrow-move 1s infinite;
}
.btn-1 span{    font-size: 15px;    font-weight: 600;    display: block;}
.btn-1:hover{color: #ffffff;    background: #f7991c;}
.btn-1:hover img{animation: arrow-move 1s infinite;}
@keyframes arrow-move {
    0%,
    100% {
        transform: translate(0px, 0px);
    }

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

.btn-2{background: #101828;color: #fff;text-align: center;border-style: none;border-radius: 8px;justify-content: center;align-items: center;padding: 15px 39px;text-decoration: none;transition: background-color .2s cubic-bezier(.645, .045, .355, 1);display: inline-block;position: relative;overflow: hidden;font-size: 17px;font-weight: 500;margin-left: 10px;}
.main-heading{font-size: 44px;font-weight: 500;line-height: 1.1;font-family: 'Outfit';}
.main-heading span{font-family: 'Outfit';font-style: normal;font-weight: 500;    background: linear-gradient(138deg, #000000 15%, #5a2e08 30%, #b35d12 52%, #f39a2b 84%, #fff2e4 100%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;    color: transparent;    display: unset;}
.main-pera{font-size: 22px;    font-weight: 300;    line-height: 1.4;    text-transform: none;    margin-bottom: 10px;    font-family: 'Outfit';    color: #000;}
.lead-heading{}
header{
    padding: 12px 0;
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 9999;
        border-bottom: 1px solid #00000030;
}
header .logowrp{}
header .logowrp img{
    height: 45px;
}

.nav-top-right {
    float: right;
    margin-right: 0rem;
    position: absolute;
    right: 110px;
    top: 12px;
}

.nav-top-right-link {
    width: auto;
    float: left;
    margin-right: 18px;
}

.nav-top-right-link a {
    color: #FFF;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
}

.side-nav-menu {
    margin-top: 4px;
    position: relative;
    float: left;
    z-index: 10000;
    height: 60px;
    width: 58px;
    /*padding: 0 20px;*/
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.hamburger {
    position: absolute;
    left: auto;
    top: 0px;
    right: 1%;
    height: 50px;
    width: 25px;
    padding: 0 0px;
    cursor: pointer;
    z-index: 999;
}
.hamburger line {
    stroke: #000000;
    stroke-width: 6px;
}

.menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 100vw;
    height: 100vh;
    background-color: #FFF;
    visibility: hidden;
    z-index: 999;
}
.navigation {
    width: 100%;
    position: fixed;
    overflow: hidden;
    top: 0%;
    left: 0%;
    text-align: center;
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;background:#fff;
}
.navigation ul {
    margin: 0;
    padding: 0;
}
.navigation li {
    list-style-type: none;
    font-size: 80px;
    font-weight: 700;
    margin: 0px;
    padding: 0px;
    line-height: 100px;
    color: #000;
}
.navigation li a{color:#000; position:relative;}
.navigation li a span{font-size: 13px;    border: 1px solid #000;    padding: 5px;    border-radius: 50px;    position: absolute;    top: 20px;    left: -30px;    height: 27px;    display: flex;    align-items: anchor-center;}
.menu .getintouch {
    width: 40%;
    position: absolute;
    right: 0;
    top: 50vh;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hamburger.active line {
    stroke: #000;
    stroke-width: 6px;
}
.side-nav-menu:before {
    background-image: url(../images/menu-p-500.png);
    position: absolute;
    width: 75px;
    height: 75px;
    top: -14px;
    content: '';
    z-index: 0;
    left: 7px;
    background-size: cover;
    animation: textRotation 8s linear infinite;
display:none;
    }
    
@keyframes textRotation {
  100% {
    transform: rotate(360deg);
}
}    
    
    
    
    
.main-banner{background-image: url(../images/banner-bg.png);background-size: cover;padding: 150px 0 100px;height: auto;position:relative;}
.main-banner:after {background-image: linear-gradient(rgba(0, 0, 0, 0), #fffffff5 94%);justify-content: center;align-items: flex-end;min-height: 130px;padding-left: 0%;: 5%;padding-right: 0%;display: flex;position: absolute;top: auto;bottom: 0%;left: 0%;right: 0%;content: '';z-index: 3;}
.main-banner .txtwrp{}
.main-banner .txtwrp h1{margin-top: 0;margin-bottom: 0;font-size: 65px;font-weight: 500;line-height: 1;font-family: 'OUTFIT';}
.main-banner .txtwrp h1 span{font-family: 'Outfit';font-style: normal;font-weight: 500;    color: #f7991c;background: linear-gradient(138deg, #000000 15%, #5a2e08 30%, #b35d12 52%, #f39a2b 84%, #fff2e4 100%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;    color: transparent;    display: inline-block;}
.main-banner .txtwrp p{font-size: 26px;font-weight: 300;line-height: 1.4;text-transform: none;margin-bottom: 10px;font-family: 'OUTFIT';margin: 10px 0 20px;color: #000;}
.main-banner .btnwrp{position: relative;    z-index: 99;}
.main-banner .btnwrp a{}
.main-banner .imgwrp{}
.main-banner .imgwrp img{    width: 100%;}
.banner-clutch{height: 35px;    margin: -46px 0 0 20px;}


.home-ppg .black-bg{background: #ffffff;position:relative;overflow: hidden;align-items: center;display: flex;/* padding: 0px 0; */}
.home-ppg .black-bg .txtwrp{position: relative;    z-index: 99;}
.home-ppg .black-bg .txtwrp h4{color: #000000;font-weight: 400;}
.home-ppg .black-bg .txtwrp h1{color: #000000;}
.home-ppg .black-bg .txtwrp p{color: #000;font-size: 22px;}
.home-ppg .black-bg .btnwrp a{background: #101828;color: #ffffff;margin: 0px 0 0;}
.home-ppg .black-bg .btnwrp a img{filter: brightness(1);}
/*.home-ppg .black-bg:after{content: '';position: absolute;bottom: -204px;right: -290px; background-image: url(../images/founderbefore02.svg); width: 830px;height: 530px;background-size: cover;z-index: 1;left: unset;}*/
/*.home-ppg .black-bg:before{content: '';position: absolute;bottom: 260px;left: -238px; background-image: url(../images/founderbefore.svg); width: 850px;height: 850px;background-size: cover;z-index: 0;}*/
.home-ppg .black-bg .imgwrp{position:relative;/* z-index:9; */height: 100%;}
.home-ppg .black-bg .imgwrp .color-shade{bottom: 150px;width: 1000px;position: absolute;height: auto;right: -230px;}
.home-ppg .black-bg .imgwrp .main-person{bottom: -100px;width: 800px;position: absolute;height: auto;right: -190px;z-index: 1;}
.home-ppg .black-bg .imgwrp video{width: 1300px;    margin: -130px 0px 0px -400px;}

.iconwrp{margin-top: 5rem;/* position: absolute; */bottom: 80px;z-index: 99;}    
.iconwrp h4{    font-size: 14px;    margin: 0 0 10px;    font-weight: 400;    color: #f7991c;}
.iconwrp ul{margin: 0; }
.iconwrp ul li{display: inline-block;margin: 0 30px 0 0;vertical-align: middle;}
.iconwrp ul li img{
    height: 35px;
}



.scrolldown {width: 2px;height: 60px;position: absolute;bottom: 40px;left: 0;right: 0;margin: 0 auto;overflow: hidden;background: linear-gradient(to bottom, #100f0f 50%, rgba(255, 255, 255, 0) 50%);background-position: 0 -60px;background-size: 100% 200%;animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;}
.scrolldown:after{content:'';background: #848484;position: absolute;width: 2px;height: 61px;top: 0px;z-index: -1;}
@keyframes scrolldown {
  0% { background-position: 0 -60px; }
  75% { background-position: 0 0; }
  100% { background-position: 0 60px; }
}


.top-companies{    padding: 50px 0;}
.top-companies .txtwrp{width: 90%;}
.top-companies .txtwrp p{}
.top-companies .boxtxt{}
.top-companies .boxtxt ul{    margin: 0;    grid-area: span 1 / span 1 / span 1 / span 1;    grid-column-gap: 15px;    grid-row-gap: 15px;    grid-template-rows: auto auto;    grid-template-columns: 1fr 1fr 1fr;    grid-auto-columns: 1fr;    display: grid;}
.top-companies .boxtxt ul li{    background-color: #f7991c17;    justify-content: center;    align-items: center;    min-height: 120px;    display: flex; border-radius: 18px;}
.top-companies .boxtxt ul li img{    height: 50px;}



.pkrsection{padding: 0px 0;background: #f8f8f8;}
.pkrsection .txtwrp{}
.pkrsection .txtwrp h2{}
.pkrsection .txtwrp p{width: 90%;}
.pkrsection .btnwrp{    margin: 30px 0 0;}
.pkrsection .btnwrp a{}
.pkrsection .imgwrp{}
.pkrsection .imgwrp img{width:100%;}


.what-we-do{    padding: 50px 0;}
.what-we-do .txtwrp{width: 70%;    margin: 0 auto;}
.what-we-do .txtwrp h2{}
.what-we-do .txtwrp p{}
.what-we-do .box-main{background-color: #f7991c17;flex-direction: column;justify-content: space-between;align-items: flex-start;min-height: 340px;padding: 40px 50px;display: flex;position: relative;margin: 60px 0 0;border-radius: 18px;}
.what-we-do .box-main .imgwrp{}
.what-we-do .box-main .imgwrp img{padding: 20px;    border-radius: 0px;}
.what-we-do .box-main .txtmain{}
.what-we-do .box-main .txtmain h4{    font-size: 22px;    font-weight: 600;    line-height: 36px;    font-family: 'Outfit';}
.what-we-do .box-main .txtmain p{    opacity: .7;    text-transform: none;    margin-bottom: 10px;    font-family: 'Outfit';    font-size: 18px;    font-weight: 500;    line-height: 1.3;    margin: 0;}

.box-main.one{}
.box-main.one .imgwrp{    text-align: center;}
.box-main.one .imgwrp img{    width: 80%;    margin: 0 auto;}
.box-main.one .txtmain{}
.box-main.one .txtmain p{font-weight: 300;}

.box-main.two{    height: stretch;    display: flex;    align-items: center;    justify-content: center; background: #f8f8f8;}
.box-main.two .txtmain{}
.box-main.two .txtmain h4{    font-size: 40px;    position: relative;}
.box-main.two .txtmain h4:after{content:'';background-image: url(../images/underline.svg);width: 170px;height: 20px;position: absolute;background-repeat: no-repeat;right: 11px;bottom: 30px;}
.box-main.two .txtmain h4 span{    position: absolute;    align-items: center;    padding: 4px 8px 12px;    background: linear-gradient(138deg, #000000 15%, #5a2e08 30%, #b35d12 52%, #f39a2b 84%, #fff2e4 100%);    border-radius: 9px;    color: #fff;    margin: 5px 0 5px;    position: relative;    display: block;    width: max-content;}
.box-main.two .txtmain h4 span img.img01{    height: 30px;    margin: -2px 0 0px;}
.box-main.two .txtmain h4 img.img02{    height: 45px;    margin: 4px 0 10px;}
.box-main.two .txtmain p{    color: #000;    font-weight: 300;    font-size: 30px;    opacity: 1;    letter-spacing: -1px;    line-height: 1.1;}

.box-main.three{    height: stretch;}
.box-main.three .imgwrp{    position: relative;    width: 100%;}
.box-main.three .imgwrp img{position: absolute;top: -70px;padding: 0;width: 280px;height: auto;right: -15px;margin: auto;}

.box-main.three .txtmain h4{    font-size: 40px;    position: relative;}
/*.box-main.three .txtmain h4:after{content:'';background-image: url(../images/underline.svg);width: 170px;height: 20px;position: absolute;background-repeat: no-repeat;right: 51px;bottom: -7px;}*/
.box-main.three .txtmain h4 span{position: absolute;align-items: center;padding: 4px 8px 12px;background: linear-gradient(138deg, #000000 15%, #5a2e08 30%, #b35d12 52%, #f39a2b 84%, #fff2e4 100%);border-radius: 9px;color: #fff;margin: 5px 0 5px;position: relative;display: block;width: max-content;}
.box-main.three .txtmain h4 span img.img01{    height: 30px;    margin: -2px 0 0px;}
.box-main.three .txtmain h4 img.img02{    height: 45px;    margin: 4px 0 10px;}
.box-main.three .txtmain p{font-weight: 300;}



.counterwrp{    padding: 50px 0;}
.counterwrp .txtwrp{}
.counterwrp .txtwrp p{    width: 50%;    margin: 0 auto 50px;}
.counterwrp .txtwrp p span{    color: gray;}
.counterwrp h6{    margin-top: 0;    margin-bottom: 0;    font-size: 91px;    font-weight: 600;    line-height: 1;    display: block;    text-align: center;    font-family: 'Outfit';}
.counterwrp p.small-text{    color: var(--dark-grey);    width: 100%;    padding: 10px 13px;    font-size: 18px;    font-weight: 600;    line-height: 22px;    display: inline-block;    position: relative;    text-align: center;    margin: 0;}


.work{
    padding: 50px 0;
}
.work .txtwrp{}
.work .txtwrp h2{}
.work .txtwrp p{}
.our-wrok-main {
  position: relative;
  overflow: hidden;
  cursor: url('https://cdn.prod.website-files.com/6576ff95a61b9be0181c8995/6576ff95a61b9be0181c8a23_icons8-play.svg'), auto;
}

.imgwrp img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.project-circle {
  position: absolute;
  inset: 0;
  z-index: 2;
}

.view-project-ico {
  display: none; /* We don’t need to show icon visibly since cursor is already a play icon */
}

.text-rotator-wrapper-2 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  overflow: hidden;
  white-space: nowrap;
  z-index: 3;
  pointer-events: none; opacity:0;
}
.our-wrok-main:hover .text-rotator-wrapper-2{opacity:1;}
.text-rotator-content {
  display: inline-block;
  padding-right: 60px; /* space between text repeats */
  animation: scrollText 12s linear infinite;
}

.text-rotator {
  color: white;
  font-size: 76px;
  font-weight: 300;
  margin: 0;
  white-space: nowrap;
}

@keyframes scrollText {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}


.our-wrok-main {
  cursor: none; /* hide real cursor */
}

.custom-cursor {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .3);
  position: fixed;
  pointer-events: none;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(5px);
  transition: transform 0s ease;
  position: absolute;
  top: 0;
}

.custom-cursor img {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
}

.work-2{    margin-top: 250px;}
.work-3{margin-top: -80px;}
.work-4{margin-top: 100px;}
.work-5{margin-top: 70px;}


.testimonials{    padding: 70px 0;}
.testimonials .txtwrp{}
.testimonials .txtwrp h2{}
.testimonials .txtwrp h2 span{}
.testimonials .slider-controls{text-align: right;}
.testimonials .slider-controls #prev-slide{}
.testimonials .slider-controls #next-slide{}
.testimonials ul{ margin: 0 0 0 10vw;}
.testimonials ul li{background-color: #f8f8f8;min-height: 340px;padding: 40px 50px;position: relative;margin: 10px 10px 0;display: inline-block;border-radius: 18px;opacity: 1;}
.testimonials ul li img{    height: 25px;    margin: 0 0 50px;width: auto;}
.testimonials ul li p{font-size: 22px;    font-weight: 300;    line-height: 1.4;    color: #000;    text-transform: none;    margin-bottom: 10px;    font-family: 'Outfit';    margin: 0 0 30px;}
.testimonials ul li h6{    font-size: 18px;    font-family: 'Outfit';    font-weight: 600;    line-height: 1.4;margin-bottom: 0;}
.testimonials ul li h6 span{    color: gray;    font-weight: 400;}
.testimonials ul li .starts{}
.testimonials ul li .starts i{    color: #FFD700;}


.download{padding: 50px 0px 0px;background-color: #F8F8F8;}
.download .txtwrp{}
.download .txtwrp h2{}
.download .txtwrp h2 span{}
.download ul{    margin-top: 20px;}
.download ul li{font-size: 20px;font-weight: 300;padding-top: 7px;padding-bottom: 7px;font-family: 'Outfit';padding-left: 40px;position: relative;}
/*.download ul li:after{content:'';position: absolute;left: 11px;top: 15px;background-image: url(../images/icon-check.svg);width: 12px;height: 12px;background-size: cover;}*/
.download ul li:after{content: '\f00c';    position: absolute;    left: 0px;    top: 10px;    /* background-image: url(../images/icon-check.svg); */    width: 12px;    height: 12px;    background-size: cover;    font-family: 'Font Awesome 5 Free';    color: #f7991c;font-weight: 600;}
.download ul li:before{content:'';position: absolute;left: 6px;top: 9px;width: 25px;height: 25px;background: #f7f7fc;border-radius: 30px;}
.download .btnwrp{    margin: 20px 0 0;}
.download .btnwrp a{}
.download .btnwrp a.btn-1{}
.download .btnwrp a.btn-2{}



.blogs{    padding: 50px 0;}
.blogs .txtwrp{}
.blogs .txtwrp h2{}
.blogs .txtwrp h2 span{}
.blogs .txtwrp p{}
.blogs .txtwrp p span{}
.blogs .btnwrp{    text-align: right;}
.blogs .btnwrp a{}
.blogs .blog-box{margin: 50px 0 0;background: #f7991c17;border-radius: 30px;}
.blogs .blog-box img{width: 100%;margin: 0 0 20px;border-radius: 30px;}
.blogs .blog-box h3{display: inline-block;border: 2px solid #000;padding: 6px 12px;border-radius: 30px;font-size: 15px;font-weight: 600;font-family: 'Outfit';margin-left: 30px;letter-spacing: 0;}
.blogs .blog-box h6{color: var(--black);margin-top: 20px;margin-bottom: 20px;font-size: 28px;font-weight: 500;line-height: 1.1;text-decoration: none;transition: all .3s;font-family: 'Outfit';margin-left: 30px;margin-right: 30px;}
.blogs .blog-box p{padding-bottom: 30px;opacity: .7;text-transform: none;margin-bottom: 10px;font-family: 'Outfit';font-size: 18px;font-weight: 500;line-height: 1.3;margin-left: 30px;}


.newzletter{/* background-image: url(../images/CTA-bg.png); */background-position: 0 0;background-repeat: no-repeat;background-size: cover;padding: 111px 5%;position: relative;}
.newzletter:after{content:'';background-image: linear-gradient(rgba(0, 0, 0, 0), #fff 94%);justify-content: center;align-items: flex-end;min-height: 110px;padding-left: 5%;padding-right: 5%;display: flex;position: absolute;top: auto;bottom: 0%;left: 0%;right: 0%;}
.newzletter:before{content:'';background-image: linear-gradient(#fff 6%, rgba(0, 0, 0, 0));top: 0%;bottom: auto;left: 0%;right: 0%;justify-content: center;align-items: flex-end;min-height: 150px;padding-left: 5%;padding-right: 5%;display: flex;position: absolute;}
.newzletter .txtwrp{}
.newzletter .txtwrp h2{}
.newzletter .txtwrp h2 span{}
.newzletter .txtwrp p{    opacity: .7;    text-transform: none;    margin-bottom: 10px;    font-family: 'Outfit';    font-size: 18px;    font-weight: 500;    line-height: 1.3;    color: #000;}
.newzletter .btnwrp{    margin: 50px 0 0;}
.newzletter .btnwrp a{}
.newzletter .emailwrp{}
.newzletter .emailwrp p.newstxt{    opacity: .7;    text-transform: none;    margin-bottom: 10px;    font-family: 'Outfit';    font-size: 18px;    font-weight: 500;    line-height: 1.3;    margin: 20px 0 0;}
.newzletter .emailwrp form{}
.newzletter .emailwrp form .news-letter-b{    position: relative;}
.newzletter .emailwrp form .news-letter-b input{    width: 70%;    height: 60px;    border-radius: 30px;    border: none;    padding: 20px 20px;    outline: none; outline: none;}
.newzletter .emailwrp form .news-letter-b input::placeholder{color:#000;}
.newzletter .emailwrp form .news-letter-b button{    background: #000;    height: 60px;    position: absolute;    right: 193px;    width: 60px;    border-radius: 50px;}
.newzletter .emailwrp form .news-letter-b button img{height: 15px;    transform: rotate(45deg);}
/*.newzletter .contact-vdo{margin: 0 0 0 -250px;    border-radius: 30px;    overflow: hidden;}*/ 
.newzletter .contact-vdo{margin: 0 0 0 -20px;  border-radius: 30px;    overflow: hidden;}
.newzletter .contact-vdo video{    width: 1150px;    height: 650px;    margin: 0 0 0 0px;    border-radius: 30px; object-fit: cover;}
.newzletter .contact-vdo img{width:100%;}

footer{padding: 50px 0;border-top: 3px solid #f1efef;}
footer .footer-link{}
footer .footer-link h4{    text-transform: uppercase;    border: 2px solid #000;    border-radius: 50px;    align-items: center;    padding: 12px 18px 11px;    display: flex;    letter-spacing: 1px;    font-size: 14px;    font-weight: 600;    line-height: 1.1;    display: inline-block;    margin: 0 0 40px;}
footer .footer-link ul{grid-column-gap: 0px;    grid-row-gap: 0px;    display: flex;    flex-wrap: wrap;}
footer .footer-link ul li{    width: 100%;}
footer .footer-link ul li h6{color: var(--black);padding-bottom: 3px;font-size: 20px;font-weight: 300;display: inline-block;}
footer .footer-link ul li h6 a{color:#000;}
footer .footer-link ul li p{    opacity: .7;    text-transform: none;    margin-bottom: 10px;    font-family: 'Outfit';    font-size: 18px;    font-weight: 500;    line-height: 1.3;    color: #000;}
footer .footer-link img{height: 50px;    margin: 0 0 40px;}
footer .socialwrp{}
footer .socialwrp ul{    display: flex;margin: 0;}
footer .socialwrp ul li{    margin-right: 10px;}
footer .socialwrp ul li a{}
footer .socialwrp ul li a img{    height: 20px;}
footer .copyright{    margin: 0px 0 0;    display: flex;    align-items: center;    gap: 10px;}
footer .copyright p{    margin: 0;    font-size: 16px; font-weight: 400;}
footer .copyright p a{color:#000;font-weight: 300;}
footer .footer-links-right{    text-align: right;    margin: 0px 0 0;}
footer .footer-links-right a{    border-bottom: 1px solid var(--black);    color: var(--black);    padding-bottom: 1px;    font-size: 16px;    font-weight: 300;    display: inline-block;    margin-left: 15px;}
footer ul.right-col{    display: block;margin: 0px 0 0;}
footer ul.right-col li{}
footer .foot-num{font-size: 38px;}
footer .bottom-right{display: flex;    justify-content: flex-end;    align-items: flex-end;    gap: 60px;}
footer .footer-service-links{}
footer .footer-service-links h6{    border-bottom: 2px solid var(--black);    color: var(--black);    padding-bottom: 3px;    font-size: 16px;    font-weight: 600;    display: inline-block;}
footer .footer-service-links ul{    display: flex;    flex-wrap: wrap;    justify-content: space-between;}
footer .footer-service-links ul li{    flex: 0 0 100%;}
footer .footer-service-links ul li a{}
footer .footer-service-links ul li a p{    margin: 0 0 10px;}
.bottom-footer-text{}
.bottom-footer-text p{font-family: 'Outfit';    font-weight: 300;    line-height: 1.4;    font-size: 18px;width: 90%;}
.footer-news-text{    font-size: 18px;    margin-bottom: 0;    margin-top: 20px;}
.footer-news-text span{    font-size: 16px;    display: block;    font-weight: 400;line-height: 20px;}

.news-letter-b {display: flex;background: #ffffff;padding: 10px;border-radius: 10px;position: relative;margin: 10px 0 15px;border: 2px solid #C4C4C4;}
.news-letter-b input {    border: 0;    background: transparent;    padding: 10px;    width: 100%;    padding-right: 90px;    color: #c4c4c4;    font-weight: 400;    font-family: 'Outfit'; outline: none;}
.news-letter-b button {    background: transparent;    border: 0;    position: absolute;    right: 15px;    top: 20px;    color: #c4c4c4;    font-weight: 400;        font-family: 'Outfit';}
.news-letter-b input::placeholder {    color: #c4c4c4;}
.news-letter .d-flex {    align-items: center;}
.news-letter .d-flex i .boxdiv{    position: absolute;    background: #fff;    width: 30vh;    z-index: 1;   padding: 20px 20px;    top: 30px;    border: 1px solid #f5f6f7;    right: -10px;    text-align: left;    border-radius: 10px;    box-shadow: -3px 6px 19px 0 #ececec;display: none;}
.news-letter .d-flex i:hover .boxdiv{display: block;}
.news-letter .d-flex p {    margin: 0;    color: #A0A5B1;    line-height: 15px;    font-size: 13px;    font-family: 'Outfit' !important;    font-weight: 300;}
.news-letter .d-flex i {    text-align: right;    width: 25%;    color:#A0A5B1 ;    font-size: 26px;position: relative;}
.news-letter {    width: 100%;    margin-bottom: 0px;}
.news-letter .d-flex input {    height: 20px;    width: 20px;    margin-right: 10px;    color: #fff;}
.news-letter-b ::placeholder {    color: #FFFFFF;    font-weight: 400;}
.news-letter-b::after {    content: '';    position: absolute;    right: 31%;    background: #A0A5B1;    width: 1px;    height: 100%;    top: 0;}




.about-pg .main-banner{height: auto;position: relative;padding: 250px 0 150px;}
.about-pg .main-banner .txtwrp{}
.about-pg .main-banner .txtwrp h1{font-size: 100px; text-transform: capitalize;}
.about-pg .main-banner .txtwrp h3{    margin: 30px 0;    font-size: 36px;    font-weight: 500;}
.about-pg .main-banner .txtwrp p{    color: #7b6e61;    font-weight: 300;}
.about-pg .main-banner:after{min-height: 70px;}
.about-pg .service-banner-sec{position: relative;height: auto;display: grid;align-content: flex-start;padding-top: 160px;z-index: 0;}

.about-image{    padding: 50px 0;}
.about-image .imgwrp{}
.about-image .imgwrp img{    width: 100%;    height: auto;}
.about-image .txtwrp{    padding: 60px 0 0;}
.about-image .txtwrp h2{}
.about-image .txtwrp p{}
.about-image .txtwrp p span{    color: gray;}
.about-image .btnwrp{    margin: 30px 0 0;}
.about-image .btnwrp a{}


.teamwrp{    padding: 50px 0;}
.teamwrp .txtwrp{    padding: 0 0 20px;}
.teamwrp .txtwrp h2{}
.teamwrp .team-box{}
.teamwrp .team-box .imgwrp{}
.teamwrp .team-box .imgwrp img{    width: 100%;    margin: 0 0 20px;}
.teamwrp .team-box .team-details{    text-align: center;}
.teamwrp .team-box .team-details h4{    text-transform: capitalize;    margin-top: 0;    margin-bottom: 0;    font-size: 22px;    font-weight: 600;    line-height: 1;    font-family: 'Outfit';    margin: 0 0 10px;}
.teamwrp .team-box .team-details p{    margin-bottom: 0;    font-size: 17px;    font-weight: 500;    font-family: 'Outfit';    line-height: 1.3;}
.teamwrp .team-box .team-details .socialwrp{}
.teamwrp .team-box .team-details .socialwrp ul{    display: flex;    justify-content: center;    margin: 20px 0 0;}
.teamwrp .team-box .team-details .socialwrp ul li{    margin: 0 10px;}
.teamwrp .team-box .team-details .socialwrp ul li a{}
.teamwrp .team-box .team-details .socialwrp ul li a img{    height: 20px;}


.contact-form-section { padding: 50px 0;}
.contact-form .form-row {  display: flex;  gap: 20px;  margin-bottom: 20px;  flex-wrap: wrap;}
.contact-form .form-group {  flex: 1;  min-width: 250px;  display: flex;  flex-direction: column;}
.contact-form label {  font-weight: 600;  margin-bottom: 8px;  color: #555;}
.contact-form input {  padding: 14px 18px;  border: 2px solid black;  border-radius: 10px;  font-size: 16px;  font-weight: bold;}
.contact-form .submit-btn {  width: 100%;  background: black;  color: white;  padding: 18px;  border: none;  border-radius: 15px;  font-size: 18px;  font-weight: 600;  cursor: pointer;}


.faqwrp{padding: 50px 0;background-color: #F8F8F8;}
.faq-section {max-width: 800px;margin: 0px auto;font-family: Arial, sans-serif;}
.faq-item {  border-bottom: 1px solid #ccc;}
.faq-question {width: 100%;background: none;border: none;padding: 20px 0;text-align: left;font-size: 20px;font-weight: 400;display: flex;justify-content: space-between;align-items: center;cursor: pointer;color: #000;}
.faq-toggle {  background: #f7991c;  color: white;  font-size: 22px;  border-radius: 50%;  width: 35px;  height: 35px;  display: flex;  align-items: center;  justify-content: center;}
.faq-answer {max-height: 0;overflow: hidden;transition: max-height 0.3s ease, padding 0.3s ease;padding: 0 0;width: 80%;}
.faq-answer p{font-size:18px;font-family: 'Outfit';font-weight: 300;    line-height: 1.4;}
.faq-answer.open {  padding: 10px 0;}
.faqwrp .txtwrp p{font-size: 22px;    width: 83%;}


.slider-controls {
    display: flex;
    justify-content: end;
    gap: 20px;
}

.slider-controls button {
    background: #f8f8f8;
    width: 50px;
    height: 50px;
    border: 0px solid #539b24;
    position: relative;
    font-size: 0;
    transition: .5s ease-in-out;border-radius: 8px;
}

.slider-controls button:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url(https://cdn.shopify.com/s/files/1/0928/3475/8966/files/right-arrow_1.png?v=1746575238);
    background-size: cover;
    background-repeat: no-repeat;
    top: 10px;
    right: 8px;
    /* filter: brightness(0) saturate(100%) invert(48%) sepia(75%) saturate(437%) hue-rotate(53deg) brightness(93%) contrast(93%); */
    transition: .5s ease-in-out;
}

.slider-controls button#prev-slide:before {
    background-image: url(https://cdn.shopify.com/s/files/1/0928/3475/8966/files/left-arrow.png?v=1746575210);
}

.slider-controls button:hover {
    background: #f7f7fc;
}

.slider-controls button:hover:before {
    /* filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(22%) hue-rotate(298deg) brightness(105%) contrast(100%); */
}




.pricing-packages{padding: 70px 0;}
.pricing-packages .box-main {
    background-color: #f9f9ff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    transition: 0.3s ease;
    height: 100%;
}

.pricing-packages .box-main:hover {
    transform: translateY(-5px);
}

.pricing-packages .txtmain h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.pricing-packages .txtmain h3 {
    margin-bottom: 45px;
    margin-top: 10px;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 40px;
    font-family: 'Outfit';
}

.pricing-packages .feature-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px;
}

.pricing-packages .feature-list li {
    margin-bottom: 8px;
    color: #444;
}





.sec-padding-110 {  padding: 200px 0 60px;  background: rgb(255 255 255);}
.sitemap-wrapper a {    text-decoration: none;}
.sitemap-wrapper p {    margin: 30px 0 15px;    font-size: 20px;    line-height: 24px;  color: #000000; padding: 0px;   font-weight: 600;}
.sitemap-wrapper h2 {   margin: 0;  font-size: 24px;    border-bottom: 1px solid #ccc;  padding: 0 0 30px;  color: #2c2c2c;}
.sitemap-wrapper a {    text-decoration: none;  color: #373634; font-size: 18px;    margin: 0 0 5px;    display: block;}
.sitemap-wrapper a:hover {  text-decoration: underline;}
.sitemap-wrapper a.mainhead:hover { text-decoration: none;}




.custom-container {    padding: 0 90px;    max-width: 2200px;}
.service-banner-sec::before{  content: '';  position: absolute;  left: 0;  top: 0;  height: 100%;  width: 100%;  background: #00000036;  z-index: -1;}
.service-banner-sec {    position: relative;    height: 100vh;    display: grid;    align-content: flex-end;    padding-bottom: 100px;    z-index: 0;}
.service-banner-sec .service-banner-bg {position: absolute;top: 0;left: 0;height: 100%;z-index: -2;width: 100%;object-fit: cover;}
.service-banner-sec .row {    align-items: flex-end;}
/*.themes-h1{      color: #fff;      font-size: 80px;      font-weight: 400;      letter-spacing: -2px;line-height: 90px;}*/
.themes-h1{color: #fff;    font-size: 64px;    font-weight: 400;    letter-spacing: -2px;    line-height: 64px;    max-width: 540px;}
.themes-h1 span{  display: block;}
.themes-h1 b{  font-weight: 400;  color: #fff;}
.service-banner-sec h5 {color: #fff;font-size: 38px;font-weight: 500;margin-bottom: 20px;line-height: 40px;}
/*.service-banner-sec h6 {font-size: 26px;color: #C0C0C0;line-height: 32px;margin-bottom: 20px;font-weight: 300;}*/
.service-banner-sec h6 {font-size: 22px;    color: #C0C0C0;    line-height: 1.4;    margin-bottom: 20px;    font-weight: 300;}
.serv-profile-ul {    display: flex;    margin: 0;}
.serv-profile-ul li {    margin-right: 15px;}
.profil-flex-ses h5 {    font-size: 14px;}
.profil-flex-ses .watch {    margin-right: 0;    align-items: center;}
.serv-profile-ul li:last-child {    margin: 0;}
.profil-flex-ses{  display: flex;  justify-content: space-between;  align-items: center;}




.eneagin-sec {    position: relative;    padding-top: 20px;    padding-bottom: 60px;}
.eneagin-sec .container-fluid.no-padd {    border: 0;}
.ease-use-sec .themes-h2.colb {    font-size: 38px;}
.ease-use-sec {    position: relative;    background: #F7F7F7;    padding: 70px 0;}
.ease-use-sec .themes-p {    font-size: 20px;    margin-bottom: 20px;    line-height: 1.4;   font-weight: 300;    width: 100%;max-width: 80%;}
.ease-use-sec .theme-btns1{  background: #3E4960;}
.ease-use-sec .theme-btns1 span{  background: #A0A5B15E;  color: #2c3547;}
.testiomal-box {    margin-top: 100px;}
.testiomal-box img{  margin-bottom: 20px;}
.testiomal-box h5 {    color: #191A26;    font-size: 28px;    font-weight: 500;    margin-bottom: 20px;        line-height: 35px;}
.testiomal-box h6 {    color: #3E4960;    font-size: 16px;}
.testiomal-box h6 span {    display: block;    color: #A0A5B1;    font-weight: 400;}
.service-box {    position: relative;    padding: 20px 0;    display: grid;    height: auto;}
.themes-p.last {    margin: 20px 0;}
.row.mg-20-min {    transform: translateY(-55px);}
.service-box .servic-img-b {    display: flex;    align-items: center;    justify-content: center;    height: 70px;    width: 70px;    background: linear-gradient(136deg, #000000 5%, #5A2E08 44%, #B35D12 68%, #F39A2B 84%, #FFF2E4 100%);    border-radius: 50%;    margin-bottom: 20px;}
.service-box .servic-img-b img {    height: 35px;filter: brightness(10);}
.service-box h4{  color: #191A26;  font-size: 25px;  margin-bottom: 20px;  font-weight: 500;}
.service-box p{     color: #191A26;    font-size: 18px;    font-family: 'Outfit';    line-height: 1.4;    font-weight: 300;}





.bullet-box {      position: relative;    padding-top: 30px;}
.bullet-box::after {    content: '';    position: absolute;    left: 8%;    top: 28%;    height: 2px;    width: 84%;    background: #000;    z-index: -1;    opacity: 0.1;}
.bullet-inner-b {    text-align: center;    position: relative;}
.bullet-inner-b span {    color: #191a2678;    font-size: 115px;    display: block;    line-height: 100px;    opacity: 0.1;    font-weight: 600;    margin-bottom: 30px;}
.bullet-img {    position: absolute;    height: 60px;    width: 60px;    display: flex;    align-items: center;    justify-content: center;    background: linear-gradient(136deg, #000000 5%, #5A2E08 44%, #B35D12 68%, #F39A2B 84%, #FFF2E4 100%);    border-radius: 50%;    top: 25px;    left: 50%;    transform: translate(-50%, 0);}
.bullet-img img {    height: 30px;filter: brightness(10);}
.bullet-inner-b h3 {    color: #191A26;    font-size: 25px;    margin-bottom: 20px;    font-weight: 500;letter-spacing: unset;}
.bullet-inner-b p {    color: #191A26;    font-size: 18px;    line-height: 25px;    font-family: 'Outfit';    font-weight: 300;}
.bullet-sec {    position: relative;    padding: 60px 0;}
.bullet-sec .theme-btns {    float: inherit;    margin-top: 20px;    display: inline-flex;    align-items: center;}
.bullet-sec .theme-btns span{  color: #71f5bd;}
.bullet-sec .theme-btns:hover span{color: #20322b;}
.themes-p{font-size: 20px;margin-bottom: 0px;line-height: 30px;font-weight: 300;margin-top: 6px !important;}




.higilight-box {position: relative;border: 2px solid #ededed;border-radius: 30px;width: 100%;margin: 0% auto 40px;backdrop-filter: blur(30px);}
.higilight-box:hover{transition: all 1s ease;transform: translateY(-0.625rem);background: #fff;}
.higilight-box:hover .higilight-txt img.top-icon{    animation: arrow-move 1s infinite;}
.higilight-box .higilight-txt {    padding: 50px;    padding-bottom: 30px;}
.higilight-box .higilight-txt h3 {    font-weight: 600;    color: #191A26;    font-size: 20px;    margin-bottom: 15px;    width: 90%;}
.higilight-box .higilight-txt p {    margin-bottom: 20px;    color: #191A26;    font-size: 16px;    line-height: 25px;    width: 100%;    height: 110px;}
.higilight-box .higilight-txt img.top-icon {    position: absolute;    right: 40px;    filter: invert(1);    height: 35px;}
.higilight-box .higilight-txt ul {display: flex;justify-content: space-between;align-items: flex-end;margin: 0;}
.higilight-box .higilight-txt ul li h5 {color: #3E4960;font-size: 16px;font-weight: 500;margin: 0;}
.higilight-box .higilight-txt ul li h5 span {display: block;font-weight: 300;margin-top: 5px;color: #A0A5B1;font-size: 14px;margin-top: 0;}
.higilight-box .higilight-img {    position: relative;    overflow: hidden;    border-radius: 30px;    border: 2px solid #F8F8F8; margin: 0 -1px -10px;}
.higilight-box .higilight-img img {    height: 100%;    width: 100%;    object-fit: cover;    transition: 0.3s ease-in-out;}
.higilight-box:hover .higilight-img img {    transform: scale(1.2);}
.higilight-sec {position: relative;padding-top: 60px;padding-bottom: 60px;background-color: #F8F8F8;}
.case-box-client-logo{width: auto;height: 30px;}



.growth-sec {    position: relative; padding: 60px 0;}
.growth-sec .themes-p {    margin-bottom: 20px;}
.growth-sec .row {/*align-items: center;*/}
.growth-sec .theme-btns {    float: inherit;    display: inline-flex;    align-items: center;}
.growth-sec h4 {color: #191A26;font-size: 38px;font-weight: 400;margin-bottom: 30px;letter-spacing: -1px;line-height: 44px;}
.growth-sec h4 span{display: block;}


.navigationwrp{
    display: inline-block;
    display: flex;
    margin-left: 0px;
}
.navigationwrp ul{
    display: flex;
    gap: 15px;
    margin: 0;
}
.navigationwrp ul li{}
.navigationwrp ul li a{
    color: #000;
    font-size: 15px;
    font-family: 'Outfit';
}

.navigationwrp ul li a.bdr{border: 2px solid #C4C4C4;padding: 3px 10px;border-radius: 7px;}

header .head-right{
    text-align: right;
    /*margin-right: 90px;*/
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.nav-top-right {
    display: none;
}

header .btnwrp{display:inline-block;margin-left: 160px;}
header a.header-btn2{
    color: #000;
    margin-right: 20px;
    font-size: 18px;
    font-weight: 500;
    }
    
    
    
header.showmenu{background: #ffffffa1;    backdrop-filter: blur(30px);    -webkit-backdrop-filter: blur(30px);}    





.menu-sub {position: absolute;width: 100%;background: #fff;left: 0;padding: 40px 0;top: 79px;max-width: 100%;transition: visibility 0.2s, opacity 0.2s linear;visibility: hidden;opacity: 0;height: auto;box-shadow: 0px 10px 20px 0 #00000022;}
.menu-sub .container{    position: relative;}
.menu-sub .container::after {  content: '';  position: absolute;  left: 16px;  top: -16%;  height: 6px;  width: 160px;  background: #000;display:none;}
.menu-sub.active {    visibility: visible;    opacity: 1;}
.menu-sub1 {    position: absolute;    width: 100%;    background: #fff;    left: 0;    padding: 50px 0;    bottom: -498px;    max-width: 100%;    transition: visibility 0.2s, opacity 0.2s linear;    visibility: hidden;    height: 500px;}
.menu-sub1 .container::after {    content: '';    position: absolute;left: 37%;    top: 0;    height: 6px;    width: 160px;    background: #000;}
.menu-sub1.active {    visibility: visible;}
.mega-menu{display: block !important;}
.mega-menu li{margin: 0 0 10px;    padding: 15px;     border-radius: 12px;}
.mega-menu li:hover{background: #eee;}
.mega-menu li a{    display: flex;    gap: 10px;}
.mega-menu li span{    display: block;    font-size: 13px;    line-height: 15px;    margin-bottom: 0px;    width: 60%;}
.mega-menu li img {height: 40px;    width: auto;    margin-top: 6px;}
.menu-sub p a{font-size: 20px !important;}
.service-name{color: #000;    font-size: 16px;}



/* counter-sec */
.counter-box {    text-align: center;    padding: 3.5rem 2rem;}
.counter-box>p {    color: var(--text-gray-1);    margin: 0;}
.counter-box>p.ligntweight{color: #a0a5b1;    font-weight: 300;}
.count {    margin: 1rem 0;    line-height: 1;    color: #000000;    font-family: 'Outfit';    font-weight: 400;    letter-spacing: -3.5px;    font-size: 54px;}
.counter-sec {    border-top: 2px solid #F8F8F8;    border-bottom: 2px solid #F8F8F8;}
.counter-sec .col-4 {    padding: 0;    border-left: 2px solid #F8F8F8;}
.counter-sec .col-12 {    padding: 0;    border: 2px solid #F8F8F8;    border-top: 0;    border-bottom: 0;}
.counter-box>div i {    font-size: 4rem;    color: #ffbea8;}
.counter-box>div {    align-items: center;    display: flex;    justify-content: center;    gap: 5px;    margin: 0rem 0;    line-height: 1;    color: #000000;    font-family: var(--primary-font);    font-weight: 400;    font-size: 54px;}
.clutch-custom-box {    position: absolute;    top: -1px;    width: 215px;    left: 50%;    transform: translateX(-50%);    background: linear-gradient(180deg, #000000 15%, #5a2e08 60%, #b35d12 72%, #f39a2b 84%, #fff2e4 100%);    text-align: center;    overflow: hidden;    padding-top: 2rem;    z-index: 99;}
.clutch-custom-box>div:nth-child(1) {    display: flex;    justify-content: center;    margin-bottom: 1rem;}
.clutch-custom-box>div:nth-child(1) img{filter: brightness(16.5);}
.clutch-custom-box>div:nth-child(1) img:nth-child(1),
.clutch-custom-box>div:nth-child(1) img:nth-child(5) {    margin-top: 40px;}
.clutch-custom-box>div:nth-child(1) img:nth-child(3) {    margin-top: -30px;}
.clutch-custom-box h5 {font-size: 16px;line-height: 1;color: #ffffff;font-weight: 300;margin: 0 auto 5px;width: 80%;}
.clutch-custom-box h6 {color: #d7d7d7;font-weight: 600;font-size: 12px;margin: 10px;}
.clutch-custom-box h2 {font-size: 28px;color: #ffffff;margin-bottom: 0;font-weight: 300;}
.clutch-custom-box>div:nth-of-type(2) {    background: #ffffff;    height: 100px;    display: flex;    align-items: end;    justify-content: center;    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);    margin-bottom: -1px;}

/* counter-sec */


/* testi-sec */
.testi-sec{    padding-top: 50px;}
.testi-sec-social-med {    background-color: transparent;}
.testi-box {    text-align: center;    margin-top: 100px;}
.testi-box h4 {color: #000000;font-family: 'Outfit';font-weight: 300;line-height: 1.4;font-size: 22px;}
.test-client-det h5,
.test-client-det h6 {    font-size: 14px;    margin-bottom: 0;    color: #000000;}
.test-client-det h6>span {    color: var(--orange-color);}
.test-client-img-box button {    margin-left: -20px;}
.testi-slider .slick-dots li:not(:last-child) {    margin-right: -2rem;}
.testi-slider .slick-dots {gap: 0;position: absolute;left: 50%;top: 0;transform: translateX(-50%);display: flex;justify-content: center;z-index: 0;bottom: unset;}
.testi-slider .slick-dots button {    font-size: 0;    width: 100%;    height: 100%;    border: 5px solid #F4F4F4;    border-radius: 50%;    margin: 0;    padding: 0;   overflow: hidden;}
.testi-slider .slick-dots button:before{content:'';display:none;}
.testi-slider .slick-dots button>img {    width: 100%;    height: 100%;    object-fit: cover;}
.testi-slider .slick-dots li {    width: 60px;    height: 60px;    border-radius: 50%;    overflow: hidden; /*opacity:0.5;*/filter: saturate(0.1);}
.testi-slider .slick-dots .slick-active {    opacity: 1 !important;z-index: 9; background: #fbcb90;    filter: brightness(1);}
.testi-box>img {    display: none;}
.slick-dots li.slick-active button {    border-color: var(--orange-color);    position: relative;}
.centerCol {    margin: 0 auto;}
/* testi-sec */





.main-cta {position: relative;text-align: center;width: 100%;margin: 0 auto;padding: 200px 0;}
.main-cta:after {    content: "";    background: #151515a1;    top: 0;    bottom: 0;    right: 0;    left: 0;    height: 100%;    position: absolute;    z-index: 0;}
.main-cta .main-wrp {    position: relative;    width: 80%;    margin: 0 auto;    z-index: 9;}
.main-cta .main-wrp .txtwrp {}
.main-cta .main-wrp .txtwrp h2 {margin: 0;font-size: 64px;letter-spacing: -.01em;line-height: .95em;color:#fff;margin: 0 0 10px;font-weight: 500;}
.main-cta .main-wrp .txtwrp p {color: #fff;    width: 70%;    margin: 30px auto 30px;}
.main-cta .main-wrp .btnwrp {}
.main-cta .main-wrp .btnwrp a {}
.main-cta video{position: absolute;    top: 0;    bottom: 0;    left: 0;    right: 0px;    width: 100%;height: 100%;    object-fit: cover;}




.industries-pg .ease-use-sec{}
.industries-pg .ease-use-sec .imgwrp{}
.industries-pg .ease-use-sec .imgwrp img{width: 100%;    border-radius: 50px;}
.industries-pg .ease-use-sec a.mail{    color: #3E4960;    font-size: 20px;    font-family: 'Outfit';   margin: 30px 0 0px;  display: block;text-decoration: underline #3E4960;}
.industries-pg .ease-use-sec a:hover img{    animation: arrow-move 1s infinite;}
.industries-pg .ease-use-sec a.mail img{    margin-left: 20px;}
.industries-pg .ease-use-sec .themes-h2 .chapter{color: #191a2678; font-size: 115px; display: block; line-height: 100px; opacity: 0.1; font-weight: 600; margin-bottom: 30px; position: absolute; top: -30px; left: -50px;}
.industries-pg .ease-use-sec .themes-h2 {position: relative;    font-weight: 500;}
.industries-pg .service-banner-bg{position: absolute; top: 0; left: 0; height: 100%; z-index: -2; width: 100%; object-fit: cover;}
.industries-pg .banner-sec::after{background-image: unset;}
.iner-industries-pg .banner-sec{height: 70vh;}
.iner-industries-pg .banner-sec h1 span{display: unset;}
.iner-industries-pg .banner-sec h1{    padding-top: 7vh;}
.iner-industries-pg .themes-p.size{margin: 0 0 20px;}
.iner-industries-pg .bullet-box::after{display: none;}
.iner-industries-pg .bullet-img{    top: -70px;}
.iner-industries-pg .bullet-box{    padding-top: 80px;}
.iner-industries-pg .bullet-sec{background: #F7F7F7}





.indus-box{padding: 80px 0;}
.indus-box .mainboxwrp{}
.indus-box .mainboxwrp ul{}
.indus-box .mainboxwrp ul li{border: 1px solid #A0A5B1;padding: 30px 40px;border-radius: 30px;box-shadow: 0px 20px 90px #A0A5B141;margin: 0 0 30px;display: flex;}
.indus-box .mainboxwrp ul li .imgwrp{    padding: 0 30px 0 0;}
.indus-box .mainboxwrp ul li img{    filter: contrast(0.5);    margin: 0 0 0px;    width: 85px;}
.indus-box .mainboxwrp ul li h3{    color: #000;    margin: 0 0 30px;}
.indus-box .mainboxwrp ul li p{color: #A0A5B1;font-size: 18px;line-height: 25px;font-weight: 300;font-family: 'Outfit', sans-serif !important;margin: 0;}
.indus-inner-pg .banner-sec::after{background-image: unset;background: #00000038;}



.ul-design-sec {    position: relative;}
.ul-design-sec img {    width: 100%;border-radius: 13px;}
.ul-design-sec .themes-p b {font-weight: 300;color: #707070;}
section.ul-design-sec.themes-padd>p{display: none;}
.ul-design-sec .scrolling-txt{    height: 720px;    overflow-y: scroll;    padding: 0 62px 0 0;}
.ul-design-sec .scrolling-txt .themes-h2.colb{    margin: 30px 0 30px;}
.ul-design-sec h5 {margin-bottom: 10px; color: #707070; font-weight: 300; font-family: 'Outfit' !important; font-size: 22px; }
.ul-design-sec h5.themes-h5 {    margin-top: 20px;}
ul.listings {    position: relative;}
ul.listings li {font-family: 'Outfit' !important;font-size: 18px;margin-bottom: 15px;line-height: 22px;padding-left: 20px;position: relative;color: #A0A5B1;font-weight: 400;}
ul.listings li::before {content: '';position: absolute;left: 0;top: 5px;height: 10px;width: 10px;background: #a0a5b1;border-radius: 50%;}
.ul-design-sec h5 b {    font-weight: 300;    display: block;    margin: 20px 0 10px;}
a.case-btn {    font-family: 'Outfit' !important;    font-size: 20px;    display: inline-block;    line-height: 24px;    /* border-bottom: 2px solid #3E4960; */    color: #3E4960;    transition: 0.3s ease-in-out;    margin: 30px 0 0;    text-decoration: underline #3E4960;}
a.case-btn img{margin-left: 10px;}
a.case-btn:hover img{animation: arrow-move 1s infinite;}
.casestudies-sec .case-btn{       color: #C0C0C0;            text-align: right;    display: block;    border-bottom: unset;}
a.case-btn:hover {    color: #71f5bd;    border-color: #71f5bd;    text-decoration: underline #71f5bd;}





.incresh-sec{  position: relative;  margin-top: -22vh;}
.incresh-sec .custom-container{  padding: 0 50px;}
.incresh-box{      position: relative;      border-radius: 30px;      background-color: #998E89;      padding: 40px 100px;      width: 99.5%;      height: 950px;      border-radius: 80px;    z-index: 9;}
.incresh-box .themes-h2 span {    color: #191A26;}
.incresh-box .themes-p {    color: #FFFFFF;    font-size: 22px;    margin-bottom: 20px;}
.incresh-box .themes-p.size{  font-size: 24px;}
.incresh-box ul {    display: flex;    justify-content: space-between;    margin-top: 0px;    width: 80%;}
.incresh-box h5 {    color: #FFFFFF;    font-size: 18px;    text-decoration: underline;    margin-top: 50px;    opacity: 0.5;    margin-bottom: 20px;}
.incresh-box ul li h6 {    color: #fff;    font-size: 18px;    font-weight: 300;    opacity: 0.7;    text-decoration: underline;}
.incresh-box ul li .themes-p {    margin: 0;    font-weight: 300;    font-size: 20px;}
.incresh-box img {    position: absolute;    right: 0;    top: 0;    height: 100%;    width: 50%;    object-fit: cover;    border-top-right-radius: 30px;    border-bottom-right-radius: 30px;}
.incresh-sec .main-heading{color:#fff;}
.txt-cntr{display: grid; align-items: center; height: 900px; }
.case-inner .main-banner{    padding: 250px 0 280px;}
.case-inner .main-banner .txtwrp{    width: 80%;    margin: 0 auto;}
.case-inner .main-banner .txtwrp h1{    font-size: 68px;    line-height: 70px;}
.case-inner .main-banner .txtwrp p{    margin: 20px 0 20px;    width: 60%;    margin: 30px auto 0;}


.case-fisrt{    padding: 60px 0;}
.bullet-list{    margin: 30px 0 0;}
.bullet-list li {position: relative;padding-left: 2rem;}
.bullet-list li:before {position: absolute;content: "";width: 10px;height: 10px;background: #000000;border-radius: 50%;left: 0;top: 7px;}
.bullet-list li p{    font-size: 20px;}
.bullet-list li p>b {color: #000000;}
.scop-list {    padding-left: 10rem;}
.scop-list h3{}
.scop-list p{font-family: 'Outfit' !important;font-size: 18px;margin-bottom: 15px;line-height: 22px;padding-left: 0px;position: relative;color: #000000;font-weight: 400;}
.chlng-box {padding: 5rem;border-radius: 35px;background: #F8F8F8;border: 2px solid #cfcfcf;}
.case-study-approach-sec img{width:100%;}


.contact-pg .main-cta{padding: 400px;}
.contact-pg .newzletter{padding: 160px 0 70px;}


.meeting-pg .main-banner{    position: relative;    padding: 250px 0 240px;}
.meeting-pg .main-banner .txtwrp{}
.meeting-pg .main-banner .txtwrp h1{}
.meeting-pg .main-banner .txtwrp p{    margin: 20px 0 20px;    width: 50%;    margin: 20px auto 0;}
.meet-linkwrp{    margin: -240px 0 50px;    position: relative;    z-index: 9;}
.meet-linkwrp .banner-txt{}
.meet-linkwrp .banner-txt iframe{}



.thnkyoywrp {    text-align: center;    display: block;    background: #F8F8F8;    padding: 260px 0 70px;    margin: 0 0 0px;}
.thnkyoywrp .txtwrp{}
.thnkyoywrp .txtwrp h1{    margin-top: 0;    margin-bottom: 0;    font-size: 65px;    font-weight: 500;    line-height: 1.2;    font-family: 'OUTFIT';}
.thnkyoywrp .txtwrp h1 span{font-family: 'Outfit';font-style: normal;font-weight: 400;}
.thnkyoywrp .txtwrp p{    font-size: 26px;    font-weight: 400;    line-height: 1.4;    text-transform: none;    margin-bottom: 10px;    font-family: 'OUTFIT';    color: #000;    width: 70%;    margin: 20px auto 30px;}



/*join-sec*/
.join-sec {position: relative;padding: 0px 0 70px;margin: -120px 0 0;}
.join-sec .joinsec-box{position: relative;padding: 100px;border-radius: 12px;background: url("../images/2nd-banner.webp");background-size: cover;background-position: center;height: 800px;display: grid;align-content: space-between;z-index: 0;}
.join-sec .joinsec-box video{position: absolute;top: 0;left: 0;z-index: -2;width: 100%;object-fit: cover;height: 100%;border-radius: 12px;}
.join-sec .joinsec-box::before {content: '';position: absolute;top: 0;right: 0;height: 100%;width: 100%;background: #00000033;border-radius: 30px;z-index: -1;opacity: 1;border-radius: 12px;}
.join-sec .joinsec-box h3 {margin: 0;color: #f7991c;font-size: 25px;line-height: 30px;font-weight: 400;margin: 0 0 15px;}
.join-sec .joinsec-box h5 span{    display: block;}
.join-sec .joinsec-box h4 {    color: #C0C0C0;    margin: 0;    font-size: 30px;    font-weight: 400;}
.join-sec .joinsec-box h4 b {    color: #fff;    font-weight: 500;}
.join-sec .joinsec-box h4 span{    display: block;}
.join-sec .joinsec-box h2{    margin: 0; color:#fff;}
.join-sec .joinsec-box p{color:#fff;}
.join-sec .joinsec-box .btnwrp{    margin: 20px 0 0px;}
.join-sec .joinsec-box .btnwrp a{    background: #fff;    color: #000;}
.join-sec .joinsec-box .btnwrp a img{filter: invert(1);}

.believe-sec{padding: 60px 0;background: #F7F7F7;}
.believe-box>div>img {    width: 70px;    height: 70px;    object-fit: contain;}
.believe-box>div {    width: 50%;    padding: 2rem;    display: flex;    align-items: start;}
.believe-box {    display: flex;    flex-wrap: wrap;    width: 75%;    margin: 0 auto;}
.believe-box>div>div {    width: calc(100% - 70px);    padding-left: 2rem;}
.believe-box>div h4 {color: #000000;/* font-weight: 600; */font-family: var(--heading-font);line-height: 1;}
.believe-box>div p{font-weight: 400;    font-size: 16px;    font-family: 'Outfit';}


.marketing-sec{padding: 60px 0;}
.marketing-box {padding: 3rem;border: 1px solid #F8F8F8;border-radius: 35px;margin-bottom: 2rem;transition: 0.3s ease-in-out;background: #f7991c17;}
.marketing-box:hover {    border-color: white;}
.marketing-box img {    height: 50px;    object-fit: contain;    margin-bottom: 20px;}
.marketing-box h4 {color: #000000;font-family: 'Outfit';font-size: 26px;}
.marketing-box p{color: #000;    font-size: 18px;    font-weight: 300;    line-height: 24px;    margin: 0;}



.termswrp {    background: #F8F8F8;    padding: 160px 0 60px;    margin: 0 0 0px;}
.termswrp .txtwrp p {font-size: 21px;line-height: 1.7;font-weight: 300;padding: 0 0 20px;color: #000000;}
.termswrp .txtwrp h2 {/* font-size: 48px; *//* font-weight: 600; */padding: 0 0 20px;}
.termswrp .txtwrp p strong {font-size: 32px;font-weight: 500;padding: 0 0 0px;display: block;color: #000000;margin: 20px 0 0;}
.termswrp .txtwrp ul li {font-size: 19px;line-height: 1.7;font-weight: 300;padding: 0 0 10px 0px;position: relative;color: #000000;list-style: disc;}
.termswrp .txtwrp ul {    margin: -20px 0 20px;    padding-left: 25px;}
.termswrp .txtwrp {    width: 61%;    margin: 0 auto;}





.sticky-package-box {    position: sticky;    top: 115px;    z-index: 2;    background: var(--section-gray-color);    padding: 2rem 0;}
.package-head {    display: flex;    gap: 20px;    align-items: center;    margin-bottom: 1rem;}
.package-head>div {    width: 20%;}
.package-head>div:nth-child(1) {    width: 40%;    display: flex;    align-items: start;}
.package-head>div:nth-child(1)>div {    flex: 1; }
.package-head>div:nth-child(1)>div p {    font-size: 15px;    line-height: 1.3;}
.package-head>div:nth-child(1)>div h4 {font-size: 24px;font-weight: bold;text-transform: uppercase;color: #000 !important;}

/* toggle-btn */
/* The switch - the box around the slider */

.switch,
.seo-switch {    font-size: 17px;    position: relative;   display: block !important;    width: 85px;    height: 40px;    margin: 6px auto 15px;}
.switch:before {    position: absolute;    content: "Quarterly";    left: -83px;    width: 100px;    color: white;    font-size: 16px;    margin-top: 5px;}
.switch:after {    position: absolute;    content: "Biannually";    right: -107px;    width: 100px;    color: white;    font-size: 16px;    margin-top: 5px;}

/* Hide default HTML checkbox */
.switch input {    opacity: 1;    width: 0;    height: 0;}

/* The slider */
.slider {    position: absolute;    cursor: pointer;    top: 0;    left: 0;    right: 0;    bottom: 0px;    background: #454545;    transition: .4s;    border-radius: 30px;    border: 1px solid #454545;}
.slider:before {    position: absolute;    content: "";    height: 37px;    width: 37px;    border-radius: 50%;    left: 1.2px;    top: 0;    background: linear-gradient(180deg, #A5885C 0%, #DCC68E 100%) 0% 0% no-repeat;    bottom: 0;    border: 3px solid #1D1710;    transition: .4s;}
.switch input:checked+.slider {    background-color: #F36D36;    border: 1px solid transparent;}
label.switch+span:after {    position: absolute;    content: "";    background: url(../images/arrow.png) center/contain no-repeat;    width: 50px;    height: 50px;    top: -16px;    right: -57px;    filter: invert(1);}
.switch input:checked+.slider:before {    transform: translateX(2.5em);}
label.switch+span {    color: var(--orange-color);    display: inline-block;    position: absolute;    left: 50%;    transform: translateX(-50%);    font-size: 28px;    bottom: -25px;    font-family: var(--shadows-font);}

/* toggle-btn */
.package-box {background: #000000;border-radius: 23px;padding: 2rem;display: flex;align-items: center;height: 115px;position: relative;overflow: hidden;}
.package-box:hover {    background:#000;}
.package-box:hover>a {    animation: arrow-move 1s infinite;    color: black;}
.package-box>a img {    width: 20px;    height: 20px;}
.package-box>a {    position: absolute;    right: 20px;    top: 15px;    color: #818181;    font-size: 3rem;}
.package-box {    position: relative;}
 .package-box a img {    width: 20px;    height: 20px;}
 .package-box a {    position: absolute;    right: 20px;    top: 15px;    color: #818181;    font-size: 3rem;}
.pric-bx h5 {font-size: 33px;font-weight: 400;color: #ffffff;margin-bottom: 10px; display:none;} 
.pric-bx h6 {font-weight: 600;color: #fff;margin-bottom: 0;line-height: 1; font-size: 25px;    font-weight: 400;    color: #ffffff;    margin-bottom: 10px;}
.pric-bx p {font-weight: 400;font-size: 14px;margin-bottom: 0;color: #fff;}
.package-list-row {    display: flex;    align-items: center;}
.package-list-row>div>* {    color: #DBDBDB;}
.package-list-row>div>p {    margin: 0;}
.package-list-row>div>p:last-child {font-size: 1.4rem;color: #000 !important;font-size: 15px;}
.package-list-row>div {width: 20%;/* padding: 10px; */line-height: 1.4;color: #000000;padding: 10px 20px;text-transform: capitalize;}
.package-list-row>div:first-child {    width: 40%;}
.package-list-row>div:not(:first-child) {    text-align: center;}
.package-list-box {    border: 1px solid #656565;    background: transparent;    padding: 0;border-radius: 13px;}
.package-list-row.underline-row {    border-bottom: 1px solid gray;}
.packages-sec .fa.fa-check {color: white;background: #000;width: 25px;height: 25px;display: flex;place-items: center;border-radius: 50px;margin: 0 auto;font-size: 12px;justify-content: center;color: #ffffff;padding-top: 2px;}
.packages-sec .fa-times {    color: #fff !important;    background: #000;        width: 25px;    height: 25px;    display: flex;    place-items: center;    border-radius: 50px;    margin: 0 auto;    font-size: 15px;    justify-content: center;    color: #000;    padding-top: 2px;}
.package-list-row>div:first-child {color: #000000;}

/*.package-list-row.underline-row>div {*/
/*    color: white;*/
/*    line-height: 1;*/
/*}*/
.package-list-row.underline-row>div {color: #000000;line-height: 1.5;align-items: center;display: flex;text-align: center;justify-content: center;}
.package-list-row:nth-child(even) {background: #F8F8F8;}
.package-list-row.underline-row {    background: var(--section-gray-color);}
.package-list-row>div:not(:last-child) {    border-right: 1px solid #4A4A4A;}
.pack-btn-row {    align-items: stretch;}
.pack-btn-row p {    font-size: 14px;    color: #818181;}
.pack-select-btn {display: inline-flex;align-items: center;justify-content: space-between;padding: 0 2rem;height: 60px;width: 200px;border-radius: 30px;background: #000000;color: white;transition: 0.3s ease-in-out;}
.pack-select-btn:hover {/* background: var(--orange-color); */}
.pack-select-btn:hover img {    animation: arrow-move 1s infinite;}

@keyframes arrow-move {

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

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

}
.pack-select-btn>img {    transition: 0.3s ease-in-out;    width: 20px;    height: 20px;}
.pric-btn-2 {    display: none;}

/* pricing-pg */
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {color: white;background-color: #000000;border-color: white !important;}
.nav-link:focus,
.nav-link:hover {    color: white;   background-color: #454545;}
.nav-link {font-size: 16px;border-radius: 25px !important;border: 1px solid #4a4a4a !important;color: #000000;font-family: 'Outfit';}
.nav-pills {    gap: 2rem;    margin: 2rem 0;}
/* packages-sec */


.pricing-pg {    padding: 20px 0 50px;}

.DMCA-badge{margin: 54px 0 0;}
.DMCA-badge a{}
.DMCA-badge a img{}
.txt-left {    width: max-content;    margin: 0 0 0 -58px;}






/*===============Blog Styling=================*/
.blog-details{padding: 70px 0;}
.blog-details .txtwrp{}
.blog-details .txtwrp h2{    margin-top: 40px;}
.blog-details .txtwrp p{    color: #4D5768;}
.blog-details .txtwrp p a{color:#4D5768;}
.blog-details .txtwrp p span{font-size: 18px;font-weight: 600; color:#000;}
.blog-details .txtwrp p span a{color:#1967d2;}
.blog-details .txtwrp p span a:hover{text-decoration: underline;}
.blog-details .txtwrp ul{}
.blog-details .txtwrp ul li{font-size: 20px;color: #000;font-weight: 400;position: relative;padding: 0 0 10px 20px;}
.blog-details .txtwrp ul li:after{content:'';width: 10px;height: 10px;background: #000000;border-radius: 50%;position: absolute;left: 0;top: 7px;}
.blog-details .txtwrp ul li p{}
.blog-details img{width:100%;margin: 0 0 30px;border-radius: 18px;}
.blog-box-wrp{padding: 70px 0;background: #fff;}
.blog-box-wrp .boxwrp{}
.blog-box-wrp .boxwrp ul{}
.blog-box-wrp .boxwrp ul li{width: 32%;display: inline-block;border-radius: 12px;border: 1px solid #e63149;overflow: hidden;margin: 0 12px 10px 0;}
.blog-box-wrp .boxwrp ul li .upper-box{}
.blog-box-wrp .boxwrp ul li .upper-box img{width: 100%;}
.blog-box-wrp .boxwrp ul li .detailwrp{padding: 15px 15px 30px;}
.blog-box-wrp .boxwrp ul li .detailwrp p{color: #4D5768;}
.blog-box-wrp .boxwrp ul li .detailwrp .txtwrp{}
.blog-box-wrp .boxwrp ul li .detailwrp .txtwrp h4{color: #000000;    font-size: 22px;}
.blog-box-wrp .boxwrp ul li .detailwrp .txtwrp p{height: 155px;font-size: 20px;}
.blog-box-wrp .boxwrp ul li .btnwrp{padding: 10px 0 0;}
.blog-box-wrp .boxwrp ul li .btnwrp a{color: #e63149;font-weight: 600;}


.responsive-only{display:none;}








:root{
    --card-gap: 25px;
  }
  
  /* ============ CAROUSEL SHELL ============ */
  .carousel-wrapper{
    position: relative;
    width: 100%;
    overflow: hidden;
    /* fade the edges like Linear/Stripe do */
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);
  }
 
  .carousel-track{
    display: flex;
    align-items: stretch;
    gap: var(--card-gap);
    width: max-content;
    will-change: transform;
    transform: translate3d(0,0,0);
    backface-visibility: hidden;
    perspective: 1000px;
  }
 
  /* ============ CARD SIZING (responsive) ============ */
  /* Desktop: ~4.5 cards visible */
  .case-card{
    flex: 0 0 auto;
    width: 30vw;
    max-width: 450px;
    min-width: 260px;
    background: #f7991c17;
    border-radius: 18px;
    overflow: hidden;
    color: #fff;
    will-change: transform;
    transform: translate3d(0,0,0);
    border: 2px solid #eee;
  }
 
  /* Tablet: ~2.5 cards visible */
  @media (max-width: 1024px){
    .case-card{ width: 40vw; }
  }
 
  /* Mobile: ~1.2 cards visible */
  @media (max-width: 640px){
    .case-card{ width: 83vw; min-width: unset; }
    :root{ --card-gap: 16px; }
    

  }
 
  /* ============ ORIGINAL CARD DESIGN (untouched) ============ */
  .video-wrapper{
    position: relative;
    width: 100%;
    aspect-ratio: 16/10;
    overflow: hidden;
  }
  .video-wrapper video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display:block;
  }
  .badge-custom{
    position:absolute; top:14px; left:14px;
    background:#fff; color:#111;
    font-size:11px; font-weight:700;
    padding:5px 10px; border-radius:999px;
    letter-spacing:.03em;
  }
  .platform{
    position:absolute; top:14px; right:14px;
    font-size:11px; font-weight:700;
    padding:5px 10px; border-radius:999px;
    color:#fff;
  }
  .platform.amazon{ background:#ff9900; color:#111; }
  .platform.walmart{ background:#0071dc; }
 
  .content{ padding: 22px 0px 0px; }
  .content small{
    color:#8a8a92; font-size:11px; letter-spacing:.08em; font-weight:700;
  }
  .content h2, .content h4{margin: 8px 0 10px;font-size: 20px;color: #101828;}
  .content p{font-size: 22px;    line-height: 1.4;    color: #353535;    margin: 0 0 0px;    font-weight: 300;} 
  .content p strong{font-weight: 400; color: #b35d12;}
  .content hr{ border:none; border-top:1px solid #26262b; margin: 14px 0; }
 
  .row.stats, .row.text-center{
    display:flex; justify-content:space-between; margin-bottom: 18px;
  }
  .row.stats .col-4, .row.text-center .col{
    text-align:center; flex:1;
  }
  .row.stats h3, .row.text-center h5{margin: 0 0 0px;    font-size: 24px;    color: #f7991c;    font-weight: 300;}
  .row.stats span, .row.text-center small{font-size: 12px;    color: #8a8a92;    font-weight: 300;    letter-spacing: -.1px;}
 
  .bottom, .d-flex{
    display:flex; align-items:center; justify-content:space-between;
  }
  .service-tag{
    font-size:11px; color:#000000; background:#f7991c6e;
    padding:0px 10px; border-radius:999px;
  }
  .btn-dark, .content a{
    color:#fff; text-decoration:none; font-size:13px; font-weight:600;
  }











/*=========================================
        CASE STUDIES
=========================================*/

.case-studies{
    background:#f8f7f4;
    padding:100px 0;
}

.case-studies .featured-case{
    background:#fff;
    border-radius: 12px;
    overflow:hidden;
    border:1px solid #e9e9e9;
    box-shadow:0 20px 60px rgba(0,0,0,.06);
}

.case-studies .case-card{
    background:#fff;
    border-radius: 12px;
    overflow:hidden;
    border:1px solid #ececec;
    transition:.35s ease;
    height:100%;
}

.case-studies .case-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 50px rgba(0,0,0,.10);
}

.inner-con{    display: flex;    justify-content: space-around;}
.inner-con .platform-img{width: 50%;    text-align: right;}
.inner-con .platform-img img{    height: 50px;}





.case-card.fulwidth{    width: 50vw;    max-width: 850px;    min-width: 260px; padding: 40px;}
/*.case-card.amazon{background: linear-gradient(320deg, #6E3E00 0%, #0B0B0B 45%, #FF9900 100%);}*/
.case-card.amazon{background: linear-gradient(320deg, #FFF9ED 0%, #FFD9C1 100%);}
.case-card.amazon .content p{color:#000;}

/*.case-card.shopify{background: linear-gradient(320deg, #061a1c 38.79%, #0d3a2d 60%);}*/
.case-card.shopify{background: linear-gradient(320deg, #FBFEF6 0%, #E3F4C5 100%);}
.case-card.shopify .content p{color:#000;}

/*.case-card.tiktok{background: linear-gradient(  320deg,  #5A001A 0%,  #000000 45%,  #156B73 100%);}*/
.case-card.tiktok{background: linear-gradient(320deg, #FFE5EC 0%, #FFFFFF 45% 50%, #DFFCFF 100%);}
.case-card.tiktok .content p{color:#000;}

/*.case-card.etsy{background: linear-gradient(  320deg,  #7A2D00 0%,  #1A0E08 45%,  #F1641E 100%);}*/
.case-card.etsy{background: linear-gradient(320deg, #F8F8F8 0%, #FFDBD2 100%);}
.case-card.etsy .content p{color:#000;}

/*.case-card.walmart{background: linear-gradient(135deg, #0153e3 0%, #003a75 45%, #011f66 100%);}*/
.case-card.walmart{background: linear-gradient(135deg, #A3C5FF 0%, #F8FAFF 100%);}
.case-card.walmart .content p{color:#000;}

.case-card.fulwidth video{border-radius:12px;}
.case-img{width:100%; height:100%;}


.work-pg .content p{font-size: 16px;max-width: 90%;    margin: 20px 0 0;}
.work-pg .content p strong{color: #b35d12;    font-size: 16px;    font-weight: 500;}
.work-pg .out-work-section .work-mainwrp{grid-template-columns: repeat(1, minmax(0, 1fr));}
.work-pg .out-work-section .work-mainwrp .case-card {    width: 100%;    max-width: 100%;    display: flex;}
.work-pg .content {    padding: 40px;    width: 50%;}
.work-pg .video-wrapper{width: 50%;}
.work-pg .inner-con{    flex-direction: column;}
.work-pg .inner-con .platform-img{text-align: left;}
.work-pg .content h2{    margin: 10px 0 0px;    font-size: 28px;    color: #101828;    font-weight: 400;}
.work-pg .content h2 span{    background: linear-gradient(138deg, #000000 15%, #5a2e08 30%, #b35d12 52%, #f39a2b 84%, #fff2e4 100%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;    color: transparent;}
.work-pg .row.stats h3{    margin: 30px 0 0px;    font-size: 34px;    color: #f7991c;    font-weight: 500;    background: linear-gradient(138deg, #000000 15%, #5a2e08 30%, #b35d12 52%, #f39a2b 84%, #fff2e4 100%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;    color: transparent;    text-align: left;}
.work-pg .case-card .content p{    color: #7b6e61;    font-size: 15px;    font-weight: 400;}
.work-pg .inner-con .platform-img img {    height: 70px;    padding: 5px;    background: #fff;    border-radius: 60px;    border: 2px solid #70707052;}
.work-pg .newzletter:before{display:none;}

.stats{}
.stats ul{    margin: 0;    display: flex;    gap: 40px;}
.stats ul li{    text-align: center;}
.stats ul li h3{    margin: 10px 0 0px;    font-size: 34px;    color: #f7991c;    font-weight: 500;    background: linear-gradient(138deg, #000000 15%, #5a2e08 30%, #b35d12 52%, #f39a2b 84%, #fff2e4 100%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;    color: transparent;}
.stats ul li span{font-size: 12px;    color: #8a8a92;    font-weight: 300;    letter-spacing: -.1px;}


.mobile-card{padding: 40px 40px 0;    background: linear-gradient(130deg, #000000 15%, #5a2e08 60%, #b35d12 72%, #f39a2b 84%, #fff2e4 100%);}
.mobile-card img{}






:root{
    --cloud:#F5F6FA;
    --panel:#FFFFFF;
    --ink:#10112B;
    --ink-soft:#5B5E7A;
    --ink-faint:#9295AC;
    --comet:#2954FF;
    --comet-deep:#173CC9;
    --signal:#1FBF8F;
    --flare:#FF7A59;
    --line: rgba(16,17,43,0.09);
    --line-strong: rgba(16,17,43,0.16);
    --shadow-lg: 0 30px 60px -20px rgba(16,17,43,0.22);
    --shadow-sm: 0 10px 30px -12px rgba(16,17,43,0.18);
  }
  /* ---------- background atmosphere ---------- */
  .bg-atmosphere{
    position:fixed;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
      radial-gradient(60vw 60vw at 82% 8%, rgba(41,84,255,0.10), transparent 60%),
      radial-gradient(45vw 45vw at 8% 85%, rgba(31,191,143,0.08), transparent 60%);
  }

  /* ---------- navbar ---------- */
  .navbar-orbit{
    position:relative;
    z-index:5;
    padding: 1.5rem 0;
  }
  .brand-mark{
    display:inline-flex;
    align-items:center;
    gap:.55rem;
    font-family:'Space Grotesk', sans-serif;
    font-weight:700;
    font-size:1.28rem;
    color:var(--ink);
    letter-spacing:-0.01em;
  }
  .brand-dot{
    width:11px; height:11px; border-radius:50%;
    background: conic-gradient(from 180deg, var(--comet), var(--signal), var(--comet));
    box-shadow: 0 0 0 4px rgba(41,84,255,0.10);
  }
  .nav-links a{
    color:var(--ink-soft);
    font-size:.93rem;
    font-weight:500;
    margin-left:2rem;
    transition:color .2s ease;
  }
  .nav-links a:hover{ color:var(--ink); }
  .btn-orbit-ghost{
    border:1px solid var(--line-strong);
    color:var(--ink);
    font-size:.88rem;
    font-weight:600;
    padding:.55rem 1.15rem;
    border-radius:999px;
    transition: all .2s ease;
  }
  .btn-orbit-ghost:hover{ border-color:var(--ink); background:var(--ink); color:#fff; }

  /* ---------- hero ---------- */
  .hero-section{
    position:relative;
    z-index:2;
    padding: 3.5rem 0 0rem;
    /*min-height: 86vh;*/
    display:flex;
    align-items:center;
  }

  .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:.55rem;
    font-family:'IBM Plex Mono', monospace;
    font-size:.72rem;
    letter-spacing:.14em;
    font-weight:600;
    color:var(--comet-deep);
    background: rgba(41,84,255,0.08);
    border:1px solid rgba(41,84,255,0.16);
    padding:.4rem .8rem .4rem .65rem;
    border-radius:999px;
    margin-bottom:1.6rem;
  }
  .eyebrow::before{
    content:'';
    width:6px; height:6px; border-radius:50%;
    background:var(--comet);
    box-shadow:0 0 0 3px rgba(41,84,255,0.18);
  }

  .hero-heading{
    font-family:'Space Grotesk', sans-serif;
    font-weight:600;
    font-size: clamp(2.35rem, 3.6vw, 3.55rem);
    line-height:1.08;
    letter-spacing:-0.015em;
    color:var(--ink);
    margin-bottom:1.5rem;
  }
  .hero-heading .line{ overflow:hidden; display:block; }
  .hero-heading .line span{ display:inline-block; will-change:transform; }
  .hero-heading em{
    font-style:normal;
    background: linear-gradient(92deg, var(--comet) 0%, var(--comet-deep) 60%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }

  .hero-sub{
    font-size:1.05rem;
    line-height:1.65;
    color:var(--ink-soft);
    max-width:30rem;
    margin-bottom:2.1rem;
  }

  .hero-ctas{ margin-bottom:2.4rem; }
  .btn-comet{
    background:var(--comet);
    color:#fff;
    font-weight:600;
    font-size:.95rem;
    padding:.85rem 1.6rem;
    border-radius:999px;
    border:1px solid var(--comet);
    box-shadow: 0 14px 30px -12px rgba(41,84,255,0.55);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
    display:inline-flex; align-items:center; gap:.5rem;
  }
  .btn-comet:hover{ background:var(--comet-deep); transform:translateY(-2px); box-shadow:0 18px 34px -12px rgba(41,84,255,0.6); color:#fff; }

  .btn-watch{
    font-weight:600;
    font-size:.95rem;
    color:var(--ink);
    padding:.85rem .4rem;
    display:inline-flex; align-items:center; gap:.6rem;
    margin-left:1.35rem;
  }
  .btn-watch .play-ring{
    width:34px; height:34px;
    border-radius:50%;
    border:1px solid var(--line-strong);
    display:inline-flex; align-items:center; justify-content:center;
    transition: border-color .2s ease, transform .2s ease;
  }
  .btn-watch:hover .play-ring{ border-color:var(--comet); transform:scale(1.06); }
  .btn-watch:hover{ color:var(--comet-deep); }

  .trust-row{
    display:flex; align-items:center; gap:.85rem;
    padding-top:1.6rem;
    border-top:1px solid var(--line);
    max-width:30rem;
  }
  .trust-icons{ display:flex; }
  .trust-icons img{
    width:26px; height:26px; border-radius:50%;
    border:2px solid var(--cloud);
    margin-left:-8px;
    background:#fff;
  }
  .trust-icons img:first-child{ margin-left:0; }
  .trust-text{ font-size:.83rem; color:var(--ink-soft); }
  .trust-text strong{ color:var(--ink); font-weight:600; }

  /* ---------- orbit stage ---------- */
  .orbit-col{
    position:relative;
    display:flex;
    align-items:center;
    justify-content: end;
    min-height: clamp(420px, 46vw, 620px);
  }

  .orbit-stage{
    position:relative;
    width: clamp(320px, 34vw, 560px);
    height: clamp(320px, 34vw, 560px);
  }

  .orbit-ring{
    position:absolute;
    top:50%; left:50%;
    border-radius:50%;
    border:1px dashed var(--line-strong);
    transform:translate(-50%,-50%);
    opacity:0;
  }
  .ring-inner{ width:66%; height:66%; }
  .ring-outer{ width:96%; height:96%; border-color:rgba(16,17,43,0.10); }

  .orbit-track{
    position:absolute;
    inset:0;
  }

  .orbit-icon{
    position:absolute;
    top:50%; left:50%;
    width:0; height:0;
  }

  .orbit-icon-counter{
    position:absolute;
    top:0; left:0;
  }

  .orbit-chip{
    position:absolute;
    transform:translate(-50%,-50%);
    display:flex; align-items:center; justify-content:center;
    background:#fff;
    border-radius:50%;
    box-shadow: var(--shadow-sm), 0 0 0 1px var(--line);
    cursor:default;
    transition: box-shadow .25s ease;
  }
  .orbit-chip:hover{ box-shadow: 0 16px 30px -10px rgba(16,17,43,0.3), 0 0 0 1px var(--line-strong); }
  .orbit-chip img{ width:100%; height:100%; object-fit:contain; }

  .chip-lg{ width:64px; height:64px; }
  .chip-md{ width:50px; height:50px; }

  /* center phone visual */
  .orbit-photo-wrap{
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:62%;
  aspect-ratio: 760 / 730;
  z-index:3;
  opacity:1 !important;
}
  .orbit-photo-wrap img{
    width: 600px;
    height:auto;
    display:block;
    /*filter: drop-shadow(0 40px 50px rgba(16,17,43,0.22));*/
    position: absolute;
    bottom: -143px;
    right: -170px;
  }

  .orbit-glow{
    position:absolute;
    top:50%; left:50%;
    width:58%; height:58%;
    transform:translate(-50%,-50%);
    background: radial-gradient(circle, rgb(247 153 28 / 66%), transparent 70%);
    z-index:1;
    filter: blur(6px);
  }

  /* floating stat cards */
  .stat-card{
    position:absolute;
    background: rgba(255,255,255,0.88);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border:1px solid var(--line);
    border-radius:16px;
    box-shadow: var(--shadow-lg);
    padding: .85rem 1rem;
    z-index:4;
    opacity:0;
  }
  .card-revenue{
    left:-6%;
    bottom:10%;
    width: 168px;
  }
  .card-sales{
    right:-8%;
    top:10%;
    width: 190px;
  }
  .stat-label{
    font-size:.66rem;
    text-transform:uppercase;
    letter-spacing:.07em;
    color:var(--ink-faint);
    font-weight:600;
    margin-bottom:.3rem;
  }
  .stat-value-row{
    display:flex; align-items:baseline; gap:.4rem;
    margin-bottom:.5rem;
  }
  .stat-value{
    font-family:'Outfit';
    font-size:1.15rem;
    font-weight:600;
    color:var(--ink);
  }
  .stat-badge{
    font-family:'Outfit';
    font-size:.68rem;
    font-weight:600;
    padding:.1rem .4rem;
    border-radius:6px;
  }
  .badge-up{ color:var(--signal); background:rgba(31,191,143,0.12); }
  .badge-down{color: #1fbf8f;    background: rgb(227 246 240);}
  .stat-sub{ font-size:.68rem; color:var(--ink-faint); margin-top:.35rem;     font-family: 'Outfit';}

  /* ---------- responsive ---------- */
  @media (max-width: 991.98px){
    .hero-section{ padding-top:1.5rem; text-align:center; }
    .hero-sub{ margin-left:auto; margin-right:auto; }
    .trust-row{ margin-left:auto; margin-right:auto; }
    .btn-watch{ margin-left:0; margin-top:.75rem; }
    .hero-ctas{ display:flex; flex-direction:column; align-items:center; gap:.25rem; }
    .orbit-col{ margin-top:3rem; }
    .card-revenue{ left:2%; }
    .card-sales{ right:2%; }
  }

  @media (prefers-reduced-motion: reduce){
    * { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
  }



  .shopify-icon .orbit-chip img {
    transform: rotate(125deg);
}
.ebay-icon .orbit-chip img {
    transform: rotate(180deg);
}
.amazon-icon .orbit-chip img {
    transform: rotate(60deg);
}
.tiktok-icon .orbit-chip img {
    transform: rotate(208deg);
}








.out-work-section{}
.out-work-section .work-mainwrp{display: grid;    grid-template-columns: repeat(3, minmax(0, 1fr));    gap: 1.25rem;}
.out-work-section .work-mainwrp .case-card{width: 35vw;    max-width: 480px;}






/* need-help-sec */
.need-help-persons {    display: flex;    margin-bottom: 2rem;}
.need-help-persons>img {    width: 50px;    height: 50px;    object-fit: cover;    border-radius: 50%;background: #fff;    border: 5px solid #FF7B22;}
.need-help-persons>img:not(:first-child) {    margin-left: -10px;}
.need-help-box h3 {font-size: 1.7rem;    line-height: 1;    color: white;    margin: 0 0 15px;}
.need-help-sec h3 br {    display: none;}
.marketing-lanidngpage .need-help-box{width: 90%;height: 330px;border-radius: 15px;}
.need-help-box {width: 100%;    min-width: 300px;    padding:130px 6rem;    border-radius: 18px;display: flex;    flex-direction: column;    justify-content: space-between;    position: relative;    background: #161D26;    border: 1px solid #161D26;    background-image: url(../images/Ecom360-case-CTA.webp);    background-size: cover;    background-position: center right;}
.need-help-box>img {    position: absolute;    right: 30px;    top: 30px;    width: 25px;    height: 25px;    color: #ADADAD;    transition: 0.3s ease-in-out;animation: arrow-move 1s infinite;}
.need-help-box:hover>img {    animation: arrow-move 1s infinite;}
.need-help-box div>p {color: #ADADAD;line-height: 1.2;margin-bottom: 1rem;font-weight: 300;font-size: 18px;}
.need-help-box div>span {    color: #f7991c;    position: relative;}
.need-help-box h2{color:#fff;}
.need-help-box .btnwrp{}
.need-help-box .btnwrp a{    background: #fff;    color: #000;    margin: 15px 0 0;}
.need-help-box .btnwrp a img{    filter: invert(1);}
.need-help-box .main-heading span{}

.service-pg .out-work-section{}
.service-pg .out-work-section .case-card{    margin: 0 auto;}
.service-pg .out-work-section .content{}
.service-pg .out-work-section .content .inner-con{}
.service-pg .out-work-section .content .inner-con small{}
.service-pg .out-work-section .content .inner-con p{}

.home-pg .top-companies .boxtxt ul li img{height: 90px;}






.partnerswrp{padding: 30px 0;background: #f8f8f8;}
.partnerswrp .paymnt-l img{height: 85px;filter: invert(0);}
.partnerswrp h4{    font-size: 16px;    color: #f7991c;    margin-bottom: 20px;    font-weight: 400;    line-height: 23px;    text-align: center;    padding: 10px 0 0;    /* border-top: 1px solid #ffffff38; */}
.partnerswrp span{    font-size: 16px;    color: #b1982c;    margin-bottom: 20px;    font-weight: 400;    line-height: 23px;    text-align: center;    padding: 10px 0 0;    /* border-top: 1px solid #ffffff38; */    display:block;}    
.partnerswrp .imgwrp{}
.partnerswrp .imgwrp img{width: 100%;}
.partnerswrp ul.paymt-ul .slick-initialized .slick-slide{opacity: 1 !important; width: auto !important;}
.partnerswrp ul.paymt-ul .slick-active{width: auto !important;}
.partnerswrp ul.paymt-ul .slick-active{opacity: 1 !important;}
.partnerswrp .slick-slide{opacity: 1 !important; width:min-content !important;}

.img-portion img{width: max-content;height: 60px;margin: 0 30px;filter: saturate(6.5);}










.form-card {    max-width: 1200px;}
.form-card label {    display: block;    font-size: 16px;    font-weight: 400;    margin-bottom: 10px;}
.form-card .form-control {    height: 60px;    border: 2px solid #101828;    border-radius: 12px;    padding: 18px 22px;    font-size: 18px;    box-shadow: none !important;margin: 0 0 15px;}
.form-card textarea.form-control {    height: 120px;}
.form-card .input-icon {    position: relative;}
.form-card .input-icon i {    position: absolute;    left: 20px;    top: 50%;    transform: translateY(-50%);    color: #a3a3a3;    font-size: 22px;}
.form-card .iti,
.form-card .iti input {    width: 100%;}
.form-card .custom-check {    gap: 14px;    align-items: flex-start;}
.form-card .custom-check .form-check-input {    width: 20px;    height: 20px;    border: 2px solid #888;}
.form-card .custom-check label {    margin: 0 0 0 10px;    font-size: 16px;    font-weight: 400;    line-height: 1.6;}
.form-card .submit-btn {    height: 62px;    border: none;    border-radius: 12px;    background: #11192d;    color: #fff;    font-size: 18px;    font-weight: 500;    margin: 15px 0 0;}
.form-card .submit-btn:hover {    background: #1b2542;}
.form-card .links {    margin-top: 18px;}
.form-card .links a {    font-size: 16px;    font-weight: 400;}
@media (max-width: 768px) {
    .form-card label {
        font-size: 16px;
    }
    .form-card .form-control {
        height: 58px;
        font-size: 16px;
    }
    .form-card .submit-btn {
        height: 60px;
        font-size: 22px;
    }
}




.bento__video-quote {position: unset;bottom: 24px;right: 24px;width: min(380px, 90%);padding: 28px;border-radius: 24px;background: #fef6eb6e;color: #fff;backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);}
.bento__video-quote p {font-size: 1.0rem;font-weight: 300;line-height: 1.35;margin-bottom: 24px;color: #ffffff;}
.bento__video-quote .cl-name strong {display: block;font-size: 1.1rem;line-height: 14px;}
.bento__video-quote .cl-name {font-weight: 300;font-size: 0.85rem;color: rgb(211 200 200);}
.portfolio-proof__avatars {    display: flex;    align-items: center;    flex-shrink: 0;}
.portfolio-proof__avatars img {width: 40px;height: 40px;border-radius: 50%;object-fit: cover;border: 3px solid #f7991c;margin-left: -10px;background: #fff;}
.portfolio-proof__avatars img:first-child {    margin-left: 0;}

.rating-people{    display: flex;    gap: 10px;    margin: 0 0 15px;}
.rating-people .ratings{    margin: 0;    font-size: 16px;    font-weight: 500;}
.rating-people .ratings .starts{    font-size: 12px;    color: #f7991c;    display: inline-block;}
.rating-people .ratings .starts i{}
.rating-people .ratings span{    display: block;    font-size: 14px;    font-weight: 400;}

.justify-align{height: 650px;    display: flex;    flex-direction: column;    justify-content: space-between;}

.service-pg header{    background: #ffffff00;}
.service-pg header .navigationwrp ul li a{    color: #ffffff;}
.service-pg header.showmenu .navigationwrp ul li a{    color: #000;}
.service-pg header.showmenu {    background: #ffffffc9;}
.service-pg header{border-bottom: 0px solid #00000030;}
.service-pg header .hamburger line{    stroke: #ffffff;}
.service-pg header.showmenu .hamburger line{    stroke: #000;}
.service-pg header .menu-sub{background: #ffffff2e;backdrop-filter: blur(30px);    -webkit-backdrop-filter: blur(30px);}
.service-pg header .service-name{color:#fff;}
.service-pg header .mega-menu li span{color:#fff;}
.service-pg header .mega-menu li:hover{background: #eeeeee21;}
.service-pg header.showmenu .menu-sub{background:#fff;}
.service-pg header.showmenu .service-name{color:#000;}
.service-pg header.showmenu .mega-menu li span{color:#000;}
.service-pg header.showmenu .mega-menu li:hover{background: #eee;}
.service-pg .mega-menu li span{    color: #000;}
.services-logo{display:none;}
.service-pg .site-logo{display:none;}
.service-pg .services-logo{display:block;}
.service-pg header.showmenu .site-logo{display:block;}
.service-pg header.showmenu .services-logo{display:none;}
.service-pg header .head-num{color:#fff;}
.service-pg header .head-num span{    background: #fff;}
.service-pg header .head-num span svg{fill: #000;}
.service-pg header .head-num:hover{    background: unset;    -webkit-text-fill-color: unset;}
.service-pg header.showmenu .head-num span{    background: #101828;}
.service-pg header.showmenu .head-num span svg{    fill: #fff;}
.service-pg header.showmenu .head-num{color:#000; border: 2px solid #000;}
.service-pg header .btn-1.two{color:#fff;background: unset;    -webkit-text-fill-color: unset;}
.service-pg header .btn-1.two img{    filter: invert(0);}
.service-pg header.showmenu .btn-1.two{color:#000; background: linear-gradient(138deg, rgb(0, 0, 0) 15%, rgb(90, 46, 8) 30%, rgb(179, 93, 18) 52%, rgb(243, 154, 43) 84%, rgb(255, 242, 228) 100%) text;    -webkit-text-fill-color: transparent;    color: transparent;}
.service-pg .header-main::after{    content: "";    position: absolute;    inset: 0;    backdrop-filter: blur(20px);    -webkit-backdrop-filter: blur(20px);    background: rgba(20,20,20,.18);    opacity: 0;    transition: .3s;    pointer-events: none;    z-index: -1;}
.service-pg .header-main.services-active::after{    opacity: 1;}
.service-pg header .btn-1, .service-pg .service-banner-sec .btn-1{background: #fff;    color: #000;}
.service-pg header .btn-1 img, .service-pg .service-banner-sec .btn-1 img{    filter: invert(1);}
.service-pg header.showmenu .btn-1{background: #101828;    color: #fff;}
.service-pg header.showmenu .btn-1 img{    filter: invert(0);}

.review-mobile{    display:none;}

.head-num{color: var(--black);font-weight: 400;    display: inline-block;    font-size: 20px;    margin: 0 0 0 20px;    border: 2px solid #C4C4C4;    padding: 12px 20px;    border-radius: 8px;}
.head-num span{display: inline-flex;    align-items: center;    justify-content: center;    width: 30px;    height: 30px;    border-radius: 50%;    background: #101828;    color: #000;    transform: rotate(20deg);    transition: transform 0.5s ease 0.3s, background 0.3s ease, color 0.3s ease;    margin: 0 0 0 5px;}
.head-num:hover{color: var(--black);    background: linear-gradient(138deg, #000000 15%, #5a2e08 30%, #b35d12 52%, #f39a2b 84%, #fff2e4 100%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;   background-clip: text;    color: transparent;}    
.head-num:hover span{    animation: star-btn-phone 0.5s ease-in-out infinite alternate;}

@keyframes star-btn-phone {
    0% {
        transform: translate(0, 0) rotate(20deg);
    }

    100% {
        transform: translate(3px, 0) rotate(20deg);
    }
}

.policy-pg h1 {    font-size: 44px;    font-weight: 500;    line-height: 1.1;    font-family: 'Outfit';}
.policy-pg p {    font-size: 21px;    line-height: 1.5;    font-weight: 300;    color: #000000;}
.policy-pg h5 {    margin: 30px 0 10px;}
.policy-pg ul {    list-style: disc;    list-style-position: outside;    padding-left: 20px;}
.policy-pg ul li {    display: list-item;position:relative;}
.policy-pg ul li::marker{font-size:0px;}
.policy-pg ul li:after{content: '';    position: absolute;    width: 10px;    height: 10px;    background: #f7991c;    top: 10px;    left: -20px;    border-radius: 60px;}
.policy-pg ul li p {    margin-bottom: 10px;}
.policy-pg a {    color: #f7991c;    text-decoration: underline;}


.foot-bottom{    text-align: right;}
.foot-bottom img{height: 50px;}


.trustpilot-widget{    text-align: left;    margin: 0 0 20px;    width: max-content;    margin: 0 0 10px -55px;}



.about-main-content{    padding: 70px 0;}
.about-main-content .txtwrp{}
.about-main-content .txtwrp h2{    max-width: 80%;}
.about-main-content .txtwrp h2 span{    display: inline;}


.abt-new .counterwrp{display:none;}
.abt-new .ease-use-sec{padding: 70px 0 170px;}
.abt-new .themes-h1{color: #000000;}
.abt-new .service-banner-sec::before{display:none;}
.abt-new .service-banner-sec .row {    align-items: unset;}
.abt-new .bento__video-quote p{color:#000;}
.abt-new .bento__video-quote .cl-name{    color: #685b5b;}


/* =========================================
   ECOM360 STACKED CASE STUDIES
========================================= */

.ecom-case-stack {
    position: relative;
    width: 100%;
}

.ecom-case-card {
    position: relative;
    width: 100%;
}

.ecom-case-stack.is-active .ecom-case-card {
    position: absolute;
    left: 0;
    top: 0;
}

.ecom-case-stack.is-active .ecom-case-card:first-child {
    position: relative;
}

.ecom-case-stack.is-active .ecom-case-card:not(:first-child) {
    transform: translateY(100vh);
}
.ecom-case-stack .ecom-case-card:not(:first-child) {
    visibility: hidden;
}










/* NEW SEC CSS */

/* =========================================
   TEKVERSIFY SECTION
========================================= */

.tek-section {
  position: relative;
  width: 100%;
  min-height: 760px;
  overflow: hidden;
  background: #fff;
  padding: 65px 0 80px;
  isolation: isolate;
}

/* Background video
----------------------------------------- */

.tek-section-bg {
  position: absolute;
  width: 700px;
  height: 700px;
  object-fit: cover;
  right: 40px;
  top: 80px;
  z-index: -1;
  pointer-events: none;
  opacity: 0.65;
}

/* Container
----------------------------------------- */

.tek-container {
  width: calc(100% - 80px);
  max-width: 1605px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

/* =========================================
   TOP CONTENT
========================================= */

.tek-top {
  display: flex;
  width: 100%;
}

/* Left side */

.tek-left {
  width: 50%;
}

.tek-left-inner {
  width: 100%;
  max-width: 720px;
}

/* Right side */

.tek-right {
  width: 43%;
  padding-left: 70px;
  padding-top: 0;
}

/* =========================================
   STATISTICS AREA
========================================= */

.tek-stats {
  display: flex;

  width: 100%;

  margin-top: 66px;
}

/* Each column */

.tek-stat-column {
  width: 25%;
  padding: 0 10px;
}

.tek-stat-column:first-child {
  padding-left: 0;
}

.tek-stat-column:last-child {
  padding-right: 0;
}

/* =========================================
   CARDS
========================================= */

.tek-card {
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  position: relative;
  width: 100%;
  height: auto;
  padding: 55px 24px 55px;
  border: 1px solid #e3e5e9;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.72);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.tek-section {
  position: relative;
  overflow: hidden;
}

.tek-section .service-banner-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  z-index: -2;
  object-fit: contain;opacity: .2;
}

/* About page version */
.tek-section video {
  object-fit: contain;
  width: 50%;
  right: 0;
  left: unset;
  transform: scaleX(-1);
  top: 90px;
}

.tek-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 45px rgba(25, 35, 50, 0.08);
}

/* Card positions */

.tek-card-1 {
  margin-top: 40px;
}

.tek-card-2 {
  margin-top: 0;
}

.tek-card-3 {
  margin-top: 40px;
}

.tek-card-4 {
  margin-top: 0;
}

/* =========================================
   NUMBER + LABEL
========================================= */

.tek-card h3 {
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 32px;
  font-weight: 400;
  color: #171927;
}

.tek-card h3 > span {
  display: flex;
  flex-direction: column;
  margin-left: 12px;
  font-size: 14px;
  line-height: 1.05;
  letter-spacing: -0.2px;
}

.tek-card h3 strong {
  font-weight: 700;
  display: inline-block;
  max-width: 90%;
}

span.light-text {
  font-weight: 400;
  line-height: 1.3em;
}

.tek-card h3 small {
  font-size: 11px;
  font-weight: 400;
}

p.themes-p.wow.fadeInUp strong { color: #191A26;    font-size: 28px;    font-weight: 500;    margin-bottom: 20px;    line-height: 35px;margin: 20px 0 0px;    display: block;}

p.themes-p.wow.fadeInUp.small {  font-size: 28px;  font-weight: 500;  margin-bottom: 30px;  color: #8b8b8b;}

/* =========================================
   ICON
========================================= */

.tek-icon {
  width: 55px;
  height: 55px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(136deg, #000000 5%, #5A2E08 44%, #B35D12 68%, #F39A2B 84%, #FFF2E4 100%);
  overflow: hidden;
}

.tek-icon img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  filter: brightness(3);
}

/* =========================================
   CARD DESCRIPTION
========================================= */

.tek-card p {      opacity: .7;    text-transform: none;    font-family: 'Outfit';    font-size: 18px;line-height: 1.4;    margin: 15px 0px 0;    font-weight: 300;    color: #4e4e4e;
}

/* =========================================
   TABLET
========================================= */


@media (max-width: 1440px) {
  .tek-card h3 {
    font-size: 35px;
  }
}

@media (max-width: 1280px) {
  .tek-card h3 {
    font-size: 32px;
  }
}

@media (max-width: 1199px) {
  .tek-section {
    padding: 60px 0;
  }

  .tek-container {
    width: calc(100% - 50px);
  }

  .tek-right {
    padding-left: 40px;
  }

  .tek-card {
    /* height: 315px; */
    padding: 50px 20px 22px;
  }

  .tek-card h3 {
    font-size: 43px;
  }

  .tek-section-bg {
    width: 600px;
    height: 600px;
    right: 0;
  }
}

@media (max-width: 1024px) {
  .tek-card h3 {
    font-size: 20px;
  }
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {
  .tek-section {
    min-height: auto;
    padding: 0px 0 0px;
  }

  .tek-container {
    width: calc(100% - 30px);
  }

  /* Top becomes vertical */

  .tek-top {
    display: block;
  }

  .tek-left,
  .tek-right {
    width: 100%;
  }

  .tek-right {
    padding-left: 0;
    margin-top: 50px;
  }

  /* Statistics become 2 columns */

  .tek-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-top: 50px;
  }

  .tek-stat-column {
    width: 100%;
    padding: 0;
  }

  .tek-card,
  .tek-card-1,
  .tek-card-2,
  .tek-card-3,
  .tek-card-4 {
    margin-top: 0;
    /* height: 350px; */
    padding: 42px 18px 20px;
    border-radius: 20px;
  }

  .tek-card h3 {
    font-size: 35px;

  }

  .tek-card h3 small {
    font-size: 8px;
  }

  .tek-section-bg {
    width: 500px;
    height: 500px;
    right: -170px;
    top: 300px;
    opacity: 0.4;
  }

  video.service-banner-bg {
    display: none;
  }

  p.themes-p.wow.fadeInUp.small {
    font-size: 20px;
  }

  p.themes-p.wow.fadeInUp strong {
    font-size: 20px;
  }

  .marketing-sec.ptb-8rem.section-gray-color .col-lg-8.col-md-8.centerCol.col-12.text-center {
    width: 100%;
}
}

/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {
  .tek-stats {
    grid-template-columns: 1fr;
  }

  .tek-card h3 small {
    font-size: 9px;
  }
}


/* LLC SEC */

/* =========================================
   LLC SERVICES SECTION
========================================= */

.llc-services-section {
  width: 100%;
  background: #fff;
  padding: 80px 0;
}

.llc-container {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}

.llc-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 70px;
}

/* =========================================
   LEFT SIDE
========================================= */

.llc-left {
  width: calc(55% - 35px);
}



/* =========================================
   SERVICE ITEMS
========================================= */

.llc-item {
  display: flex;
  align-items: flex-start;

  width: 100%;
  margin-bottom: 20px;
}

.llc-icon {
  flex: 0 0 48px;
  width: 48px;

  display: flex;
  align-items: flex-start;
  justify-content: flex-start;

  padding-top: 1px;
}

.llc-icon img {
  display: block;

  width: 42px;
  max-width: 42px;
  height: auto;
  max-height: 45px;

  object-fit: contain;
}

.llc-item-content {
  flex: 1;
  padding-left: 18px;
}

.llc-item-content h3{color: #191A26;    font-size: 25px;    margin-bottom: 10px;    font-weight: 500;    letter-spacing: unset;}

/* =========================================
   RIGHT IMAGE
========================================= */

.llc-right {
  width: calc(45% - 35px);

  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.llc-image-wrapper {
  width: 100%;
  max-width: 525px;

  overflow: hidden;

  border-radius: 40px;
}

.llc-image-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  /*aspect-ratio: 525 / 558;*/
  object-fit: cover;
}

.llc-item.first {
    margin-top: 30px;
}

.llc-item-content p {        font-size: 20px;    color: #000;    font-weight: 300;    line-height: 1.4;    margin: 0 0 0px;}


/* =========================================
   LARGE LAPTOP
========================================= */

@media (max-width: 1200px) {

  .llc-services-section {
    padding: 70px 0;
  }

  .llc-content {
    gap: 45px;
  }

  .llc-left {
    width: calc(55% - 22px);
  }

  .llc-right {
    width: calc(45% - 22px);
  }


}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

  .llc-services-section {
    padding: 60px 0;
  }

  .llc-content {
    flex-direction: column;
    align-items: stretch;
    gap: 45px;
  }

  .llc-left,
  .llc-right {
    width: 100%;
  }


  .llc-right {
    justify-content: center;
  }

  .llc-image-wrapper {
    max-width: 600px;
    width: 100%;
  }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

  .llc-services-section {
    padding: 50px 0;
  }

  .llc-container {
    padding: 0 18px;
  }

  .llc-content {
    gap: 35px;
  }

  .llc-item {
    margin-bottom: 24px;
  }

  .llc-icon {
    flex: 0 0 42px;
    width: 42px;
  }

  .llc-icon img {
    width: 36px;
    max-width: 36px;
    max-height: 40px;
  }

  .llc-item-content {
    padding-left: 13px;
  }



  .llc-image-wrapper {
    border-radius: 28px;
  }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

  .llc-services-section {
    padding: 40px 0;
  }

  .llc-container {
    padding: 0 16px;
  }

  .llc-icon {
    flex: 0 0 38px;
    width: 38px;
  }

  .llc-icon img {
    width: 32px;
    max-width: 32px;
  }

  .llc-item-content {
    padding-left: 10px;
  }

  .llc-image-wrapper {
    border-radius: 22px;
  }
}









.service-pg.abt-new header{    background: #ffffff00;}

.service-pg.abt-new header.showmenu .navigationwrp ul li a{    color: #000;}
.service-pg.abt-new header.showmenu {    background: #ffffffc9;}
.service-pg.abt-new header{border-bottom: 0px solid #00000030;}
.service-pg.abt-new header .hamburger line{    stroke: #ffffff;}
.service-pg.abt-new header.showmenu .hamburger line{    stroke: #000;}
.service-pg.abt-new header .menu-sub{background: #ffffff2e;backdrop-filter: blur(30px);    -webkit-backdrop-filter: blur(30px);}
.service-pg.abt-new header .service-name{color:#fff;}
.service-pg.abt-new header .mega-menu li span{color:#fff;}
.service-pg.abt-new header .mega-menu li:hover{background: #eeeeee21;}
.service-pg.abt-new header.showmenu .menu-sub{background:#fff;}
.service-pg.abt-new header.showmenu .service-name{color:#000;}
.service-pg.abt-new header.showmenu .mega-menu li span{color:#000;}
.service-pg.abt-new header.showmenu .mega-menu li:hover{background: #eee;}
.service-pg.abt-new .mega-menu li span{    color: #000;}
.services-logo{display:none;}
.service-pg.abt-new header.showmenu .site-logo{display:block;}
.service-pg.abt-new header.showmenu .services-logo{display:none;}


.service-pg.abt-new .site-logo{display:block;}
.service-pg.abt-new .services-logo{display:none;}
.service-pg.abt-new header .navigationwrp ul li a{    color: #000;}
.about-pg.abt-new header .btn-1.two{    color: #000;    background: linear-gradient(138deg, rgb(0, 0, 0) 15%, rgb(90, 46, 8) 30%, rgb(179, 93, 18) 52%, rgb(243, 154, 43) 84%, rgb(255, 242, 228) 100%) text;    -webkit-text-fill-color: transparent;}
.about-pg.abt-new header .btn-1{    background: #101828;    color: #fff;}
.about-pg.abt-new header .btn-1 img{filter: invert(0);}
.about-pg.abt-new header .head-num {    color: #101828;    border: 2px solid #101828;}
.about-pg.abt-new header .head-num span{    background: #101828;}
.about-pg.abt-new header .head-num span svg{    fill: #fff;}
.about-pg.abt-new header .mega-menu li span {    color: #000;}
.about-pg.abt-new header .service-name {    color: #000;}

.service-pg .header-main::after{    content: "";    position: absolute;    inset: 0;    backdrop-filter: blur(20px);    -webkit-backdrop-filter: blur(20px);    background: rgba(20,20,20,.18);    opacity: 0;    transition: .3s;    pointer-events: none;    z-index: -1;}
.service-pg .header-main.services-active::after{    opacity: 1;}





/*New Homepage Styling Start*/
.online-store-wrp{    padding: 50px 0;}
.online-store-wrp .store-services-main{}
.online-store-wrp .store-services-main ul{    margin: 0;}
.online-store-wrp .store-services-main ul li{padding: 30px;border-radius: 30px;margin: 0 0 20px;background: #f8f8f8;border: 2px solid #e5e9ef;}
.online-store-wrp .store-services-main ul li .icon-text{}
.online-store-wrp .store-services-main ul li .icon-text img{height: 50px;margin: 0 0 20px;}
.online-store-wrp .store-services-main ul li .icon-text h6{    color: var(--black);    font-size: 28px;    font-weight: 500;    line-height: 1.1;    text-decoration: none;    transition: all .3s;    font-family: 'Outfit';margin: 0 0 15px;}
.online-store-wrp .store-services-main ul li .icon-text p{    opacity: 1;    text-transform: none;    font-family: 'Outfit';    font-size: 20px;    font-weight: 300;    line-height: 1.4;    margin: 0;    color: #4e4e4e;}
.online-store-wrp .store-services-main.rightside{    height: 100%;}
.online-store-wrp .store-services-main.rightside ul{    height: 100%;}
.online-store-wrp .store-services-main.rightside ul li{background: linear-gradient(132deg, #000000 15%, #5a2e08 60%, #b35d12 72%, #f39a2b 84%, #fff2e4 100%);height: 98%;display: flex;align-items: center;flex-direction: column;position: relative;}
.online-store-wrp .store-services-main.rightside ul li a{margin: 25px 0 0;    background: #fff;    color: #000;}
.online-store-wrp .store-services-main.rightside ul li a img{filter: invert(1);}
.online-store-wrp .store-services-main.rightside ul li h6, .online-store-wrp .store-services-main.rightside ul li p{color:#fff;}
.online-store-wrp .store-services-main.rightside ul li .imgwrp{/* position: relative; */height: 100%;display: block;}
.online-store-wrp .store-services-main.rightside ul li .imgwrp img{position: absolute;width: 560px;bottom: 0;right: -70px;z-index: 9;height: auto;}
.online-store-wrp .btnwrp{display: block;    text-align: left;    width: 100%;}











.btn-space {  margin-top: 30px;}

.join-sec .col-xxl-5.col-xl-7.col-lg-9 h2 {  margin-bottom: 20px;}

.fitwrap{  padding: 50px 0;}

.fitwrap .imgwrp{position:relative;overflow: hidden;}
.fitwrap .imgwrp img{  border-radius: 30px;}
.fitwrap .imgwrp:after{  content:'';  display: block;  position: absolute;  z-index: 2;  left: 0;  top: 0;  width: 100%;  height: 100%;  background: linear-gradient(180deg, rgba(254, 244, 204, 0) 0%, #000 100%);  border-radius: 30px;  }
.fitwrap .imgwrp .name-labbbel{  margin: -60px 0 0 30px;  position: relative;  z-index: 9;}
.fitwrap .imgwrp .name-labbbel p{  margin: 0 0 12px;  color: #fff;  font-size: 18px;  line-height: normal;  text-align: left;}
.fitwrap .imgwrp .name-labbbel p span{  display: block;  font-size: 14px;  color: #f7991c;}
.fitwrap .slick-slide {  margin: 0px 5px;}
.names-slidersecong {  direction: rtl;  margin: 10px 0 0;}

.fitbox .box-section{    padding: 0px;  }

.fitbox .conta-inner-b ul li{    font-size: 16px;        margin: 10px 0 0 20px;     position: relative;}


.fitbox .conta-inner-b ul li:after{content:'';position: absolute;left: -19px;height: 8px;width: 8px;top: 9px;border-radius: 50%;background: #000;}


.become-a-partner-pg .online-store-wrp .col-md-5 {  width: 100%;}

.become-a-partner-pg .tek-top {  display: flex;  justify-content: center;}

.become-a-partner-pg .tek-left {  width: 100%;  text-align: center;  display: flex;  justify-content: center;}

.become-a-partner-pg .tek-stats {  justify-content: center;}

.become-a-partner-pg .store-services-main.rightside {    height: auto;}

.become-a-partner-pg .online-store-wrp .store-services-main ul {    height: auto;}

.become-a-partner-pg .online-store-wrp .store-services-main.rightside ul li {padding: 80px;    height: auto;    align-items: flex-start;    margin: 0 0 0px;background-image: url(../images/second-banner.webp);    background-size: cover;    background-position: top right;}
.become-a-partner-pg .online-store-wrp .store-services-main ul li .icon-text {    max-width: 550px;}
.become-a-partner-pg .online-store-wrp {    padding: 0px 0 20px;}

/* =========================
  STARTERX PARTNER FIT
========================= */

.fitbox {  width: 100%;  padding: 60px 0;}

.fitbox .container {  width: 100%;  max-width: 1200px;  margin: 0 auto;  padding: 0 15px;}

.fitbox .row {  display: flex;  flex-wrap: wrap;}

.fitbox .col-lg-12 {  width: 100%;}

.fitbox .text-center {  text-align: center;}

.fitbox .mb-2 {  margin-bottom: 32px;}

.become-a-partner-pg .store-services-main.rightside h3 {  color: #fff;  font-size: 32px;  width: 50%;}

.become-a-partner-pg .online-store-wrp .store-services-main ul li .icon-text p {  width: 100%;}
.become-a-partner-pg .online-store-wrp .btnwrp{}
.become-a-partner-pg .online-store-wrp .btnwrp a{    background: #fff;    color: #000;}
.become-a-partner-pg .online-store-wrp .btnwrp a img{    filter: invert(1);}


/* Cards row */

.fitbox .row:nth-child(2) {
  justify-content: center;
  gap: 20px;
}


/* Columns */

.fitbox .col-md-4 {
  width: 33%;
  padding: 0;
  box-shadow: 0px 0px 10px #0000002e;
  border-radius: 20px;
}


/* Card */

.fitbox .box-section {
  width: 100%;
  background: #ffffff;
  border-radius: 20px;
  overflow: hidden;
}


/* Inner */

.fitbox .conta-inner-b {
  width: 100%;
}


/* Top image */

.fitbox .conta-inner-b > img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  margin: 0;
}


/* Content */

.fitbox .padd-box {
  padding: 40px 38px 46px;
  min-height: 274px;
  box-sizing: border-box;
}


/* List */

.fitbox .padd-box ul {
  margin: 0;
  padding: 0 0 0 0px;
}

.fitbox .col-md-4.offset-md-2 {
  margin: 0;
}

.fitbox .padd-box li {
  margin: 0 0 10px;
  padding-left: 0;
  font-family: Arial, sans-serif;
  font-size: 13px;
  line-height: 1.55;
  font-weight: 300;
  color: #171717;
}

.fitbox .padd-box li:last-child {
  margin-bottom: 0;
}

@media (max-width: 991px) {

  .fitbox {
      padding: 40px 20px 30px;
  }

  .fitbox .container {
      max-width: 760px;
  }

  .fitbox .row:nth-child(2) {
      gap: 20px;
  }

  .fitbox .col-md-4 {
      width: calc(50% - 10px);
  }

}

@media (max-width: 767px) {

  .fitbox {
      padding: 35px 15px 30px;
  }

  
  .fitbox .mb-2 {
      margin-bottom: 25px;
  }

  .fitbox .row:nth-child(2) {
      display: flex;
      flex-direction: column;
      gap: 20px;
  }

  .fitbox .col-md-4 {
      width: 100%;
  }

  .fitbox .padd-box {
      padding: 30px 28px 35px;
      min-height: auto;
  }

  .become-a-partner-pg .online-store-wrp .store-services-main.rightside ul li {
  padding-top: 30px;
}


.become-a-partner-pg .online-store-wrp .store-services-main ul li .icon-text p {
  width: 100%;
}

.become-a-partner-pg .online-store-wrp .store-services-main.rightside ul li .imgwrp img {
  right: 0;
  width: 360px;
}

.become-a-partner-pg .store-services-main.rightside h3 {
    width: 100%;
}

}

/* =========================================
  STARTERX PARTNERS MARQUEE
========================================= */

.fitwrap {
  overflow: hidden;
}

.fitwrap .marquee-row {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.fitwrap .marquee-track {
  display: flex;
  width: max-content;
  flex-wrap: nowrap;
  will-change: transform;
}

/* Individual cards */
.fitwrap .marquee-track .imgwrp {
  width: 305px;
  flex: 0 0 305px;
  box-sizing: border-box;
  margin: 5px;
}

/* -----------------------------------------
  ROW 1
  LEFT → RIGHT
----------------------------------------- */

.fitwrap .marquee-row-one .marquee-track {
  animation: marquee-left-right 65s linear infinite;
}

/* -----------------------------------------
  ROW 2
  RIGHT → LEFT
----------------------------------------- */

.fitwrap .marquee-row-two .marquee-track {
  animation: marquee-right-left 65s linear infinite;
}


/* LEFT → RIGHT */
@keyframes marquee-left-right {
  from {
      transform: translateX(-50%);
  }

  to {
      transform: translateX(0);
  }
}


/* RIGHT → LEFT */
@keyframes marquee-right-left {
  from {
      transform: translateX(0);
  }

  to {
      transform: translateX(-50%);
  }
}


/* Prevent accidental horizontal scrollbar */
.fitwrap {
  overflow-x: hidden;
}


/* =========================================
  RESPONSIVE
========================================= */

@media (max-width: 767px) {

  .fitwrap .marquee-track .imgwrp {
      width: 280px;
      min-width: 280px;
      flex-basis: 280px;
  }

  .fitwrap .marquee-row-one .marquee-track,
  .fitwrap .marquee-row-two .marquee-track {
      animation-duration: 28s;
  }

  .become-a-partner-pg .service-banner-sec {
  height: 100vh;
}

.become-a-partner-pg .bullet-box {
  padding-top: 0;
}

.become-a-partner-pg .online-store-wrp .store-services-main ul {
    height: 720px;
}

.become-a-partner-pg .online-store-wrp .col-md-5 {
    height: 720px;
}

.become-a-partner-pg .online-store-wrp {
    margin-bottom: 60px;
    margin-top: 60px;
}

.become-a-partner-pg .counterwrp, .become-a-partner-pg .testimonials {
  padding: 0px 0 50px 0;
}


}

.become-a-partner-pg .bullet-sec{background-color: #F8F8F8;}
.become-a-partner-pg .online-store-wrp h2{color:#fff;}


.hompg.home-ppg.home-pg .main-banner .btnwrp{display: flex;    align-items: center;    gap: 10px;}
.hompg.home-ppg.home-pg .main-banner .btnwrp .rating-people {    margin: 0 0 0px;}

.btn-1.two{background: unset;    color: #000;    padding: 0 0px 0;    font-size: 15px;-webkit-text-fill-color: transparent;    color: transparent;    display: inline-block;    background: linear-gradient(138deg, rgb(0, 0, 0) 15%, rgb(90, 46, 8) 30%, rgb(179, 93, 18) 52%, rgb(243, 154, 43) 84%, rgb(255, 242, 228) 100%) text;}
.btn-1.two img{animation: arrow-move-new 1.3s infinite;margin: -7px -4px 0 0;height: 30px;}
@keyframes arrow-move-new {
    0%,
    100% {
        transform: rotate(-10deg);
    }

    50% {
        transform: rotate(10deg);
    }
}


/*.revenue-box {flex-direction: column;align-items: center;justify-content: center;gap: 0 !important;padding: 10px 14px;height: 47px;}*/
/*.revenue-box>h5 {    color: #FF7B22;    line-height: 1;    font-size: 16px;    font-weight: 400;}*/
/*.revenue-box>h5.count{}*/
/*.revenue-box>h6 {color: var(--text-gray-1) !important;font-size: 53px !important;margin-top: 5px;}*/

/*.counter {position: relative;display: flex;overflow: hidden;align-items: center;height: 85px;margin: 0 0 0;line-height: 1;font-size: 66px;font-weight: 400;font-family: 'Outfit';width: min-content;}*/
/*.counter > span {  z-index: 1;  display: flex;  flex-direction: column;  height: 100%;  transition: transform 2s ease;  transform: translateY(0);  line-height: 1;}*/
/*.counter > span span {  flex: 0 0 100%;  height: 100%;}*/
/*.counter:nth-child(1) {  color: #FF7B22;}*/
/*.counter {    visibility: hidden;}*/
/*.counter.counter-ready {    visibility: visible;}*/

.revenue-box {height: auto;position: absolute;bottom: 370px;right: -7%;width: 100%;}
.revenue-box>h5 {    color: #FF7B22;    line-height: 1;    font-size: 16px;    font-weight: 400;}
.revenue-box>h5.count{}
.revenue-box>h6 {font-size: 22px; color: #000; font-weight: 400; margin: 0 0 13px; font-family: "Outfit", sans-serif;}

/*.counter {position: relative;display: flex;overflow: hidden;align-items: center;height: 190px;margin: 0 0 0;line-height: 1;font-size: 190px;font-weight: 800;font-family: 'Outfit';width: min-content;color: #f7991c;z-index: 1;mix-blend-mode: soft-light;}
.counter > span {  z-index: 1;  display: flex;  flex-direction: column;  height: 100%;  transition: transform 2s ease;  transform: translateY(0);  line-height: 1;}
.counter > span span {  flex: 0 0 100%;  height: 100%;}
.counter:nth-child(1) {color: #000000;}
.counter {    visibility: hidden;}
.counter.counter-ready {    visibility: visible;}
.revenue-box>h6 img{height: 30px;    width: auto !important;    margin: 0px 0 6px;    filter: hue-rotate(191deg);}
.counter > span span {  font-variant-numeric: tabular-nums;  text-align: center;}
.counter-suffix {  display: flex;  flex-direction: row;  align-items: center;  justify-content: center;  white-space: nowrap;  flex-shrink: 0;}
.counter-digit + .counter-digit {  margin-left: 0.04em;}*/


.counter {    position: relative;    display: block;    height: 190px;    margin: 0;    line-height: 1;    font-size: 190px;    font-weight: 800;    font-family: 'Outfit';    width: max-content;    color: #f7991c;    z-index: 1;    mix-blend-mode: soft-light;    font-variant-numeric: tabular-nums;}
.counter:nth-child(1) {    color: #000000;}
.revenue-box > h6 img {    height: 30px;    width: auto !important;    margin: 0 0 6px;    filter: hue-rotate(191deg);    width: 100%;}
.home-ppg .black-bg .col-md-6:nth-child(2) {/* height: 100vh; */}






.services-menu {    position: relative;}
.services-toggle {    display: inline-flex;    align-items: center;    gap: 15px;}
.services-arrow {    font-size: 45px;    font-weight: 400;    line-height: 1;    transition: transform 0.3s ease;}
.services-menu.open .services-arrow {    transform: rotate(45deg);}
.services-dropdown {    display: none;    margin: 35px 0 0px !important;    padding: 0 !important;}
.services-menu.open .services-dropdown {    display: block;    margin: 30px 0 0px;}
.services-dropdown li {    font-size: 24px !important;    line-height: 1.4 !important;    font-weight: 500 !important;    margin: 5px 0 !important;}
.services-dropdown li a {    color: #000;    display: inline-block;    text-decoration: none;   transition: transform 0.3s ease;}
.services-dropdown li a:hover {    transform: translateX(10px);}

.faq-pg .join-sec .joinsec-box{height:auto;}
.faq-pg .join-sec{    padding: 0px 0 0px;}
.faq-pg .faqwrp {    padding: 50px 0 200px;}