@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");



:root {

    --main-color: #8e1b3e;

    --seondary-color: #fec82e;

}



* {

    box-sizing: border-box;

}



body {

    font-family: "Open Sans", sans-serif;

    padding-top: 65px;

    overflow-x: hidden;

    color: #212121;

}



.loading {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 99999999;

    background: #780e2f;

    display: flex;

    justify-content: center;

    align-items: center;

}



.loading img {

    filter: brightness(0) invert(1);

    width: 80px;

}





/* .loading-text {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 99999999;

    background: #ffffffe8;

    display: flex;

    justify-content: center;

    align-items: center;

} */



.logged-in .fixed-top {top: 32px;}



body .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {

    margin: 0;

}



.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer a.wpml-ls-link {

    color: inherit;

}



main > section {

    overflow-x: hidden !important;

}



a {

    text-decoration: none;

}



img {

    max-width: 100%;

}



.f-40 {

    font-size: 40px;

}



.f-60 {

    font-size: 60px;

}



.f-90 {

    font-size: 90px;

}



.f-24 {

    font-size: 24px;

}



.f-20 {

    font-size: 20px;

}



.f-48 {

    font-size: 48px;

}



.f-72 {

    font-size: 72px;

}



.f-36 {

    font-size: 36px;

}



.f-30 {

    font-size: 30px;

}



.mb-120 {

    margin-bottom: 120px;

}



.mb-50 {

    margin-bottom: 50px;

}



.mb-80 {

    margin-bottom: 80px;

}



.mb-100 {

    margin-bottom: 100px;

}



.mb-120 {

    margin-bottom: 120px;

}



.mb-140 {

    margin-bottom: 140px;

}



.mb-160 {

    margin-bottom: 160px;

}



.mb-200 {

    margin-bottom: 100px;

}



.mb-48 {

    margin-bottom: 48px;

}



.mt-80 {

    margin-top: 80px;

}



.mt-500 {

    margin-top: 500px;

}



.br-24 {

    border-radius: 24px;

    overflow: hidden;

}



.mt-100 {

    margin-top: 100px;

}



.bold {

    font-weight: 700;

}



.extra-bold {

    font-weight: 900;

}



.main-color {

    color: var(--main-color);

}



.row {

    --bs-gutter-x: 48px;

}



.container,

.container-fluid,

.container-lg,

.container-md,

.container-sm,

.container-xl,

.container-xxl {

    padding-right: var(--bs-gutter-x, 1.5rem);

    padding-left: var(--bs-gutter-x, 1.5rem);

}



.bg-primary {

    background-color: var(--main-color) !important;

}



.btn-primary,

.btn-primary:focus,

.btn-primary:active:focus {

    background: var(--main-color);

    border: 0;

    padding: 16px 30px;

    border-radius: 28px;

    box-shadow: none;

    color: #fff;

    font-weight: 500;

}



    .btn-primary:hover {

        background: var(--seondary-color);

        color: #121212;

    }



.btn-secondary,

.btn-secondary:focus,

.btn-secondary:active:focus {

    background: var(--seondary-color);

    border: 0;

    padding: 16px 30px;

    border-radius: 28px;

    box-shadow: none;

    color: #121212;

    font-weight: 500;

}



    .btn-secondary:hover {

        background: var(--main-color);

        color: #fff;

    }



.btn-outline-light,

.btn-outline-primary {

    padding: 16px 30px;

    border-radius: 28px;

    font-weight: 500;

    box-shadow: none;

}



    .btn-outline-primary:focus,

    .btn-outline-primary:hover {

        background: var(--main-color);

        border-color: var(--main-color);

    }



hr {

    margin: 0;

    background-color: #121212;

    opacity: 1;

}



.py-200 {

    padding: 150px 0;

}



.my-100 {

    margin: 100px 0;

}



.mb-10 {

    margin-bottom: 10px;

}



.mb-20 {

    margin-bottom: 20px;

}



.mb-30 {

    margin-bottom: 30px;

}



.mb-40 {

    margin-bottom: 40px;

}



.mb-50 {

    margin-bottom: 50px;

}



.mb-60 {

    margin-bottom: 60px;

}



.mt-10 {

    margin-top: 10px;

}



.mt-20 {

    margin-top: 20px;

}



.mt-30 {

    margin-top: 30px;

}



.mt-40 {

    margin-top: 40px;

}



.mt-50 {

    margin-top: 50px;

}



.mt-60 {

    margin-top: 60px;

}



.pt-60 {

    padding-top: 60px;

}



.pt-200 {

    padding-top: 200px;

}



.pt-160 {

    padding-top: 160px;

}



.btn-outline-primary {

    color: var(--main-color);

    border-color: var(--main-color);

}



header {

    border-bottom: 1px solid #dadce0;

}



.main-header a.btn.btn-primary {

    padding: 10px 20px;

}



.main-header li.nav-item:not(:last-of-type) {

    margin-right: 24px;

}



header .row > div {

    padding: 0;

}



.mobile-header {

    background: #fff;

    position: relative;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 15px 10px;

    border-bottom: 1px solid #eee;

}



    .mobile-header .mobile-menu {

        position: absolute;

        height: 90vh;

        width: 100%;

        background: #fff;

        top: 101%;

        left: 0;

        padding: 16px;

        transition: all 0.3s ease;

        left: -100%;

    }



        .mobile-header .mobile-menu li small {

            font-size: 12px;

            color: #6d6e70;

        }



        .mobile-header .mobile-menu.active {

            left: 0;

        }



.menu-toggle {

    border: none;

    background: transparent;

}



.mobile-header .logo img {

    height: 36px;

}



.user-info {

    display: flex;

}



.mobile-header .user-info a {

    color: #212121;

    margin: 0 10px;

}



.mobile-header ul {

    padding: 0;

    list-style: none;

}



.mobile-header .mobile-menu a {

    color: #212121;

    display: block;

    text-transform: uppercase;

}



    .mobile-header .mobile-menu a.btn {

        color: #fff;

        position: absolute;

        width: 90%;

        left: 5%;

        bottom: 50px;

    }



.mobile-header .mobile-menu .side-menu {

    position: absolute;

    width: 100%;

    height: 100vh;

    top: 0;

    background: #fff;

    z-index: 9999;

    left: -100%;

    transition: all 0.3s ease;

}



    .mobile-header .mobile-menu .side-menu.active {

        left: 0;

    }



.mobile-header .mobile-menu li {

    padding: 10px 0;

    display: flex;

    justify-content: space-between;

}



    .mobile-header .mobile-menu li.divider {

        padding: 20px 0;

        border-top: 1px solid #dadce0;

        border-bottom: 1px solid #dadce0;

    }



li.down-dropdown {

    position: relative;

}



.lang-dropdown {

    position: absolute;

    top: 100%;

    width: 100%;

    border: 1px solid #c2c5cb;

    padding: 15px;

    border-radius: 12px;

    display: none;

}



    .lang-dropdown a img {

        width: 30px;

        height: 20px;

        border-radius: 5px;

        margin-right: 15px;

    }



    .lang-dropdown hr {

        margin: 10px 0;

        background: #dadce0;

    }



.mobile-header .mobile-menu .side-menu .back {

    padding: 15px;

    background: #f9f9f9;

}



.mobile-header .mobile-menu .side-menu ul {

    padding: 0 15px;

}



    .mobile-header .mobile-menu .side-menu ul li:not(:last-child) {

        border-bottom: 1px solid #dadce0;

    }



    .mobile-header .mobile-menu .side-menu ul li {

        display: flex;

        justify-content: space-between;

    }



.navbar-light .navbar-nav .nav-link {

    color: #212121;

    font-weight: 500;

}



.has-dropdown a.dropdown-item span {

    display: block;

    font-size: 12px;

    color: #6d6e70;

}



.dropdown-menu {

    width: 244px;

    border: 0;

    border-radius: 12px;

    box-shadow: 0px 4px 8px #00000029;

}



.dropdown-item {

    white-space: normal;

}



li.has-dropdown:hover ul.dropdown-menu {

    display: block;

}



li.has-dropdown {

    position: relative;

}



    li.has-dropdown ul.dropdown-menu {

        position: absolute;

        left: 100%;

        top: -10px;

    }



.dropdown-menu .dropdown-item {

    /* padding: 5px 0; */

    position: relative;

    padding-top: 10px;

    padding-bottom: 10px;

    position: relative;

}



.dropdown-menu li:not(:last-of-type) > .dropdown-item:after {

    content: "";

    display: block;

    width: 100%;

    height: 1px;

    background: #dadce0;

    position: relative;

    top: 10px;

}



.dropdown:hover > .dropdown-menu {

    display: block;

    margin-top: 0;

}



.navbar-nav .dropdown-menu {

    position: absolute;

}



.dropdown-item.active,

.dropdown-item:active {

    color: #212121;

    background: #e9ecef;

}



.hamburger .line {

    width: 25px;

    height: 3px;

    background-color: #212121;

    display: block;

    border-radius: 3px;

    margin-top: 4px;

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



    .hamburger .line:first-child {

        margin-top: 0;

    }



.hamburger:hover {

    cursor: pointer;

}



#hamburger-1.is-active .line:nth-child(2) {

    opacity: 0;

}



#hamburger-1.is-active .line:nth-child(1) {

    -webkit-transform: translateY(13px) rotate(45deg);

    -ms-transform: translateY(13px) rotate(45deg);

    -o-transform: translateY(13px) rotate(45deg);

    transform: translateY(3px) rotate(45deg);

}



#hamburger-1.is-active .line:nth-child(3) {

    -webkit-transform: translateY(-13px) rotate(-45deg);

    -ms-transform: translateY(-13px) rotate(-45deg);

    -o-transform: translateY(-13px) rotate(-45deg);

    transform: translateY(-11px) rotate(-45deg);

}



section.hero {

    position: relative;

}



    section.hero .content {

        position: absolute;

        bottom: 10%;

        color: #fff;

        width: 100%;

        /* left: 50%;

    transform: translateX(-50%); */

        text-align: center;

    }



        section.hero .content h1 {

            /* font-size: 60px;

    font-weight: 900; */

            text-transform: uppercase;

            margin-bottom: 30px;

        }



.about-payment-getway h2.title {

    font-size: 120px;

    font-weight: 900;

    text-transform: uppercase;

    color: var(--main-color);

    text-align: center;

    position: relative;

    overflow: hidden;

}



    .about-payment-getway h2.title span {

        color: #8e1b3e14;

        position: absolute;

    }



        .about-payment-getway h2.title span:first-of-type {

            left: -180px;

        }



        .about-payment-getway h2.title span:last-of-type {

            right: -170px;

        }



.about-payment-getway h4.subtitle {

    width: 500px;

    margin: 0 auto;

    font-size: 30px;

    font-weight: 600;

    text-align: center;

}



.data .text h4 {

    font-size: 22px;

    font-weight: 600;

    color: var(--main-color);

    margin-bottom: 20px;

}



.data .text h3 {

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 24px;

}



.data .text p {

    font-size: 20px;

    margin-bottom: 40px;

}



.data .text {

    position: relative;

}



    .data .text img {

        position: absolute;

    }



        .data .text img.arrow-down {

            right: 0;

            top: -30px;

            transform: translateY(-100%);

        }



.about-payment-getway .row {

    margin-top: 160px;

    align-items: center;

}



.data .text img.arrow-left {

    right: 0;

    transform: translate(180%, 60%);

}



/* section.why-sadad h2 {

    font-size: 60px;

    font-weight: 700;

}



.why-sadad p {

    font-size: 24px;

    margin-bottom: 60px;

    line-height: 33px;

} */



/* Sections */

.waiting-for h2 {

    /* font-size: 60px;

    font-weight: 700; */

    margin-top: 96px;

    margin-bottom: 16px;

    /* line-height: 82px; */

}



.waiting-for p {

    /* font-size: 30px; */

    margin-bottom: 60px;

}



.why-sadad ul li {

    font-size: 20px;

    line-height: 27px;

    display: flex;

    align-items: flex-start;

    margin-bottom: 25px;

}



    .why-sadad ul li img {

        margin-right: 25px;

        margin-top: 3px;

    }



/* section.more-tools > h3 {

    color: var(--main-color);

    font-size: 24px;

    margin-bottom: 16px;

} */



/* section.more-tools > h2 {

    font-size: 60px;

    font-weight: 700;

    margin-bottom: 24px;

} */



section.more-tools > p {

    width: 45%;

    margin: 0 auto;

    /* font-size: 24px; */

    margin-bottom: 120px;

}



section.more-tools .item {

    height: 100%;

    padding: 15px;

    position: relative;

}



    section.more-tools .item .icon {

        width: 102px;

        height: 102px;

        background: #f9f9f9;

        display: flex;

        justify-content: center;

        align-items: center;

        margin: 0 auto;

        border-radius: 33px;

        margin-bottom: 40px;

    }



    section.more-tools .item h3 {

        font-size: 24px;

        font-weight: 700;

        margin-bottom: 16px;

    }



    section.more-tools .item p {

        font-size: 20px;

        color: #121212;

        min-height: 120px;

    }



    section.more-tools .item a {

        font-size: 14px;

        text-decoration: none;

        color: var(--main-color);

    }



section.more-tools .row > div:not(:last-child) .item:before {

    content: "";

    display: block;

    height: 75%;

    width: 1px;

    background: #dadce0;

    position: absolute;

    top: 30px;

    right: -24px;

}



section.more-tools .row:first-of-type .item:after {

    content: "";

    display: block;

    width: 100%;

    height: 1px;

    background: #dadce0;

    margin-top: 50px;

}



/* .accept-payment {

    background: url(../images/accept-payment.png);

    background-repeat: no-repeat;

    background-size: cover;

} */



.accept-payment {

    position: relative;

}



    .accept-payment .content {

        position: absolute;

        top: 120px;

        width: 100%;

        left: 0;

    }



    .accept-payment h2 {

        /* font-size: 48px;

    font-weight: 700; */

        color: #fff;

        margin: 50px 0;

    }



/* .posr h4 {

    color: var(--main-color);

    font-size: 24px;

    margin-bottom: 16px;

} */



.posr h2 {

    /* font-size: 48px;

    font-weight: 700; */

    line-height: 65px;

    width: 80%;

    margin-bottom: 40px;

}



.posr p {

    width: 75%;

    /* font-size: 20px; */

    margin-bottom: 40px;

}



.posr a {

    text-decoration: none;

    color: var(--main-color);

    font-size: 20px;

    font-weight: 700;

}



.latest-optimized {

    background: var(--main-color);

    color: #fff;

    position: relative;

    overflow: hidden;

}



    .latest-optimized img.icon {

        position: absolute;

        right: 80px;

        top: 80px;

    }



    .latest-optimized img.hand {

        margin-left: auto;

        display: block;

        position: relative;

        margin-right: -100px;

        margin-top: -100px;

    }



    /* .latest-optimized h2 {

    font-size: 60px;

    font-weight: 700;

    line-height: 82px;

} */



    .latest-optimized p {

        /* font-size: 20px; */

        width: 55%;

        margin: 24px 0;

    }



    .latest-optimized a {

        font-size: 20px;

        font-weight: 600;

        color: #fff;

    }



/* .post .row:first-of-type p {

    font-size: 20px;

} */

/* 

.post h4 {

    font-size: 24px;

    color: var(--main-color);

    margin-bottom: 16px;

} */



/* .post h2 {

    font-size: 60px;

    font-weight: 700;

} */



/* .post .row {

    margin-top: 100px;

} */



.post .row:first-of-type a {

    font-size: 22px;

    color: var(--main-color);

    font-weight: 600;

    display: block;

}



.post .row:first-of-type img.w-100 {

    margin-left: -100px;

}



.post .item {

    border: 1px solid #c2c5cb;

    border-radius: 24px;

    height: 100%;

    margin-bottom: 24px;

}



    .post .item .content {

        padding: 32px;

    }



    .post .item img {

        margin-top: 60px;

    }



    .post .item h3 {

        font-size: 24px;

        font-weight: 600;

        color: var(--main-color);

        margin-bottom: 16px;

    }



    .post .item p {

        font-size: 20px;

        min-height: 60px;

        margin-bottom: 32px;

    }



    .post .item a {

        color: var(--main-color);

    }



/* .e-commerce h4 {

    font-size: 24px;

    color: var(--main-color);

    margin-bottom: 16px;

} */



.e-commerce h2 {

    /* font-size: 48px;

    font-weight: bold; */

    width: 100%;

    line-height: 65px;

}



.e-commerce p {

    /* font-size: 30px; */

    width: 80%;

}



.e-commerce .content {

    padding: 120px 0 120px 120px;

}



.e-commerce img {

    height: 100%;

    object-fit: cover;

}



/* Invoice Page */



.sadad-invoice h4 {

    font-size: 60px;

}



.sadad-invoice h1 {

    font-size: 120px;

    font-weight: 900;

}



.sadad-invoice p {

    font-size: 24px;

    margin-bottom: 50px;

}



.sadad-invoice img {

    border-radius: 24px 0 0 24px;

    margin-top: -50px;

}



.sadad-features {

    padding: 300px 0 200px;

    margin-top: -200px;

}



.feature-row {

    margin-top: 140px;

}



    .feature-row h3 {

        font-size: 60px;

        font-weight: 600;

    }



    .feature-row h2 {

        font-size: 92px;

        font-weight: 900;

        color: var(--main-color);

        margin-bottom: 30px;

    }



    .feature-row h4 {

        font-size: 30px;

        font-weight: bold;

    }



    .feature-row p {

        font-size: 20px;

    }



    .feature-row img {

        max-width: 100%;

    }



.faq .accordion-item {

    border: 0;

    border-radius: 0;

}



    .faq .accordion-item h2 button {

        font-size: 24px;

        border-bottom: 1px solid;

        box-shadow: none;

        font-weight: 500;

        padding: 20px;

    }



.faq h2 {

    font-size: 60px;

    font-weight: 700;

}



.faq .accordion {

    margin-top: 96px;

}



.services-prices h2 {

    font-size: 40px;

    font-weight: 700;

    margin-bottom: 80px;

}



.price-item {

    border: 1px solid #dadce0;

    border-radius: 24px;

    padding: 40px;

    text-align: center;

}



    .price-item h3 {

        font-size: 24px;

        font-weight: 600;

        margin-bottom: 48px;

    }



    .price-item img {

        height: 154px;

        object-fit: none;

        width: 100%;

    }



    .price-item p {

        margin: 26px 0;

        min-height: 100px;

    }



    .price-item .bg-light {

        background: #f2f3f3;

        padding: 20px;

        border-radius: 16px;

    }



.spcial-price {

    padding: 64px;

    border: 1px solid #dadce0;

    border-radius: 24px;

    margin-top: 40px;

    margin: 0;

    margin-top: 30px;

}



    .spcial-price h3 {

        font-size: 24px;

        margin: 16px 0 50px;

        font-weight: 700;

    }



    .spcial-price .bg-light {

        background: #f2f3f3;

        padding: 20px;

        border-radius: 16px;

    }



.how-sadad-invoice-work {

    background: url(https://sadadpay.com/sadadqanew/wp-content/uploads/2022/08/invoice-banner.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    color: #fff;

    padding: 250px 0 80px;

}



    .how-sadad-invoice-work h2 {

        font-size: 92px;

        font-weight: 700;

        line-height: 125px;

        margin-bottom: 25px;

    }



    .how-sadad-invoice-work h3 {

        font-size: 36px;

        width: 55%;

        margin: 0 auto;

        margin-bottom: 120px;

    }



    .how-sadad-invoice-work a {

        color: #fff;

        text-align: center;

    }



        .how-sadad-invoice-work a span {

            display: block;

            margin-top: 20px;

        }



        .how-sadad-invoice-work a img {

            height: 31px;

        }



.sadad-process h2 {

    font-size: 48px;

    font-weight: 700;

    margin-bottom: 73px;

    margin-top: -250px;

}



.sadad-process span.number {

    display: block;

    font-size: 40px;

    color: var(--main-color);

}



.sadad-process h3 {

    font-size: 30px;

    font-weight: 700;

    margin-top: 24px;

}



.sadad-process .row:not(:first-of-type) {

    margin-top: -140px;

}



.sadad-process .row {

    position: relative;

}



    .sadad-process .row.first > img {

        position: absolute;

        width: 50%;

        left: 33%;

        z-index: -1;

        bottom: 10%;

    }



    .sadad-process .row.second > img {

        position: absolute;

        width: 50%;

        left: 30%;

        z-index: -1;

        top: 80%;

    }



    .sadad-process .row.third > img {

        position: absolute;

        width: 50%;

        left: 20%;

        z-index: -1;

        top: 85%;

    }



.square-invoices {

    background: url(https://sadadpay.com/sadadqanew/wp-content/uploads/2022/05/Group-15762.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    color: #fff;

    padding: 175px 0 350px;

}



    .square-invoices h2 {

        font-size: 72px;

        font-weight: 700;

        margin-bottom: 48px;

    }



.type-of-business {

    background: #121212;

    color: #fff;

}



    .type-of-business h2 {

        font-size: 60px;

        font-weight: 700;

    }



    .type-of-business .row:not(:last-of-type) {

        margin-bottom: 120px;

    }



    .type-of-business h3 {

        font-size: 40px;

        font-weight: 600;

        margin-bottom: 24px;

    }



    .type-of-business p {

        font-size: 30px;

        font-weight: 500;

    }



    .type-of-business .item h3 {

        margin: 40px 0;

    }



    .type-of-business .item p {

        margin-bottom: 80px;

    }



.sadad-pricing h2 {

    /* font-size: 48px;

    font-weight: 700; */

    margin-bottom: 64px;

}



.sadad-pricing .card {

    padding: 32px;

    border-radius: 24px;

}



    .sadad-pricing .card h3 {

        font-size: 30px;

        font-weight: 700;

    }



    .sadad-pricing .card .title {

        min-height: 90px;

    }



    .sadad-pricing .card h4 {

        font-size: 20px;

        font-weight: 700;

    }



    .sadad-pricing .card > h4,

    .sadad-pricing .card .d-flex h4 {

        margin-bottom: 20px;

    }



    .sadad-pricing .card .subtitle {

        min-height: 32px;

        margin-bottom: 20px;

    }



    .sadad-pricing .card ul {

        margin-bottom: 30px;

    }



        .sadad-pricing .card ul li {

            margin-bottom: 10px;

        }



            .sadad-pricing .card ul li img {

                margin-right: 15px;

                width: 15px;

            }



    .sadad-pricing .card hr {

        margin-bottom: 30px;

    }



    .sadad-pricing .card a {

        margin-top: 30px;

    }



    .sadad-pricing .card > p {

        font-size: 14px;

    }



/* .make-payment h2 {

    font-size: 48px;

    font-weight: 700;

    margin-bottom: 24px;

} */



.make-payment h4 {

    /* font-size: 24px; */

    font-weight: 400;

    padding: 0 20px;

    margin-bottom: 64px;

}



.make-payment hr {

    margin: 24px auto 32px;

    background: #dadce0;

    width: 85%;

}



.make-payment .item .icon {

    width: 120px;

    height: 120px;

    margin: 0 auto 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9f9f9;

    border-radius: 50%;

}



.make-payment .item h3 {

    font-size: 24px;

    font-weight: bold;

    color: var(--main-color);

    margin-bottom: 24px;

}



.make-payment .item > img {

    width: 60px;

    height: 40px;

    object-fit: contain;

}



.make-payment a span {

    display: block;

}



.make-payment a {

    color: #212121;

}



.make-payment .item {

    position: relative;

}



.make-payment .col-md-4:not(:last-of-type) .item:after {

    content: "";

    display: block;

    position: absolute;

    width: 1px;

    height: 85%;

    background: #dadce0;

    top: 0;

    right: -24px;

}



.make-payment a svg {

    height: 50px;

}



.accordion-button:not(.collapsed) {

    color: #8e1b3e;

    background-color: #f8f9fa;

}



.secure-payment {

    background: url(../images/secure-payment.png);

    background-repeat: no-repeat;

    background-size: 70%;

    background-position: right;

}



.tokenization img {

    max-width: unset;

}



.tokenization {

    overflow: hidden;

}



.go-live img {

    margin-top: -200px;

    position: relative;

    z-index: -1;

}



.sdk-api {

    padding-top: 200px;

}



.single-api {

    margin-top: -120px;

}



    .single-api ul li {

        margin-bottom: 30px;

    }



    .single-api img {

        margin-left: -150px;

        max-width: unset;

    }



.customized-checkout .main-image {

    height: 450px;

}



.pay-as-you-go .item {

    padding: 5px 24px;

    border-left: 4px solid #8e1b3e;

    margin-bottom: 40px;

}



    .pay-as-you-go .item p {

        margin: 0;

    }



.streamline-payment img {

    height: 60px;

}



.streamline-payment h3 {

    margin: 20px 0;

}



.online-store img {

    margin-bottom: -165px;

}



.online-store {

    padding-top: 200px;

}



img.app {

    width: 150px;

    height: 45px;

}



.working-comfort {

    position: relative;

}



    .working-comfort .content {

        position: absolute;

        width: 100%;

        top: 160px;

        z-index: 99;

    }



.plans .item {

    padding: 24px;

    height: 100%;

    border: 1px solid #c2c5cb;

    border-radius: 24px;

    position: relative;

    padding-bottom: 90px;

    transition: all 0.3s ease;

}



    .plans .item a.btn.btn-primary {

        position: absolute;

        bottom: 32px;

        width: 75%;

        left: 50%;

        transform: translateX(-50%);

    }



    .plans .item .icon {

        width: 94px;

        height: 94px;

        display: flex;

        justify-content: center;

        align-items: center;

        background: #f2f3f3;

        border-radius: 24px;

        margin: 24px auto;

    }



    .plans .item hr {

        background: #c2c5cb;

        margin-top: 20px;

        margin-bottom: 30px;

    }



    .plans .item:hover {

        background: var(--main-color);

        color: #fff;

    }



        .plans .item:hover a.btn {

            background: #fff;

            color: var(--main-color);

        }



.plans .switcher {

    display: inline-block;

    padding: 8px;

    border: 1px solid #c2c5cb;

    border-radius: 40px;

}



    .plans .switcher a {

        padding: 12px 30px;

        font-size: 20px;

        display: inline-block;

        border-radius: 30px;

        color: #121212;

        transition: all 0.3s ease;

    }



        .plans .switcher a.active {

            background: var(--main-color);

            color: #fff;

        }



.plans .items {

    display: none;

}



    .plans .items.active {

        display: flex;

    }



.waiting-for {

    position: relative;

}



    .waiting-for .content {

        position: absolute;

        top: 60px;

        width: 100%;

        left: 0;

    }



.plans .item2 li {

    position: relative;

    text-align: left;

    padding-left: 20px;

    margin-bottom: 10px;

    line-height: 32px;

}



    .plans .item2 li:before {

        content: "";

        position: absolute;

        left: 0;

        top: 7px;

        width: 8px;

        height: 16px;

        border: solid #8e1b3e;

        border-width: 0 3px 3px 0;

        -webkit-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

        transform: rotate(45deg);

    }



.plans .item2 {

    border: 1px solid #c2c5cb;

    border-radius: 24px;

    height: 100%;

    position: relative;

    padding-top: 32px;

    overflow: hidden;

}



    .plans .item2 hr {

        background-color: #c2c5cb;

        margin-top: 32px;

    }



    .plans .item2 a.btn {

        padding: 14px 30px;

        margin-top: 21px;

    }



    .plans .item2 ul {

        padding: 0 24px 30px;

    }



    .plans .item2 p {

        padding: 0 15px;

    }



    .plans .item2 .popular {

        background: #3b9e4f;

        color: #fff;

        position: absolute;

        padding: 5px 60px;

        right: -56px;

        top: 15px;

        transform: rotate(45deg);

        font-size: 13px;

    }



.compare-plans table {

    overflow: hidden;

    font-weight: 500;

}



    .compare-plans table tbody tr td:not(:first-child) {

        text-align: center;

    }



    .compare-plans table td,

    .compare-plans table th {

        padding: 15px;

    }



.head-nav a {

    color: #121212;

}



.head-nav img {

    margin: 0 auto;

}



.sadad_pos img {

    margin-bottom: -100px;

}



.payment-gateway {

    height: 90vh;

    display: flex;

    justify-content: center;

    align-items: center;

    background: url(https://sadadpay.com/sadadqanew/wp-content/uploads/2022/05/shutterstock_644255164.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    color: #fff;

}



div.scrollmenu a {

    display: inline-block;

    text-align: center;

    text-decoration: none;

    color: #212121;

    border-bottom: 4px solid transparent;

    transition: all 0.3s ease;

}



    div.scrollmenu a.active,

    div.scrollmenu a:hover {

        border-bottom: 4px solid var(--main-color);

    }



.head-nav div.scrollmenu a {

    border: 0;

}



.quick-links {

    position: fixed;

    width: 100%;

    z-index: 99;

    background: #fff;

    padding-top: 0px;

    border-bottom: 1px solid #dadce0;

}



.pb-64 {

    padding-bottom: 64px;

}



.accordion-button::after {

    background-image: url(../images/plus.svg);

}



.accordion-button:not(.collapsed)::after {

    background-image: url(../images/minus.svg);

    background-position: center;

}



/* Footer Style */

footer {

    padding: 40px 0 40px;

}



.footer-widget {

    margin-bottom: 20px;

}



    .footer-widget h3 {

        font-size: 20px;

        font-weight: 600;

        color: var(--main-color);

        margin-bottom: 10px;

    }



    .footer-widget ul {

        padding: 0;

        margin: 0;

        list-style: none;

    }



    .footer-widget li a {

        display: block;

        text-decoration: none;

        color: #121212;

        font-weight: 400;

        /*line-height: 30px;*/

        font-family: OpenSans-Regular;

    }



/*footer .social-links {*/

/*    margin-top: 50px;*/

/*}*/



    footer .social-links ul.socials li {

        margin-right: 20px;

    }



/* footer .social-links .icons a {

    display: inline-block;

    margin: 0 0 12px 12px;

} */



.icons a {

    display: inline-block;

    margin: 0 0 15px 12px;

}



section.sadad-appointment {

    position: relative;

}



    section.sadad-appointment .content {

        position: absolute;

        bottom: 10%;

        color: rgb(0, 0, 0);

        width: 840px;

        left: 50%;

        transform: translateX(-50%);

        text-align: center;

        top: 10%;

    }



section.sadad-appointment-sec1 {

    position: relative;

}



    section.sadad-appointment-sec1 .content {

        position: absolute;

        top: 200px;

        color: rgb(255, 255, 255);

        width: 100%;

        left: 0;

        text-align: left;

        /* top: 35%; */

    }



section.Sadad-Appointments {

    background: url(../images/Subtraction\ 57.png);

    background-repeat: no-repeat;

    background-position: 0% 15%;

}



    section.Sadad-Appointments .icon img {

        height: 60px;

    }



section.sadad-appointment-sec2 {

    position: relative;

}



    section.sadad-appointment-sec2 .content {

        position: absolute;

        bottom: 22%;

        color: rgb(255, 255, 255);

        width: 500px;

        left: 50%;

        text-align: left;

    }



section.sadad-level {

    position: relative;

}



    section.sadad-level .content {

        position: absolute;

        top: 160px;

        color: rgb(255, 255, 255);

        width: 100%;

        left: 0;

        text-align: left;

        /* top: 35%; */

    }



section.quality-security {

    position: relative;

}



    section.quality-security .content {

        position: absolute;

        top: 200px;

        color: rgb(255, 255, 255);

        width: 100%;

        text-align: left;

        /* top: 35%; */

    }



        section.quality-security .content h2 {

            text-transform: uppercase;

        }



section.manegment-system {

    background-color: #121212;

    color: rgb(255, 255, 255);

}



.custom-modal {

    position: fixed;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgb(18 18 18 / 90%);

    z-index: 9999999;

    display: none;

}



    .custom-modal .content {

        width: 50%;

        margin: 5% auto 0;

        color: #fff;

    }



        .custom-modal .content img {

        }



    .custom-modal .close {

        position: absolute;

        top: 84px;

        right: 15%;

        width: 80px;

        cursor: pointer;

    }



.certificates a {

    color: #212121;

}



.-mt-80 {

    margin-top: -80px;

}



.sadad-list p,

.remove-space p,

.black p {

    margin-bottom: 0;

}



.online-store,

.sadad_pos,

.solutions,

section.hero,

.sadad-list,

.remove_position {

    overflow-x: unset;

}





.business .image img {

    height: 250px;

    width: 100%;

    object-fit: cover;

    border-radius: 15px;

}





@media (max-width: 767px) {

    .f-40 {

        font-size: 30px;

    }



    .f-60 {

        font-size: 36px;

    }



    .f-90 {

        font-size: 48px;

    }



    .f-24 {

        font-size: 20px;

    }



    .f-20 {

        font-size: 16px;

    }



    .f-48 {

        font-size: 30px;

    }



    .f-72 {

        font-size: 40px;

    }



    .f-36 {

        font-size: 24px;

    }



    .f-30 {

        font-size: 20px;

    }



    .mb-120 {

        margin-bottom: 64px;

    }



    .mb-50 {

        margin-bottom: 32px;

    }



    .mb-80 {

        margin-bottom: 40px;

    }



    .mb-100 {

        margin-bottom: 48px;

    }



    .mt-100 {

        margin-top: 48px;

    }



    .mb-5 {

        margin-bottom: 2rem !important;

    }



    .mb-120 {

        margin-bottom: 64px;

    }



    .mb-140 {

        margin-bottom: 64px;

    }



    .mb-160 {

        margin-bottom: 80px;

    }



    .mb-200 {

        margin-bottom: 96px;

    }



    .mb-48 {

        margin-bottom: 32px;

    }



    .mt-80 {

        margin-top: 40px;

    }



    .mt-500 {

        margin-top: 100px;

    }



    .py-200 {

        padding: 96px 0;

    }



    .my-100 {

        margin: 48px 0;

    }



    .mb-10 {

        margin-bottom: 10px;

    }



    .mb-20 {

        margin-bottom: 16px;

    }



    .mb-30 {

        margin-bottom: 20px;

    }



    .mb-40 {

        margin-bottom: 24px;

    }



    .mb-50 {

        margin-bottom: 32px;

    }



    .mb-60 {

        margin-bottom: 32px;

    }



    .mt-10 {

        margin-top: 10px;

    }



    .mt-20 {

        margin-top: 16px;

    }



    .mt-30 {

        margin-top: 20px;

    }



    .mt-40 {

        margin-top: 24px;

    }



    .mt-50 {

        margin-top: 32px;

    }



    .mt-60 {

        margin-top: 32px;

    }



    .pt-60 {

        padding-top: 32px;

    }



    .pt-200 {

        padding-top: 96px;

    }



    .pt-160 {

        padding-top: 80px;

    }



    .about-payment-getway .row {

        margin-top: 80px;

    }



    .data .text h3 {

        font-size: 20px;

    }



    .row.flip-mobile {

        flex-direction: column-reverse;

    }



    .about-payment-getway .row img {

        margin-bottom: 32px;

    }



    .data .text p {

        font-size: 16px;

    }



    .row {

        --bs-gutter-x: 32px;

    }



    .container,

    .container-fluid,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl,

    .container-xxl {

        padding-right: var(--bs-gutter-x, 1rem);

        padding-left: var(--bs-gutter-x, 1rem);

    }



    section.more-tools .row > div:not(:last-child) .item:before {

        display: none;

    }



    section.more-tools > p {

        width: 100%;

    }



    section.more-tools .row .item:after {

        content: "";

        display: block;

        width: 100%;

        height: 1px;

        background: #dadce0;

        margin-top: 50px;

    }



    .why-sadad ul li {

        font-size: 16px;

        margin-bottom: 16px;

    }



    section.hero .content {

        padding: 0 10px;

        bottom: 18%;

    }



    section.hero img {

        height: 100vh;

        object-fit: cover;

        object-position: 65%;

    }



    section.hero .content h1 {

        text-transform: unset;

        font-size: 30px;

        font-weight: 600;

        line-height: 41px;

        margin-bottom: 20px;

    }



    /* .waiting-for h2 {

    margin-top: 31px;

  } */

    .waiting-for p {

        margin-bottom: 32px;

    }



    .about-payment-getway h2.title {

        font-size: 48px;

    }



    .about-payment-getway h4.subtitle {

        width: 100%;

        font-size: 20px;

    }



    .main-footer,

    footer hr,

    .data .text img,

    .about-payment-getway h2.title span {

        display: none;

    }



    footer .social-links {

        flex-direction: column;

        margin-top: 0;

    }



    .socials {

        justify-content: space-around;

    }



    footer .social-links ul.socials li {

        margin-right: 0;

    }



    footer .social-links .links {

        margin-bottom: 50px;

        border-bottom: 1px solid #c2c5cb;

        padding-bottom: 40px;

    }



        footer .social-links .links > a img {

            width: 24%;

            object-fit: contain;

            height: 50px;

        }



    footer .social-links .icons {

        text-align: center !important;

    }



    footer .copyright {

        flex-direction: column-reverse;

    }



        footer .copyright .buttons {

            margin-bottom: 50px;

        }



    footer .copyright {

        font-size: 12px;

    }



    .e-commerce .row {

        flex-direction: column-reverse;

    }



    .e-commerce .content {

        padding: 96px 0 60px;

        text-align: center;

    }



    .e-commerce h2 {

        width: 100%;

        line-height: 41px;

    }



    .e-commerce p {

        width: 100%;

        font-size: 16px;

    }



    .post .row:first-of-type img.w-100 {

        margin-left: 0px;

    }



    .post .col {

        flex: 1 0 100%;

    }



    .latest-optimized p {

        width: 100%;

    }



    .latest-optimized img.icon {

        width: 40px;

        right: 12px;

        top: 12px;

    }



    .latest-optimized img.hand {

        margin-top: 0;

        margin-right: -100px;

        transform: scale(1.5) !important;

    }



    .posr h2 {

        width: 100%;

        line-height: 41px;

        margin-bottom: 20px;

    }



    .posr h4 {

        margin-top: 36px;

        margin-bottom: 12px !important;

    }



    .posr p {

        width: 100%;

    }



    .posr a {

        margin-bottom: 80px;

        display: block;

        font-size: 16px;

        font-weight: 600;

    }



    .accept-payment .content {

        background: #140f0f;

        padding-bottom: 50px;

        position: static;

    }



    .accept-payment img {

        height: 500px;

        object-fit: cover;

        object-position: 62%;

    }



    .make-payment h4 {

        padding: 0;

        font-size: 20px;

        font-weight: 400;

    }



    .make-payment .item {

        margin-bottom: 80px;

    }



    .sadad-pricing .card {

        margin-bottom: 46px;

    }



    .sadad-pricing h2 {

        font-size: 24px;

        margin-bottom: 40px;

    }



    .type-of-business {

        text-align: center;

    }



        .type-of-business h2 {

            font-size: 36px;

            line-height: 49px;

        }



        .type-of-business .row:not(:last-of-type) {

            margin-bottom: 64px;

            padding: 0;

        }



        .type-of-business p {

            font-size: 20px;

        }



        .type-of-business h3 {

            font-size: 30px;

            margin-top: 24px;

        }



    .square-invoices h2 {

        font-size: 40px;

    }



    .square-invoices {

        background-position: 60%;

        padding-bottom: 60px;

    }



    .sadad-process h2 {

        font-size: 30px;

        margin-top: 0;

        margin-bottom: 20px;

    }



    .sadad-process {

        text-align: center;

    }



        .sadad-process .row:not(:first-of-type) {

            margin-top: 0;

        }



        .sadad-process .row.first > img,

        .sadad-process .row.second > img,

        .sadad-process .row.third > img {

            display: none;

        }



        .sadad-process h3 {

            font-size: 20px;

            font-weight: 600;

        }



    .how-sadad-invoice-work h2 {

        font-size: 44px;

        line-height: 55px;

        font-weight: 900;

        text-transform: uppercase;

    }



    .how-sadad-invoice-work {

        padding: 100px 0 60px;

        background-position: 40%;

    }



        .how-sadad-invoice-work h3 {

            font-size: 24px;

            width: 100%;

            margin-bottom: 40px;

        }



    .spcial-price {

        padding: 20px;

    }



    .services-prices h2 {

        font-size: 30px;

        margin-bottom: 40px;

    }



    .feature-row h4 {

        font-size: 20px;

        margin-top: 30px;

    }



    .feature-row p {

        font-size: 16px;

    }



    .feature-row h3 {

        font-size: 30px;

        margin-top: 40px;

    }



    .feature-row h2 {

        font-size: 48px;

    }



    .feature-row {

        margin-top: 64px;

    }



    .main-text {

        position: absolute;

        color: #fff;

        bottom: 40px;

    }



    .sadad-invoice {

        position: relative;

    }



        .sadad-invoice h4 {

            font-size: 36px;

        }



        .sadad-invoice h1 {

            font-size: 48px;

        }



        .sadad-invoice p {

            font-size: 20px;

        }



        .sadad-invoice img {

            height: 100vh;

            object-fit: cover;

            border-radius: 0;

        }



    .secure-payment .icons a {

        width: 35%;

    }



        .secure-payment .icons a img {

            width: 100%;

        }



    .secure-payment .w-50 {

        width: 100% !important;

    }



    .secure-payment {

        background-repeat: no-repeat;

        background-size: 160%;

        background-position: 80% bottom;

    }



    .tokenization img {

        max-width: 100%;

    }



    .customized-checkout .content {

        text-align: center;

    }



    .single-api img {

        margin: 0;

        max-width: 100%;

    }



    .single-api {

        margin-top: 0;

    }



        .single-api ul {

            column-count: 2;

        }



            .single-api ul li {

                margin-bottom: 16px;

                font-weight: 600;

            }



    .sdk-api {

        padding: 96px 0;

    }



        .sdk-api img {

            margin-bottom: 20px;

        }



    .sadad-tarweej {

        text-align: center;

    }



    .tarweej-features {

        text-align: center;

    }



        .tarweej-features .row .col-md-5:first-of-type {

            margin-bottom: 64px;

        }



    .online-store img {

        margin-bottom: 20px;

    }



    .online-store {

        padding: 96px 0;

        text-align: center;

    }



    .product-category,

    .unlimeted-product-2 {

        text-align: center;

    }



    /* .waiting-for img {

    height: 120vh;

    object-fit: cover;

  } */



    .waiting-for .content {

        top: 0px;

    }



    .smart-content h3 {

        font-size: 24px;

    }



    .smart-content p {

        width: 100% !important;

    }



    .smart-features .item {

        text-align: center;

        margin-top: 40px;

    }



    .smart-features .text-end {

        text-align: center !important;

    }



    .sadad-smart-store .item:not(:last-of-type) {

        margin-bottom: 80px;

    }



    .find-the-domain {

        text-align: center;

        padding-bottom: 96px;

    }



        .find-the-domain .d-flex {

            flex-direction: column;

        }



        .find-the-domain img {

            margin-bottom: 40px;

        }



    section.sadad-appointment .content {

        width: 85%;

    }



    .unique-system .w-50 {

        width: 100% !important;

    }



    .unique-system {

        text-align: center;

    }



    section.sadad-appointment-sec1 .content {

        top: unset;

        bottom: 64px;

    }



    section.Sadad-Appointments {

        text-align: center;

    }



        section.Sadad-Appointments .item {

            margin-top: 50px;

        }



    section.Sadad-Appointments {

        background-size: 20%;

        background-position: 0 13%;

    }



    section.sadad-appointment-sec2 .content {

        left: 33px;

        width: 90%;

        top: 60px;

    }



        section.sadad-appointment-sec2 .content p {

            font-size: 24px;

        }



    .main-text2 {

        position: absolute;

        color: #fff;

        top: 30px;

    }



    section.photo-studio {

        position: relative;

    }



    /* .head-nav {

        overflow-x: auto;

    }



    .head-nav a {

        flex: 1 0 90px;

    } */



    .our-solutions .item {

        flex-direction: column;

        padding: 20px;

    }



        .our-solutions .item .icon {

            padding: 0 !important;

            background: #fff !important;

            justify-content: center;

            margin-bottom: 20px;

        }



        .our-solutions .item .w-75 {

            width: 100% !important;

            text-align: center;

        }



    .our-solutions h2 {

        text-align: left !important;

    }



    .images-1 .w-75 {

        width: 100% !important;

    }



    .images-1 .items .item {

        flex: 1 0 45%;

        margin-bottom: 1rem;

    }



    .images-1 .items {

        flex-wrap: wrap;

    }



    section.sadad-level .content {

        top: 40px;

    }



    .sadad-point .icons a {

        display: inline-block;

        width: 40%;

    }



        .sadad-point .icons a img {

            width: 100%;

        }



    .working-comfort .content {

        position: static;

        background: #ffeeeb;

        padding: 48px 0 16px;

    }



    section.quality-security .content {

        top: 50px;

    }



        section.quality-security .content h2 {

            text-transform: capitalize;

        }



    .-mt-80 {

        margin-top: 0;

    }



    .custom-modal .content {

        width: 80%;

    }



    .custom-modal .close {

        width: 40px;

        right: 0;

        top: 10px;

    }



    section.manegment-system .f-30 {

        font-size: 30px;

    }



    .anti-mony li,

    .risk-manegment li {

        margin-bottom: 15px;

        display: flex;

        align-items: flex-start;

    }



        .anti-mony li img,

        .risk-manegment li img {

            margin-top: 5px;

            margin-right: 15px;

        }



    .faq h2 {

        font-size: 36px;

    }



    .faq .accordion {

        margin-top: 48px;

    }



    div.scrollmenu {

        background-color: #ffffff;

        overflow: auto;

        white-space: nowrap;

    }



        div.scrollmenu::-webkit-scrollbar {

            display: none;

        }



    .head-nav .icon-img img {

        height: 72px;

        object-fit: contain;

    }



    .go-live img {

        margin-top: 30px;

    }



    .sadad-features {

        margin-top: 0;

        padding: 96px 0;

    }



    .price-item h3 {

        margin-bottom: 0;

    }



    .price-item {

        padding: 30px;

    }



        .price-item p {

            margin-top: 0;

        }



    .square-invoices {

        background: url(https://sadadpay.com/sadadqanew/wp-content/uploads/2022/05/Group-15762.jpg);

        background-repeat: no-repeat;

        background-size: cover;

        padding-top: 280px;

        padding-bottom: 40px;

    }



    .payment-gateway .w-75 {

        width: 100% !important;

        padding: 0 16px;

    }



    .sdk-api .w-75 {

        width: 100% !important;

    }



    .single-api .f-40 {

        font-size: 24px;

    }



    .product-category .f-24 {

        font-size: 16px;

    }



    footer {

        padding: 60px 0 40px;

    }



    .individual-services img {

        margin-left: -35px;

    }



    .protect-your-data .f-30 {

        font-size: 30px;

        line-height: 41px;

    }

}



.body {

    color: #000;

}



.head-title {

    font-size: 48px;

    ;

}



.mb-max {

    margin-bottom: 100px !important;

}



.pb-max {

    padding-bottom: 100px !important;

}

/*about page*/



.tab-head .items {

    border: 1px solid #e9ebed;

}



    .tab-head .items ul.nav {

        margin-left: auto;

        width: max-content;

    }



        .tab-head .items ul.nav li a {

            border-radius: 0;

            color: #000;

            font-size: 12px;

        }



            .tab-head .items ul.nav li a.active {

                background: transparent;

                border-bottom: 3px solid #8e1b3e;

            }



.title h1 {

    font-weight: 700;

}



.sub {

    font-size: 20px;

    font-weight: 600;

}



.details {

    font-size: 16px;

    font-weight: 500;

}



.description {

    font-size: 15px;

}



.size-14 {

    font-size: 14px;

}



.main-img img {

    border-radius: 24px;

}



.no-border {

    border: none !important;

}



.pagination ul {

    list-style: none;

}



.pagination li {

    display: inline-block;

}



    .pagination li .page-numbers {

        background: #F3E6EA;

        color: #8E1B3E;

        display: inline-block;

        text-align: center;

        padding: 5px 10px;

        margin: 0 5px;

        border-radius: 5px;

        font-weight: 500;

        text-decoration: none;

    }



        .pagination li .page-numbers.current,

        .pagination li .page-numbers:hover {

            background: #8E1B3E;

            color: #F3E6EA;

        }



.load-more {

    background: #F3E6EA;

    border-radius: 28px;

    padding: 9px 24px;

    text-decoration: none !important;

}



span.dots {

    font-size: 20px;

    font-weight: 700;

    color: #f3e6ea;

    margin: 0 2px;

}



.vision {

    border-bottom: 2px solid #787878;

    padding-bottom: 15px;

    margin-bottom: 40px;

}



.icon-title {

    font-size: 30px;

    font-weight: 700;

}



.big-text {

    font-weight: 700;

    font-size: 50px;

    margin: 0;

    line-height: 1.2;

}



.medium-text {

    font-weight: 700;

    font-size: 28px;

    margin: 0;

}



.super-text {

    font-weight: 700;

    font-size: 70px;

}



p.num span {

    position: relative;

    left: 10px;

    z-index: 9999 !important;

    top: 5px;

    font-size: 25px;

}



p.num:before {

    content: '';

    width: 25px;

    height: 25px;

    border-radius: 50%;

    background: #FEC82E;

    display: block;

    position: absolute;

    top: 0;

    left: 15px;

}



/* .why div:nth-child(odd) {

  direction: rtl;

} */



.labels span {

    background: #fbf7f9;

    display: inline-block;

    margin: 5px;

    padding: 5px 10px;

    width: max-content;

    border-radius: 25px;

}



    .labels span i {

        color: #901f41;

        margin-right: 10px;

    }



.list li {

    margin-bottom: 30px;

    border-left: 3px solid #8e1b3e;

    padding-left: 10px;

}



.work_sadad {

    border-bottom: 1px solid #707070;

}



.vertical .nav-pills a {

    background: transparent !important;

    color: #000 !important;

    font-weight: 400;

    font-size: 15px;

    border-radius: 0 !important;

    border-bottom: 3px solid #707070;

    padding: 15px 0 !important;

    margin-bottom: 20px;

}



    .vertical .nav-pills a.active {

        font-weight: 700;

        position: relative;

        font-size: 15px;

    }



.vertical .left .nav-pills a.active:after {

    content: '';

    height: 65%;

    width: 5px;

    background: #000;

    position: absolute;

    top: 15%;

    right: -11%;

}



.vertical .right .nav-pills a.active:before {

    content: '';

    height: 65%;

    width: 5px;

    background: #000;

    position: absolute;

    top: 15%;

    left: -11%;

}



.left {

    padding-left: 0%;

    padding-right: 30px;

}



.right {

    padding-right: 0%;

    padding-left: 30px;

}



.images {

    padding: 0;

}



/**/



.pr5 {

    padding-right: 50px;

}



.pb5 {

    padding-bottom: 100px;

}



.org_name li {

    font-size: 30px;

    margin-bottom: 9px;

}



img.logos {

    width: 22%;

    margin: 20px;

    margin-left: 0;

}



.financial {

    border-bottom: 2px solid #707070;

}



.number {

    color: #8E1B3E;

}



.icon i {

    font-size: 45px;

    margin-bottom: 15px;

    color: #8e1b3e;

}



.risk svg {

    width: 25px;

    margin-right: 10px;

}



.risk span {

    font-size: 18px;

}



/**/



/*end about page*/



/*single article page*/



.info-article a {

    color: #000;

    cursor: pointer;

    text-decoration: none;

    font-size: 13px;

}



.info-article small.date {

    font-size: 11px;

}



.card p.card-title {

    font-size: 17px;

    font-weight: 700;

    line-height: 1.4;

}



.card p.card-text {

    font-size: 12px;

}



.read_more {

    font-size: 16px;

    font-weight: 600;

    color: #8E1B3E;

    text-decoration: none;

    display: flex;

    align-items: center;

}



    .read_more .arrow {

        background: #F3E6EA;

        width: 20px;

        height: 20px;

        text-align: center;

        padding-top: 4px;

        border-radius: 50%;

        margin-left: 5px;

    }



        .read_more .arrow i {

            position: absolute;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

        }



.articles .card {

    width: 100%;

    border: none;

    padding-bottom: 50px;

    border-bottom: 2px solid #DADCE0;

}



/*end single article page*/



/* blog page */



.search-category form > div.select {

    width: 30%;

    border: 1px solid #DADCE0;

    display: flex;

    overflow: hidden;

    justify-content: center;

    align-items: center;

    position: relative;

}



    .search-category form > div.select i.fas.fa-chevron-down {

        position: absolute;

        right: 5%;

    }



.search-category form select {

    width: 100%;

    height: 100%;

    border: none;

    font-size: 16px;

    appearance: none;

    padding: 5%;

}



.search-category form button {

    width: 174px;

}



.border-rl {

    border-radius: 32px 0 0 32px;

}



.border-rr {

    border-radius: 0 32px 32px 0;

}



/* end blog page */

@media (min-width: 1200px) {

    .container {

        max-width: 1380px;

    }

}



@media (max-width: 767px) {

    .mb-5 {

        margin-bottom: 20px !important;

    }



    .medium-text {

        font-size: 22px;

    }



    section.single-article.mt-5 {

        padding: 0 15px;

    }



    .px-5 {

        padding: 0 !important;

    }



    .mx-5 {

        margin: 0 !important;

    }



    .mb-max {

        margin-bottom: 40px !important;

    }



    .card {

        margin-bottom: 50px;

    }



    .super-text {

        font-size: 35px !important;

    }



    .big-text {

        font-size: 30px !important;

    }



    h1 {

        font-size: 30px;

        margin-bottom: 30px !important;

    }



    .single-article p.medium-text {

        width: 100% !important;

    }



    .pagination {

        justify-content: center !important;

    }



    .org_name li {

        font-size: 20px;

        margin-bottom: 0px;

        display: block !important;

    }



    .pl-5 {

        padding: 15px !important;

    }



    ul.tech {

        padding: 0;

    }



    .fraud {

        margin-bottom: 50px;

    }

	

	.sadad-smart .text * {

		font-size: 1.5rem !important;

	}

}



.requirment .card {

    transition: all .3s ease

}



    .requirment .card:hover {

        background: var(--main-color);

        color: #fff;

    }



.iconmark:before {

    content: '';

    display: inline-block;

    transform: rotate(45deg);

    height: 26px;

    width: 12px;

    border-bottom: 3px solid var(--main-color);

    border-right: 3px solid var(--main-color);

    margin-right: 20px;

}





//addition by ST

.banner_box{

        background-image: url(/wp-content/themes/sadad/images/2025/index/home-banner.png);

        background-repeat: no-repeat;

        background-size: cover;

        background-color: rgb(0, 0, 0);

        min-height: 735px;

        width: 100%;

        background-position: center center;

        padding: 25px 0px;

    }

     .banner-img h1{

        font-size: 23px;

        margin-top:-205px;

        color:#fff;

     }