@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
    --poppins-font: "Poppins", sans-serif; /* First font family */
    --circularStd-font: 'Circular Std'; /* Second font family */
}
html {scroll-behavior: smooth; }
body::-webkit-scrollbar{display: none;}
body{font-family: var(--poppins-font);overflow-x: hidden;}  
a{text-decoration: none;}
p{font-family: var(--poppins-font);margin-bottom: 0;font-size: 18px;color: rgb(96, 96, 96);line-height: 1.667;font-weight: 300;}
button{border: none!important;}
button:focus{box-shadow: unset!important;}
ul{list-style: none;padding-left: 0;}
h1, h2, h3 ,h4, h5, h6{margin-bottom: 0;font-family: var(--circularStd-font);}
.txt-orange{color: rgb(255, 0, 0);}
.txt-black{color: rgb(31, 31, 31);}
.heading{font-size: 48.43px;font-family: var(--circularStd-font);font-weight: bold;line-height: 1.252;}
.sub-heading{font-size: 40px;font-family: var(--circularStd-font);font-weight: 500;line-height: 1.2;}
.gap-10{gap: 10px;}
.gap-20{gap: 20px;}
.o-hidden{overflow: hidden;}
.z-9{z-index: 9;}
.mw-800{max-width:800px;margin-left:auto;margin-right:auto;}


/* button css */
.btn-orange{background-color: rgb(255, 0, 0);box-shadow: 0px 10px 10px 0px rgba(0, 11, 40, 0.06);}
.btn-black{background-color: rgb(0, 0, 0);box-shadow: 0px 10px 10px 0px rgba(0, 11, 40, 0.06);}
.button_su{overflow: hidden;position: relative;display: inline-block;border-radius: 500px;}
.su_button_circle{background-color: #000000;border-radius: 1000px;position: absolute;left:0;top:0;width: 0px;height: 0px;margin-left: 0px;margin-top: 0px;pointer-events: none;}
.button_su_inner{display: inline-block;border-radius: 3px;transition: 400ms;z-index: 100000;box-shadow: 0px 10px 10px 0px rgba(0, 11, 40, 0.06);font-size: 16px;font-family: var(--circularStd-font);color: #fff;line-height: 1.2;text-align: center;font-weight: 500;border-radius: 500px;padding: 14px 22px;display: flex;align-items: center;justify-content: center;width: max-content;}
.button_su_inner.btn-black{padding: 14px 40px;}
.button_su_inner:hover{color: #fff;}
.button_text_container{position:relative;z-index: 10000;}
.explode-circle {animation: explode 0.5s forwards;}
.desplode-circle{animation: desplode 0.5s forwards;}
@keyframes explode {0% {width: 0px;height: 0px;margin-left: 0px;margin-top: 0px;background-color: rgba(0, 0, 0, 0.8);}100% {width: 400px;height: 400px;margin-left: -200px;margin-top: -200px;background-color: rgba(0, 0, 0, 1);}}  
@keyframes desplode {0% {width: 400px;height: 400px;margin-left: -200px;margin-top: -200px;background-color: rgba(0, 0, 0, 0.8);}100% {width: 0px;height: 0px;margin-left: 0px;margin-top: 0px;background-color: rgba(0, 0, 0, 0.6);}}
  



/* STICKY STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-header.fixed {position: fixed;background: #fff;top: 0;width: 100%;box-shadow: 0 2px 5px rgba(0,0,0,.2);animation: slideDown .8s ease;z-index: 99;}
@keyframes slideDown {from {transform: translateY(-100%);}to {transform: translateY(0);}}
.page-header.fixed .navbar-toggler img{border-radius: 50%;border: 1px solid #000;}


/* HEADER */
header{position: absolute;padding-top: 6px;padding-bottom: 6px;border-bottom: 1px solid rgb(255 255 255 / 22%);left: 0;right: 0;z-index: 99;top: 0;padding-left: 20px;padding-right: 20px;}
header .mainNav .container{align-items: start;} 
/* header .offcanvas{z-index: 99999;background: #040827;width: 100%;top: 0;left: 0;padding: 0px 24px;transform: translateX(-100%);transition: transform 0.6s ease-in-out;} */
header .offcanvas-header{padding-top: 24px;z-index: 99;}
header .offcanvas-body{-ms-overflow-style: none;scrollbar-width: none;  }
header .offcanvas-body::-webkit-scrollbar {display: none;}
header .canvaMenu li{margin-bottom: 18px;}
header .canvaMenu li .nav-link{color: #fff;font-size: 46px;font-weight: 500;font-family: var(--circularStd-font);line-height: normal;text-transform: uppercase;display: inline-block;}
/* header .canvaRightMenu li {margin-bottom: 18px;}
header .canvaRightMenu li .nav-link{text-decoration: underline;color: #ffffff;font-size: 16px;font-weight: 400;font-family: var(--circularStd-font);line-height: normal;text-transform: uppercase;display: inline-block;}
header .canvaRightMenu li h6{color: #fff;font-size: 18px;font-weight: 500;font-family: var(--circularStd-font);line-height: normal;text-transform: uppercase;} */
header .canvaRightMenu h6 {font-size: 24px;color: rgb(255, 0, 0);line-height: 1.2;font-weight: 500;}
header .canvaRightMenu ul li, header .canvaRightMenu ul li a {display: flex;align-items: center;gap: 20px;font-size: 16px;font-family: var(--poppins-font);color: rgb(207, 207, 207);line-height: 1.375;font-weight: 300;}
header .canvaMenu li .nav-link:hover, header .canvaRightMenu li .nav-link:hover{color: rgb(255, 0, 0);}
header .mainNav .container{align-items: center;}
header .desktopNum{gap: 10px;align-items: center;}
header .desktopNum a, header .desktopNum span{font-size: 18px;font-family: var(--circularStd-font);color: #fff;font-weight: 500;line-height: normal;}
header.fixed .desktopNum a, header.fixed .desktopNum span{color: rgb(255,0,0);}
header .desktopToggle{gap: 16px;}
header .offcanvas {position: fixed;top: 0;left: 0;width: 100%;height: 100%;color: #fff;opacity: 1;pointer-events: none;z-index: 99999;padding: 0px 24px;background: linear-gradient(384deg, rgba(255, 0, 0, 1) -68%, rgba(4, 8, 39, 0.9) 65%, rgba(4, 8, 39, 0.9) 100%);transform: scale(0) rotate(270deg);transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s ease-in-out;transform-origin: center;}
header .offcanvas.show {opacity: 1;pointer-events: auto;transform: scale(1) rotate(0deg); /* final state: full size, no rotation */}
header .offcanvas-backdrop{background-color: #040827!important;}
header .socialMenu {display: flex;align-items: center;gap: 18px;}
.page-header .stickyLogo, .page-header.fixed .nostickyLogo{display:none}
.page-header.fixed .stickyLogo{display:block}



/* slider css start */
.slider-sub-heading div{font-family: var(--circularStd-font)!important;font-weight: bold!important;}
.slider-heading div{font-family: var(--circularStd-font)!important;font-weight: bold!important;}
.slider-desccription p{font-family: var(--poppins-font)!important;font-weight: 300!important;}
.slider-light-heading div{font-family: var(--poppins-font)!important;font-weight: 300!important;}
.n2-bullet{font-family: var(--poppins-font)!important;}
.n2-ss-caption::after{content: ''!important;color: red;width: 20px;height: 20px;position: relative;display: block;}
div#n2-ss-2 .n2-ss-control-bullet-fullsize > .nextend-bullet-bar{align-items:start;}
div#n2-ss-2 .n2-font-381b16fbe8ef87cd4c869d86e1470dc6-simple{font-size: 15px!important;font-family: var(--poppins-font)!important;;color: #fff!important;line-height: 1.867!important;font-weight:400!important;opacity: 0;transition: opacity 1s;}
div#n2-ss-2 .n2-active .n2-font-381b16fbe8ef87cd4c869d86e1470dc6-simple{color: rgb(255, 0, 0)!important;opacity:1}
div#n2-ss-2 .n2-style-8ad5048b81c3c254e5a4ea951ba18f46-dot{opacity:1!important}
div#n2-ss-2 .n2-thumbnail-dot{min-height:28px!important;grid-template-columns: auto 0fr!important;}
.bullet-line{width: 15px;height: 2px;background: #fff;position: relative;display: block;}
.n2-active .bullet-line{width:30px;background:rgb(255, 0, 0)!important;}
div#n2-ss-2 .n2-style-2739b1900457e2ecd31ec4542405170e-simple{display: flex;align-items: center;gap: 14px;justify-content: flex-end;width:auto!important;padding: 0px 10px 0px 10px!important;}
div#n2-ss-2 .n2-thumbnail-dot:hover .n2-font-381b16fbe8ef87cd4c869d86e1470dc6-simple {opacity:1!important}

/*HERO SECTION*/
.hero-section {
      position: relative;
      width: 100%;
      min-height: 100vh;
      display: flex;
      align-items: center;
      overflow: hidden;
      padding-left:20px;
      padding-right: 20px;
    }

    /* ── VIDEO BACKGROUND ── */
    .hero-video {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      z-index: 0;
    }

    /* ── DARK OVERLAY ── */
    .hero-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(
        105deg,
        rgba(0,0,0,0.88) 0%,
        rgba(0,0,0,0.70) 50%,
        rgba(0,0,0,0.35) 100%
      );
      z-index: 1;
    }

    /* ── CONTENT ── */
    .hero-content {
      position: relative;
      z-index: 2;
      padding-top:120px;
      padding-bottom:80px;
    }

    /* Sub heading */
    .hero-subheading {
      font-family: var(--circularStd-font);
      font-size: 16px;
      font-weight: 700;
      text-transform: uppercase;
      color: rgb(255, 0, 0);
      margin-bottom: 18px;
      opacity: 0;
      animation: fadeUp 0.7s ease forwards 0.2s;
    }

    /* Main heading */
    .hero-heading {
      font-family: var(--circularStd-font);
        font-size: clamp(1.6rem, 7vw, 2.5rem);
        line-height: 1.05;
        color: #fff;
        font-weight: bold;
        margin-bottom: 24px;
        opacity: 0;
        animation: fadeUp 0.7s ease forwards 0.4s;
    }

    .hero-heading span {
      position: relative;
      display: inline-block;
    }

    .hero-heading span::after {
      content: '';
      position: absolute;
      bottom: 4px;
      left: 0;
      width: 100%;
      height: 3px;
      background: rgb(255, 0, 0);
    }

    /* Paragraph */
    .hero-para {
      font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
    color: #fff;
    max-width: 560px;
    opacity: 0;
    animation: fadeUp 0.7s ease forwards 0.6s;
    }


    /* Awards / Logos */
    .hero-awards {
      opacity: 0;
      margin-top: 24px;
      animation: fadeUp 0.7s ease forwards 1s;
    }

    .hero-awards p {
      font-size: 15px;
        font-weight: 300;
        text-transform: uppercase;
        color: #bebebe;
        margin-bottom: 18px;
    }


 /* Animations */
    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(28px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    /* Responsive */
    @media (max-width: 768px) {
      .hero-content { padding: 100px 0 60px; }
      .logo-badge { width: 52px; height: 52px; }
    }

/* our services start */
.ourServiceSec{margin-top: 84px;}
.ourServiceSec .servicesTabs .servicestab{padding-left: 40px;position: relative; cursor: pointer;font-size: 15px;font-weight: 400;font-family: var(--poppins-font);color: rgb(180, 180, 180);line-height: 1.3;margin-bottom: 10px;}
.ourServiceSec .servicesTabs .slick-current {color: rgb(255, 0, 0);}
.ourServiceSec .servicesTabs .slick-current::before{content: '';background-image: url(../img/next-ico.png);background-position: center;background-size: contain;background-repeat: no-repeat;width: 29px;height: 16px;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.ourServiceSec .ourServiceSlider .slick-track{padding-top: 54px;padding-bottom: 54px;}
@media (min-width: 576px){.ourServiceSec .ourServiceSlider{padding-left: calc((100vw - 540px) / 2);}}
@media (min-width: 768px){.ourServiceSec .ourServiceSlider{padding-left: calc((100vw - 720px) / 2);}}
@media (min-width: 992px){.ourServiceSec .ourServiceSlider{padding-left: calc((100vw - 960px) / 2);}}
@media (min-width: 1200px){.ourServiceSec .ourServiceSlider{padding-left: calc((100vw - 1140px) / 2);}}
@media (min-width: 1400px){.ourServiceSec .ourServiceSlider{padding-left: calc((100vw - 1320px) / 2);}}
.ourServiceSec .ourServiceSlider .slick-slide > div{height: 100%;}
.ourServiceSec .ourServiceSlider .item{border-radius: 10px;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 66px 0px rgba(34, 35, 40, 0.07);padding:32px 44px;border: 1px solid #f3f3f3;height: 100% !important;}
.ourServiceSec .ourServiceSlider .item h4{font-size: 22px;color: rgb(31, 31, 31);line-height: 1.2;font-weight: 500;}
.ourServiceSec .ourServiceSlider .item img{max-height:47px;}
.ourServiceSec .ourServiceSlider .item p{font-size: 16px;color: rgb(96, 96, 96);line-height: 1.75;font-weight: 300;}
.ourServiceSec .ourServiceSlider .slick-current.item{background-color: rgb(255, 0, 0);}
.ourServiceSec .ourServiceSlider .slick-current.item h4, .ourServiceSec .ourServiceSlider .slick-current.item p{color: #fff;}
.ourServiceSec .ourServiceSlider .slick-current.item img{filter: brightness(0) invert(1);}
.ourServiceSec .ourServiceSlider .slick-slide {margin-right: 20px;}
.ourServiceSec .ourServiceSlider .slick-slide:last-child {margin-right: 0;}
.ourServiceSec .mobTabsSlider{display: none;}
.ourServiceSec .mobTabsSlider .mobServicestab{position: relative; cursor: pointer;font-size: 15px;font-weight: 400;font-family: var(--poppins-font);color: rgb(180, 180, 180);line-height: 1.3;margin-bottom: 10px;}
.ourServiceSec .mobTabsSlider .slick-current span{color: rgb(255, 0, 0);}
.ourServiceSec .mobTabsSlider .slick-prev:before, .ourServiceSec .mobTabsSlider .slick-next:before{color: rgb(255, 0, 0);background: #fff;font-size: 24px;}
.ourServiceSec .mobTabsSlider .slick-next{right: 0;z-index: 9;}
.ourServiceSec .mobTabsSlider .slick-prev{left: 0;z-index: 9;}
.ourServiceSec .mobTabsSlider .slick-slide{margin-right: 20px;}
.ourServiceSec .mobTabsSlider .slick-slide:last-child {margin-right: 0;}


/* our work section start */
.ourWorkSec{margin-top: 84px;padding-top: 54px;padding-bottom: 54px;background-color: rgb(255, 0, 0);}
.ourWorkSec .container-fluid{max-width: 95%;margin: auto;}
.ourWorkSec .skip{font-size: 16px;font-family: var(--poppins-font);color: rgb(255, 255, 255);text-transform: uppercase;line-height: 2.5;font-weight: 400;text-align: center;display: inline-block;position: absolute;top: 0;right: 18px;}
.ourWorkSec h2{font-weight: 500;font-size: 48px;color: rgb(255, 255, 255);line-height: normal;}
.ourWorkSec .ourWorkTabs{border: 0;margin-bottom: 54px;flex-direction: column;gap: 10px;}
/*.ourWorkSec .ourWorkTabs button{padding: 0 8px; font-size: 16px;font-family: var(--poppins-font);color: rgb(223 223 223);line-height: 2.5;font-weight: 400;cursor: pointer;}*/
.ourWorkSec .ourWorkTabs button{padding: 0; font-size: 22px;font-family: var(--poppins-font);color: rgb(223 223 223);line-height: 2.5;font-weight: 400;cursor: pointer;width: 100%;text-align: left;border-bottom: 1px solid #ffffff6b !important;}
.ourWorkSec .ourWorkTabs button.active {color: #fff;border-bottom: 1px solid #fff!important;background: unset;}
.ourWorkBottomContent{display:none !important;}
.ourWorkSec .ourWorkBottomContent h3{font-size: 30px;color: rgb(255, 255, 255);line-height: 1.333;font-weight: 500;}
.ourWorkSec .ourWorkBottomContent p, .ourWorkSec .ourWorkBottomContent ul li{font-size: 16px;color: rgb(255, 255, 255);line-height: 1.75;font-weight: 400;}
.ourWorkSec .ourWorkBottomContent ul{display: flex;gap: 10px 31px;list-style: outside;padding-left: 1rem;flex-wrap: wrap;}

/* .ourWorkSec .sliderFrame{overflow: hidden;}
.ourWorkSec .sliderFrame img {transition: transform 1s ease-in-out;} */
.sliderFrame-custom-arrows .slick-prev{left: unset;z-index: 999;left: 14px;}
.sliderFrame-custom-arrows .slick-next{left: 47px;z-index: 999;}
.sliderFrame-custom-arrows .slick-next, .sliderFrame-custom-arrows .slick-prev{border-radius: 84%;top: 21px;}
.sliderFrame-custom-arrows .slick-prev:before, .sliderFrame-custom-arrows .slick-next:before{font-size: 24px;color: white;background: red;border-radius: 50%;opacity: 1;}
#mobile-app .sliderFrame-custom-arrows .slick-prev{left: 58px!important;}
#mobile-app .sliderFrame-custom-arrows .slick-next{left: 91px!important;}
.ourWorkSec #mobile-app .skip{right: 56px!important;}


.ourWorkSec .sliderFrame .website-frameSlider{cursor: grab;}
.ourWorkSec .sliderFrame{border: 10px solid #000;border-radius: 25px;overflow: hidden;height: 596px;}
.ourWorkSec .featuredImgDiv{overflow: hidden;position: relative;}
.ourWorkSec .featuredImgDiv .featuredImg{height: auto;width: 100%;cursor: pointer;transition: transform 0.3s ease;}
.ourWorkSec .featuredImgDiv:hover .featuredImg{transform: scale(0.98);}
.ourWorkSec .featuredImgDiv .overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 98%;margin: auto; height: 98%;background-color: rgba(0, 0, 0, 0.1);opacity: 0;transition: opacity 0.3s ease;cursor: pointer;}
.ourWorkSec .featuredImgDiv:hover .overlay{opacity: 1;}
.ourWorkSec .stickySidebar {position: -webkit-sticky;position: sticky;top: 134px;height: 100%;}
.ourWorkSec #mobile-app .row .col-md-6:last-child{display: flex;flex-wrap: wrap;gap: 16px 0px;justify-content: space-between;}
/* .ourWorkSec .tab-pane .row .col-md-6:last-child, .ourWorkSec .container-fluid > .row > .col-lg-9{min-height:100vh;} */
.ourWorkSec #mobile-app .row .col-md-6:last-child .featuredImgDiv{width: 48.2%;margin-bottom: 0px!important;}
.ourWorkSec #mobile-app .sliderFrame{max-width: 340px;margin: auto;height: auto;}
.ourWorkSec #mobile-app .mobileFeaturedSlider .slick-slide img{width: auto;margin: auto;border: 10px solid #000;border-radius: 25px;overflow: hidden;}
.ourWorkSec .slick-slide img{width: 100%;}
.ourWorkSec .mobileFeaturedSlider{width: 100%;margin-top: 32px;display: none;}
.custom-arrows{position: relative;display: none;}
.custom-arrows .slick-prev{left: unset;z-index: 9;right: 32px;}
.custom-arrows .slick-next{right: 0px;z-index: 9;}
.custom-arrows .slick-next, .custom-arrows .slick-prev{border-radius: 84%;top: -8px;}
.custom-arrows .slick-prev:before, .custom-arrows .slick-next:before{font-size: 24px;color: white;background: red;border-radius: 50%;opacity: 1;}
.mobileFeaturedSlider .slick-dots li button:before{color: #fff;opacity: .45;}
.mobileFeaturedSlider .slick-dots li.slick-active button:before{color: #fff;opacity: 1;}
#ourWorkLightBox {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);display: none;justify-content: center;align-items: center;z-index: 99999;overflow-y: auto;padding-top: 32px;padding-bottom: 32px;}
#ourWorkLightBox.show {display: flex;justify-content: center;align-items: center;}
#ourWorkLightBox .lightbox-content {max-width: 100%;max-height: 100%;display: block;margin: auto;}
#ourWorkLightBox .lightbox-content img {max-width: 80%;max-height: 100%;display: block;margin: auto;}
#ourWorkLightBox .prev, #ourWorkLightBox .next {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 16px;margin-top: -22px;color: white;font-weight: bold;font-size: 18px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;position: fixed;}
#ourWorkLightBox .prev{left: 0;border-radius: 3px 0 0 3px;}
#ourWorkLightBox .next {right: 0;border-radius: 3px 0 0 3px;}
#ourWorkLightBox .prev:hover, #ourWorkLightBox .next:hover {background-color: rgba(0, 0, 0, 0.8);}
#ourWorkLightBox .close {position: fixed;top: 10px;right: 10px;color: white;font-size: 24px;cursor: pointer;}
#ourWorkLightBox .counter {position: fixed;bottom: 0px;left: 50%;transform: translateX(-50%);color: white;width: 100%;font-size: 16px;display: flex;justify-content: center;background: #0202024d;padding: 10px;}
#website .website-frameSlider, #branding .website-frameSlider{height: 596px;overflow: hidden;position: relative;}
#website .website-frameSlider .slick-slide, #branding .website-frameSlider .slick-slide{position: relative;overflow: hidden;height: 596px;}
#website .website-frameSlider .slick-slide img, #branding .website-frameSlider .slick-slide img{position: absolute;top: 0;left: 0;width: 100%;transition: top 10s linear;}
.slick-dots{position:relative;}

/* our work video tabs */
.ourWorkSec .vContainer{height: 315px;width: 100%;border: 10px solid #000;border-radius: 25px;overflow: hidden;}
.ourWorkSec .vContainer iframe{width: 100%;height: 100%;object-fit: cover;}
.ourWorkSec .vContainer video{width: 100%;height: 100%;object-fit: cover;}



/* featured section start */
.featuredSec{margin-top: 114px;}
.featuredSec p{max-width: 603px;margin: 10px auto 0 auto;text-align: center;color: rgb(96, 96, 96);line-height: 1.75;font-size: 16px;font-weight: 300;}
.featuredSec .featuredRow{margin-top: 54px;gap: 24px 0px;justify-content: center;}
.featuredSec .imgBox{border: 1px solid rgb(215, 215, 215);border-radius: 10px;padding: 20px;height: 100%;display: flex;justify-content: center;align-items: center;min-height: 150px;}


/* about us section start */
.aboutSec{margin-top: 114px;background: #2C2C2C;padding-top: 120px;padding-bottom: 120px;position: relative;}
@media (min-width: 576px){.aboutSec .row .col-lg-7{padding-right: calc((100vw - 540px) / 2);}}
@media (min-width: 768px){.aboutSec .row .col-lg-7{padding-right: calc((100vw - 720px) / 2);}}
@media (min-width: 992px){.aboutSec .row .col-lg-7{padding-right: calc((100vw - 960px) / 2);}}
@media (min-width: 1200px){.aboutSec .row .col-lg-7{padding-right: calc((100vw - 1140px) / 2);}}
@media (min-width: 1400px){.aboutSec .row .col-lg-7{padding-right: calc((100vw - 1320px) / 2);}}
.aboutSec h2{font-size: 80px;font-weight: 700;}
.aboutSec h2 span{font-size: 98px;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #F33;font-weight: 700;color: transparent;}
.aboutSec .w-mark{display: block; font-size: 220px;line-height: 220px;font-weight: 800;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #BBB;color: transparent;position: absolute;top: 20px;right: 0;opacity: 0.3;z-index: 0;}
.aboutSec .contentBox{padding-left: 64px;}
.aboutSec .contentBox h6{color: #ECECEC;font-size: 30px;font-family: var(--poppins-font);font-weight: 400;line-height: 50px;}
.aboutSec .contentBox p{color: #D2D2D2;line-height: normal;}
.aboutSec .aboutMainImage, .aboutSec .aboutMobMainImage{margin-top: 100px;}
.aboutSec .aboutMainImage img{height: max-content;}
.aboutSec .aboutMainImage .col-md-4{display: flex;flex-wrap: wrap;}
.aboutMobMainImage{display: none;}

/* Technologies section */
.technoSec{margin-top: 84px;padding-top: 76px;padding-bottom: 76px;position: relative;}
.technoSec .technoBg{position: absolute;right: 0;top: 0;bottom: 0;height: 100%;width: calc(100% - 63%);z-index: -9;}
.technoSec .technoTabs .technotab{padding-left: 40px;position: relative; cursor: pointer;font-size: 24px;font-weight: 400;font-family: var(--poppins-font);color: rgb(180, 180, 180);;line-height: 1.3;margin-bottom: 14px;}
.technoSec .technoTabs .technotab.active {color: rgb(255, 0, 0);}
.technoSec .technoTabs .technotab.active::before{content: '';background-image: url(../img/next-ico.png);background-position: center;background-size: contain;background-repeat: no-repeat;width: 29px;height: 16px;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.technoSec .technoContent {opacity: 0;transition: opacity 0.3s ease; height: 0; overflow: hidden; }
.technoSec .technoContent.active {opacity: 1;height: auto; }
.technoSec .technoTabBox {padding: 44px 44px;border-radius: 10px;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 103px 0px rgba(34, 35, 40, 0.07);}
.technoSec .technoTabBox .technoContent .d-flex{gap: 10px 6px;}
.technoSec .technoTabBox .technoContent .d-flex > div{width: 24%;}
.technoSec .technoTabBox .technoContent .d-flex > div.tech-head{width: 100% !important;margin-top: 20px;}
.technoSec .technoTabBox .technoContent .d-flex > div.tech-head:first-child{margin-top:0 !important;}
.technoSec .technoTabBox .technoContent .d-flex > div h6{font-size: 16px;font-family: var(--poppins-font);color: rgb(96, 96, 96);line-height: 1.3;text-align: center;font-weight: 300;}
.technoSec .technoTabBox .technoContent .d-flex > div.tech-head h6{font-size:20px !important; font-weight: 600 !important; text-align: left !important;}


/* Bussiness Solution start */
.bSolutionSec{margin-top: 84px;}
.bSolutionSec p{max-width: 728px;margin: 10px auto 0 auto;text-align: center;color: rgb(96, 96, 96);line-height: 1.75;font-size: 16px;font-weight: 300;}
.bSolutionSec .bSolutionSlider .owl-stage{padding-top: 54px;padding-bottom: 54px;}
@media (min-width: 576px){.bSolutionSec .bSolutionSlider{padding-left: calc((100vw - 540px) / 2);}}
@media (min-width: 768px){.bSolutionSec .bSolutionSlider{padding-left: calc((100vw - 720px) / 2);}}
@media (min-width: 992px){.bSolutionSec .bSolutionSlider{padding-left: calc((100vw - 960px) / 2);}}
@media (min-width: 1200px){.bSolutionSec .bSolutionSlider{padding-left: calc((100vw - 1140px) / 2);}}
@media (min-width: 1400px){.bSolutionSec .bSolutionSlider{padding-left: calc((100vw - 1320px) / 2);}}
/*.bSolutionSec .bSolutionSlider .item{border-radius: 10px;background-color: rgb(0, 0, 0);box-shadow: 0px 20px 27px 0px rgba(34, 35, 40, 0.14);height: 402px;width: 100%;}*/
.bSolutionSec .bSolutionSlider .item{border-radius: 10px;box-shadow: 0px 20px 27px 0px rgba(34, 35, 40, 0.14);height: 450px;width: 100%;}
/*.bSolutionSec .bSolutionSlider .item img{object-fit: cover;height: 100%;width: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 10px;}*/
.bSolutionSec .bSolutionSlider .item img{width: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 10px;}
.bSolutionSec .bSolutionSlider .item .contentBox{border-radius: 10px;background-color: rgb(255, 255, 255);position: absolute;padding: 20px;width: 91%;bottom: 30px;margin: auto;left: 0;right: 0;text-align: center;z-index: 9;display: flex;justify-content: center;align-items: center;}
.bSolutionSec .bSolutionSlider .item .contentBox h6{font-size: 20px;color: rgb(31, 31, 31);line-height: 1.2;font-weight: 500;}
.bSolutionSec .owl-prev {background: url('../img/prev-ico.png')!important;background-position: center!important;background-size: contain!important;background-repeat: no-repeat!important;width: 35px;height: 19px;}
.bSolutionSec .owl-next {background: url('../img/next-ico.png')!important;background-position: center!important;background-size: contain!important;background-repeat: no-repeat!important;width: 35px;height: 19px;}
.bSolutionSec .owl-prev span, .bSolutionSec .owl-next span{display: none;}
.bSolutionSec .owl-nav{text-align: left;z-index: 9;position: relative;}


/* Partner Section start */
.partnerSec{background-color: #fff4f3;padding-top: 84px;padding-bottom: 84px;margin-top: 84px;}
.partnerSec h2{max-width: 510px;margin: auto;}
.partnerSec .partnerRow img{margin-bottom: 24px;}
.partnerSec .partnerRow{margin-top: 64px;gap: 48px 0px;justify-content: center;}
.partnerSec .partnerRow > div{display: flex;flex-direction: column;align-items: center;justify-content: end;}
.partnerSec .partnerRow h3{font-size: 20px; color: rgb(31, 31, 31);line-height: 1.2;text-align: center;max-width: 204px;margin-left: auto;margin-right: auto;}


/* testimonial start */
.testimonialSec{margin-top: 84px;}
.testimonialSec .sub-heading{margin-bottom: 84px;}
.testimonialSec .testimonialBox{border-radius: 10px;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 76px 0px rgba(34, 35, 40, 0.07);height: 100%;}
.testimonialSec .testimonialBox p{font-size: 18px;color: rgb(96, 96, 96);line-height: 1.667;font-weight: 300;margin-bottom: 1.2rem;}
.testimonialSec .testimonialBox .authorImg{width: 84px;height: 84px;object-fit: cover;border: 5px solid rgb(254, 41, 25);border-radius: 50%;background-color: rgb(0, 0, 0);box-shadow: 0px 20px 27px 0px rgba(34, 35, 40, 0.14);}
.testimonialSec .testimonialBox .authorName{font-size: 26px;color: rgb(254, 41, 25);line-height: 1.2;font-weight: 500;}
.testimonialSec .testimonialBox .authorCount{color: #a7a7a7;}
.testimonialSec .testimonialBox .testimonialSlider .item{padding: 54px 54px 0px 54px;}
.testimonialSec .testimonialBox .testimonialSlider .item img{max-height:100px;}
.testimonialSec .testimonialVBox{border-radius: 10px;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 76px 0px rgba(34, 35, 40, 0.07);border: 5px solid rgb(254, 41, 25);height: 100%;}
.testimonialSec .testimonialVBox .video-container {position: relative;width: 100%;height: 100%;}
.testimonialSec .testimonialVBox .poster {cursor: pointer;position: absolute;top: 0;left: 0;right: 0;bottom: 0;height: 100%;object-fit: cover;}
.testimonialSec .testimonialVBox .play-btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;background: url('../img/play-icon.png') no-repeat center center;background-size: auto;cursor: pointer;}
.testimonialSec .testimonialVBox .video {display: none;width: 100%;height: 100%;}
.testimonialSec .testimonialVBox .item, .testimonialSec .testimonialVBox .owl-item, .testimonialSec .testimonialVBox .owl-stage, .testimonialSec .testimonialVBox .owl-stage-outer, .testimonialSec .testimonialVBox .testimonialVSlider{height: 100%;}
.testimonialSec .testimonialVBox .vContentBox{border-radius: 10px;background-color: rgb(255, 255, 255);position: absolute;padding: 20px;width: 91%;bottom: 30px;margin: auto;left: 0;right: 0;}
.testimonialSec .testimonialVBox .vContentBox h6{font-size: 26px;color: rgb(254, 41, 25);line-height: 1.2;font-weight: 500;}
.testimonialSec .testimonialVBox .vContentBox span{color: #a7a7a7;}
.testimonialSec .owl-prev {background: url('../img/prev-ico.png')!important;background-position: center!important;background-size: contain!important;background-repeat: no-repeat!important;width: 35px;height: 19px;}
.testimonialSec .owl-next {background: url('../img/next-ico.png')!important;background-position: center!important;background-size: contain!important;background-repeat: no-repeat!important;width: 35px;height: 19px;}
.testimonialSec .owl-prev span, .testimonialSec .owl-next span{display: none;}
.testimonialSec .owl-nav{text-align: left;padding-left: 54px;padding-bottom: 20px;z-index: 9;position: relative;}
.testimonialSec .testimonialVBox .owl-nav{padding-left: 0;margin-top: 22px;}
.testimonialSec .testimonialVBox .youtubeVideo, .testimonialSec .testimonialVBox .youtubeVideo iframe{width: 100%;height: 100%;} 
.testimonialSec .stars{width: 152px!important;}
.testimonialSec .review-logo{width: 162px!important;}
.videoTestimoniallightBox {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(384deg, rgba(255,0,0,1) -68%, rgba(4,8,39,0.9) 65%, rgba(4,8,39,0.9) 100%);z-index: 99999;overflow: hidden;justify-content: center;align-items: center;}
.videoTestimoniallightBox .vlightbox-content {position: relative;position: relative;display: block;width: 80%;max-width: 1200px;height: 70%;margin-top: 5%;margin-bottom: 5%;}
.videoTestimoniallightBox .vlightbox-content iframe, .videoTestimoniallightBox .vlightbox-content video{width: 100%;height: 100%;}
.videoTestimoniallightBox.show{display: flex;}
.videoTestimoniallightBox .close-btn {position: absolute;top: 20px;right: 20px;color: #fff;font-size: 30px;cursor: pointer;}

/*FAQ Section start*/
.faqSec p{max-width: 728px;margin: 10px auto 0 auto;text-align: center;color: rgb(96, 96, 96);line-height: 1.75;font-size: 16px;font-weight: 300;}
/*.faqSec .accordion{max-width: 824px;margin: auto;}*/
.accordion-item {
      border: none;
      border-bottom: 1.5px solid #d0d8e8;
      border-radius: 0 !important;
      background: transparent;
    }

    .accordion-button {
      font-size: 26px;
      font-weight: 700;
      background: transparent !important;
      box-shadow: none !important;
      padding: 22px 0;
      display: flex;
      align-items: center;
      gap: 18px;
      border-radius: 0 !important;
    }

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

    .accordion-button:not(.collapsed) {
      color: #ff0000;
    }

    /* Number badge */
    .faq-number {
      font-size: 26px;
      font-weight: 700;
      color: #ff0000;
      min-width: 30px;
    }

    /* Custom arrow icon */
    .accordion-button::after {
      display: none;
    }

    .faq-arrow {
      margin-left: auto;
      font-size: 1.3rem;
      color: #1a6fc4;
      transition: transform 0.3s ease;
    }

    .accordion-button.collapsed .faq-arrow {
      transform: rotate(0deg);
    }

    .accordion-button:not(.collapsed) .faq-arrow {
      transform: rotate(180deg);
    }

    .accordion-body {
      padding: 0 0 28px 48px;
      font-size: 0.97rem;
      color: #444;
      line-height: 1.75;
    }

    .accordion-body p {
      margin-bottom: 14px;
    }

    .accordion-body p:last-child {
      margin-bottom: 0;
    }

    .accordion-collapse {
      transition: all 0.35s ease;
    }
    .faqSec .accordion p{
        text-align:left !important;
        max-width:unset !important;
    }


/* contact form start */
.contactFromSec{margin-top: 132px;}
.contactFromSec .col-md-7{background-color: rgb(255, 0, 0);padding-top: 74px;padding-bottom: 74px;}
.contactFromSec .col-md-5{background-color: rgb(27, 27, 27);padding-top: 74px;padding-bottom: 74px;}
.contactFromSec .contactInfoBox h3{font-size: 30px;color: rgb(255, 255, 255);line-height: 1.2;font-weight: 500;}
.contactFromSec .contactInfoBox{padding-left: 24px;padding-right: 24px;}
.contactFromSec .contactInfoBox p{font-size: 16px;color: rgb(207, 207, 207);line-height: 1.625;font-weight: 300;}
.contactFromSec .contactInfoBox h6{font-size: 24px;color: rgb(255, 0, 0);line-height: 1.2;font-weight: 500;}
.contactFromSec .contactInfoBox ul li{display: flex;align-items: center;gap: 20px;font-size: 16px;font-family: var(--poppins-font);color: rgb(207, 207, 207);line-height: 1.375;font-weight: 300;}
.contactFromSec .contactInfoBox ul li a{font-size: 16px;font-family: var(--poppins-font);color: rgb(207, 207, 207);line-height: 1.375;font-weight: 300;}
.contactFromSec .contactFrmBox{max-width:88%;}
.contactFromSec .contactFrmBox .sub-heading{margin-bottom:44px;}
.contactFromSec .contactFrmBox .form-group.flx > p{display: flex;align-items: center;gap: 6px;justify-content: space-between;}
.contactFromSec .contactFrmBox .col-md-9{width: 79%;}
.contactFromSec .contactFrmBox label{font-size: 16px;font-family: var(--poppins-font);color: rgb(255, 255, 255);line-height: 1.875;font-weight:500;}
.contactFromSec .contactFrmBox .form-control{border: 0;background: transparent;border-bottom: 1px solid #fff;border-radius: 0;color: #fff;font-weight: 400;font-size: 16px;box-shadow: unset;outline: 0;padding-left: 0;padding-right: 0;padding-bottom: 5px;padding-top: 0px;}
.contactFromSec .contactFrmBox .wpcf7-list-item-label{font-size: 16px;font-family: var(--poppins-font);color: rgb(255, 255, 255);line-height: 1.875;font-weight:400;}
.contactFromSec .contactFrmBox .wpcf7-list-item{position:relative;margin-top: 10px;}
.contactFromSec .contactFrmBox .wpcf7-list-item.first{margin-left: 0!important;}
.contactFromSec .contactFrmBox .wpcf7-list-item input[type=radio], .contactFromSec .contactFrmBox .wpcf7-list-item input[type=checkbox]{opacity:0;position:absolute;width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;cursor: pointer;}
.checked-background , .checked{background-color: #d82417; padding: 4px 14px;border-radius: 100px;}
.wpcf7-not-valid-tip{color: #464646;font-size: 0.8em;}
.form-control::placeholder {color: #fff!important;font-weight: 400!important;font-size: 16px!important;}
@media (min-width: 576px){.contactFromSec .col-md-7{padding-left: calc((100vw - 540px) / 2);}}
@media (min-width: 768px){.contactFromSec .col-md-7{padding-left: calc((100vw - 720px) / 2);}}
@media (min-width: 992px){.contactFromSec .col-md-7{padding-left: calc((100vw - 960px) / 2);}}
@media (min-width: 1200px){.contactFromSec .col-md-7{padding-left: calc((100vw - 1140px) / 2);}}
@media (min-width: 1400px){.contactFromSec .col-md-7{padding-left: calc((100vw - 1320px) / 2);}}



/* footer start */
footer{padding-top: 100px;padding-bottom: 48px;}
footer h1{font-size: 80px;color: rgb(255, 0, 0);line-height: 1.2;font-weight: 500;margin-bottom: 54px;}
footer p{font-size: 16px;font-family: var(--circularStd-font);color: rgb(120, 120, 120);line-height: 1.2;font-weight: 500;margin-bottom: 0.1rem;}
footer .ftMenu{display: flex;gap: 10px;align-items: center;}
footer .ftMenu li a{font-size: 16px;font-family: var(--circularStd-font);color: rgb(255, 0, 0);line-height: 1.2;font-weight: 500;}
footer .socialMenu{display: flex;justify-content: end;align-items: center;gap: 18px;}


#scroll-to-top {display: none;position: fixed;bottom: 20px;right: 20px;width: 40px;height: 40px;background: linear-gradient(384deg, rgba(255,0,0,1) -68%, rgba(4,8,39,0.9) 65%, rgba(4,8,39,0.9) 100%);color: #fff;border-radius: 50%;text-align: center;line-height: 40px;cursor: pointer;z-index: 9999;}

/*INNER PAGE BANNER*/
.innerBanner{background-color:rgb(0, 0, 0);padding-top: 120px;padding-bottom: 100px;}
.innerBanner h1{color:#fff;}
.innerContent ul{list-style:disc;padding-left: 2rem;font-size: 16px;color: rgb(96, 96, 96);font-weight: 300;}
.innerContent p{margin-bottom: 1rem;font-size: 16px;}
.innerContent a{color:rgb(255, 0, 0);}
.innerContent h2, .innerContent h3, .innerContent h4, .innerContent h5, .innerContent h6{margin-bottom: .5rem;}

/* MEDIA QUERY */
@media screen and (max-width: 575px){
    .contactFromSec .contactInfoBox{padding-right: 0;padding-left: 0;}

    .ourServiceSec .ourServiceSlider .slick-slide {margin-right: unset; }

    .contactFromSec .contactFrmBox{max-width: 100%;}
}

@media only screen and (min-width: 575px) and (max-width: 767px)  {
    .contactFromSec .col-md-5{padding-left: calc((100vw - 540px) / 2);}
}

@media screen and (max-width: 767px){
    .mw-800{max-width:554px;}
	#videos .mobileFeaturedSlider{display:none;}
    .button_su_inner{font-size: 14px;padding: 14px 24px;}
    .sub-heading{font-size: 26px;}
    p{font-size: 16px!important;line-height: normal!important;}

    header{padding-left: 0;padding-right: 0;padding-top: 0;padding-bottom: 0;}
    header .desktopNum, header .desktopSu{display: none!important;}
    header .logoBrand img, header .canvaLogo img{width: 132px;}
    header .navbar-toggler{padding-left: 0;padding-right: 0;}
    header .navbar-toggler img{width: 44px;}
    header .offcanvas{padding: 0 0;}
    header .offcanvas-body{margin-top: -30px;}
    header .canvaMenu li .nav-link{font-size: 18px;}
    header .canvaRightMenu{margin-top: 30px;}

    .ourServiceSec {margin-top: 54px;}
    .ourServiceSec .ourServiceSlider .item{padding: 32px 24px;}
    .ourServiceSec .mobTabsSlider{display: block;margin-top: 44px;}
    .ourServiceSec .servicesTabs .servicestab{display: none;}
    .ourServiceSec .ourServiceSlider .slick-track {padding-bottom: 20px;}

    .ourWorkSec{margin-top: 54px;padding-top: 44px;padding-bottom: 44px;}
    .ourWorkSec .stickySidebar{position: static;}
    .ourWorkSec h2{font-size: 48px;margin-bottom:18px!important;}
    .ourWorkSec .sliderFrame, .ourWorkSec .featuredImgDiv, .ourWorkSec .skip{display: none;}
    .ourWorkSec .ourWorkTabs{margin-bottom: 38px;flex-direction: row; }
    .ourWorkSec .ourWorkBottomContent h3{font-size: 26px;}
    .ourWorkSec .mobileFeaturedSlider{display: block;}
	.ourWorkSec .ourWorkTabs button{font-size: 18px;}
    .ourWorkSec .container-fluid{max-width: 100%;}
    .custom-arrows{display: block;}
	.sliderFrame-custom-arrows{display:none;}

    .featuredSec{margin-top: 54px;}

    .aboutSec {margin-top: 54px;}
    .aboutSec .contentBox {padding-left: 0px;padding-top: 14px;}
    .aboutSec .aboutMainImage{display: none;}
    .aboutMobMainImage{display: block;}
    .aboutSec .w-mark{font-size: 54px;line-height: 54px;}
    .aboutSec h2 {font-size: 32px;}
    .aboutSec h2 span {font-size: 50px;}
    .aboutSec .contentBox h6{font-size: 22px;line-height: 32px;}
    .aboutSec .aboutMainImage, .aboutSec .aboutMobMainImage {margin-top: 30px;}

    .technoSec{margin-top: 54px;padding-top: 54px;padding-bottom: 54px;}
    .technoSec .technoTabs{margin-bottom: 32px;}
    .technoSec .technoTabBox{padding: 28px 14px;}
    .technoSec .technoTabBox .technoContent .d-flex > div {width: 32%;}

    .bSolutionSec{margin-top: 54px;}
    .bSolutionSec .bSolutionSlider{padding-left: 15px;padding-right: 15px;}
    /*.bSolutionSec .bSolutionSlider .item{height: 316px;}*/
    .bSolutionSec .bSolutionSlider .item{height: 310px;}
    .bSolutionSec .bSolutionSlider .item .contentBox{min-height: unset;padding: 16px;    }
    .bSolutionSec .bSolutionSlider .item .contentBox h6{font-size: 18px;}

    .partnerSec{padding-top: 54px;padding-bottom: 54px;margin-top: 54px;}
    .partnerSec .partnerRow{margin-top: 54px;}
    .partnerSec .partnerRow h3{font-size: 16px;}

    .testimonialSec {margin-top: 54px;}
    .testimonialSec .sub-heading{margin-bottom: 54px;}
    .testimonialSec .testimonialBox{margin-bottom: 32px;height: auto;}
    .testimonialSec .testimonialBox .testimonialSlider .item {padding: 32px 24px 32px 24px;}
    .testimonialSec .testimonialBox .authorName, .testimonialSec .testimonialVBox .vContentBox h6{font-size: 22px;}
    .testimonialSec .testimonialBox .authorImg{width: 68px;height: 68px;}
    .testimonialSec .owl-nav{padding-left: 24px;padding-bottom: 20px;}
    .testimonialSec .owl-prev, .testimonialSec .owl-next{width: 26px;}
    .testimonialSec .testimonialVBox{min-height: 360px;}
    .testimonialSec .testimonialVBox .vContentBox{padding: 14px;}
    .testimonialSec .review-logo{width: 120px!important;}

    .contactFromSec {margin-top: 104px;}
    .contactFromSec .contactInfoBox{padding-right: 0;padding-left: 0;}
    .contactFromSec .contactInfoBox h3{font-size: 22px;}
    .contactFromSec .contactInfoBox > .d-flex img{width: 54px;}
    

    footer{padding-top: 64px;padding-bottom: 0px;}
    footer h1{font-size: 44px;margin-bottom: 28px;}

    .n2-ss-slider .n2-ss-slide--focus{background-color: rgba(0, 0, 0, 0.6);opacity: 1!important;}
    
    .accordion-button, .faq-number{
        font-size: 18px;
    }
    
}


@media only screen and (min-width: 768px) and (max-width: 991px)  {
    .mw-800{max-width:600px;}
    .button_su_inner{font-size: 14px;padding: 14px 24px;}
    .sub-heading{font-size: 28px;}
    p{font-size: 16px!important;line-height: normal!important;}

    header .desktopNum a, header .desktopNum span{font-size: 16px;}
    header .logoBrand img, header .canvaLogo img{width: 132px;}
    header .navbar-toggler img{width: 44px;}
    header .offcanvas{padding: 0 0;}
    header .canvaMenu li .nav-link{font-size: 18px;}

    .ourServiceSec {margin-top: 74px;}
    .ourServiceSec .ourServiceSlider .item{padding: 32px 24px;}

    .ourWorkSec{margin-top: 74px;padding-top: 44px;padding-bottom: 44px;}
    .ourWorkSec h2{font-size: 26px;margin-bottom:18px!important;}
    .ourWorkSec .ourWorkTabs button{font-size: 14px;}
    .ourWorkSec .ourWorkBottomContent h3{font-size: 24px;}
    .ourWorkSec .ourWorkTabs{margin-bottom: 34px;}
    .ourWorkSec .sliderFrame, .ourWorkSec .featuredImgDiv, .ourWorkSec .skip{display: none;}
    .ourWorkSec .stickySidebar{position: static;}
    .ourWorkSec .mobileFeaturedSlider{display: block;}
    .ourWorkSec .tab-pane .row .col-md-6:last-child{width: 100%;}
    .custom-arrows{display: block;}
	.sliderFrame-custom-arrows{display:none;}

    .featuredSec{margin-top: 74px;}

    .aboutSec {margin-top: 74px;}
    .aboutSec .contentBox {padding-left: 0px;}
    .aboutSec .w-mark{font-size: 84px;line-height: 84px;}
    .aboutSec h2 {font-size: 36px;}
    .aboutSec h2 span {font-size: 54px;}
    .aboutSec .contentBox h6{font-size: 22px;line-height: 32px;}
    .aboutSec .aboutMainImage, .aboutSec .aboutMobMainImage {margin-top: 30px;}

    .technoSec{margin-top: 74px;}
    .technoSec .technoTabBox{padding: 28px 14px;}
    .technoSec .technoTabBox .technoContent .d-flex > div {width: 32%;}

    .bSolutionSec{margin-top: 74px;}
    /*.bSolutionSec .bSolutionSlider .item{height: 316px;}*/
    .bSolutionSec .bSolutionSlider .item{height: 344px;}
    .bSolutionSec .bSolutionSlider .item .contentBox{padding: 16px;}
    .bSolutionSec .bSolutionSlider .item .contentBox h6{font-size: 18px;}

    .partnerSec{padding-top: 64px;padding-bottom: 64px;margin-top: 74px;}
    .partnerSec .partnerRow{margin-top: 54px;}
    .partnerSec .partnerRow h3{font-size: 16px;}

    .testimonialSec {margin-top: 74px;}
    .testimonialSec .sub-heading{margin-bottom: 54px;}
    .testimonialSec .testimonialBox .testimonialSlider .item {padding: 32px 24px 0px 24px;}
    .testimonialSec .testimonialBox .authorName, .testimonialSec .testimonialVBox .vContentBox h6{font-size: 22px;}
    .testimonialSec .testimonialBox .authorImg{width: 68px;height: 68px;}
    .testimonialSec .owl-nav{padding-left: 24px;padding-bottom: 20px;}
    .testimonialSec .owl-prev, .testimonialSec .owl-next{width: 26px;}
    .testimonialSec .testimonialVBox .vContentBox{padding: 14px;}
    .testimonialSec .review-logo{width: 120px!important;}

    .contactFromSec .contactInfoBox h3{font-size: 22px;}
    .contactFromSec .contactFrmBox {max-width: 96%;}

    footer{padding-top: 64px;padding-bottom: 20px;}
    footer h1{font-size: 48px;margin-bottom: 34px;}
}


@media only screen and (min-width: 992px) and (max-width: 1199px)  {
    .mw-800{max-width:600px;}
    .sub-heading{font-size: 32px;}

    .ourServiceSec .ourServiceSlider .item{padding: 32px 24px;}

    .ourWorkSec{margin-top: 44px;padding-top: 44px;padding-bottom: 44px;}
    .ourWorkSec h2{font-size: 26px;margin-bottom:18px!important;}
    .ourWorkSec .ourWorkTabs button{font-size: 14px;}
    .ourWorkSec .ourWorkBottomContent h3{font-size: 24px;}
    .ourWorkSec .ourWorkTabs{margin-bottom: 34px;}
/*     .ourWorkSec .sliderFrame{height: 650px;} */
    .ourWorkSec #mobile-app .sliderFrame{height: auto;}

    .aboutSec .contentBox {padding-left: 0px;}
    .aboutSec .w-mark{font-size: 120px;line-height: 120px;}
    .aboutSec h2 {font-size: 40px;}
    .aboutSec h2 span {font-size: 58px;}
    .aboutSec .contentBox h6{font-size: 22px;line-height: 32px;}
    .aboutSec .aboutMainImage, .aboutSec .aboutMobMainImage {margin-top: 50px;}

    .technoSec .technoTabBox{padding: 28px 30px;}

    /*.bSolutionSec .bSolutionSlider .item{height: 284px;}*/
    .bSolutionSec .bSolutionSlider .item{height: 390px;}
    .bSolutionSec .bSolutionSlider .item .contentBox{padding: 16px;}
    .bSolutionSec .bSolutionSlider .item .contentBox h6{font-size: 18px;}
    
    .partnerSec{padding-top: 64px;padding-bottom: 64px;}
    .partnerSec .partnerRow{margin-top: 54px;}
    .partnerSec .partnerRow h3{font-size: 18px;}

    .contactFromSec .contactInfoBox h3{font-size: 22px;}

    footer {padding-bottom: 26px;}
    footer h1{font-size: 54px;margin-bottom: 34px;}
}  

@media only screen and (min-width: 1200px) and (max-width: 1400px)  {
    .sub-heading{font-size: 36px;}
    .mw-800{max-width:700px;}

/*     .ourWorkSec .sliderFrame{height: 750px;} */
    .ourWorkSec #mobile-app .sliderFrame{height: auto;}

    /*.bSolutionSec .bSolutionSlider .item{height: 284px;}*/
    .bSolutionSec .bSolutionSlider .item{height: 450px;}
    .bSolutionSec .bSolutionSlider .item .contentBox{padding: 16px;}
    .bSolutionSec .bSolutionSlider .item .contentBox h6{font-size: 18px;}

    .aboutSec .w-mark{font-size: 150px;line-height: 150px;}
    .aboutSec h2 {font-size: 50px;}
    .aboutSec h2 span {font-size: 68px;}
    .aboutSec .contentBox h6{font-size: 24px;line-height: 34px;}
    .aboutSec .aboutMainImage, .aboutSec .aboutMobMainImage {margin-top: 74px;}
    
    .partnerSec .partnerRow h3{font-size: 18px;}

    .contactFromSec .contactInfoBox h3{font-size: 26px;}

    footer {padding-bottom: 26px;}
    footer h1{font-size: 64px;margin-bottom: 34px;}
}
.sub-tag{font-size: 14px;color: rgb(180, 180, 180);text-transform: uppercase;line-height: 1.2;font-weight: 500;}