* {
    padding: 0;
    margin: 0 auto;
}



@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Book.eot');
    src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Book.woff2') format('woff2'),
        url('../fonts/Gotham-Book.woff') format('woff'),
        url('../fonts/Gotham-Book.ttf') format('truetype'),
        url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Gotham Book';
    src: url('../fonts/GothamBook.eot');
    src: url('../fonts/GothamBook.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamBook.woff2') format('woff2'),
        url('../fonts/GothamBook.woff') format('woff'),
        url('../fonts/GothamBook.ttf') format('truetype'),
        url('../fonts/GothamBook.svg#GothamBook') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GothamBold';
    src: url('../fonts/GothamBold.eot');
    src: url('../fonts/GothamBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamBold.woff2') format('woff2'),
        url('../fonts/GothamBold.woff') format('woff'),
        url('../fonts/GothamBold.ttf') format('truetype'),
        url('../fonts/GothamBold.svg#GothamBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {
     font-family: 'Gotham';
}


h1,
h2,
h3,
h4,
h5,
h6 {
     font-family: 'Gotham Book';
    
}
img{object-fit: cover;}
p{
    font-family: 'Gotham Book';
    font-size: 17px;
}
a,
a:hover {
    text-decoration: none;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    color:#000;
}

.form-control:focus{
    box-shadow:none;
    border-color:transparent;
    background-color: #efefef;
}
nav {
    padding: 20px 0 !important;
}
nav .nav-link {
    padding: 0 !important;
    color: #000000;
    font-size: 14px;
}
nav .nav-link:after{
    right: 0;
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0%;
    height: 2px;
    -webkit-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

nav .nav-link.btns {
    border: solid 1px #000;
    padding: 10px 30px !important;
    border-radius: 50px;
    font-size: 12px;
}
nav .nav-link.btns:after{
    display:none;
}


.btns {
    border: solid 1px #000;
    padding: 14px 30px;
    font-size: 12px;
    line-height: 11px; /* Make sure line-height matches font-size */
    color: #000000;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: center;
 font-family: 'Gotham Book';
}


.btns:hover{
    background:#000;
    color:#fff;
}
nav .nav-item {
    margin-right: 40px;
}
nav.fixed {
   background: #fff;
  box-shadow: 0px 0px 5px #00000036;
}
.grey{
      background: #fcfcfa;
}
.grey2{
    background:#E5E5E5;
}
.banner{
    /*height:100vh;*/
    height: 500px;
}
.caption .text-center{margin-top: 25px;}
.lightgrey{
    background:#F2F2F2;
}
.bg-black{
    background: #000;
}
.banner h1 {
    font-family: 'GothamBold';
    font-size: 60px;
    margin-bottom: 15px;
    color:#000;
}
.drop-in-3 {
 animation: drop-in-up 1s ease 200ms backwards;
}
.drop-in {
 animation: drop-in 1.5s ease 500ms backwards;
}

.drop-in-2 {
 animation: drop-in 2s ease 700ms backwards;
}

@keyframes drop-in {
 from {
  opacity: 0;
  transform: translateY(100px);
 }
 to {
  opacity: 1;
  transform: translate(0px);
 }
}
@keyframes drop-in-up {
 from {
  opacity: 0;
  transform: translateY(-100px);
 }
 to {
  opacity: 1;
  transform: translate(0px);
 }
}


.pad80{
    padding:80px 0;
}
.padt80{
    padding-top:80px;
}
.padb80{
    padding-bottom:80px;
}
.h4{font-size:36px;color:#000;margin-bottom:36px;line-height: 40px;}



.get-touch{
    width: 120px;
    height: 120px;
    background: #FCFCFA;
    color: #000000;
    display: block;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 11px;
    margin-right: 0;
    transition: all 0.5s ease;
     font-family: 'Gotham Book';
}

.get-touch:hover {
    background: #000;
    border: 1px solid #fff;
    color: #fff
}



.white{
    color:#fff;
}



footer{
   background:#000;
}

.number-cont {
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
}
.emailwidth {
    width: 50%;
    margin: 0;
}
.number-cont .numbers:first-child {
    border-right: 1px solid #707070;
}


.numbers span {
    display: inline-block;
    font-size: 15px;
    padding-right: 50px;
    color: #FFFFFF;
    margin: 0;
}

.numbers {
    padding:50px 0;
    width: 50%;
    display: flex;
    align-items: center;
}
.phonenumber{
    padding: 50px 0px 50px 50px;
    justify-content: space-between;
}
.numbers a {
    font-size: 28px;
    color: #fff;
    position: relative;
    margin: 0;
}

.numbers a:after{
    right: 0;
    content: "";
    background: #fff;
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0%;
    height: 2px;
    -webkit-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}
.numbers a:hover:after{
    width:100%;
}

.copyright {
    padding: 6px 0;
    font-size: 12px;
    color: #565656;
    background: #F2F2F2;
}

.articles-wrapper .d-flex, .articles-wrapper .articles-box{
    background:#F2F2F2;
}
.article-data {
    padding: 20px;
}
.article-data span {
    color: #565656;
    font-size: 12px;
}
.article-data h3 {
    font-size: 24px;
    padding: 13px 0;
    margin-bottom: 0;
    font-weight:600;
}
.article-data p {
    color: #353535;
    font-size: 16px;
}
.btns-line {
    font-size: 12px;
    color: #000;
    position: absolute;
    bottom: 16px;
}
.btns-line:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background: #000;
}

.marquee.home-marquee {
    animation: home-marquee 35s linear 0s infinite reverse;
}
.marquee {
    animation: marquee 25s linear 0s infinite reverse;
}
.justify-flex-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.client-logos .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    margin-left: -15px;
    margin-right: -15px;
    min-height: 0;
}
.marquee span {
    min-width: 150px;
    text-align: center;
}
.client-logos span {
    min-width: 250px;
}

.client-logos span img {
    max-width: 100%;
}
.client-logos {
    overflow: hidden;
    
}
.marquee img, .marquee svg {
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    max-width: 80px;
}

.client_wrapper {
    /* padding-bottom: 0; */
    background: #240253;
}
@-webkit-keyframes home-marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-1900px);
        transform: translateX(-1900px);
    }
}
@keyframes home-marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-1900px);
        transform: translateX(-1900px);
    }
}


.banner .position-relative:after {
   content: '';
    background: #f2f2f27a;
    position: absolute;
    top: -63px;
    max-width: 295px;
    min-height: 281px;
    border-radius: 50%;
    right: 0;
    left: -342px;
    margin: auto;
}

.span-width{
        width: 90px;
    display: inline-block;
}

.black-bg{
    background:#000;
}
.cashfree-wrapper h2, .cashfree-wrapper p{
    color:#fff;
}

.pres-box h2{
   font-size: 24px;
    margin-bottom: 24px;
     transition: all 0.5s ease;
}
.pres-box  p{
    transition: all 0.5s ease;
}
.pres-box h3 {
    font-size: 14px;
    position: absolute;
    bottom: 22px;
}
.pres-box span {
    font-size: 65px;
}
.pres-box {
    padding: 30px;
    height: 350px;
}
.pres-boxvideo{
    height:auto;
    position: relative;
    z-index:1;
    overflow:hidden;
    transition: all 0.5s ease;
}
.pres-boxvideo::before{
    content:"";
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #000;
    transition: all 0.5s ease;
    transform: translateY(100%);
}
.pres-boxvideo:hover::before{
    transform: translateY(0%);
}
.pres-boxvideo:hover h2{
    color: #fff;
}
.pres-boxvideo:hover p{
    color: #fff;
}
.color-white{
    color:#fff;
}

.border-right-grey{
    border-right: solid 2px #353535;
}

.bottom-grey{
    border-bottom:solid 6px #E5E5E5;
}

.bottom-black{
    border-bottom:solid 6px #000;
}

.twitter-trend{
    padding:30px;
}

.twitter-trend h3{
    font-size:22px;
    margin-bottom:30px;
}

.twitter_box {
    background: #fff;
    padding: 30px;
}

.twitter_box span {
    font-size: 65px;
}
.twitter_box p{
    font-size:14px;
    margin-bottom:0;
}

.black-shade h3{
    color:#fff;
}

.black-shade .twitter_box{
    background:#4C4C4C;
}
.black-shade .twitter_box span{
    color:#fff;
}

.black-shade .twitter_box p{
    opacity:0.6;
    color:#fff;
}
.grey-wrapper .pres-box{
    background:#E5E5E5;
}
.grey-wrapper h3, .grey-wrapper h2{
    color:#000;
}
.grey-wrapper .border-right-grey{
    border-right:solid 2px #dcdcdc;
}

.results-box h3{
    font-size:22px;
    margin-bottom:30px;
}
.results-box .results-no p{
    font-size:16px;
    padding:0px 0 10px;
    color:#353535;
}
.results-box .results-no span{
    font-size: 65px;
}
.results-box .line {
    background: #EEEEEE;
    height: 6px;
    margin-bottom: 16px;
}


.results-box .col-md-4:nth-child(2) .line{
     background: #EEEEEE;
}
.results-box .col-md-4:nth-child(3) .line{
     background: #E5E5E5;
}
.results-box .col-md-4:nth-child(4) .line{
     background: #D6D6D6;
}
.results-box .col-md-4:nth-child(5) .line{
     background: #C4C4C4;
}
.results-box .col-md-4:nth-child(6) .line{
     background: #A7A7A7;
}
.results-box .col-md-4:nth-child(7) .line{
     background: #9D9D9D;
}
.results-box .col-md-4:nth-child(8) .line{
     background: #8A8A8A;
}
.results-box .col-md-4:nth-child(9) .line{
     background: #6D6D6D;
}
.results-box .col-md-4:nth-child(10) .line{
     background: #6D6D6D;
}
.results-box .col-md-4:nth-child(11) .line{
     background: #545454;
}
.results-box .col-md-4:last-child .line{
    background:#353535;
}

.small, small {
    font-size: 100%;
    font-weight: 400;
}

.results-box .col-md-4{
    margin:0;
}

.fixed-bottom2 {
    position: absolute;
    bottom: 32px;
}

 .case-bb img {
            transition: opacity 0.5s ease-in-out;
            display: none;
        }
        .case-bb img.active {
            display: block;
            opacity: 1;
        }
        
/*form heading*/
.form-heading{
    font-size: 28px;
    margin-bottom: 30px;
}
.consultform{
    padding: 80px 0px 80px 40px;
}
.form-control{color: #000;background: transparent;border: 0;border-radius: 0;font-family: 'Gotham Book' !important;font-size: 12px;padding:0px 20px;height: 45px;position:relative;z-index:1;}
textarea.form-control{height: 69px;padding-top: 16px;color: #000;}
.placeholder{font-size: 12px;padding:0px 20px;color: #000;position: absolute;top: 14px;font-family: 'Gotham Book' !important;}
.placeholder sup{font-size: 16px;top: 0px;color: red;}
.form-group{margin-bottom: 10px;position: relative;}
.form-group_inner, .form-group_inner2{background: #efefef !important;}
.form-control::-ms-input-placeholder { color:#000000 !important;font-family: 'Gotham Book' !important;}
.form-control::placeholder {color:#000000 !important;font-family: 'Gotham Book' !important;}
/*.countrycode{margin: 0;width: 23%;margin-right: 2%;position: relative;}*/
/*.countrycode select{width: 100%;height: 100%;background: #efefef;border: 0;padding: 0px 15px;outline: none; appearance: none;*/
/*-webkit-appearance: none;-moz-appearance: none;z-index: 1;color: #000;font-family: 'Gotham Book' !important;font-size: 13px;}*/
.custom-arrow {position: absolute;right: 13px;top: 50%;transform: translateY(-50%);pointer-events: none;font-size: 20px;}
.formphonenumber{margin: 0;width: 75%;background: #efefef;}
.placeholder.active {display: none;transition: all 0.2s ease;}
.b2bbtn{font-family: 'Gotham Book';background: #000;font-size:12px;line-height:10px; padding:16px 0px; color: #fff;width:100%;border:0;border-radius:0;transition: all 0.5s ease;display: inline-flex;
    align-items: center;justify-content: center;border:1px solid #000;}
.b2bbtn:focus {box-shadow: none;}
.b2bbtn:hover{background:#fff;color: #000;}

/**/
.gridcontainer {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 21px; /* Adjust gap as needed */
      margin-top: 43px;
    }
    .box{
      width: 100%;
    }
    .grid-item {
      background-color: #fff;
      border: 1px solid #ccc;
      width: 100%;
    }
    
    .gridinner-container{
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 21px;
    }
    
    .marketsolution{
        width: 100%;
        height: 61px;
        padding:0px 14px;
        cursor: pointer;
        transition: all 0.5s ease;
    }
    .marketsolution:hover{
        background:#efefef;
    }
    .marketsolution-hd{margin:0;color:#353535;font-family: 'Gotham Book' !important;}
    .marketsolution img{margin-right:0;}
    
    .faq-main [aria-expanded="false"] {
        background-color: #fff;
    }
    .faq-main [aria-expanded="false"] .whitearrow{
        display: none;
    }

    .faq-main [aria-expanded="true"] {
        background-color: #000;
    }
    .faq-main [aria-expanded="true"] .blackarrow{
        display: none;
    }
    .faq-main [aria-expanded="true"] .whitearrow{
        display: inline-block;
    }
    .faq-main [aria-expanded="true"].marketsolution .marketsolution-hd{
        color: #fff;
    }
    
    .showmarketsolution{
        /*display: none;*/
        padding: 14px;
        border-top: 1px solid #00000030;
    }
    .showmarketsolution p{
        font-size: 14px;
        margin:0;
    }
    .readmore{
        margin-top:15px;
        display: inline-block;
        font-size: 12px;
        position: relative;
       font-weight: bold;
       font-family: 'Gotham Book';
    }
    .readmore::after{
         content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #000;
    height: 1px;
    transition: all 0.5s ease;
    }
    .readmore:hover::after{
        right:0;
        width: 0%;
        left:unset;
       
    }
    
    .case-box:hover .readmore::after{
         background: #fff;
    }
    
    .b2b-btn{margin:0;width: 176px;}
    .b2bbusiness{
        width: 1115px;
        position: absolute;
        height: 1760px;
        right: -50px;
        top: -1553px;
    z-index: -1;
   -webkit-animation-duration:1s;
   animation-duration:1s;
   animation-delay: 2s;
    -webkit-animation-fill-mode:both;
   animation-fill-mode:both;
   -webkit-animation-name:fadeInDown;
   animation-name:fadeInDown
    }
    
    @keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform: translatey(-1000px);
        -moz-transform: translatey(-1000px);
        -o-transform: translatey(-1000px);
        transform: translatey(-1000px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
    
    .b2bbusiness img{width: 100%; height: 100%;}
    

    
    .brandpara{width: 839px;}
    .brandgrid{margin-top: 50px;display: grid;grid-template-columns: repeat(5, 1fr);gap: 4px;}
    .brandgridcol{height: 130px;width:100%;background:#E8E8E8;display: flex;align-items:center;justify-content: center;transition: all 0.5s ease;}
    .brandgridcol:hover{background: #000;}
    .brandlogo2{display: none;}
    .brandgridcol:hover .brandlogo{display: none;}
    .brandgridcol:hover .brandlogo2{display: block;}
    
    /*case studies*/
    .case-box {background: #F2F2F2;height: 100%;overflow:hidden;}
    .cash-outer .row .col-md-6{margin-bottom: 30px;}
    .cash-outer{margin-top: 40px;}
    .case-box .overflow-hidden img{transition: all 0.5s ease;}
    .case-box:hover img {transform: scale(1.2);}
    .case-box .case-data {padding: 40px;overflow:hidden;position: relative;height:100%;z-index: 1;}
    .case-box .case-data::after{content:'';position: absolute;bottom:0;left:0;width: 100%;height: 100%;background:#000;z-index: -1;transform:translateY(100%);transition: all 0.5s ease;}
    .case-box h3 {font-size: 30px;margin-bottom: 16px;color: #000;transition: all 0.5s ease;}
    .case-box p {color: #353535;font-size: 16px;transition: all 0.5s ease;}
    .case-box {transition: all 0.5s ease;}
    .casestudy{width: 188px;display:inline-flex;}
    .firstpara{margin-bottom: 30px;}
    .case-box:hover h3{color: #fff;}
    .case-box:hover p{color: #fff;}
    .case-box:hover .case-data::after{transform:translateY(0%);}
    .case-box:hover .readmore{color: #fff;}
    
    .b2bcontant{padding-right: 88px;}
    #approach{background-image: linear-gradient(to right, #F2F2F2 50% , #fff 50%);}
    .readmore.showmore{font-size: 12px;}
    .readmore.showmore::after{background: #fff;}
    .readmore{transition: all ease-in-out 0.4s;}
    .requestcallmob {bottom: 0;
    width: 100%;
    padding: 12px 0px;
    background: #000;
    color: #fff !important;
    font-family: 'Gotham Book';
    font-size: 12px;
    justify-content: center;
        opacity:0;
        z-index:1;
        transition: opacity 0.5s ease-in-out;
        box-shadow: 0px 0px 5px #fff;
    }
    
    /*.blackcclogo{display: block;}*/
    /*.whitecclogo{display: none;}*/
    label.error{font-size: 11px;color: red;margin-left: 20px;}
    .ccvideo{height:650px;}
    .ccvideo video{height:650px;object-fit: cover;}
    
    .loader {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.9);
}
.spinner-border {
    margin: 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
   .pres-boxdigital .row .col-md-6 {margin-top: 30px;}
   .pres-boxdigital .row .col-md-6.fstch1,
   .pres-boxdigital .row .col-md-6.fstch2 {
    margin-top: 0px;
}
   .pres-boxdigital .row{margin-top: 20px;}
   .pres-boxdigital .row .col-md-6 .pres-boxvideo{height: 100%;}
   .panaimg{margin-top: 3rem;}
   
/*   .social_icon {*/
/*    text-align: center;*/
/*    max-width: 360px;*/
/*}*/
.social_icon a {
    text-align: center;
}
.social_icon i {
    font-size: 14px;
    margin: 0 3px;
    width: 40px;
    height: 40px;
    background: #fff;
    color: #000000;
    line-height: 40px;
    border: solid 1px #000;
    transition: all ease-in-out 0.5s;
}
.blackcclogo{object-fit: contain;}

.shgrd .col-lg-3,.shgrd .col-md-6{margin:30px 0 0 0; display:none;}
.solutions_grid{ width:100%; height:100%; overflow:hidden; transition:all 0.85s ease; position:relative; padding:0px; z-index:1; border-bottom:1px solid #4f4f4f;}
.solutions_grid:after{content:""; width:0%; height:0.8px; background:#fff; position:absolute; bottom:0; right:0; transition:all 0.85s ease;}
.solutions_grid:hover:after{ width:100%; right:unset; left:0;}
.solutions_icon{ width:100%;}
.solutions_icon img{ width:80px; margin-bottom:15px; transition:all 0.85s ease; transform:scale(1);}
.solutions_icon svg{ width:80px; margin-bottom:15px; stroke: #fff; transition:all 0.85s ease; transform:scale(1); fill: none;} 
.solutions_text{ width:100%;}
.solutions_text h3{color:#fff; font-size:14px; margin-bottom:15px; text-transform: uppercase; font-weight:bold; transition:all 0.55s ease;}
.solutions_text p{transition:all 0.55s ease; color:#fff; font-size:13px}

.loadbtn{font-family: 'Gotham Book';background: #fff;font-size:12px;line-height:10px; padding:16px 25px; color: #000;width:100%;border:0;border-radius:0;transition: all 0.5s ease;display: inline-flex;
    align-items: center;justify-content: center;border:1px solid #fff;}
.loadbtn:focus {box-shadow: none;}
.loadbtn:hover{background:#000; border-color:#fff; color: #fff;}

.spinner-load{position:fixed;right:0;left:0;bottom:0;top:0;background:rgb(0 0 0 / 51%);z-index:999;display:flex;align-items:center;justify-content:center}
.spinner-border{color:#fff}