@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700&display=swap');

body{padding: 0; margin: 0; font-size: 16px; font-weight: 400; font-family: 'Poppins', sans-serif; --color: #e55109; --hover-w:#fff; --hover-g:#000; --hover-c:#f3a507; --hover-e:#1E293B;  --hover-q:linear-gradient(270deg, #020617 0%, #1E293B 100%); background: linear-gradient(180deg, #FFFFFF 0%, #F1F5F9 100%);}
h1, h2, h3, h4, h5, h6, p{padding: 0; margin: 0;}
ul{list-style: none; padding: 0; margin: 0;}
a {text-decoration: none;}

/* header-css */
.top-header{padding: 12px 0; position: absolute; width: 100%; z-index: 991; transition: all 0.5s ease-in-out;}
.sticky {position: fixed; top: 0; width: 100%; background: rgba(0,0,0,0.9) !important; transition: all 0.5s ease-in-out; box-shadow: 0px 6px 40px 0px #0000000F; padding: 5px 0 !important;}
.top-header .navbar-expand-lg .navbar-nav{padding: 3px 4px 3px 4px; background: #FFFFFF1F; border-radius: 60px; margin-left: 200px;}
.top-header .nav-item .nav-link{font-size: 16px; font-weight: 400; line-height: 16px; letter-spacing: -0.01em; padding: 17px 24px; color: #FFFFFF; border-radius: 60px; transition: all 0.5s ease-in-out; transform: translateY(0); transition: all 0.5s linear;}
.top-header .nav-item .nav-link:hover{color: #000; box-shadow: inset 10rem 0 0 0 var(--hover-w), inset -0rem 0 0 0 var(--hover-w); color: var(--hover-g); border-radius: 60px; font-weight: 500; transition: all 0.5s ease-in-out;}
.top-header .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link{color: #000; background: #fff; border-radius: 60px; font-weight: 500;}
/* .top-header .navbar-light .navbar-nav .nav-link:focus{color: #fff;} */
.top-header .btn1{border: 1px solid #E55109;  padding: 15px 30px; border-radius: 60px; display: block; font-size: 16px; font-weight: 500; color: #fff; transform: translateY(0); transition: all 0.5s linear;}
.top-header .btn1:hover{box-shadow: inset 15rem 0 0 0 var(--color), inset -0rem 0 0 0 var(--hover-c); color: var(--hover-w);}
.top-header .btn2{ background: linear-gradient(270deg, #F4A807 0%, #E55109 50.07%); padding: 20px 30px; border-radius: 60px; display: block; font-size: 16px; font-weight: 500; color: #fff; transform: translateY(0); transition: all 0.5s linear;}
.top-header .btn2:hover{box-shadow: inset 9rem 0 0 0 var(--color), inset -0rem 0 0 0 var(--color); color: var(--hover-w);}
.top-header .btn-2-arrow-img, .main-banner .btn-2-arrow-img{margin-left: 10px;}
.top-header .d-flex{gap: 10px;}
.top-header .button-left-animate{display: none;}
.navbar-light .navbar-nav .nav-link:focus{color: #fff;}
/* header-css */
/* main-banner */
.main-banner{background: url(../images/index/main-banner-bg.jpg) no-repeat center center; background-size: cover; padding: 200px 0 302px;}
/* .main-banner .content{position: absolute; top: 50%;} */
.main-banner h1, .main-banner p{font-family: Bredga DEMO VERSION; font-size: 50px; font-weight: 400; line-height: 68px; color: #fff;}
.main-banner .para{display: inline-block; font-weight: 600; background: linear-gradient(270deg, #E55109 0%, #F2A612 99.99%, #F2A612 100%); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}
.main-banner h3{font-size: 16px; font-weight: 400; color: #fff; line-height: 18px; padding-top: 24px;}
.main-banner a{width: 165px; background: linear-gradient(270deg, #F4A807 0%, #E55109 50.07%); font-size: 16px; font-weight: 600; color: #fff; padding: 20px 30px; display: block; border-radius: 60px; text-align: center;  transform: translateY(0); transition: all 0.5s linear; margin-top: 30px;}
.main-banner a:hover{box-shadow: inset 13rem 0 0 0 var(--color), inset -0rem 0 0 0 var(--color); color: var(--hover-w);}
/* main-banner */
/* all-in-one-section */

/* all-in-one-section */
.all-in-one-section{padding: 80px 0 0;}
.all-in-one-section h2{font-size: 38px; font-weight: 800; line-height: 52px; text-align: center; font-family: Bredga DEMO VERSION; letter-spacing: 0.02em;}
.all-in-one-section P{font-size: 16px; font-size: 400; color: rgba(51,65,85,1); padding: 14px 0 60px; text-align: center;}
.all-in-one-section img{width: 100%; max-width: 100%;}
.all-in-one-section .all-in-one-box{overflow: hidden; border-radius: 16px; background: url(../images/index/all-in-one-bg.png) no-repeat center center; background-size: cover; padding: 100px 0 0;}
.all-in-one-box .ipat-img{width: 500px; margin: 0 auto; display: block;}
/* all-in-one-section */

/* grow-you-business-section */
.grow-you-business-section{padding: 71px 0 80px;}
.grow-you-business-section h2{font-family: Bredga DEMO VERSION; font-size: 34px; font-weight: 800; line-height: 34px; letter-spacing: 0.02em; text-align: left; padding: 10px 0 35px;}
.grow-you-business-section .item{background: #fff; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); border-radius: 16px; padding: 30px; margin: 20px 0;}
.grow-you-business-section .item .box-icon{margin-bottom: 30px;}
.grow-you-business-section .item h3{font-size: 20px; font-weight: 500; color: #000; padding-bottom: 14px;}
.grow-you-business-section .item  p{font-size: 14px; font-weight: 400; color:rgba(51, 65, 85, 1);}
.grow-you-business-section .plus-button{width: 50px; height: 50px; background: var(--colors-slate-950, rgba(2, 6, 23, 1)); border-radius: 60px; display: flex; justify-content: center; align-items: center; margin: 28px 0 0 auto;}
.grow-you-business-section .owl-dots{display: none !important;}
.grow-you-business-section .cusrom-slider{position: relative;}
.grow-you-business-section .owl-nav .owl-prev, .grow-you-business-section .owl-nav .owl-next{background: #fff; width: 56px; height: 56px; border-radius: 60px; padding: 20px !important; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);}
.grow-you-business-section .owl-nav .owl-prev span{font-size: 0; background: url(../images/index/left-arrow.png) no-repeat center center; width: 18px; height: 14px; display: block;}
.grow-you-business-section .owl-nav .owl-next span{font-size: 0; background: url(../images/index/right-arrow.png) no-repeat center center; width: 18px; height: 14px;  display: block;} .grow-you-business-section .owl-nav.disabled{position: absolute; right: 0; top: 0;}
.grow-you-business-section .owl-nav{
    position: absolute;
    right: 0;
    top: 0;
  }
.grow-you-business-section .owl-nav .owl-prev:hover, .grow-you-business-section .owl-nav .owl-next:hover{opacity: .8;}
.grow-you-business-section .owl-nav .owl-prev span:hover, .grow-you-business-section .owl-nav .owl-next span:hover{opacity: .8;}
/* grow-you-business-section */
/* plugg-different-section */
.plugg-different-section{background: url(../images/index/plugg-different-section-bg.jpg) no-repeat center center; background-size: cover; padding: 80px 0;}
.plugg-different-section h2{font-family: Bredga DEMO VERSION; font-size: 48px; font-weight: 800; line-height: 67.2px; letter-spacing: 0.02em; text-align: left; color: rgba(255, 255, 255, 1);}
.plugg-different-section p{font-size: 16px; font-weight: 400; line-height: 16px; color:rgba(255, 255, 255, 1); padding: 14px 0 40px;}
.plugg-different-section ul li{background: rgba(255, 255, 255, 0.12); border-radius: 14px; padding: 24px 30px; margin-bottom: 16px;}
.plugg-different-section ul li h3{color: rgba(255, 255, 255, 1); font-size: 20px; font-size: 500; line-height: 28px;}
.plugg-different-section ul li p{color: rgba(255, 255, 255, 1); font-size: 14px; font-size: 400; line-height: 21px; padding: 8px 0 0;}
/* plugg-different-section */
/* our-payment-partners-section */
.our-payment-partners-section{padding: 80px 0; background: linear-gradient(180deg, #FFFFFF 30.4%, #F1F5F9 100%);}
.our-payment-partners-section h2{color: rgba(2, 6, 23, 1); font-family: Bredga DEMO VERSION; font-size: 48px; font-weight: 800; line-height: 48px; letter-spacing: 0.02em; text-align: center; padding-bottom: 40px;}
.brnd-logo{padding:20px 0; display: flex; justify-content: center; align-items: center;}
/* our-payment-partners-section */
/* pos-solution-section */
.pos-solution{padding: 80px 0;}
.pos-solution h2{font-family: Bredga DEMO VERSION; font-size: 48px; font-weight: 800; line-height: 67px; text-align: center; color:rgba(2, 6, 23, 1); letter-spacing: 0.02em;}
.pos-solution p{font-size: 16px; font-weight: 400; line-height: 16px; text-align: center; padding: 14px 0 60px; color:rgba(2, 6, 23, 1);}
.pos-solution .pos-img{position: relative;}
.pos-solution .item-text{position: absolute; top: 40px; left: 40px;}
.pos-solution .item-text h4{font-size: 14px; font-weight: 500; letter-spacing: 0.02em; color: rgba(255, 255, 255, 1);}
.pos-solution .item-text h3{font-family: Bredga DEMO VERSION; font-size: 30px; font-weight: 800; line-height: 42px; letter-spacing: 0.02em; text-align: left; padding: 16px 0 6px; color: rgba(255, 255, 255, 1); position: relative;}
.pos-solution .item-text h3::after{background: linear-gradient(270deg, #F4A807 0%, #E55109 50.07%); width: 60px; height: 1px; position: absolute; bottom: 0; left: 0; content: '';}
.pos-solution .owl-dots{display: none !important;}
.pos-solution .item{position: relative;}
.pos-solution .owl-nav .owl-prev, .pos-solution .owl-nav .owl-next{background: var(--colors-base-white, rgba(255, 255, 255, 1)); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); width: 56px; height: 56px; border-radius: 60px; padding: 20px !important;}
.pos-solution .owl-nav .owl-prev{position: absolute; left: -2.2%;}
.pos-solution .owl-nav .owl-next{position: absolute; right: -2.2%;}
.pos-solution .owl-nav .owl-prev span{font-size: 0; background: url(../images/index/left-arrow.png) no-repeat center center; width: 18px; height: 14px; display: block;}
.pos-solution .owl-nav .owl-next span{font-size: 0; background: url(../images/index/right-arrow.png) no-repeat center center; width: 18px; height: 14px;  display: block;}
.pos-solution .owl-nav.disabled{position: relative; top: -300px;}
.pos-solution .owl-nav .owl-prev:hover, .pos-solution .owl-nav .owl-next:hover{opacity: .8;}
.pos-solution .owl-nav .owl-prev span:hover, .pos-solution .owl-nav .owl-next span:hover{opacity: .8;}
.pos-solution a{background: linear-gradient(270deg, #F4A807 0%, #E55109 50.07%); padding: 20px 30px; border-radius: 60px; font-size: 16px; font-weight: 600; color: #fff; display: block; width: 165px; margin: 30px auto 0;  transform: translateY(0); transition: all 0.5s linear;}
.pos-solution  a:hover{box-shadow: inset 18rem 0 0 0 var(--color), inset -0rem 0 0 0 var(--color); color: var(--hover-w);}
.pos-solution .btn-2-arrow-img{margin-left: 10px;}
/* pos-solution-section */
/* the-proof-section */
.the-proof-section{background: url(../images/index/the-proof-section-bg.png) no-repeat center center; background-size: cover; padding: 80px 0;}
.the-proof-section h3{font-size: 18px; font-weight: 600; line-height: 16px; color:rgba(255, 255, 255, 1); letter-spacing: 0.1em; padding-bottom: 20px;}
.the-proof-section h2{font-family: Bredga DEMO VERSION; font-size: 48px; font-weight: 800; line-height: 57.6px; letter-spacing: 0.02em; text-align: left; color:rgba(255, 255, 255, 1);}
.the-proof-section h4{font-size: 66px; font-weight: 500; line-height: 66px; text-align: center; color:rgba(255, 255, 255, 1); padding: 34px 0 14px; display: flex; justify-content: center;}
.the-proof-section h4 span{font-size: 30px; color: rgba(255, 255, 255, 1); letter-spacing: 0.2em; opacity: 60%;}
.the-proof-section p{font-size: 18px; font-weight: 500; line-height: 18px; text-align: center; letter-spacing: 0.1em; color:rgba(255, 255, 255, 1);}
.the-proof-section img{display: block; margin: 0 auto;}
/* the-proof-section */
/* what-our-customer-section */
.what-our-customer-section{padding: 80px 0;}
.what-our-customer-section h2{font-family: Bredga DEMO VERSION; font-family: Bredga DEMO VERSION; font-size: 48px; font-weight: 800; line-height: 67.2px; letter-spacing: 0.02em; text-align: center; color: rgba(2, 6, 23, 1);}
.what-our-customer-section p{font-size: 16px; font-weight: 400; text-align: center; color: rgba(2, 6, 23, 1); padding: 14px 0 60px;}
.what-our-customer-section .item{border: 1px solid var(--colors-slate-300, rgba(203, 213, 225, 1)); color:  rgba(255, 255, 255, 1); border-radius: 16px; overflow: hidden;}
.what-our-customer-section .item .img-box{height: 200px; width: 100%;}
.what-our-customer-section .item h3{font-size: 14px; font-weight: 600; color: #EA580C; letter-spacing: 0.04em;}
.what-our-customer-section .item p{font-size: 18px; font-weight: 400; color: #020617; line-height: 28px; padding: 14px 0 55px; text-align: left;}
.what-our-customer-section .item h4{font-size: 18px; font-weight: 500; color: #020617; line-height: 18px;}
.what-our-customer-section .item h4 span{font-size: 14px; font-weight: 400; color: #334155; display: block;}
.what-our-customer-section .item .img-box img{width: 100%;}
.what-our-customer-section .text-box{padding: 30px;}
.what-our-customer-section .owl-nav .owl-prev, .what-our-customer-section .owl-nav .owl-next{background: #CBD5E1; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); width: 56px; height: 56px; border-radius: 60px; padding: 20px !important;}
.what-our-customer-section .owl-nav .owl-prev span{font-size: 0; background: url(../images/index/left-arrow.png) no-repeat center center; width: 18px; height: 14px; display: block;}
.what-our-customer-section .owl-nav .owl-next span{font-size: 0; background: url(../images/index/right-arrow.png) no-repeat center center; width: 18px; height: 14px;  display: block;}
.what-our-customer-section .owl-nav.disabled{margin-top: 30px;}
.what-our-customer-section .owl-nav .owl-prev:hover, .what-our-customer-section .owl-nav .owl-next:hover{opacity: .8;}
.what-our-customer-section .owl-nav .owl-prev span:hover, .what-our-customer-section .owl-nav .owl-next span:hover{opacity: .8;}
.what-our-customer-section .owl-dots{display: none !important;}
 /* what-our-customer-section */
 /* how-to-find-us */
.how-to-find-us{padding: 80px 0; background: #fff;}
.how-to-find-us h2{font-size: 48px; font-weight: 800; font-family: Bredga DEMO VERSION; line-height: 67px; letter-spacing: 0.02em; color: #020617;}
.how-to-find-us p{font-size: 16px; font-weight: 400; font-family: Bredga DEMO VERSION; line-height: 16px; letter-spacing: 0.02em; color: #334155; padding: 14px 0 60px;}

 /* how-to-find-us */
/* get-support */
.get-support{background: url(../images/index/plugg-different-section-bg.jpg) no-repeat center center; background-size: cover; padding: 80px 0;}
.get-support h2{font-family: Bredga DEMO VERSION; font-size: 48px; font-weight: 800; line-height: 57.6px; letter-spacing: 0.02em; text-align: center; color: #fff; padding-bottom: 60px;}
.get-support .get-box{background: #fff; border-radius: 14px; overflow: hidden;}
.get-support .get-box h3{font-size: 20px; font-weight: 500; color: #020617; line-height: 28px; padding-top: 30px;}
.get-support .get-box p{font-size: 14px; font-weight: 400; color: #334155; padding: 14px 0 0;}
.get-support .get-cont-box{padding: 30px;}
.get-support a{padding: 25px; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 600; color: #EA580C; background: linear-gradient(180deg, #FFEDD5 0%, #FFFFFF 50.02%);}
.get-support .btn-2-arrow-img{margin-left: 10px;}
/* get-support */
/* last-footer */
.last-footer{background: url(../images/index/footer-bg.png) no-repeat center center; background-size: cover; padding: 50px 0 0;}
.last-footer h2{font-family: Bredga DEMO VERSION; font-size: 44px; font-weight: 800; color: #020617; letter-spacing: 0.02em; line-height: 61.6px;}
.last-footer a{color: #000;}
/* .last-footer a:hover{box-shadow: inset 18rem 0 0 0 var(--color), inset -0rem 0 0 0 var(--color); color: var(--hover-w);} */
.last-footer .btn-2-arrow-img{margin-left: 10px;}
.last-footer p{font-size: 16px; font-weight: 400; color: #020617; line-height: 27px; background: url(../images/index/location.png) no-repeat top 5px left; padding: 0 35px 28px 34px;}
.last-footer h3{font-size: 16px; font-weight: 400; color: #020617; background: url(../images/index/at.png) no-repeat top left; padding-left: 36px; line-height: 22px;}
.last-footer .copy-right{padding: 44px 0; border-top: 1px solid#CBD5E1; margin-top: 50px;}
.last-footer ul{display: flex;}
.last-footer ul a::after{content: ''; width: 1px; height: 16px; background: var(--colors-slate-300, #CBD5E1); position: absolute; top: 0; left: -34px;}
.last-footer ul li{padding: 0 34px;}
.last-footer ul li:nth-child(1){padding-left: 0;}
.last-footer ul li:nth-child(1) a::after{display: none;}
.last-footer ul li a{font-size: 16px; font-weight: 400; color: #020617; line-height: 16px; text-align: left; background: transparent; padding:0; border-radius: 0; width: auto; position: relative; margin-top: 0;}
.last-footer ul li a:hover{box-shadow: none; color: #e55109;}
.last-footer .copy-right h4{font-size: 16px; font-weight: 400; text-align: right; color: #020617; line-height: 16px;}
/* last-footer */

/* pop-up-css */
.form-control{border: 1px solid var(--colors-slate-300, #CBD5E1); border-radius: 14px; padding: 24px 20px 24px 20px; font-size: 16px; font-weight: 400; color: #020617;}
.form-floating > label{font-size: 16px; font-weight: 400; color: #64748B; padding-left: 20px;}
.form-control:focus{box-shadow: 0 0 0 .25rem rgba(244,168,7,.25);}
.form-floating{margin-bottom: 20px; padding: 0;} 
.form-select{border: 1px solid var(--colors-slate-300, #CBD5E1); margin-bottom: 20px; font-size: 16px; font-weight: 400; line-height: 16px; color: #020617; border-radius: 14px; padding: 20px 20px 19px 20px;}
 .btn.btn-primary{background: linear-gradient(270deg, #F4A807 0%, #E55109 50.07%); border-radius: 60px; padding: 20px 30px; margin-top: 30px; font-size: 16px; box-shadow: none; font-weight: 600; text-align: center; border: none; transform: translateY(0); transition: all 0.5s linear; width: 209px;}
 .btn.btn-primary:hover{box-shadow: inset 18rem 0 0 0 #dd470d, inset -0rem 0 0 0 #dd470d; color: var(--hover-w);}
 .modal-content{border-radius: 16px; padding: 20px 15px;}
 .modal-header{border-bottom: 0;}
 .modal-header .modal-title{font-family: Bredga DEMO VERSION; font-size: 30px; font-weight: 500; line-height: 40px; letter-spacing: 0.02em; text-align: left;}
 .form-floating > .form-control{padding: 24px 20px 24px 20px;}

 .modal-dialog{margin: 6.75rem auto;}

/* pop=up-css */

/* responsive */
@media (max-width: 1400px) {
    .plugg-different-section h2{font-size: 38px; line-height: 58px;}
    .plugg-different-section p{font-size: 15px; padding: 7px 0 30px;}
    .plugg-different-section ul li{padding: 20px 26px;}

    .plugg-img-box img{max-width: 100%;}
    .pos-img{max-width: 100%;}

    .pos-solution .owl-nav.disabled{top: -270px;}
}
@media (max-width: 768px) {
    .navbar-light .navbar-toggler{background: linear-gradient(270deg, #F4A807 0%, #E55109 50.07%);}
    .navbar-collapse {
        position: fixed;
        top: 0;
        background-color: #fff;
        left: 0;
        height: 100vh;
        max-height: 100vh;
        overflow-y: auto;
        clear: both;
        width: 320px;
        max-width: calc(100vw - 60px);
        z-index: 9999;
        transform: translateX(-100%);
        display: block !important;
        padding: 32px 15px 20px;
        transition: all .3s ease-in-out;
      }
   
     .navbar-collapse.show {
      transform: translateX(0);
      box-shadow: 15px 0 25px rgba(35, 35, 35, .1);
    }
    .top-header .navbar-expand-lg .navbar-nav{margin-left: 0;}
    .top-header .nav-item .nav-link{color: #000; padding-left: 0;}
    .top-header .btn2{font-size: 14px; padding: 10px 25px;}
    .top-header .btn1{font-size: 14px; padding: 10px 25px; color: #000;}
    .top-header .button-left-animate{display: block; margin-bottom: 20px;}
    .top-header .d-flex{margin-top: 20px;}

    .main-banner{padding: 100px 0 60px;}
    .main-banner h1, .main-banner p{font-size: 35px; line-height: 45px;}
    .main-banner h3{font-size: 14px; line-height: 22px; padding-top: 8px;}

    .all-in-one-section{padding: 40px 0;}
    .all-in-one-section h2, .grow-you-business-section h2, .pos-solution h2, .what-our-customer-section h2, .how-to-find-us h2, .last-footer h2{font-size: 35px; line-height: 45px;}
    .all-in-one-section P{font-size: 14px; line-height: 22px;}

    .grow-you-business-section{padding: 0 0 40px;}
    .grow-you-business-section .owl-theme .owl-nav{margin-top: 20px;}

    .plugg-different-section{padding: 40px 0;}
    .plugg-different-section .plugg-img-box img{width: 100%;}
    .plugg-different-section h2{font-size: 35px; line-height: 45px; padding-top: 40px;}
    .plugg-different-section p{font-size: 14px; line-height: 22px;}
    .plugg-different-section ul li{padding: 20px;}
    .plugg-different-section ul li h3{font-size: 16px; line-height: 25px;}
    .plugg-different-section ul li p{font-size: 14px; line-height: 22px;}

    .our-payment-partners-section{padding: 40px 0 30px;}
    .our-payment-partners-section h2{font-size: 35px; line-height: 45px; padding-bottom: 20px;}

    .pos-solution{padding: 40px 0;}
    .pos-solution p{font-size: 14px; line-height: 22px; padding: 8px 0 30px;}
    .pos-solution .item .pos-img{max-width: 100%;}
    .pos-solution .owl-nav{position: relative; ;}
    .pos-solution .owl-prev{position: absolute;}
    .pos-solution .owl-theme .owl-nav{margin-top: 30px;}

    .the-proof-section{padding: 40px 0;}
    .the-proof-section h3{font-size: 16px; line-height: 22px;}
    .the-proof-section h2{font-size: 35px; line-height: 45px; padding-bottom: 30px;}
    .the-proof-section p{padding-bottom: 40px;}
    .the-proof-section h4{padding-top: 20px;}

    .what-our-customer-section{padding: 40px 0;}
    .what-our-customer-section .owl-nav{margin-top: 20px !important;}

    .how-to-find-us{padding: 40px 0;}
    .how-to-find-us p{font-size: 14px; line-height: 22px; padding: 8px 0 30px;}

    .get-support{padding: 40px 0;}
    .get-support h2{padding-bottom: 30px; font-size: 35px;}
    .get-support .get-box{margin-bottom: 25px;}
    .what-our-customer-section p{font-size: 14px; line-height: 22px; padding: 8px 0 30px;}

    .modal-header .modal-title{font-size: 25px;}

    .last-footer{padding-top: 40px;}
    .last-footer a{margin-bottom: 30px;}
    .last-footer p{font-size: 14px; line-height: 22px; padding-bottom: 18px;}
    .last-footer h3{font-size: 14px;}
    .last-footer .copy-right{padding: 24px 0; margin-top: 40px;}
    .last-footer ul{display: block;}
    .last-footer ul li:nth-child(1){padding-left: calc(var(--bs-gutter-x) * .5);}
    .last-footer ul li{padding-left: calc(var(--bs-gutter-x) * .5);}
    .last-footer ul li a{margin-bottom: 20px;}
    .last-footer .copy-right h4{text-align: left; padding-left: calc(var(--bs-gutter-x) * .5); font-size: 14px; padding-top: 10px;}

    .btn.btn-primary{margin-bottom: 20px; padding: 15px 20px; width: 170px;}

    .grow-you-business-section .owl-nav{position: inherit;}
    .pos-solution .item .pos-img{margin: auto;}
}

@media (min-width:768px) and (max-width:991px){
    .plugg-different-section h2{font-size: 38px; line-height: 58px;}
    .plugg-different-section p{font-size: 15px; padding: 7px 0 30px;}
    .plugg-different-section ul li{padding: 20px 26px;}

    .plugg-img-box img{max-width: 100%;}
    .pos-img{max-width: 100%;}
}
@media (min-width:768px) and (max-width:991px){

    .navbar-light .navbar-toggler{background: linear-gradient(270deg, #F4A807 0%, #E55109 50.07%);}
    .navbar-collapse {
        position: fixed;
        top: 0;
        background-color: #fff;
        left: 0;
        height: 100vh;
        max-height: 100vh;
        overflow-y: auto;
        clear: both;
        width: 320px;
        max-width: calc(100vw - 60px);
        z-index: 9999;
        transform: translateX(-100%);
        display: block !important;
        padding: 32px 15px 20px;
        transition: all .3s ease-in-out;
      }
   
     .navbar-collapse.show {
      transform: translateX(0);
      box-shadow: 15px 0 25px rgba(35, 35, 35, .1);
}
.top-header .navbar-expand-lg .navbar-nav{margin-left: 0;}
.top-header .nav-item .nav-link{color: #000; padding-left: 0;}
.top-header .btn2{font-size: 14px; padding: 10px 25px;}
.top-header .btn1{font-size: 14px; padding: 10px 25px; color: #000;}
.top-header .button-left-animate{display: block; margin-bottom: 20px;}
.top-header .d-flex{margin-top: 20px;}
.main-banner{padding: 120px 0 80px;}
.main-banner h1, .main-banner p{font-size: 55px; line-height: 65px;}
.main-banner h3{font-size: 15px; line-height: 24px; padding-top: 8px;}
.all-in-one-section{padding: 40px 0;}
.all-in-one-section h2, .grow-you-business-section h2, .pos-solution h2, .what-our-customer-section h2, .how-to-find-us h2, .last-footer h2{font-size: 45px; line-height: 55px;}
.all-in-one-section P{font-size: 14px; line-height: 22px;}

.grow-you-business-section .owl-theme .owl-nav{margin-top: 20px;}
.plugg-different-section h2{font-size: 45px; line-height: 55px; padding-top: 30px;}

.the-proof-section{padding: 60px 0 40px;}
.the-proof-section h3{padding-bottom: 0;}
.the-proof-section h2{font-size: 45px; line-height: 55px; padding: 10px  0 40px;}
.the-proof-section p{padding-bottom: 30px;}

.pos-solution .owl-theme .owl-nav{margin-top: 20px;}
.pos-solution .owl-nav .owl-prev{position: inherit;}
.pos-solution .owl-nav .owl-next{position: inherit;}

.the-proof-section img{margin-left: 0;}
.the-proof-section h4{text-align: left; display: inherit;}
.the-proof-section p{text-align: left;}

.what-our-customer-section .owl-theme .owl-nav{margin-top: 20px;}
.what-our-customer-section .text-box{padding: 20px;}
.what-our-customer-section .item p{font-size: 16px; padding-bottom: 30px;}

.how-to-find-us .form-control{font-size: 14px;}
.how-to-find-us .form-floating > label{font-size: 14px;}
.how-to-find-us .form-select{font-size: 14px;}

.get-support .get-cont-box{padding: 20px;}
.get-support .get-box h3{font-size: 16px; line-height: 20px; padding-top: 20px;}
.get-support .get-box p{font-size: 13px; line-height: 19px;}
.get-support a{font-size: 14px;}

.last-footer h2{font-size: 40px; line-height: 55px;}
.last-footer p{font-size: 14px; line-height: 22px;}
.last-footer h3{font-size: 14px; line-height: 22px;}
.last-footer a{margin-bottom: 30px;}
.last-footer .copy-right{padding: 34px 0; margin-top: 60px;}
.last-footer .copy-right h4{font-size: 12px;}
.last-footer ul li a{font-size: 14px;}
.last-footer ul li{padding: 0 30px;}
.last-footer ul li a{margin-bottom: 0;}

}
@media (min-width:990px) and (max-width:1200px){
    .top-header .nav-item .nav-link{font-size: 14px; padding: 15px 16px;}
    .top-header .navbar-expand-lg .navbar-nav{margin-left: 40px;}
    .top-header .btn1{font-size: 14px; padding: 15px 20px;}
    .top-header .btn2{font-size: 14px; padding: 15px 20px;}

    .main-banner{padding: 190px 0 140px;}
    .main-banner h1, .main-banner p{font-size: 55px; line-height: 65px;}
    .main-banner h3{font-size: 15px; padding-top: 20px;}

    .all-in-one-section h2{font-size: 32px; line-height: 45px;}
    .all-in-one-section p{font-size: 15px; line-height: 20px;}

    .grow-you-business-section .owl-theme .owl-nav{margin-top: 20px;}

    .plugg-different-section h2{font-size: 30px; line-height: 40px;}
    .plugg-different-section ul li h3{font-size: 18px;}
    .plugg-different-section ul li p{font-size: 12px; line-height: 20px;}
    .plugg-img-box img{height: 565px;}

    .pos-solution .owl-nav.disabled{top: -225px;}
    .pos-solution .owl-nav .owl-next{right: -3.5%;}
    .pos-solution .owl-nav .owl-prev{left:-3.5%;}

    .the-proof-section h4{font-size: 55px;}
    .the-proof-section h3{font-size: 16px; padding-bottom: 14px;}
    .the-proof-section h2{font-size: 35px; line-height: 45px;}

    .what-our-customer-section .item .img-box{height: 175px;}
    .what-our-customer-section .text-box{padding: 20px;}
    .what-our-customer-section .item p{font-size: 16px; line-height: 25px; padding-bottom: 35px;}

}



/* responsive */