.t-cl { color:#f7941d }

.bg-dark {
    background-color: #111827  !important; }

.btn-primary { color:#ffffff!important; background-color:#e18210; }
.btn-primary:hover { color:#ffffff!important; background-color:#391b1b; border:2px solid #634949; }

.main-menu li a.nav-link:hover, .action-btns a.btn-link:hover, .navbar-dark.sticky-header.affix .main-menu li a.nav-link:hover, .navbar-dark.sticky-header.affix .action-btns a.btn-link:hover {
    color: #ff8b00;
}
.blog-details-wrap img {
    max-width: 90%;
    height: auto;
}

.feature-img-holder img {
    max-width: 90%;
    height: auto;
}
@media(min-width: 900px){
    .feature-img-holder img {
        max-width: 70%;
        height: auto;
    }
}
.main-menu li a.nav-link { font-size: 1rem; }


h4, .h4 {
    font-size: 1.2rem!important;
}
h1, .h1 {
    font-size: 1.1rem!important;
}
h2, .h2 {
    font-size: 1.0rem!important;
}

.integration-list li .single-integration img {

    max-width: 65px;
    max-height: 65px;

}



.m-ul li span { color:#fff; font-size:16px }
.m-ul li span i { font-size:24px; color:#31d667 }

.fa-check-circle:before, .fa-circle-check:before {
    color:#31d667
}


.lead2 {
    font-size: 1.1rem;
    font-weight: 500;
}


.bbox1 {
    background-image: url(../img/t1.webp);
    background-repeat: no-repeat;
    background-position: top center;
}
.bbox2 {
    background-image: url(../img/t2.webp);
    background-repeat: no-repeat;
    background-position: top center;
}
.bbox3 {
    background-image: url(../img/t3.webp);
    background-repeat: no-repeat;
    background-position: top center;
}


.o-mb { display:none; }


@media (min-width: 320px) and (max-width: 991px) {

.about-content-right img:last-of-type {
    width: 100%!important; margin: 0 !important;
}


@media (min-width: 320px) and (max-width: 768px) {
.payment-gateway-text {
    padding-top: 140px!important;
}






.swiper-nav-control .swiper-button-next, .swiper-nav-control .swiper-button-prev {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 11px 24px 0 rgba(0,0,0,.09);
    box-shadow: 0 11px 24px 0 rgba(0,0,0,.09);
    z-index: 2;
}

.swiper-nav-control .swiper-button-next:hover, .swiper-nav-control .swiper-button-prev:hover {
    background-color: #f7941d;
    color: #fff !important;
    border-color: #df8211;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    background-color: #175cff;
    color: #fff !important;
    border-color: #175cff;
}

.swiper-nav-control .swiper-button-next, .swiper-nav-control .swiper-button-prev {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 11px 24px 0 rgba(0,0,0,.09);
    box-shadow: 0 11px 24px 0 rgba(0,0,0,.09);
    z-index: 2;
}

@media (min-width: 320px) and (max-width: 645px)
.swiper-button-next {
    right: 0;
}

.swiper-button-next {
    right: -25px;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 10px!important;
    right: auto!important;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}