/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
/*HOME PAGE CSS START*/
body {padding-top: 102px !important;}
.container{padding: 0px 20px !important;}
.home-hero-section {padding: 24px 0px; margin-bottom: 16px;}
.home-hero-section .slider-item {flex-direction: column;gap: 45px;}
.home-hero-section .owl-dot span {width: 15px;height: 5px;}
.home-hero-section .owl-dots {left: 50%;margin-top: 16px;transform: translateX(-50%); right: initial; top: calc(300px + 0px);}
.home-hero-section .slider-image{height: 300px; width: 100%; flex: initial;}
.home-hero-section .slider-image img{height: 100%; width: 100%; object-fit: cover;}
.home-hero-section .slider-text {order: 2; max-width: 100%; width: 100%;}
.home-hero-section .slider-text p {font-size: 16px;line-height: 21px;margin-bottom: 16px;}
.home-hero-section .slider-text h2 {font-size: 32px;line-height: 44px;margin-bottom: 16px;}
.home-hero-section .slider-item .btn-primary {padding: 10px 16px;border-radius: 10px;font-size: 14px;}
.home-hero-section .slider-item .btn-primary:focus, .home-hero-section .slider-item .btn-primary:hover, .home-hero-section .slider-item .btn-primary:focus:active {padding: 10px 16px;border-radius: 10px;font-size: 14px;}
.home-hero-section .slider-item .btn-primary span svg{height: 20px;}
.financial-sol-wrap {padding: 24px 0px; margin-bottom: 16px;}
.finance-sol-title h4{font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.finance-sol-title p {font-size: 16px; line-height: 21px;}
.payment-g-content {padding: 0;flex: initial;order: 2;}
.payment-g-inner {gap: 16px;flex-direction: column;}
.payment-g-c-inner h4 {font-size: 24px;line-height: 33px; margin-bottom: 16px;}
.payment-g-c-inner p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.payment-g-c-inner .btn-secondary {padding: 8px 16px;font-size: 14px;line-height: 21px;}
.payment-g-c-inner .btn-secondary:hover, .payment-g-c-inner .btn-secondary:focus, .payment-g-c-inner .btn-secondary:focus:active {padding: 8px 16px;font-size: 14px;line-height: 21px;}
.payment-g-c-inner .btn-secondary span {display: inline-flex;}
.payment-g-c-inner .btn-secondary span svg{height: 17px;}
.payment-g-box {padding-top: 48px;}
.s-pos-device-wrap {padding: 24px 0px; margin-bottom: 16px;}
.s-pos-device-title h4 {font-size: 24px;line-height: 33px;margin-bottom: 16px;}
.s-pos-device-title p {font-size: 16px;line-height: 21px;margin-bottom: 0px;}
.s-pos-d-box {padding-top: 0px;display: flex;gap: 0px;flex-direction: column;}
.sadad-p-left .sadad-plus-card {padding: 24px 0px;}
.sadad-plus-img{height: 284px;border-radius: 8px;overflow: hidden;}
.sadad-plus-img img {width: 100%;height: 100%; object-fit: cover;}
.sadad-p-right .sadad-plus-card {padding: 24px 0px 0px 0px;}
.sadad-plus-content h4 {font-size: 18px;line-height: 23px;}
.sadad-plus-content p {font-size: 16px;line-height: 21px;margin-bottom: 16px;}
.sadad-plus-content .btn-secondary span svg{height: 17px;}
.smart-business-wrap {padding: 24px 0px; margin-bottom: 16px;}
.smart-busi-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.smart-busi-title p {font-size: 16px;line-height: 21px;padding-bottom: 24px;}
.smart-busi-box-main {padding: 24px 0px 0px 0px; margin-bottom: 0px;}
.mobile-hide{display: none;}
.smart-busi-image {min-width: auto;}
.smart-busi-image img{max-height: 100%; max-width: 100%; height: auto; width: auto;}
.smart-busi-card{flex-direction: column; gap: 0px;}
.smart-busi-details {padding: 16px; order: 2;}
.smart-busi-card {margin-bottom: 16px;}
.smart-busi-content h5 {font-size: 18px;line-height: 23px;margin-bottom: 16px;}
.smart-busi-content p {font-size: 16px; line-height: 21px;margin-bottom: 16px;}
.smart-busi-action .btn-secondary {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.smart-busi-action .btn-secondary:hover, .smart-busi-action .btn-secondary:focus, .smart-busi-action .btn-secondary:focus:active {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.smart-busi-action .btn-secondary span svg{height: 17px;}
.scale-business-wrap {padding: 24px 0px; margin-bottom: 16px;}
.scale-business-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.scale-business-title p {font-size: 16px; line-height: 21px;}
.scale-bus-inner {padding: 24px 0px 0px 0px; margin-bottom: 16px;}
.scale-bus-inner .scale-busi-list {gap: 24px; flex-direction: column;}
.scale-busi-list .card{margin-bottom: 0px;flex-direction: column;align-items: center;}
.scale-busi-content h6 {font-size: 18px;line-height: 23px; margin-bottom: 8px; text-align: center;}
.scale-busi-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px; text-align: center;}
.scale-busi-list .smart-tool-action{display: flex; justify-content: center;}
.smart-tool-action .btn-primary {padding: 8px 16px;}
.smart-tool-action .btn-primary:hover, .smart-tool-action .btn-primary:focus, .smart-tool-action .btn-primary:focus:active {padding: 8px 16px;}
.smart-tool-action .btn-primary span svg{height: 17px;}
.scale-integ-box {gap: 24px;flex-direction: column;}
.scale-integ-content {margin-top: 24px; max-width: 100%;}
.scale-integ-content h5 {font-size: 18px; line-height: 23px; margin-bottom: 16px; text-align: center;}
.scale-integ-content p {font-size: 16px; line-height: 21px; margin-bottom: 16px; text-align: center;}
.read-more-action {display: flex; justify-content: center;}
.read-more-action .btn-primary {padding: 8px 16px; margin-top: 0px;}
.read-more-action .btn-primary:hover, .read-more-action .btn-primary:focus, .read-more-action .btn-primary:focus:active {padding: 8px 16px; margin-top: 0px;}
.read-more-action .btn-primary span svg{height: 17px;}
.why-chooseus-wrap {padding: 24px 0px;}
.why-chooseus-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 24px;}
.why-chooseus-wrap .chooseus-box{padding-top: 24px;}
.why-chooseus-wrap .choose-us-inner {flex-direction: column; row-gap: 8px;}
.why-chooseus-wrap .chooseus-icon {width: 48px; height: 48px; border-radius: 3.9px;}
.why-chooseus-wrap .chooseus-icon svg{height: 24px; width: 24px;}
.why-chooseus-wrap .chooseus-card {padding: 16px; gap: 24px; margin-bottom: 0px; flex-direction: column; align-items: center;}
.why-chooseus-wrap .chooseus-content h5 {font-size: 18px; line-height: 23px; margin-bottom: 16px; text-align: center;}
.chooseus-content p {font-size: 16px; line-height: 21px; text-align: center;}
.waiting-for-wrap {padding: 56px 0px 25px 0px;}
.waiting-for-content h4 {font-size: 24px; line-height: 33px; margin-bottom: 24px;}
.waiting-for-content p {font-size: 16px; line-height: 23px; margin-bottom: 24px;}
.waiting-for-content .btn-secondary {padding: 10px 20px; border-radius: 10px; font-size: 14px; margin-top: 24px;}
.waiting-for-content .btn-secondary:hover, .waiting-for-content .btn-secondary:focus, .waiting-for-content .btn-secondary:focus:active {padding: 10px 20px; border-radius: 10px; font-size: 14px; margin-top: 24px;}
.waiting-for-content .btn-secondary span svg{height: 17px;}
.waiting-for-content {max-width: 100%; z-index: 1; display: block; position: relative;}
.waiting-for-img {position: absolute; right: 0; bottom: -10px; top: initial; width: 100%;}
.wai-f-desktop{display: none;}
.wai-f-mobile {display: block;}
.waiting-for-img img{width: 100%;}
/*HOME PAGE CSS END*/

/*CONTACT US CSS START*/
.contact-us-banner {padding: 24px 0px; margin-bottom: 24px;}
.contact-us-main {align-items: flex-start;gap: 24px; flex-direction: column;}
.contact-us-content {max-width: 100%; width: 100%; flex: initial; order: 2;}
.contact-us-hero-image {border-radius: 15px; height: 300px; width: 100%; flex: initial;}
.contact-us-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.contact-us-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.contact-us-box p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.get-itouch-wrapper {padding: 24px 0px;}
.get-itouch-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.get-itouch-title p {font-size: 16px; line-height: 21px; margin-top: 0px; margin-bottom: 0px;}
.get-itouch-form {padding: 24px 0px;}
.inquiry-input .inquiry-input-box {flex: initial; margin-right: 0; width: 100%;}
.get-i-contect-list {padding: 0px; min-width: 100%; width: 100%; flex: initial; margin-right: 0px; flex-direction: column;}
.get-i-c-icon {width: 48px; height: 48px; border-radius: 3.09px;}
.get-i-c-icon span svg{height: 24px; width: 24px;}
.get-i-c-content h4 {font-size: 18px; line-height: 23px; margin-bottom: 0px; text-align: center;}
/*CONTACT US CSS END*/

/*SADAD PLUS CSS START*/
.sadadplus-hero-section {padding: 24px 0px; margin-bottom: 16px;}
.sadadplus-hero-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.sadadplus-hero-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.sadadplus-hero-image {border-radius: 15px; height: 300px; width: 100%; flex: initial;}
.sadadplus-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.sadadplus-content-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 16px !important;}
.sadadplus-content-box p {font-size: 16px; line-height: 21px; margin-bottom: 20px;}
.sadadplus-content-box .btn-primary {padding: 10px 16px; border-radius: 10px; font-size: 14px; line-height: 20px; margin-bottom: 24px;}
.sadadplus-content-box .btn-primary:focus, .sadadplus-content-box .btn-primary:hover, .sadadplus-content-box .btn-primary:focus:active {padding: 10px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;  margin-bottom: 24px;}
.sadadplus-content-box .btn-primary span svg{height: 20px; width: 20px;}
.sd-product-fet-wrap {padding: 24px 0px; margin-bottom: 16px;}
.sadadp-sec-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 0px;}
.spf-main-box {padding-top: 24px;}
.sprod-fet-image {flex: initial; height: 300px;}
.sprod-fet-image img {width: 100%; height: 100%; object-fit: cover;}
.sprod-fet-card {display: flex; align-items: center; gap: 16px; margin-bottom: 24px; flex-direction: column;}
.sprod-fet-content {max-width: 100%; width: 100%; order: 2;}
.sprod-fet-content h2 {font-size: 64px; line-height: 87px; margin-bottom: 16px;}
.sprod-fet-content h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.sprod-fet-content p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.sdadad-p-speci-wrap {padding: 24px 0px;}
.sadad-plus-speci-box {padding-top: 24px;}
.sps-listing-main {column-gap: 0px;row-gap: 24px;flex-wrap: wrap;flex-direction: column;}
.sps-blog-img {border-radius: 8px; overflow: hidden; height: 300px; width: 100%;}
.sps-blog-img img {width: 100%; height: 100%; object-fit: cover;}
.sps-blog-content h6 {font-size: 18px; line-height: 23px; margin-bottom: 16px;}
.sps-blog-content p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.sps-blog-content {margin-top: 16px;}
.product-speci-detail {flex-direction: column; gap: 16px;}
.product-speci-list {flex-direction: row; gap: 17px; z-index: 0; flex-wrap: wrap; order: 2;}
.product-speci-list.ps-list-left .ps-list-box.text-end{text-align: left !important;}
.product-speci-list .ps-list-box .ps-list-icon.ms-auto {margin-right: auto!important; margin-left: initial !important;}
.product-speci-list.ps-list-left .ps-list-box{flex: 0 0 calc(50% - 8.5px);}
.product-speci-img {position: relative;}
.product-speci-img img {width: 100%; margin-bottom: 60px;}
.product-speci-list .ps-list-box .ps-list-content h6 {font-size: 16px; line-height: 21px;}
.product-speci-wrap {background-position: left; margin-bottom: 16px;}
.prduct-speci-box {padding: 24px 0px 71px 0px;}
.busi-grow-main {padding: 24px 0px; margin-bottom: 16px;}
.busi-grow-main .chooseus-box {padding-top: 24px;}
.busi-grow-main .choose-us-inner {column-gap: 24px;flex-direction: column;}
.busi-grow-main .chooseus-card {padding: 0; gap: 24px; flex: initial; margin-bottom: 24px; flex-direction: column;}
.busi-grow-main .chooseus-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0; }
.busi-grow-main .chooseus-icon span svg{height: 24px; width: 24px;}
.busi-grow-main .chooseus-content h5 {font-size: 18px; line-height: 24px; font-weight: bold; margin-bottom: 8px;}
.busi-grow-main .chooseus-content p {font-size: 16px; line-height: 21px; letter-spacing: -0.005em; color: #141414; margin-bottom: 0px; text-align: left;}
.pricing-faq-inner {padding: 24px 0px;}
.pricing-faq-inner .oppos-title {font-size: 24px; line-height: 33px; margin-bottom: 0px !important;}
.pricing-faq-accordian .accordion-button {padding: 16px 0px; font-size: 18px;}
.sadadp-sub-box {gap: 24px; flex-wrap: wrap;flex-direction: column;}
.sadadp-subs-wrap {padding: 24px 0px;}
.sadadp-sub-content{width: 100%; position: relative; height: auto; transform: none; top: initial; left: initial;}
.sadaddp-sub-desktop{display: none;}
.sadaddp-sub-mobile{display: block;}
.sadadp-sub-card {flex: initial;display: flex;flex-direction: column;align-items: flex-start; padding: 24px 20px 0px; gap: 32px; isolation: isolate; background: #F8FBFF; box-shadow: 0px 4.40146px 12.4708px rgba(4, 16, 34, 0.06), 0px 30.8102px 91.6971px rgba(7, 33, 102, 0.12); border-radius: 16px;}
.sadadp-sub-card img {border-radius: 0; width: 100%;}
.sadadp-sub-content h5 {font-size: 18px; line-height: 24px; margin-bottom: 8px;}
.sadadp-sub-content p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.sadadp-merchant-c p{margin-bottom: 16px;}
.sadadp-sub-action .btn-secondary,.sadadp-sub-action .btn-primary {padding: 8px 10px;font-size: 12px;}
.sadadp-sub-action .btn-secondary span svg, .sadadp-sub-action .btn-primary span svg{height: 17px;}
.sadadp-sub-action .btn-secondary:focus, .sadadp-sub-action .btn-secondary:hover, .sadadp-sub-action .btn-secondary:focus:active {padding: 8px 10px;font-size: 12px;}
.sadadp-sub-action .btn-primary:focus, .sadadp-sub-action .btn-primary:hover, .sadadp-sub-action .btn-primary:focus:active {padding: 8px 10px;font-size: 12px;}
/*SADAD PLUS CSS END*/

/*ACQUIRING SOLUTIONS CSS START*/
.acq-scroll-main {overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch;}
.acq-scroll-main::-webkit-scrollbar-track{display: none;}
.acq-sol-wrapper .acq-header-tab .acq-tab-list {display: inline-flex;}
.aqusol-hero-section {padding: 16px 0px 24px 0px; margin-bottom: 16px;}
.acq-sol-wrapper .acq-header-tab {padding: 15px 0px;}
.aqusol-hero-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.aqusol-hero-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.aqusol-hero-image {flex: initial; height: 300px; width: 100%;}
.aqusol-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.aqusol-content-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 16px !important;}
.aqusol-content-box p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.aqu-suits-wrap {padding: 24px 0px; margin-bottom: 16px;}
.aqu-suits-card {padding: 0; gap: 16px; flex-direction: column; flex: initial;}
.aqu-suits-icon {width: 48px; height: 48px; border-radius: 3.09px;}
.aqu-suits-icon span svg{height: 24px; width: 24px;}
.aqu-suits-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 16px;}
.aqu-suits-content p {font-size: 16px; line-height: 24px; margin-bottom: 16px;}
.aqu-tech-points ul {gap: 16px;}
.aqu-suits-listing {gap: 48px;padding-top: 40px;}
.omnichannel-main {padding: 24px 0px; margin-bottom: 16px;}
.aqu-sec-title h4 {font-size: 24px; line-height: 33px; text-align: center; margin-bottom: 16px;}
.aqu-sec-title p {font-size: 16px; line-height: 21px; margin-top: 16px;}
.omnichannel-wrap {padding-top: 24px;}
.omnic-inner {gap: 0; flex-direction: column;}
.omni-c-image {height: 300px; width: 100%;}
.omni-c-image img {width: 100%; height: 100%; object-fit: cover;}
.omnic-card {padding: 0px 0px 24px 0px; flex: initial; margin-bottom: 24px;}
.omni-c-content {margin-top: 16px;}
.omni-c-content h6 {font-size: 18px; line-height: 33px; margin-bottom: 16px;}
.omni-c-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.omnic-card:last-child{margin-bottom: 16px;}
.omni-security-box {padding-top: 24px; gap: 24px; flex-direction: column;}
.omin-secrity-card {flex: initial; padding: 16px;}
.omni-security-icon {width: 48px; height: 48px;}
.omni-security-icon span svg{height: 24px; width: 24px;}
.omin-secrity-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 16px; margin-top: 24px;}
.omin-secrity-content ul li span img{height: 32px; width: 32px;}
.omin-secrity-content ul li p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.seamless-sol-wrap {padding: 24px 0px; margin-bottom: 16px;}
.seamless-slide-box .owl-carousel .item .carousel-image {height: 200px; width: 100%;}
.owl-carousel .owl-item img { width: 100%; height: 100%; object-fit: cover;}
.seamless-slide-box .owl-carousel .item p {font-size: 16px; line-height: 24px;}
.seamless-slide-box .owl-carousel .custom-next, .seamless-slide-box .owl-carousel .custom-prev {padding: 9px 15px;}
.seamless-slide-box .owl-dots{display: none;}
.seamless-slide-box .owl-carousel .owl-nav, .seamless-slide-box .owl-carousel .owl-nav.disabled {margin: 16px 0px;}
.back-office-wrap {padding: 24px 0px; margin-bottom: 16px;}
.back-office-details {gap: 0px; padding-top: 0px; flex-direction: column;}
.back-office-content {max-width: 100%; width: 100%; order: 2; margin-top: 24px;}
.back-office-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.back-office-icon span svg{height: 24px; width: 24px;}
.back-office-points {display: flex; gap: 24px; padding: 0; margin-bottom: 24px; flex-direction: column;}
.back-office-text h6 {font-size: 18px; line-height: 24px; margin-bottom: 16px;}
.back-office-text p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.back-office-points:last-child {margin-bottom: 24px;}
.back-office-image { border-radius: 8px; overflow: hidden; padding: 0; flex: initial; height: 300px;}
.back-office-image img {width: 100%; height: 100%; object-fit: cover;}
.sadad-adopt-wrap {padding: 24px 0px;}
.sadad-adopt-wrap .chooseus-box { padding-top: 0px;}
.sadad-adopt-wrap .choose-us-inner {column-gap: 0;flex-direction: column;}
.sadad-adopt-wrap .chooseus-card {padding: 16px; gap: 24px; flex: initial; margin-bottom: 24px; flex-direction: column; align-items: center;}
.sadad-adopt-wrap .chooseus-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.sadad-adopt-wrap .chooseus-icon span svg{height: 24px; width: 24px;}
.sadad-adopt-wrap .chooseus-content p {font-size: 16px; line-height: 21px;}
.sadad-adopt-wrap .chooseus-card:last-child{margin-bottom: 0px;}
.sadad-adopt-wrap .chooseus-content h5 {font-size: 18px; line-height: 24px; margin-bottom: 18px; text-align: center;}
.fin-insti-wrap {background-position: center center;}
.fin-insti-wrap .waiting-for-img {position: relative; right: initial; bottom: -50px; left: 50%; transform: translateX(-58%); top: initial;}
.fin-insti-wrap .waiting-for-content h4 {font-size: 24px; line-height: 33px; margin-bottom: 24px;}
.fin-insti-wrap .waiting-for-content p {font-size: 16px; line-height: 24px; margin-bottom: 24px; display: inline-block;}
.fin-insti-wrap .waiting-for-content .btn-secondary {padding: 8px 16px; font-size: 14px; line-height: 20px; margin-top: 0px; border-radius: 10px;}
.fin-insti-wrap .waiting-for-content .btn-secondary:hover, .fin-insti-wrap .waiting-for-content .btn-secondary:focus, .fin-insti-wrap .waiting-for-content .btn-secondary:focus:active {padding: 8px 16px; font-size: 14px; line-height: 20px; margin-top: 0px; border-radius: 10px;}
/*ACQUIRING SOLUTIONS CSS END*/

/*PAYMENT GATEWAY CSS START*/
.pgateway-hero-section {padding: 24px 0px; margin-bottom: 24px;}
.pgateway-hero-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.pgateway-hero-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.pgateway-hero-image {flex: initial; height: 300px; width: 100%;}
.pgateway-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.pgateway-content-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.pgateway-content-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.pgateway-content-box .btn-primary {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.pgateway-content-box .btn-primary:focus, .pgateway-content-box .btn-primary:hover, .pgateway-content-box .btn-primary:focus:active{padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.pgateway-content-box .btn-primary span{display: inline-flex;}
.pgateway-content-box .btn-primary span svg{width: 17px; height: 17px;}
.liberary-inte-wrap {padding: 24px 0px; margin-bottom: 16px;}
.p-gateway-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.p-gateway-title p {font-size: 16px; line-height: 21px; margin-top: 0px;}
.lib-inte-box {padding-top: 24px; flex-direction: column; gap: 48px;}
.lib-inte-image {height: 300px; width: 100%;}
.lib-inte-image img {width: 100%; height: 100%; object-fit: cover;}
.lib-content-detail h6 {font-size: 18px; line-height: 32px; margin-bottom: 16px;}
.lib-content-detail p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.lib-content-detail {margin-top: 32px; margin-bottom: 0px;}
.view-doc-action .btn-secondary-square {padding: 8px 16px;}
.view-doc-action .btn-secondary-square:focus, .view-doc-action .btn-secondary-square:hover, .view-doc-action .btn-secondary-square:active, .view-doc-action .btn-secondary-square:focus:active{padding: 8px 16px;}
.view-doc-action .btn-secondary-square span svg{height: 17px; width: 17px;}
.enable-cust-wrap {padding: 24px 0px; margin-bottom: 16px;}
.enable-cust-details .s-pos-d-box {padding-top: 32px; gap: 24px;}
.enable-cust-details .sadad-p-left .sadad-plus-card {padding: 0px;}
.enable-cust-details .sadad-plus-img {height: 300px; width: 100%; margin-bottom: 16px;}
.enable-cust-details .sadad-plus-img img {height: 100%; object-fit: cover;}
.enable-cust-details .sadad-plus-content h4 {font-size: 18px; line-height: 32px; margin-bottom: 16px; margin-top: 24px;}
.enable-cust-details .sadad-plus-content p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.manage-trax-wrap {padding: 24px 0px; margin-bottom: 16px;}
.enable-cust-details .sadad-p-right .sadad-plus-card {padding: 0;}
.manage-trax-list {padding-top: 24px;}
.manage-trax-list .our-meth-card {padding: 0; flex: initial;}
.manage-trax-wrap .manage-trax-list{flex-direction: column;}
.manage-trax-list .our-meth-content h6 {font-size: 18px; line-height: 33px;}
.manage-trax-list .our-meth-card {padding: 0; flex: initial; margin-bottom: 32px;}
.manage-trax-list .our-meth-image {height: 300px; width: 100%;}
.manage-trax-list .our-meth-image img {width: 100%; height: 100%; object-fit: cover;}
.manage-trax-action {padding-top: 24px;}
.manage-trax-action .btn-secondary-square {padding: 8px 16px;}
.manage-trax-action .btn-secondary-square:focus, .manage-trax-action .btn-secondary-square:hover, .manage-trax-action .btn-secondary-square:active, .manage-trax-action .btn-secondary-square:focus:active{padding: 8px 16px;}
.manage-trax-action .btn-secondary-square span svg{height: 17px; width: 17px;}
.payment-pro-wrap {padding: 24px 0px; margin-bottom: 16px;}
.payment-pro-list .chooseus-box {padding-top: 24px;}
.payment-pro-list .choose-us-inner {flex-direction: column;}
.payment-pro-list .chooseus-card {align-items: center; padding: 0px; gap: 24px; flex: initial; margin-bottom: 48px; flex-direction: column;}
.payment-pro-list .chooseus-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.payment-pro-list .chooseus-icon span svg {height: 24px; width: 24px;}
.payment-pro-list .chooseus-content h5 {font-size: 18px; line-height: 33px; margin-bottom: 16px; text-align: center;}
.payment-pro-list .chooseus-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.api-steps-wrap {padding: 24px 0px; margin-bottom: 16px;}
.api-steps-main {padding-top: 24px; flex-direction: column;}
.api-steps-list .step-number {font-size: 64px; line-height: 87px; margin-bottom: 16px; text-align: center;}
.api-steps-list {flex: inherit; min-width: 100%;}
.api-steps-main .horizontal-line {width: 1px; height: 60px; margin: 32px 0px;}
.sadad-token-wrap {padding: 24px 0px;}
.sadad-token-box .user-fin-card {align-items: flex-start; margin-bottom: 24px; gap: 40px; flex-direction: column; padding: 0px;}
.sadad-token-box .user-fin-content {width: 100%; flex: initial; order: 2;}
.sadad-token-box .user-fin-content h4 {font-size: 18px; line-height: 32px; margin-bottom: 16px;}
.sadad-token-box .user-fin-content p{font-size: 16px; line-height: 21px;  margin-bottom: 16px;}
.sadad-token-box .user-fin-content ul li {font-size: 16px; line-height: 21px;}
.sadad-token-box .user-fin-image {flex: initial; height: 300px; width: 100%;}
.sadad-token-box .user-fin-image img {width: 100%; height: 100%; object-fit: cover;}
.elect-payment-wrap {padding: 24px 0px; margin-bottom: 24px;}
.elec-card-box {padding-top: 24px; align-items: center; justify-content: space-between; flex-direction: column; gap: 40px; flex-wrap: initial;}
.elec-card-list {padding: 0px; gap: 24px; flex: initial; flex-direction: column; align-items: center; width: 100%;}
.elec-card-icon {width: 48px; height: 48px; border-radius: 3.09px;}
.elec-card-icon span svg {height: 24px; width: 24px;}
.ec-vertical-line {width: 100%; height: 1px; margin: 0px;}
.elec-card-list h6 {font-size: 18px; line-height: 33px; margin-bottom: 8px; text-align: center;}
/*PAYMENT GATEWAY CSS END*/

/*INVOICE PAYMENT LINK CSS START*/
.paylink-hero-section {padding: 24px 0px; margin-bottom: 24px;}
.paylink-hero-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.paylink-hero-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.paylink-hero-image {flex: initial; height: 300px; width: 100%;}
.paylink-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.paylink-content-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.paylink-content-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.paylink-content-box .btn-primary, .paylink-content-box .btn-secondary-square {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.paylink-content-box .btn-primary:focus, .paylink-content-box .btn-primary:hover, .paylink-content-box .btn-primary:focus:active{padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.paylink-content-box .btn-secondary-square:focus, .paylink-content-box .btn-secondary-square:hover, .paylink-content-box .btn-secondary-square:active, .paylink-content-box .btn-secondary-square:focus:active{padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.paylink-content-box .btn-primary span svg, .paylink-content-box .btn-secondary-square span svg{height: 17px; width: 17px;}
.sd-payment-feat-wrap {padding: 24px 0px; margin-bottom: 24px;}
.sd-payment-feat-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.sd-paylink-box {padding-top: 24px;}
.sd-paylink-card {padding: 0px; box-shadow: none; border-radius: 0px; display: flex; column-gap: 24px; margin-bottom: 48px; flex-direction: column;}
.sd-paylink-image {height: 300px; width: 100%; margin-bottom: 16px;}
.sd-paylink-image img {width: 100%; height: 100%; object-fit: cover;}
.sd-paylink-content {flex: initial; order: 2;}
.sd-paylink-content h6 {font-size: 24px; line-height: 33px; margin-bottom: 16px; margin-top: 24px;}
.sd-paylink-content p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.sd-paylink-content ul li {font-size: 16px; line-height: 21px; margin-bottom: 16px;}    
.sd-paylink-content ul li span svg{height: 24px; width: 24px;}
.lifelong-sec-wrap {padding: 24px 0px; margin-bottom: 24px;}
.lifelong-sec-box {padding: 32px 20px; border-radius: 0px;}
.sd-payment-feat-title p {font-size: 16px; line-height: 21px; margin-top: 0px; margin-bottom: 0px;}
.power-p-sol-box {padding-top: 24px; gap: 16px; flex-direction: column;}
.power-p-content h6 {font-size: 18px; line-height: 32px;}
.power-p-content p {font-size: 16px; line-height: 21px; margin-bottom: 16px !important;}
.power-p-list-inner {padding-bottom: 0px; margin-bottom: 16px;}
.lifelong-sec-box::after{display: none;}
.h-invoice-work-wrap {padding: 24px 0px; margin-bottom: 24px;}
.how-inv-work-box .howit-work-box {padding: 24px 0px; flex-direction: column;}
.how-inv-work-box .howit-work-content h1 {font-size: 64px; line-height: 88px; margin-bottom: 16px !important;}
.how-inv-work-box .howit-work-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.how-inv-work-action {flex-direction: column; row-gap: 24px;}
.how-inv-work-action .btn-primary, .how-inv-work-action .btn-secondary-square {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.how-inv-work-action .btn-primary:focus, .how-inv-work-action .btn-primary:hover, .how-inv-work-action .btn-primary:focus:active{padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.how-inv-work-action .btn-primary span svg, .how-inv-work-action .btn-secondary-square span svg{height: 17px; width: 17px;}
.how-inv-work-action .btn-secondary-square:focus, .how-inv-work-action .btn-secondary-square:hover, .how-inv-work-action .btn-secondary-square:active, .how-inv-work-action .btn-secondary-square:focus:active{padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.inv-service-wrap {padding: 24px 0px; margin-bottom: 24px;}
.inv-service-blog .qatar-key-box {padding-top: 24px; flex-direction: column; row-gap: 16px;}
.inv-service-blog .qatar-key-card {padding: 0px; flex: initial;}
.qatar-key-card .qatar-key-image {height: 300px; width: 100%; border-radius: 8px; overflow: hidden;}
.qatar-key-card .qatar-key-image img{height: 100%; width: 100%; object-fit: cover;}
.inv-service-blog .qatar-key-content h4 {font-size: 18px; line-height: 23px; margin-bottom: 16px;}
.inv-service-blog .qatar-key-content p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.sadad-inv-price-wrap {padding: 24px 0px; margin-bottom: 24px;}
.sadad-inv-price-box {column-gap: 32px; padding-top: 24px; flex-direction: column; gap: 16px;}
.sadad-inv-p-content .free-text { font-size: 18px; line-height: 23px; margin-bottom: 16px;}
.sadad-reg-content p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.sadad-service-list h6 {font-size: 18px; line-height: 23px; margin-bottom: 8px;}
.sadad-service-list ul li {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.sadad-inv-p-action .btn-primary-square {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.sadad-inv-p-action .btn-primary-square:focus, .sadad-inv-p-action .btn-primary-square:hover, .sadad-inv-p-action .btn-primary-square:active, .sadad-inv-p-action .btn-primary-square:focus:active {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.sadad-inv-p-action .btn-primary-square span svg{height: 17px; width: 17px;}
.available-meth-wrap {padding: 24px 0px; margin-bottom: 24px;}
.available-meth-box .elec-card-box {padding-top: 24px; align-items: center; justify-content: space-between; flex-direction: column; gap: 40px; flex-wrap: initial;}
.available-meth-box .elec-card-list {padding: 0px; gap: 24px; flex: initial; flex-direction: column; align-items: center; width: 100%;}
.available-meth-box .elec-card-icon {width: 48px; height: 48px; border-radius: 3.09px;}
.available-meth-box .elec-card-icon span svg {height: 24px; width: 24px;}
.available-meth-box .ec-vertical-line {width: 100%; height: 1px; margin: 0px;}
.available-meth-box .elec-card-list h6 {font-size: 18px; line-height: 33px; margin-bottom: 8px; text-align: center;}
/*INVOICE PAYMENT LINK CSS END*/

/*SMART STORE CSS START*/
.smart-store-banner{padding: 24px 0px; margin-bottom: 24px;}
.ss-hero-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.ss-hero-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.ss-hero-image {flex: initial; height: 300px; width: 100%; border-radius: 16px; overflow: hidden;}
.ss-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.ss-content-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.ss-content-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.common-icon-action .btn-primary {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.common-icon-action .btn-primary:hover, .common-icon-action .btn-primary:focus, .common-icon-action .btn-primary:focus:active{padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.common-icon-action .btn-primary span svg{height: 17px; width: 17px;}
.service-link-wrapper {padding: 24px 0px; margin-bottom: 24px;}
.ss-link-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 24px;}
.ss-link-wrap {gap: 48px; padding-top: 24px; flex-direction: column;}
.ss-link-image {padding: 0px; width: 100%; height: 300px; border-radius: 8px; overflow: hidden;}
.ss-link-image img{width: 100%; height: 100%; object-fit: cover;}
.ss-link-content {padding: 0px;}
.ss-link-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 16px;}
.ss-link-content p {font-size: 16px; line-height: 21px;}
.web-store-wrapper {padding: 24px 0px;}
.web-store-listing {padding-top: 24px;}
.web-store-wrap {flex-direction: column; gap: 0px;}
.web-store-box { gap: 32px; padding: 16px; gap: 24px; flex: initial; margin-bottom: 24px; flex-direction: column; align-items: center;}
.web-store-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.web-store-icon svg {height: 24px; width: 24px;}
.web-store-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 18px; text-align: center;}
.web-store-content p {font-size: 16px; line-height: 21px; text-align: center;}
.web-store-wrapper .web-store-wrap:last-child .web-store-box {margin-bottom: 24px;}
.business-type-wrapper {padding: 24px 0px;}
.business-type-box {padding: 24px 20px 0px 20px; border-radius: 24px; gap: 16px; flex-direction: column;}
.business-type-img {position: relative; bottom: -5px; right: initial;}
.business-type-detail h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.business-type-detail p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.business-type-detail {padding-bottom: 16px;}
.business-type-pricing {padding-top: 16px;}
.business-type-pricing h4 {font-size: 33px;  margin-bottom: 4px;}
.business-type-action .btn-secondary-square {padding: 8px 16px; margin-top: 24px;}
.business-type-action .btn-secondary-square:focus, .business-type-action .btn-secondary-square:hover, .business-type-action .btn-secondary-square:active, .business-type-action .btn-secondary-square:focus:active{padding: 8px 16px; margin-top: 24px;}
.business-type-action .btn-secondary-square span svg {height: 17px; width: 17px;}
/*SMART STORE CSS END*/

/*SOFT POS CSS START*/
.softpos-hero-section{padding: 24px 0px; margin-bottom: 24px;}
.softpos-hero-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.softpos-hero-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.softpos-hero-image {flex: initial; height: 300px; width: 100%; border-radius: 16px; overflow: hidden;}
.softpos-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.softpos-content-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.softpos-content-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.softpos-content-box .btn-primary {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.softpos-content-box .btn-primary:hover, .softpos-content-box .btn-primary:focus, .softpos-content-box .btn-primary:focus:active{padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.softpos-content-box .btn-primary span svg{height: 17px; width: 17px;}
.accept-payment-main {padding: 24px 0px 24px 0px;}
.accept-p-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.accept-p-title p {font-size: 16px; line-height: 21px;}
.sadad-soft-wrapper {padding: 24px 0px;flex-direction: column; gap: 16px;}
.sadad-soft-image {flex: initial; width: 100%; height: 300px; overflow: hidden; border-radius: 8px;}
.sadad-soft-image img{width: 100%; height: 100%; object-fit: cover;}
.sadad-soft-content {flex: initial; padding: 0px;}
.sadad-soft-content h6 {font-size: 18px; line-height: 32px; margin-bottom: 16px; margin-top: 24px;}
.sadad-soft-para p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.upg-collection-main {padding: 24px 0px;}
.upg-collection-main .chooseus-box {padding-top: 24px;}
.upg-collection-main {padding: 24px 0px; margin-bottom: 16px;}
.upg-collection-main .chooseus-box {padding-top: 24px;}
.upg-collection-main .choose-us-inner {column-gap: 24px;flex-direction: column;}
.upg-collection-main .chooseus-card {padding: 0; gap: 24px; flex: initial; margin-bottom: 24px; flex-direction: column;}
.upg-collection-main .chooseus-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0; }
.upg-collection-main .chooseus-icon span svg{height: 24px; width: 24px;}
.upg-collection-main .chooseus-content h5 {font-size: 18px; line-height: 24px; font-weight: bold; margin-bottom: 8px;}
.upg-collection-main .chooseus-content p {font-size: 16px; line-height: 21px; letter-spacing: -0.005em; color: #141414; margin-bottom: 0px; text-align: left;}
.howit-work-wrap {padding: 24px 0px;}
.howit-work-wrap .howit-work-box {padding: 24px 0px; flex-direction: column;}
.howit-work-wrap .howit-work-content h1 {font-size: 64px; line-height: 88px; margin-bottom: 16px !important;}
.howit-work-wrap .howit-work-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.payment-logo-wrap {padding: 24px 0px;}
.payment-logo-wrap .container{padding: 0px !important;}
.payment-logo-box {column-gap: 0; padding: 24px 20px; height: auto; flex-direction: column; border-radius: 0px; row-gap: 24px;}
.paymrnt-logo-title h5 {font-size: 24px; line-height: 33px; color: #141414; text-align: center;}
.paymrnt-logo-title {max-width: 100%; width: 100%;}
.payment-logo-box::before{display: none;}
.merchant-p-sol-wrap {padding: 24px 0px;}
.merchant-p-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.merchant-p-title p {font-size: 16px; line-height: 21px;}
.accept-payment-wrap {padding: 24px 0px;}
.benifit-box-main {padding-top: 24px; flex-direction: column; gap: 24px;}
.benifit-box {padding: 0px; gap: 24px; flex: initial; flex-direction: column;}
.benifit-box .benifit-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0; }
.benifit-box .benifit-icon span svg{height: 24px; width: 24px;}
.benifit-content h5 {font-size: 18px; line-height: 33px; margin-bottom: 16px;}
.benifit-list-content h6 {font-size: 16px; line-height: 21px; margin-bottom: 8px;}
.benifit-list-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.softp-service-wrap {padding: 24px 0px;}
.softp-service-box {padding-top: 24px; gap: 116px; flex-direction: column;}
.softp-service-list .softp-service-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0; }
.softp-service-list .softp-service-icon span svg{height: 24px; width: 24px;}
.softp-service-content h6 {font-size: 18px; line-height: 33px; text-align: center; margin-bottom: 16px;}
.softp-service-content p {font-size: 16px; line-height: 21px; text-align: center;}
.softp-service-list::after {background: url('../images/sadad-pos-edge/odd-arrow-mobile.svg') no-repeat; width: 23.87px; height: 113.85px; position: absolute; left: 50%; top: 205px;}
.softp-service-box .softp-service-list:nth-child(even)::after {background: url('../images/sadad-pos-edge/even-arrow-mobile.svg') no-repeat; left: 48%; top: 100%;}
.softp-service-list::after {top: 100%;}
/*SOFT POS CSS END*/

/*LEADERSHIP CSS START*/
.leadership-banner{padding: 24px 0px; margin-bottom: 0px;}
.leadership-n-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.leadership-n-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.leadership-n-hero-image {flex: initial; height: 300px; width: 100%; border-radius: 16px; overflow: hidden;}
.leadership-n-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.leadership-n-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.leadership-n-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.board-of-director {padding: 24px 0px;}
.board-of-d-box {gap: 24px; padding-top: 24px; flex-direction: column;}
.board-of-d-name h6 {font-size: 14px; line-height: 24px;}
.board-of-d-card {padding: 12px; border-radius: 8px;}
/*LEADERSHIP CSS END*/

/*LATEST NEW CSS START*/
.latest-news-banner{padding: 24px 0px; margin-bottom: 0px;}
.latest-n-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.latest-n-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.latest-n-hero-image {flex: initial; height: 300px; width: 100%; border-radius: 16px; overflow: hidden;}
.latest-n-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.latest-n-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.latest-n-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.the-news-wrapper {padding: 24px 0px;}
.the-news-title h4 {font-size: 24px; line-height: 33px;}
.the-news-card-main {padding: 24px 0px;}
.the-news-listing {flex-direction: column;}
.the-news-box {flex: initial; margin-right: 0px; padding: 0px;}
.the-news-listing .the-news-img{width: 100%; height: 300px; border-radius: 8px; overflow: hidden; margin-bottom: 16px;}
.the-news-listing .the-news-img img{width: 100%; height: 100%; object-fit: cover;}
.the-news-content span {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.the-news-content h6 {font-size: 18px; line-height: 32px; margin-bottom: 16px;}
.the-news-content ul li {font-size: 16px; line-height: 21px;}
.the-news-action .btn-secondary-square {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 21px;}
.the-news-action .btn-secondary-square:focus, .the-news-action .btn-secondary-square:hover, .the-news-action .btn-secondary-square:active, .the-news-action .btn-secondary-square:focus:active {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 21px;}
.the-news-action .btn-secondary-square span svg{height: 17px; width: 17px;}
/*LATEST NEW CSS END*/

/*SECURITY COMPLIANCE CSS START*/
.sec-comp-banner{padding: 24px 0px; margin-bottom: 0px;}
.sec-comp-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.sec-comp-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.sec-comp-hero-image {flex: initial; height: 300px; width: 100%; border-radius: 16px; overflow: hidden;}
.sec-comp-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.sec-comp-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.sec-comp-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.sadad-certi-main {padding: 24px 0px;}
.sadad-certi-title h4 {font-size: 24px; line-height: 33px;}
.sadad-certi-box {padding-top: 24px; gap: 32px; flex-direction: column;}
.sadad-certi-content p {margin-bottom: 16px; font-size: 16px; line-height: 21px;}
.custom-checkout-wrap {padding: 24px 0px;}
.sadad-certi-title p {font-size: 16px; line-height: 21px; margin-top: 16px;}
.sadad-certi-listing {padding-top: 24px; flex-direction: column;}
.sadad-certi-card {flex: initial; margin-right: 0px; padding: 0px; position: relative;}
.sadad-certi-card .sadad-certi-card-img{width: 100%; height: 300px; border-radius: 8px; overflow: hidden; margin-bottom: 16px;}
.sadad-certi-card .sadad-certi-card-img img{width: 100%; height: 100%;}
.checkout-content h6 {font-size: 18px; line-height: 32px; margin-bottom: 16px;}
.checkout-content p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.custom-checkout-wrap .business-type-action .btn-secondary-square {padding: 8px 16px; margin-top: 0px; margin-bottom: 16px;}
.custom-checkout-wrap .business-type-action .btn-secondary-square:focus, .custom-checkout-wrap .business-type-action .btn-secondary-square:hover, .custom-checkout-wrap .business-type-action .btn-secondary-square:active,.custom-checkout-wrap .business-type-action .btn-secondary-square:focus:active{padding: 8px 16px; margin-top: 0px;margin-bottom: 16px;}
.custom-checkout-wrap .business-type-action .btn-secondary-square span svg {height: 17px; width: 17px;}
.security-fet-list {padding-top: 24px;}
.security-fet-list .chooseus-box {padding-top: 24px;}
.security-fet-list .choose-us-inner {flex-direction: column;}
.security-fet-list .chooseus-card {align-items: center; padding: 0px; gap: 24px; flex: initial; margin-bottom: 48px; flex-direction: column;}
.security-fet-list .chooseus-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.security-fet-list .chooseus-icon span svg {height: 24px; width: 24px;}
.security-fet-list .chooseus-content h5 {font-size: 18px; line-height: 33px; margin-bottom: 16px; text-align: center;}
.security-fet-list .chooseus-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.user-fin-box {padding-top: 24px;}
.user-fin-card {margin-bottom: 0px; gap: 16px; padding: 24px 0px; flex-direction: column;}
.user-fin-content {width: 100%; flex: initial; order: 2;}
.user-fin-image {border-radius: 8px; overflow: hidden; flex: initial; height: 300px; width: 100%;}
.user-fin-image img{width: 100%; height: 100%; object-fit: cover;}
.user-fin-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 16px;}
.user-fin-content ul li {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.user-fin-wrap {padding: 24px 0px;}
/*SECURITY COMPLIANCE CSS END*/

/*ABOUT US CSS START*/
.about-us-banner{padding: 24px 0px; margin-bottom: 0px;}
.about-us-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.about-us-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.about-us-hero-image {flex: initial; height: 300px; width: 100%; border-radius: 16px; overflow: hidden;}
.about-us-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.about-us-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.about-us-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.who-we-are-wrap {padding: 24px 0px;}
.who-we-are-box {display: flex; column-gap: 0; flex-direction: column;}
.who-we-are-content {max-width: 100%; flex: initial;}
.who-we-are-content h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px; text-align: center;}
.who-we-are-content p {font-size: 16px; line-height: 24px; margin-bottom: 24px; text-align: center;}
.vision-mission-wrap {padding: 24px 0px;}
.vmission-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px; text-align: center;}
.vision-mission-box {padding-top: 24px; flex-direction: column; gap: 8px;}
.vision-mission-box .vmission-image{border-radius: 8px; width: 100%; height: 300px; overflow: hidden;}
.vision-mission-box .vmission-image img{width: 100%; height: 100%; object-fit: cover;}
.vmission-content {margin-top: 16px;}
.vmission-content h6 {font-size: 18px; line-height: 31px; margin-bottom: 16px;}
.vmission-content p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.our-value-wrap {padding: 24px 0px;}
.our-value-wrap .chooseus-box {padding-top: 24px;}
.our-value-wrap .choose-us-inner {flex-direction: column;}
.our-value-wrap .chooseus-card {padding: 0px; gap: 24px; flex: initial; margin-bottom: 48px; flex-direction: column;}
.our-value-wrap .chooseus-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.our-value-wrap .chooseus-icon span svg {height: 24px; width: 24px;}
.our-value-wrap .chooseus-content h5 {font-size: 18px; line-height: 33px; margin-bottom: 16px;}
.our-value-wrap .chooseus-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px; text-align: left;}
.our-methodology-wrap {padding: 24px 0px;}
.our-meth-list {padding-top: 24px; display: flex; flex-direction: column;}
.our-meth-content h6 {font-size: 18px; line-height: 24px; margin-top: 16px; text-align: left;}
.commitment-g-wrap {padding: 24px 0px;}
.vmission-title p {font-size: 16px; line-height: 21px; margin-top: 16px;}
.commitment-g-wrap .sadad-plus-speci-box {padding-top: 24px;}
.commitment-g-wrap .sps-blog-content {margin-top: 0px;}
.commitment-g-wrap .sps-blog-content h6 {font-size: 18px; line-height: 32px; margin-bottom: 16px; margin-top: 24px;}
.commitment-g-wrap .sps-blog-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.commitment-g-wrap .sps-listing-main {row-gap: 72px; flex-wrap: wrap;}
.commitment-g-wrap .sps-blog-img {border-radius: 8px; width: 100%; height: 300px; overflow: hidden;}
.commitment-g-wrap .sps-blog-img img{width: 100%; height: 100%; object-fit: cover;}
.choose-sadad-listing {padding-top: 24px;}
.choose-sadad-listing .web-store-box { gap: 32px; padding: 16px; gap: 24px; flex: initial; margin-bottom: 0px; flex-direction: column; align-items: center;}
.choose-sadad-listing .web-store-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.choose-sadad-listing .web-store-icon svg {height: 24px; width: 24px;}
.choose-sadad-listing .web-store-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 18px; text-align: center;}
.choose-sadad-listing .web-store-wrapper .web-store-wrap:last-child .web-store-box {margin-bottom: 24px;}
.choose-sadad-listing .web-store-wrap {gap: 0px;}
.why-choose-sds-wrap {padding: 24px 0px;}
.our-partner-wrap {padding: 24px 0px;}
.our-partner-box {padding-top: 24px;}
.our-partner-logo img {height: 50px;}
.our-partner-logo {column-gap: 90px; justify-content: center; flex-wrap: wrap; row-gap: 24px;}
.our-journey-slider.owl-carousel .owl-nav, .our-journey-slider.owl-carousel .owl-nav.disabled {margin-top: 56px;}
/*ABOUT US CSS END*/

/*PRICING PAGE CSS START*/
.pricing-hero-wrap {padding: 24px 0px;}
.pricing-hero-title h1 {font-size: 32px; line-height: 44px; margin-bottom: 16px !important;}
.pricing-hero-title p {font-size: 16px; line-height: 24px; text-align: center; margin-bottom: 0px;}
.device-header-main {gap: 8px; flex-direction: column;}
.device-icon {width: 48px; height: 48px; border-radius: 3.09px;}
.device-icon span svg{height: 24px; width: 24px;}
.device-content-main h6 {font-size: 24px; line-height: 33px; margin-bottom: 24px;}
.device-action .btn-primary-square {padding: 8px 10px;}
.device-action .btn-primary-square:focus, .device-action .btn-primary-square:hover, .device-action .btn-primary-square:active, .device-action .btn-primary-square:focus:active {padding: 8px 10px;}
.device-action .btn-secondary-square {padding: 8px 10px;}
.device-action .btn-secondary-square:focus, .device-action .btn-secondary-square:hover, .device-action .btn-secondary-square:active, .device-action .btn-secondary-square:focus:active{padding: 8px 10px;}
.device-action .btn-primary-square span svg{width: 17px; height: 17px;}
.device-inner-main {gap: 16px; flex-direction: column; flex-wrap: initial;}
.device-body-main {margin-top: 24px; background-color: #FFFFFF;  border-radius: 16px; padding-top: 0px;}
.device-grid {display: flex; gap: 16px; flex-direction: column; width: 100%; padding: 8px 0px;}
.device-grid-card{display: flex; border-bottom: 1px solid rgba(156, 163, 175, 0.3);}
.device-grid-card:last-child{border-bottom: 0px;}
.device-card-img {margin-bottom: 16px; border-radius: 8px; overflow: hidden; min-width: 140px; max-width: 140px; height: 106px; flex: 1; text-align: center; flex-shrink: 0;}
.device-card-img img {width: 80px; height: auto;}
.knowmore-mobile-hide{display: none;}
.device-content {min-height: auto;}
.device-card-content{display: flex; align-items: center; gap: 8px; padding-right: 10px; justify-content: space-between; width: 100%;}
.device-card-content h6{white-space: initial; max-width: initial;}
.device-card-content p {line-height: 21px;}
.device-card-content p span {display: block;}
.device-card-content .btn-secondary-square {padding: 8px 10px; background-color: transparent;}
.device-card-content .btn-secondary-square:focus, .device-card-content .btn-secondary-square:hover, .device-card-content .btn-secondary-square:active, .device-card-content .btn-secondary-square:focus:active{padding: 8px 10px; background-color: transparent;}
.device-card-content .btn-secondary-square:focus svg path,
.device-card-content .btn-secondary-square:hover svg path,
.device-card-content .btn-secondary-square:active svg path,
.device-card-content .btn-secondary-square:focus:active svg path{ stroke: #8E1B3E;}
.device-content-main p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.device-content-main p:first-of-type{margin-bottom: 8px;}
.sds-pos-wrapper {padding: 48px 0px 24px 0px;}
.sds-pos-title h4 {font-size: 24px; line-height: 33px;}
.standard-plan-main {padding: 16px 0px 24px 0px;}
.standatd-p-title h4 {margin-bottom: 18px;}
.stdr-card-icons p {font-size: 16px; line-height: 21px;}
.stdr-card-icons {align-items: flex-start; flex-direction: column; gap: 16px;}
.sadad-plus-box .s-pos-d-box {padding-top: 40px; gap: 64px;}
.sadad-plus-box .sadad-p-left .sadad-plus-card {padding: 0;}
.sadad-plus-box .sadad-plus-content h4 {font-size: 18px; line-height: 32px; margin-bottom: 16px;}
.sadad-plus-box .sadad-plus-content ul li {font-size: 16px; line-height: 21px; margin-bottom: 16px; gap: 16px;}
.sadad-plus-box .sadad-plus-img {border-radius: 8px; overflow: hidden; width: 100%; height: 300px;}
.sadad-plus-box .sadad-plus-img img{height: 100%; width: 100%; object-fit: cover;}
.sadad-plus-box .sadad-plus-content h2 {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.sadad-ads-ons-wrap {padding: 24px 0px; margin-bottom: 16px;}
.sadad-ads-image {height: 150px; width: 100%;}
.sadad-ads-image img {width: 100%; height: 100%; object-fit: cover;}
.sadad-ads-content{display: flex; flex-direction: column; justify-content: space-between;}
.sadad-ads-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 8px;}
.sop-sol-wrapper {padding: 24px 0px; margin-bottom: 16px;}
.sop-sol-wrapper .refund-content ul li{margin-bottom: 17px;}
.sop-sol-wrapper .refund-content ul li::after {display: none;}
.sop-sol-wrapper .refund-content ul li span svg{height: 24px; width: 24px;}
.sadad-payment-blog .smart-busi-card {padding: 0px; gap: 24px; border: 0px; border-radius: 0px; gap: 16px; overflow: hidden; margin-bottom: 56px;}
.sadad-payment-blog .smart-busi-details {padding: 0px;}
.smart-busi-box-main .smart-busi-image {width: 100%; height: 300px; overflow: hidden;}
.smart-busi-box-main .smart-busi-image img {width: 100%; height: 100%; object-fit: cover;}
.sadad-payment-blog .smart-busi-content h5 {font-size: 18px;}
.sadad-payment-blog .smart-busi-content p {font-size: 14px; line-height: 24px;}
.smart-busi-list { gap: 36px;}
.sadad-payment-blog .smart-busi-action .btn-secondary { padding: 8px 16px; border-radius: 10px; font-size: 14px; margin-top: 16px;}
.sadad-payment-blog .smart-busi-action .btn-secondary:hover, .sadad-payment-blog .smart-busi-action .btn-secondary:focus, .sadad-payment-blog .smart-busi-action .btn-secondary:focus:active { padding: 8px 16px; border-radius: 10px; font-size: 14px; margin-top: 16px;}
.cust-c-content p {font-size: 16px; line-height: 21px;}
.cust-c-content h4 {font-size: 16px; line-height: 21px;}
.sds-pos-title p { font-size: 16px; line-height: 21px; margin-top: 16px; margin-bottom: 0px;}
.payment-gate-card {padding-bottom: 56px;}
.web-store-listing .web-store-box { gap: 32px; padding: 0px; gap: 24px; flex: initial; margin-bottom: 0px; flex-direction: column; align-items: flex-start;}
.web-store-listing .web-store-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.web-store-listing .web-store-icon svg {height: 24px; width: 24px;}
.web-store-listing .web-store-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 18px; text-align: left;}
.web-store-listing .web-store-content p {font-size: 16px; line-height: 21px; text-align: left;}
.web-store-listing .web-store-wrapper .web-store-wrap:last-child .web-store-box {margin-bottom: 24px;}
.web-store-listing .web-store-wrap {gap: 0px;}
/*PRICING PAGE CSS END*/

/* CUSTOMER LEAD CAPTURE CSS START */
.header-logo-wrap {padding: 16px 0px;}
.sadad-header-logo {height: 30px;}
.sadad-header-logo img {height: 100%; width: 100%;}
.language-sw-wrapper .language-switch > span {font-size: 14px;}
.cust-lead-title h4 {font-size: 32px; line-height: 44px; margin-bottom: 16px;}
.cust-lead-box {padding: 24px 0px;}
.cust-lead-title p {font-size: 16px; line-height: 24px;}
.cust-lead-points ul {margin-top: 16px; display: flex; flex-wrap: wrap; column-gap: 32px;}
.cust-lead-points ul li {font-size: 18px; line-height: 24px; gap: 6px; margin-bottom: 16px;}
.cust-lead-points ul li:last-child{margin-bottom: 0px;}
.lead-app-download {margin-top: 24px; margin-bottom: 24px;}
.cust-signup-form {padding: 24px 16px;}
.cust-signup-title {margin-bottom: 24px;}
.cust-form-input {padding: 10px 12px; height: 40px; border-radius: 12px;}
.mb-32 {margin-bottom: 24px;}
.pl-88 {padding-left: 84px;}
.cust-form-content .dropdown-menu {border-radius: 12px;}
.req-call-back {padding-bottom: 24px;}
.st-acept-action .st-acept-btn {padding: 10px 14px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.wc-sadad-box {padding: 0px; background: #FFFFFF; box-shadow: none; border-radius: 0px; margin-top: 8px; margin-bottom: 24px;}
.wc-sadad-content h4 {font-family: 'Open Sans Condensed'; font-weight: bold; font-size: 24px; line-height: 33px; color: #141414; margin-bottom: 16px; text-align: center;}
.wc-mobile-img{display: block;}
.wc-desktop-img{display: none;}
.mobile-order{order: 2;}
.wc-sadad-img{margin-bottom: 24px;}
.mb-24 {margin-bottom: 16px;}
.download-action .download-btn {padding: 10px 20px; border-radius: 10px; font-size: 14px; line-height: 20px; width: 100%; margin: 0px 16px;}
.footer-wrapper {padding: 16px 0px;}
.trusted-data {flex-direction: column; align-items: start; gap: 16px;}
.trusted-data ul {align-items: start; flex-direction: column; gap: 8px;}
.download-action{margin-bottom: 16px;}
.trusted-data ul li a {font-size: 12px; line-height: 16px;}
/* CUSTOMER LEAD CAPTURE CSS END */

/* MAWIDY CSS START */
.mawidy-hero-section {padding: 24px 16px 24px 16px; height: auto; min-height: auto; border: 0px; border-radius: 0px;}
.apoint-book-content {width: 100%; max-width: 100%; padding: 0px 20px;}
.apoint-book-main {padding-top: 0px; margin-bottom: 35px;}
.appoinment-order .apointment-image{order: 0;}
.one-one-order .apointment-image{order: 0;}
.desktop-wrap {width: 100%; bottom: -55%;}
.blob-wrap {bottom: -50px; scale: 1.6;}
.apoint-book-content h4 {font-size: 32px; line-height: 40px; margin-bottom: 12px; text-align: center; letter-spacing: 0px;}
.apoint-book-content p {font-size: 14px; line-height: 22px; letter-spacing: 0;}
.apoint-book-btn {margin: 24px 0px;}
.apoint-book-btn .btn-secondary {border: 1px solid rgba(142, 27, 62, 0.1);}
.social-proof span {font-size: 14px; line-height: 22px;}
.what-is-mawidy-section {padding: 20px 16px 0px 16px;}
.what-is-mawidy .header-text h4 {font-size: 28px; line-height: 36px; letter-spacing: 0; margin-bottom: 12px; margin-top: 16px;}
.what-is-mawidy .container{padding: 0px !important;}
.what-is-mawidy .header-text p {font-size: 14px; line-height: 22px; max-width: max-content; margin: 0;}
.text-wrapper-3 h6 {line-height: 100%; color: #8E1B3E; margin: 20px 0px;}
.mawidy-card {gap: 20px; flex-direction: column;}
.mawidy-card .card {width: 100%; margin-bottom: 0px !important;}
.card-img img{width: 100%;}
.mawidy-card .card {width: 100%; border-radius: 12px; padding: 16px; margin-bottom: 12px;}
.mawidy-card .card-body {padding: 0;}
.mawidy-card .card-body h5 {font-size: 18px; line-height: 26px; text-align: left; margin-top: 12px; margin-bottom: 6px; letter-spacing: 0;}
.mawidy-card .card-body p {font-size: 14px; line-height: 22px; text-align: left; margin-bottom: 12px;}
.mawidy-card .card-body a {font-size: 14px; line-height: 22px; justify-content: flex-start; gap: 8px;}
.mawidy-card .card-body a svg{height: 12px; width: 12px;}
.take-booking-section {padding:16px 16px 0px 16px;}
.take-book-header h3 {font-size: 28px; line-height: 36px; letter-spacing: 0%; color: #141414; margin-bottom: 24px !important; text-align: center; max-width: 360px; margin: 0 auto;}
.take-book-main-wrap {padding: 0px;}
.merchant-choose .take-book-header h3 {font-size: 28px; line-height: 36px; letter-spacing: 0%; margin-bottom: 24px !important;}
.merchnt-appoint h3{padding: 0px 16px;}
.paylogos {margin-top: 24px;}
.paylogos .row-logos .badge {width: 54.22px; height: 37.71px;}
.take-booking-section .appointment-main {width: 100%; gap: 24px; padding: 0px 16px; flex-direction: column;}
.apointment-content {width: 100%; order: 1;}
.apointment-content h3 {font-size: 18px; line-height: 26px; margin-bottom: 16px;}
.apointment-content p {font-size: 14px; line-height: 22px; letter-spacing: 0;}
.features {margin-top: 24px;}
.feature span {font-size: 14px; line-height: 20px;}
.take-booking-section .row {margin-bottom: 27px;}
.appointment-book-section {padding: 0px 16px;}
.section-wrapper {padding: 16px;}
.left-column h2 {font-size: 28px; line-height: 36px; margin-bottom: 20px;}
.card-wrap {min-height: 470px;}
.container-box {grid-template-columns: auto; gap: 0px;}
.set-rule-title h3 {font-size: 20px; line-height: 22px; margin-bottom: 12px; margin-top: 24px; padding: 0px 60px;}
.set-rule-title p {font-size: 14px; line-height: 22px; max-width: 375px; margin: 0 auto; padding: 0px 47px;}
.booking-section {padding: 0px 16px; max-width: 100%;}
.feature-grid {margin-top: 32px; padding: 0px; grid-template-columns: initial; gap: 20px; max-width: 100%;}
.feature-card__title {font-size: 18px; line-height: 26px; text-align: center; margin-bottom: 14px;}
.feature-card__content {padding: 16px 16px 0px 16px;}
.feature-card__body {display: none;}
.feature-card {min-height: auto; border-radius: 12px;}
.booking-header h3 {font-size: 20px; line-height: 22px; margin-bottom: 32px; margin-top: 24px;}
.booking-card.light-card.card-body h4 {font-size: 18px; line-height: 100%; margin-bottom: 12px;}
.booking-card {padding: 16px;}
.booking-card.light-card .card-body {padding: 12px 0px 0px 0px;}
.booking-grid-main {gap: 20px;}
.light-card .card-body h4 {font-size: 18px; line-height: 26px; letter-spacing: 0;}
.dark-card .card-body {max-width: 100%;}
.light-card .card-body p {font-size: 14px; line-height: 22px; color: #000000;letter-spacing: 0;}
.booking-card.dark-card h4 {font-size: 18px; max-width: 100%; line-height: 26px;}
.booking-card.dark-card p {font-size: 14px; line-height: 22px; margin-bottom: 12px;}
.appointement-section {padding: 40px 16px 20px 16px;}
.step-title {font-size: 18px; line-height: 26px; letter-spacing: 0px;}
.step-item:first-of-type{padding-top: 0px;}
.icon-box {width: 32px; height: 32px;}
.appointment-box {padding: 16px;}
.appointment-title h3 {font-size: 28px; line-height: 36px; letter-spacing: normal; margin-bottom: 20px;}
.appointment-box .cards {gap: 12px; margin-top: 0px; flex-direction: column;}
.appointment-box .icard {width: 100%; height: 211px; border-radius: 8px;}
.appointment-box .icard span {left: 16px; bottom: 16px; font-size: 18px; line-height: 26px;}
.apoointment-note p {font-family: 'Open Sans'; font-weight: 400; font-size: 14px; line-height: 22px; opacity: 0.7; margin-top: 20px; margin-bottom: 0px;}
.how-it-work-section {padding: 0px 16px;}
.how-it-work-main .how-it-content h4 {font-size: 28px; line-height: 36px; margin-top: 0px; margin-bottom: 8px;}
.how-it-work-main .how-it-content p {font-size: 14px; line-height: 22px; margin-bottom: 0px;}
.how-it-work-main .how-it-content {flex: 0;}
.how-it-work-main {gap: 32px; max-width: 100%; flex-direction: column; padding-bottom: 32px; border-bottom: 0px;}
.service-items {flex-direction: column; width: 100%;}
.service-items .service-box {gap: 8px; padding: 16px;}
.service-items .service-box h2 {font-size: 24px; line-height: 100%;}
.service-items .service-box h6 {font-size: 14px; line-height: 22px; letter-spacing: 0; max-width: 100%;}
.revenue-section {padding: 0px 16px;}
.revenue-main {padding: 20px; max-width: 100%; width: 100%; margin: 0 auto; min-height: 470px;}
.revenue-content {flex-direction: column;}
.revenue-left-content h4 {font-size: 32px; line-height: 36px; margin-bottom: 16px;}
.revenue-right-content p {font-size: 14px; line-height: 22px; margin-bottom: 16px;}
.revenue-desktop img {top: 238.53px;}
.power-by-title {margin-top: 0px; -webkit-text-fill-color: #0D1221; color: #0D1221;}
.power-by-title h3 {font-size: 28px; line-height: 36px; max-width: 100%; letter-spacing: 0px; padding: 0px 34px;}
.power-by-section {padding: 32px 16px 0px 16px;}
.power-by-grid {gap: 12px; margin-top: 20px; flex-direction: column;}
.power-by-item {border-radius: 12.6083px; border-color: #CFD4DB; padding: 18px; width: 100%; display: flex; align-items: center; gap: 16px; flex-direction: column; justify-content: center; background-color: #FFFFFF;}
.power-by-icon {padding: 4.5px 6px; margin-bottom: 0px; height: 32px; width: 32px; border-radius: 100px; background-color: #F4E8EC;}
.power-by-icon span{display: inline-flex;}
.power-by-icon svg{ height: auto; width: 16px;}
.power-by-content p {max-width: 100%; line-height: 24px; font-weight: 700; text-align: center; letter-spacing: -0.08px; font-size: 16px;}
.power-by-content h6 {display: block;}
.stage {display: none;}
.step-mobile-image {display: none; margin-top: 12px; border-radius: 12px; overflow: hidden;}
.step-item.active .step-mobile-image{display: block;}
.step-mobile-image img {width: 100%; height: auto; display: block;}
.step-item {opacity: 1!important; padding: 19px 0px;}
.brand-booking-section {background: linear-gradient(180deg, rgba(142, 27, 62, 0.08) 0%, rgba(142, 27, 62, 0) 52.51%);  border-top: 1px solid rgba(142, 27, 62, 0.1); padding: 16px;}
.set-rule-title {padding-top: 0px;}
/* MAWIDY CSS END */

/* SHIPPING CSS END */
.shipping-hero-section {padding: 0px;}
.content-section {padding: 0px;}
.shipping-hero-section .card {border-radius: 0px; background-color: #FAF8F7; max-width: 100%; flex-direction: column; padding: 24px 16px 0px 16px; gap: 24px;}
.hero-title {font-size: 32px; line-height: 40px; margin-bottom: 16px !important; max-width: 300px; letter-spacing: 0px; text-align: center; margin: 0 auto;}
.hero-description {font-size: 14px !important; line-height: 22px; max-width: 340px; margin-bottom: 16px !important; text-align: center; margin: 0 auto}
.shipping-hero-section .button-group .btn-primary {border-radius: 8px; padding: 12px 23px; justify-content: center; width: auto; border: 1px solid #8E1B3E;}
.shipping-hero-section .button-group {gap: 8px; margin-bottom: 16px; justify-content: center;}
.shipping-hero-section .button-group .btn-secondary {border-radius: 8px; padding: 12px 23px; justify-content: center; width: auto; border: 1px solid rgba(142, 27, 62, 0.1);}
.shipping-hero-section .button-group .btn-primary:focus, .shipping-hero-section .button-group .btn-primary:active, .shipping-hero-section .button-group .btn-primary:active:focus{padding: 12px 23px; border: 1px solid #8E1B3E;}
.shipping-hero-section .button-group .btn-secondary:focus, .shipping-hero-section .button-group .btn-secondary:active, .shipping-hero-section .button-group .btn-secondary:active:focus{padding: 12px 23px; border: 1px solid rgba(142, 27, 62, 0.1);}
.partner-text {font-size: 12px; line-height: 18px; letter-spacing: 0px;}
.partner-info img{height: 42px;}
.map-container {width: 100%; height: auto;}
.manage-logistic-section {padding: 32px 16px;}
.logistic-title h3 {font-size: 28px; line-height: 36px; margin-bottom: 12px !important; letter-spacing: 0px;}
.logistic-title p {font-size: 14px; line-height: 22px; margin-bottom: 0px; margin: 0 auto; max-width: 425px; color: #000000;}
.features-grid {grid-template-columns: repeat(1, 1fr); gap: 12px; max-width: 100%; width: 100%; margin-top: 24px !important;}
.feature-description {color: #000000;}
.icon-container svg{height: 40px; width: 40px;}
.feature-title {font-size: 18px;}
.appointment-book-section {padding: 0px;}
.appointment-book-section .section-wrapper {background-color: #FAF2F4; border: 0px; border-radius: 0px; max-width: 100%; width: 100%; box-shadow: none; padding: 24px 16px;}
.appointment-book-section .left-column h2 {margin-bottom: 24px; text-align: center; max-width: 280px; margin: 0 auto;}
.step-list {display: grid !important; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 24px;}
.step-item {display: flex !important; align-items: center; justify-content: center; gap: 8px; padding: 12px 14px; border-radius: 12px; background-color: #f8f9fa; border: 1px solid #e9ecef; color: #4a4a4a; font-size: 13px; font-weight: 600; text-align: center; cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);}
.step-item.active {background-color: #FFC8DA !important; border-color: #DCB8C3 !important; color: #141416 !important;}
.step-item p,
.step-list .step-description {display: none;}
.step-hide-desktop{display: block; font-family: 'Open Sans Condensed';font-style: normal;font-weight: bold;font-size: 12px;line-height: 18px;color: #141416;}
.appointment-book-section .step-title{display: none;}
.step-desc {display: none;}
.appointment-book-section .step-item {padding: 8px 12px;}
.appointment-book-section .step-item:first-of-type {padding-top: 8px;}
.appointment-book-section .icon-box {width: 14px; height: 14px; background-color: transparent;}
.appointment-book-section .step-list {position: relative; display: flex !important; flex-wrap: wrap; justify-content: center; flex-direction: initial;}
.appointment-book-section .step-header {gap: 5px;}
.appointment-book-section .step-progress-line {display: none;}
.appointment-book-section .stage {min-height: 399px;}
.appointment-book-section .card-content img {height: 399px;}
.shipping-offer-section{padding: 32px 16px;}
.shipping-offer-title h3 {font-size: 28px; line-height: 36px; margin-bottom: 12px !important; max-width: 272px; margin: 0 auto;}
.shipping-offer-title p {font-size: 14px; line-height: 22px; max-width: 318px; margin: 0 auto; color: #000000;}
.shipping-offer-section .shipping-card .card {width: 100%;}
.shipping-offer-section .shipping-card {gap: 20px; margin-top: 24px; flex-direction: column;}
.shipping-offer-section .shipping-card .card {width: 100%; border-radius: 12.6083px; padding: 16px 16px 0px 16px; margin-bottom: 0px;}
.shipping-offer-section .shipping-card .card-img img {height: 209px;}
.shipping-offer-section .shipping-card .card-body {padding: 8px 0px;}
.shipping-card .card-body h5 {font-size: 18px; line-height: 26px; text-align: left; margin-bottom: 8px;}
.shipping-card .card-body p {font-size: 14px; line-height: 22px; text-align: left; color: #5B6A7E; opacity: 1; margin-bottom: 8px; padding: 0px;}
.shipping-card .card-body a {justify-content: flex-start; gap: 6px;}
.ship-sale-title h3 {font-weight: bold; font-size: 28px; line-height: 36px; margin-bottom: 12px !important; max-width: 256px;}
.ship-sale-title p {font-size: 14px; line-height: 22px; color: #000000; max-width: 314px;}
.ship-sale-section .container{padding: 0px 16px !important;}
.ship-sale-list {flex-direction: column; gap: 16px;}
.ship-sale-items {max-width: 100%; padding-top: 0px; flex-direction: column; gap: 0px;}
.ship-sale-figure {width: 100%; height: 371px; order: 0; margin-top: 32px;}
.ship-sale-figure img{border-radius: 12px;}
.ship-sale-content {max-width: 100%; order: 1;}
.ship-sale-content h4 {font-weight: bold; font-size: 18px; line-height: 26px; margin-bottom: 16px;}
.ship-sale-content p {font-size: 14px; line-height: 22px; color: #000000; opacity: 1; margin-bottom: 14px; margin-right: 0px;}
.ship-sale-point {margin-top: 16px; margin-bottom: 0px;}
.ship-ani-title {margin-top: 36px;}
.ship-ani-title h6 {font-size: 18px; line-height: 26px; letter-spacing: 0px; color: #141416; padding-bottom: 30px;}
.revenue-shipping-sec {margin-top: 36px; padding: 0px; border-radius: 0px;}
.ship-animation {scale: 2; padding-bottom: 20px;}
.ship-animation::after {width: 100px; right: 40px;}
.ship-animation::before {width: 100px; height: 100%; left: 40px;}
.revenue-shipping-sec .revenue-main {padding: 24px; max-width: 100%; width: 100%; margin: 0 auto; min-height: 368px; border-radius: 0px;}
.revenue-shipping-sec .revenue-left-content h4 {font-size: 28px; margin-bottom: 12px; max-width: 294px;}
.revenue-shipping-sec .revenue-right-content p {max-width: 195px; margin-bottom: 26px;}
.revenu-mobile-image{display: block;}
.revenu-desktop-image{display: none;}
.revenue-desktop img {right: -24px; transform: none; bottom: -10px; max-width: 100%; width: 100%; border-radius: 0px; left: initial;}
.del-parc-main {max-width: 100%; width: 100%; margin: 0 auto; padding: 36px 20px; border: 0px; border-radius: 0px;}
.del-content-box {flex-direction: column; gap: 24px;}
.del-left-content {max-width: 100%; gap: 12px;}
.del-title h4 {font-weight: bold; font-size: 28px; line-height: 36px; letter-spacing: 0px; max-width: 216px;}
.del-desc p {font-size: 14px; line-height: 22px; color: #5B6A7E; margin-bottom: 0px;}
.del-right-content{display: none;}
.delivery-parcel-list {display: flex; flex-direction: column; gap: 12px; width: 100%;}
.delivery-par-box{padding: 16px; background: #F9F6F4; border-radius: 8px; display: flex; flex-direction: column; gap: 12px;}
.delivery-par-box h2{font-family: 'Open Sans Condensed'; font-style: normal; font-weight: bold; font-size: 28px; line-height: 36px; color: #8E1B3E; margin-bottom: 0px;}
.delivery-par-box h6{font-family: 'Open Sans Condensed'; font-style: normal; font-weight: bold; font-size: 18px; line-height: 26px; letter-spacing: 0px; color: #0D1221; margin-bottom: 0px;}
.delivery-par-box p{font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: -0.346298px; color: #000000; margin-bottom: 0px;}
.partner-info{justify-content: center;}
.ship-sale-section{padding-top: 0px;}
/* SHIPPING CSS END */

/* POS EDGE CSS START */
.edge-hero-section {padding: 0px;}
.edge-hero-section .container{padding: 0px 16px !important;}
.edge-hero-content {max-width: 100%; padding-left: 0px; padding: 32px 16px;}
.edge-hero-image {position: initial; width: 100%;}
.edge-hero-wrapper {flex-direction: column; height: auto;}
.edge-hero-content h5 {font-size: 24px; line-height: 26px; letter-spacing: -0.5px; margin-bottom: 16px; text-align: center;}
.edge-hero-content h1 {font-size: 32px; line-height: 36px; letter-spacing: -1.5px; text-align: center; margin-bottom: 16px !important;}
.edge-hero-content p {font-size: 14px; line-height: 20px; letter-spacing: 0px; max-width: 100%; text-align: center;}
.edge-hero-btn {margin-top: 32px; justify-content: center;}
.desktop-display{display: none;}
.mobile-display {display: block; object-fit: cover; width: 100%;}
.choose-edge-wrapper {padding: 32px 0px; flex-direction: column; gap: 7px;}
.edge-hero-btn .btn-primary {padding: 14px 18px; font-size: 14px; line-height: 16px;}
.edge-hero-btn .btn-primary span, .edge-hero-btn .btn-secondary span{display: none;}
.edge-hero-btn .btn-primary:hover, .edge-hero-btn .btn-primary:focus, .edge-hero-btn .btn-primary:focus:active, .edge-hero-btn .btn-primary:active {padding: 14px 18px; font-size: 14px; line-height: 16px;}
.edge-hero-btn .btn-secondary:hover, .edge-hero-btn .btn-secondary:focus, .edge-hero-btn .btn-secondary:focus:active, .edge-hero-btn .btn-secondary:active {padding: 14px 18px; font-size: 14px; line-height: 16px;}
.edge-hero-btn .btn-secondary {padding: 14px 15px; font-size: 14px; line-height: 16px;}
.choose-edge-title-text h3 {font-size: 28px; line-height: 36px; letter-spacing: -1px; margin-bottom: 16px;}
.choose-edge-title-text p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 32px;}
.choose-edge-box {grid-template-columns: auto; column-gap: 0; row-gap: 24px; padding: 32px 0px;}
.choose-ed-icon {display: flex; justify-content: center; align-items: center; padding: 8px; width: 36px; height: 36px; background: #FAF3F5; border-radius: 8px; flex: none; flex-grow: 0;}
.choose-ed-icon svg{flex-shrink: 0; height: 26px; width: 26px;}
.choose-eddge-items {gap: 16px;}
.chhose-edge-mobile{display: block; margin: 0 auto;}
.bring-to-b-icon {padding: 12px; width: 48px; height: 48px; border-radius: 12px;}
.bring-to-b-content h2 {font-size: 28px; line-height: 36px; letter-spacing: -1px; margin-bottom: 16px !important; max-width: 230px; margin: 0 auto;}
.bring-to-b-content p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 0px; max-width: 338px; margin: 0 auto;}
.diverse-envi-section {padding: 24px 0px;}
.divers-envi-box {background-position: initial; padding: 20px 20px; border-radius: 10px; gap: 20px; flex-direction: column;}
.divers-envi-content {max-width: 100%; padding: 0px; order: 0;}
.divers-envi-content h5 {font-size: 20px; line-height: 26px; letter-spacing: 0px; margin-bottom: 16px;}
.divers-envi-content p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 0px;}
.divers-envi-figure{order: 1; width: 100%; height: 100%;}
.diverse-envi-title {padding-top: 5px;}
.diverse-list p{display: none;}
.diverse-list {padding: 15px 0px;}
.diverse-list-content {margin-bottom: 0px;}
.divers-envi-wrapper {row-gap: 24px; padding-bottom: 24px;}
.self-service-wrapper {gap: 24px; flex-direction: column;}
.selef-ser-box{background: url(../images/sadad-pos-edge/diverse-bg.png) no-repeat; background-size: cover; background-position: initial; padding: 20px 20px; border-radius: 10px; background-blend-mode: multiply, normal; border: 1px solid rgba(142, 27, 62, 0.3); display: flex; flex-direction: column;}
.self-ser-content h5 {font-size: 20px; line-height: 26px; margin-bottom: 16px;}
.self-ser-content p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 0px;}
.self-ser-content ul {margin-top: 16px;}
.self-ser-content li {font-size: 14px; line-height: 18px; margin-bottom: 12px;}
.self-ser-content {margin-top: 0px; order: 0;}
.self-ser-figure{order: 1; height: 100%;}
.business-happen-section {padding: 32px 0px;}
.business-h-header {padding: 0px;}
.business-h-header h2 {font-size: 28px; line-height: 36px; letter-spacing: -1px; margin-bottom: 16px !important; max-width: 230px; margin: 0 auto;}
.business-h-header p {font-size: 14px; line-height: 20px; text-align: center; letter-spacing: 0px; max-width: 100%; margin: 0 auto; margin-bottom: 32px !important;}
.business-h-box {flex-direction: column; gap: 16px;}
.business-h-list {padding: 0px; order: 1;}
.business-h-list .self-ser-content {width: 100%;}
.business-h-items {row-gap: 24px;}
.technical-spec-section {padding: 0px;}
.technical-spec-box {padding: 32px 20px; border-radius: 12px;}
.technical-spec-row {column-gap: 0; padding-bottom: 0px; flex-direction: column;}
.tech-spec-grid {grid-template-columns: inherit; row-gap: 20px; column-gap: 0px;}
.tech-spec-grid .spec-row-divider {display: none;}
.tech-spec-intro h5 {font-size: 28px; line-height: 36px; margin-bottom: 12px; letter-spacing: -1px;}
.tech-spec-intro p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 32px; max-width: 318px;}
.spec-item {border-bottom: 1px solid rgba(255, 255, 255, 0.14902); padding-bottom: 12px;} 
.technical-spec-box .spec-row-divider {display: none;}
.what-come-box {display: flex; align-items: flex-start; padding-top: 32px; flex-direction: column; gap: 16px;}
.what-c-title h5 {font-size: 18px; letter-spacing: 0px; line-height: 26px; color: #FFFFFF; margin-bottom: 0px;}
.connector-line {display: none;}
.what-come-item {align-items: flex-start; width: 100%;}
.what-come-list {gap: 10px; flex-direction: column; width: 100%;}
.what-come-text h6 {text-align: center; line-height: 22px;}
.unattended-section .unattended-carousel{display: none !important;}
.unattended-section{padding: 32px 0px 0px 0px;}
.unattended-title h1 {font-size: 28px; line-height: 36px; letter-spacing: -1px; text-align: center; margin-bottom: 16px !important; padding: 0px 60px;}
.unattended-title p {font-size: 14px; line-height: 20px; letter-spacing: 0%; margin-bottom: 0px; max-width: 100%; text-align: center;}
.unattended-section .custom-card-img {height: 459px; width: 100%; object-fit: cover;}
.unattended-section .card{margin-bottom: 0px;}
.unattended-section .card-body{padding-bottom: 0px;}
#posCarousel .carousel-inner {display: flex; flex-direction: column; gap: 1.5rem;}
  #posCarousel .carousel-item {display: block !important; margin-right: 0;}
  #posCarousel .carousel-item.active,
  #posCarousel .carousel-item-next,
  #posCarousel .carousel-item-prev {transform: none !important;}
.unattended-section .card-title {font-size: 18px;line-height: 26px; letter-spacing: 0px;}
.unattended-section .card-text {font-size: 14px !important; line-height: 20px; letter-spacing: 0px; margin-bottom: 0px;}
.qatar-business-section {padding: 8px 0px 0px 0px;}
.qatar-bus-box {height: 100%; border-radius: 12px; padding: 32px 16px 0px 16px; flex-direction: column;}
.qatar-bus-title h1 {font-size: 32px; line-height: 36px; letter-spacing: -1.5px; margin-bottom: 0px; max-width: 100%; text-align: center; margin-bottom: 20px !important;}
.qatar-bus-contente p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 20px; text-align: center;}
.qatar-bus-contente {max-width: 100%;}
.business-qat-device {position: relative;}
.qatar-bus-action .btn-primary {width: 100%; padding: 15px 18px;}
.qatar-bus-action .btn-secondary {width: 100%; padding: 15px 18px;}
.qatar-bus-action {gap: 10px;}
.seaminte-section {padding: 32px 0px;}
.seaninte-title h3 {font-size: 28px; line-height: 36px; letter-spacing: -1px; margin-bottom: 16px;}
.seaninte-title p {font-size: 14px; line-height: 20px; letter-spacing: 0px; max-width: 100%;}
.seaminte-wrapper {margin-top: 32px; gap: 32px; flex-direction: column;}
.seaminte-box {align-items: center; padding: 16px; border-radius: 16px; width: 100%;}
.seamint-content h6 {font-size: 16px; line-height: 22px; letter-spacing: -0.0849982px; margin-top: 16px; text-align: center;}
.why-choose-edge-section .container {padding: 0px 16px !important;}
.diverse-envi-section .container {padding: 0px 16px !important;}
.business-happen-section .container {padding: 0px 16px !important;}
.technical-spec-section .container {padding: 0px 16px !important;}
.unattended-section .container {padding: 0px 16px !important;}
.qatar-business-section .container {padding: 0px 16px !important;}
.seaminte-section .container {padding: 0px 16px !important;}
.business-h-figure {width: 100%; height: 315px;}
.business-h-figure img {object-fit: cover;}
/* POS EDGE CSS END */

/*FOOTER CSS START*/
.footer-menu-wrap {gap: 0;flex-wrap: wrap;}
.footer-menu-list {flex: initial; flex: 0 0 calc(50% - 0px);}
.footer-card-main {align-items: center; margin-bottom: 16px; flex-direction: column; row-gap: 16px;} /* flex-start JVB*/
.f-card-second{border-top: 1px solid #9CA3AF;padding-top: 25px;} /* JVB */
.footer-copy-main {align-items: flex-start; justify-content: space-between; flex-direction: column;}
.footer-copy-main .f-copy-text {order: 2;}
.f-copy-app ul {padding: 0px 0px 16px 0px;}
.footer-copy-main .f-copy-text p {margin-bottom: 16px;}

/*FOOTER CSS END*/
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
/*HOME PAGE CSS START*/
body {padding-top: 102px !important;}
.container{padding: 0px 20px !important;}
.home-hero-section {padding: 24px 0px; margin-bottom: 16px;}
.home-hero-section .slider-item {flex-direction: column;gap: 45px;}
.home-hero-section .owl-dot span {width: 15px;height: 5px;}
.home-hero-section .owl-dots {left: 50%;margin-top: 16px;transform: translateX(-50%); right: initial; top: calc(300px + 0px);}
.home-hero-section .slider-image{height: 300px; width: 100%; flex: initial;}
.home-hero-section .slider-image img{height: 100%; width: 100%; object-fit: cover;}
.home-hero-section .slider-text {order: 2; max-width: 100%; width: 100%;}
.home-hero-section .slider-text p {font-size: 16px;line-height: 21px;margin-bottom: 16px;}
.home-hero-section .slider-text h2 {font-size: 32px;line-height: 44px;margin-bottom: 16px;}
.home-hero-section .slider-item .btn-primary {padding: 10px 16px;border-radius: 10px;font-size: 14px;}
.home-hero-section .slider-item .btn-primary:focus, .home-hero-section .slider-item .btn-primary:hover, .home-hero-section .slider-item .btn-primary:focus:active {padding: 10px 16px;border-radius: 10px;font-size: 14px;}
.home-hero-section .slider-item .btn-primary span svg{height: 20px;}
.financial-sol-wrap {padding: 24px 0px; margin-bottom: 16px;}
.finance-sol-title h4{font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.finance-sol-title p {font-size: 16px; line-height: 21px;}
.payment-g-content {padding: 0;flex: initial;order: 2;}
.payment-g-inner {gap: 16px;flex-direction: column;}
.payment-g-c-inner h4 {font-size: 24px;line-height: 33px; margin-bottom: 16px;}
.payment-g-c-inner p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.payment-g-c-inner .btn-secondary {padding: 8px 16px;font-size: 14px;line-height: 21px;}
.payment-g-c-inner .btn-secondary:hover, .payment-g-c-inner .btn-secondary:focus, .payment-g-c-inner .btn-secondary:focus:active {padding: 8px 16px;font-size: 14px;line-height: 21px;}
.payment-g-c-inner .btn-secondary span {display: inline-flex;}
.payment-g-c-inner .btn-secondary span svg{height: 17px;}
.payment-g-box {padding-top: 48px;}
.s-pos-device-wrap {padding: 24px 0px; margin-bottom: 16px;}
.s-pos-device-title h4 {font-size: 24px;line-height: 33px;margin-bottom: 16px;}
.s-pos-device-title p {font-size: 16px;line-height: 21px;margin-bottom: 0px;}
.s-pos-d-box {padding-top: 0px;display: flex;gap: 0px;flex-direction: column;}
.sadad-p-left .sadad-plus-card {padding: 24px 0px;}
.sadad-plus-img{height: 284px;border-radius: 8px;overflow: hidden;}
.sadad-plus-img img {width: 100%;height: 100%; object-fit: cover;}
.sadad-p-right .sadad-plus-card {padding: 24px 0px 0px 0px;}
.sadad-plus-content h4 {font-size: 18px;line-height: 23px;}
.sadad-plus-content p {font-size: 16px;line-height: 21px;margin-bottom: 16px;}
.sadad-plus-content .btn-secondary span svg{height: 17px;}
.smart-business-wrap {padding: 24px 0px; margin-bottom: 16px;}
.smart-busi-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.smart-busi-title p {font-size: 16px;line-height: 21px;padding-bottom: 24px;}
.smart-busi-box-main {padding: 24px 0px 0px 0px; margin-bottom: 0px;}
.mobile-hide{display: none;}
.smart-busi-image {min-width: auto;}
.smart-busi-image img{max-height: 100%; max-width: 100%; height: auto; width: auto;}
.smart-busi-card{flex-direction: column; gap: 0px;}
.smart-busi-details {padding: 16px; order: 2;}
.smart-busi-card {margin-bottom: 16px;}
.smart-busi-content h5 {font-size: 18px;line-height: 23px;margin-bottom: 16px;}
.smart-busi-content p {font-size: 16px; line-height: 21px;margin-bottom: 16px;}
.smart-busi-action .btn-secondary {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.smart-busi-action .btn-secondary:hover, .smart-busi-action .btn-secondary:focus, .smart-busi-action .btn-secondary:focus:active {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.smart-busi-action .btn-secondary span svg{height: 17px;}
.scale-business-wrap {padding: 24px 0px; margin-bottom: 16px;}
.scale-business-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.scale-business-title p {font-size: 16px; line-height: 21px;}
.scale-bus-inner {padding: 24px 0px 0px 0px; margin-bottom: 16px;}
.scale-bus-inner .scale-busi-list {gap: 24px; flex-direction: column;}
.scale-busi-list .card{margin-bottom: 0px;flex-direction: column;align-items: center;}
.scale-busi-content h6 {font-size: 18px;line-height: 23px; margin-bottom: 8px; text-align: center;}
.scale-busi-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px; text-align: center;}
.scale-busi-list .smart-tool-action{display: flex; justify-content: center;}
.smart-tool-action .btn-primary {padding: 8px 16px;}
.smart-tool-action .btn-primary:hover, .smart-tool-action .btn-primary:focus, .smart-tool-action .btn-primary:focus:active {padding: 8px 16px;}
.smart-tool-action .btn-primary span svg{height: 17px;}
.scale-integ-box {gap: 24px;flex-direction: column;}
.scale-integ-content {margin-top: 24px; max-width: 100%;}
.scale-integ-content h5 {font-size: 18px; line-height: 23px; margin-bottom: 16px; text-align: center;}
.scale-integ-content p {font-size: 16px; line-height: 21px; margin-bottom: 16px; text-align: center;}
.read-more-action {display: flex; justify-content: center;}
.read-more-action .btn-primary {padding: 8px 16px; margin-top: 0px;}
.read-more-action .btn-primary:hover, .read-more-action .btn-primary:focus, .read-more-action .btn-primary:focus:active {padding: 8px 16px; margin-top: 0px;}
.read-more-action .btn-primary span svg{height: 17px;}
.why-chooseus-wrap {padding: 24px 0px;}
.why-chooseus-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 24px;}
.why-chooseus-wrap .chooseus-box{padding-top: 24px;}
.why-chooseus-wrap .choose-us-inner {flex-direction: column; row-gap: 8px;}
.why-chooseus-wrap .chooseus-icon {width: 48px; height: 48px; border-radius: 3.9px;}
.why-chooseus-wrap .chooseus-icon svg{height: 24px; width: 24px;}
.why-chooseus-wrap .chooseus-card {padding: 16px; gap: 24px; margin-bottom: 0px; flex-direction: column; align-items: center;}
.why-chooseus-wrap .chooseus-content h5 {font-size: 18px; line-height: 23px; margin-bottom: 16px; text-align: center;}
.chooseus-content p {font-size: 16px; line-height: 21px; text-align: center;}
.waiting-for-wrap {padding: 56px 0px 200px 0px;}
.waiting-for-content h4 {font-size: 24px; line-height: 33px; margin-bottom: 24px;}
.waiting-for-content p {font-size: 16px; line-height: 23px; margin-bottom: 24px;}
.waiting-for-content .btn-secondary {padding: 10px 20px; border-radius: 10px; font-size: 14px; margin-top: 24px;}
.waiting-for-content .btn-secondary:hover, .waiting-for-content .btn-secondary:focus, .waiting-for-content .btn-secondary:focus:active {padding: 10px 20px; border-radius: 10px; font-size: 14px; margin-top: 24px;}
.waiting-for-content .btn-secondary span svg{height: 17px;}
.waiting-for-content {max-width: 100%; z-index: 1; display: block; position: relative;}
.waiting-for-img {position: absolute; right: 0; bottom: -10px; top: initial; width: 100%;}
.wai-f-desktop{display: none;}
.wai-f-mobile {display: block;}
.waiting-for-img img{width: 100%;}
/*HOME PAGE CSS END*/

/*CONTACT US CSS START*/
.contact-us-banner {padding: 24px 0px; margin-bottom: 24px;}
.contact-us-main {align-items: flex-start;gap: 24px; flex-direction: column;}
.contact-us-content {max-width: 100%; width: 100%; flex: initial; order: 2;}
.contact-us-hero-image {border-radius: 15px; height: 300px; width: 100%; flex: initial;}
.contact-us-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.contact-us-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.contact-us-box p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.get-itouch-wrapper {padding: 24px 0px;}
.get-itouch-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.get-itouch-title p {font-size: 16px; line-height: 21px; margin-top: 0px; margin-bottom: 0px;}
.get-itouch-form {padding: 24px 0px;}
.inquiry-input .inquiry-input-box {flex: initial; margin-right: 0; width: 100%;}
.get-i-contect-list {padding: 0px; min-width: 100%; width: 100%; flex: initial; margin-right: 0px; flex-direction: column;}
.get-i-c-icon {width: 48px; height: 48px; border-radius: 3.09px;}
.get-i-c-icon span svg{height: 24px; width: 24px;}
.get-i-c-content h4 {font-size: 18px; line-height: 23px; margin-bottom: 0px; text-align: center;}
/*CONTACT US CSS END*/

/*SADAD PLUS CSS START*/
.sadadplus-hero-section {padding: 24px 0px; margin-bottom: 16px;}
.sadadplus-hero-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.sadadplus-hero-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.sadadplus-hero-image {border-radius: 15px; height: 300px; width: 100%; flex: initial;}
.sadadplus-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.sadadplus-content-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 16px !important;}
.sadadplus-content-box p {font-size: 16px; line-height: 21px; margin-bottom: 20px;}
.sadadplus-content-box .btn-primary {padding: 10px 16px; border-radius: 10px; font-size: 14px; line-height: 20px; margin-bottom: 24px;}
.sadadplus-content-box .btn-primary:focus, .sadadplus-content-box .btn-primary:hover, .sadadplus-content-box .btn-primary:focus:active {padding: 10px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;  margin-bottom: 24px;}
.sadadplus-content-box .btn-primary span svg{height: 20px; width: 20px;}
.sd-product-fet-wrap {padding: 24px 0px; margin-bottom: 16px;}
.sadadp-sec-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 0px;}
.spf-main-box {padding-top: 24px;}
.sprod-fet-image {flex: initial; height: 300px;}
.sprod-fet-image img {width: 100%; height: 100%; object-fit: cover;}
.sprod-fet-card {display: flex; align-items: center; gap: 16px; margin-bottom: 24px; flex-direction: column;}
.sprod-fet-content {max-width: 100%; width: 100%; order: 2;}
.sprod-fet-content h2 {font-size: 64px; line-height: 87px; margin-bottom: 16px;}
.sprod-fet-content h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.sprod-fet-content p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.sdadad-p-speci-wrap {padding: 24px 0px;}
.sadad-plus-speci-box {padding-top: 24px;}
.sps-listing-main {column-gap: 0px;row-gap: 24px;flex-wrap: wrap;flex-direction: column;}
.sps-blog-img {border-radius: 8px; overflow: hidden; height: 300px; width: 100%;}
.sps-blog-img img {width: 100%; height: 100%; object-fit: cover;}
.sps-blog-content h6 {font-size: 18px; line-height: 23px; margin-bottom: 16px;}
.sps-blog-content p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.sps-blog-content {margin-top: 16px;}
.product-speci-detail {flex-direction: column; gap: 16px;}
.product-speci-list {flex-direction: row; gap: 17px; z-index: 0; flex-wrap: wrap; order: 2;}
.product-speci-list.ps-list-left .ps-list-box.text-end{text-align: left !important;}
.product-speci-list .ps-list-box .ps-list-icon.ms-auto {margin-right: auto!important; margin-left: initial !important;}
.product-speci-list.ps-list-left .ps-list-box{flex: 0 0 calc(50% - 8.5px);}
.product-speci-img {position: relative;}
.product-speci-img img {width: 100%; margin-bottom: 60px;}
.product-speci-list .ps-list-box .ps-list-content h6 {font-size: 16px; line-height: 21px;}
.product-speci-wrap {background-position: left; margin-bottom: 16px;}
.prduct-speci-box {padding: 24px 0px 71px 0px;}
.busi-grow-main {padding: 24px 0px; margin-bottom: 16px;}
.busi-grow-main .chooseus-box {padding-top: 24px;}
.busi-grow-main .choose-us-inner {column-gap: 24px;flex-direction: column;}
.busi-grow-main .chooseus-card {padding: 0; gap: 24px; flex: initial; margin-bottom: 24px; flex-direction: column;}
.busi-grow-main .chooseus-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0; }
.busi-grow-main .chooseus-icon span svg{height: 24px; width: 24px;}
.busi-grow-main .chooseus-content h5 {font-size: 18px; line-height: 24px; font-weight: bold; margin-bottom: 8px;}
.busi-grow-main .chooseus-content p {font-size: 16px; line-height: 21px; letter-spacing: -0.005em; color: #141414; margin-bottom: 0px; text-align: left;}
.pricing-faq-inner {padding: 24px 0px;}
.pricing-faq-inner .oppos-title {font-size: 24px; line-height: 33px; margin-bottom: 0px !important;}
.pricing-faq-accordian .accordion-button {padding: 16px 0px; font-size: 18px;}
.sadadp-sub-box {gap: 24px; flex-wrap: wrap;flex-direction: column;}
.sadadp-subs-wrap {padding: 24px 0px;}
.sadadp-sub-content{width: 100%; position: relative; height: auto; transform: none; top: initial; left: initial;}
.sadaddp-sub-desktop{display: none;}
.sadaddp-sub-mobile{display: block;}
.sadadp-sub-card {flex: initial;display: flex;flex-direction: column;align-items: flex-start; padding: 24px 20px 0px; gap: 32px; isolation: isolate; background: #F8FBFF; box-shadow: 0px 4.40146px 12.4708px rgba(4, 16, 34, 0.06), 0px 30.8102px 91.6971px rgba(7, 33, 102, 0.12); border-radius: 16px;}
.sadadp-sub-card img {border-radius: 0; width: 100%;}
.sadadp-sub-content h5 {font-size: 18px; line-height: 24px; margin-bottom: 8px;}
.sadadp-sub-content p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.sadadp-merchant-c p{margin-bottom: 16px;}
.sadadp-sub-action .btn-secondary,.sadadp-sub-action .btn-primary {padding: 8px 10px;font-size: 12px;}
.sadadp-sub-action .btn-secondary span svg, .sadadp-sub-action .btn-primary span svg{height: 17px;}
.sadadp-sub-action .btn-secondary:focus, .sadadp-sub-action .btn-secondary:hover, .sadadp-sub-action .btn-secondary:focus:active {padding: 8px 10px;font-size: 12px;}
.sadadp-sub-action .btn-primary:focus, .sadadp-sub-action .btn-primary:hover, .sadadp-sub-action .btn-primary:focus:active {padding: 8px 10px;font-size: 12px;}
/*SADAD PLUS CSS END*/

/*ACQUIRING SOLUTIONS CSS START*/
.acq-scroll-main {overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch;}
.acq-scroll-main::-webkit-scrollbar-track{display: none;}
.acq-sol-wrapper .acq-header-tab .acq-tab-list {display: inline-flex;}
.aqusol-hero-section {padding: 16px 0px 24px 0px; margin-bottom: 16px;}
.acq-sol-wrapper .acq-header-tab {padding: 15px 0px;}
.aqusol-hero-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.aqusol-hero-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.aqusol-hero-image {flex: initial; height: 300px; width: 100%;}
.aqusol-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.aqusol-content-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 16px !important;}
.aqusol-content-box p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.aqu-suits-wrap {padding: 24px 0px; margin-bottom: 16px;}
.aqu-suits-card {padding: 0; gap: 16px; flex-direction: column; flex: initial;}
.aqu-suits-icon {width: 48px; height: 48px; border-radius: 3.09px;}
.aqu-suits-icon span svg{height: 24px; width: 24px;}
.aqu-suits-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 16px;}
.aqu-suits-content p {font-size: 16px; line-height: 24px; margin-bottom: 16px;}
.aqu-tech-points ul {gap: 16px;}
.aqu-suits-listing {gap: 48px;padding-top: 40px;}
.omnichannel-main {padding: 24px 0px; margin-bottom: 16px;}
.aqu-sec-title h4 {font-size: 24px; line-height: 33px; text-align: center; margin-bottom: 16px;}
.aqu-sec-title p {font-size: 16px; line-height: 21px; margin-top: 16px;}
.omnichannel-wrap {padding-top: 24px;}
.omnic-inner {gap: 0; flex-direction: column;}
.omni-c-image {height: 300px; width: 100%;}
.omni-c-image img {width: 100%; height: 100%; object-fit: cover;}
.omnic-card {padding: 0px 0px 24px 0px; flex: initial; margin-bottom: 24px;}
.omni-c-content {margin-top: 16px;}
.omni-c-content h6 {font-size: 18px; line-height: 33px; margin-bottom: 16px;}
.omni-c-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.omnic-card:last-child{margin-bottom: 16px;}
.omni-security-box {padding-top: 24px; gap: 24px; flex-direction: column;}
.omin-secrity-card {flex: initial; padding: 16px;}
.omni-security-icon {width: 48px; height: 48px;}
.omni-security-icon span svg{height: 24px; width: 24px;}
.omin-secrity-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 16px; margin-top: 24px;}
.omin-secrity-content ul li span img{height: 32px; width: 32px;}
.omin-secrity-content ul li p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.seamless-sol-wrap {padding: 24px 0px; margin-bottom: 16px;}
.seamless-slide-box .owl-carousel .item .carousel-image {height: 200px; width: 100%;}
.owl-carousel .owl-item img { width: 100%; height: 100%; object-fit: cover;}
.seamless-slide-box .owl-carousel .item p {font-size: 16px; line-height: 24px;}
.seamless-slide-box .owl-carousel .custom-next, .seamless-slide-box .owl-carousel .custom-prev {padding: 9px 15px;}
.seamless-slide-box .owl-dots{display: none;}
.seamless-slide-box .owl-carousel .owl-nav, .seamless-slide-box .owl-carousel .owl-nav.disabled {margin: 16px 0px;}
.back-office-wrap {padding: 24px 0px; margin-bottom: 16px;}
.back-office-details {gap: 0px; padding-top: 0px; flex-direction: column;}
.back-office-content {max-width: 100%; width: 100%; order: 2; margin-top: 24px;}
.back-office-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.back-office-icon span svg{height: 24px; width: 24px;}
.back-office-points {display: flex; gap: 24px; padding: 0; margin-bottom: 24px; flex-direction: column;}
.back-office-text h6 {font-size: 18px; line-height: 24px; margin-bottom: 16px;}
.back-office-text p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.back-office-points:last-child {margin-bottom: 24px;}
.back-office-image { border-radius: 8px; overflow: hidden; padding: 0; flex: initial; height: 300px;}
.back-office-image img {width: 100%; height: 100%; object-fit: cover;}
.sadad-adopt-wrap {padding: 24px 0px;}
.sadad-adopt-wrap .chooseus-box { padding-top: 0px;}
.sadad-adopt-wrap .choose-us-inner {column-gap: 0;flex-direction: column;}
.sadad-adopt-wrap .chooseus-card {padding: 16px; gap: 24px; flex: initial; margin-bottom: 24px; flex-direction: column; align-items: center;}
.sadad-adopt-wrap .chooseus-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.sadad-adopt-wrap .chooseus-icon span svg{height: 24px; width: 24px;}
.sadad-adopt-wrap .chooseus-content p {font-size: 16px; line-height: 21px;}
.sadad-adopt-wrap .chooseus-card:last-child{margin-bottom: 0px;}
.sadad-adopt-wrap .chooseus-content h5 {font-size: 18px; line-height: 24px; margin-bottom: 18px; text-align: center;}
.fin-insti-wrap {background-position: center center;}
.fin-insti-wrap .waiting-for-img {position: relative; right: initial; bottom: -50px; left: 50%; transform: translateX(-58%); top: initial;}
.fin-insti-wrap .waiting-for-content h4 {font-size: 24px; line-height: 33px; margin-bottom: 24px;}
.fin-insti-wrap .waiting-for-content p {font-size: 16px; line-height: 24px; margin-bottom: 24px; display: inline-block;}
.fin-insti-wrap .waiting-for-content .btn-secondary {padding: 8px 16px; font-size: 14px; line-height: 20px; margin-top: 0px; border-radius: 10px;}
.fin-insti-wrap .waiting-for-content .btn-secondary:hover, .fin-insti-wrap .waiting-for-content .btn-secondary:focus, .fin-insti-wrap .waiting-for-content .btn-secondary:focus:active {padding: 8px 16px; font-size: 14px; line-height: 20px; margin-top: 0px; border-radius: 10px;}
/*ACQUIRING SOLUTIONS CSS END*/

/*PAYMENT GATEWAY CSS START*/
.pgateway-hero-section {padding: 24px 0px; margin-bottom: 24px;}
.pgateway-hero-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.pgateway-hero-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.pgateway-hero-image {flex: initial; height: 300px; width: 100%;}
.pgateway-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.pgateway-content-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.pgateway-content-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.pgateway-content-box .btn-primary {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.pgateway-content-box .btn-primary:focus, .pgateway-content-box .btn-primary:hover, .pgateway-content-box .btn-primary:focus:active{padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.pgateway-content-box .btn-primary span{display: inline-flex;}
.pgateway-content-box .btn-primary span svg{width: 17px; height: 17px;}
.liberary-inte-wrap {padding: 24px 0px; margin-bottom: 16px;}
.p-gateway-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.p-gateway-title p {font-size: 16px; line-height: 21px; margin-top: 0px;}
.lib-inte-box {padding-top: 24px; flex-direction: column; gap: 48px;}
.lib-inte-image {height: 300px; width: 100%;}
.lib-inte-image img {width: 100%; height: 100%; object-fit: cover;}
.lib-content-detail h6 {font-size: 18px; line-height: 32px; margin-bottom: 16px;}
.lib-content-detail p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.lib-content-detail {margin-top: 32px; margin-bottom: 0px;}
.view-doc-action .btn-secondary-square {padding: 8px 16px;}
.view-doc-action .btn-secondary-square:focus, .view-doc-action .btn-secondary-square:hover, .view-doc-action .btn-secondary-square:active, .view-doc-action .btn-secondary-square:focus:active{padding: 8px 16px;}
.view-doc-action .btn-secondary-square span svg{height: 17px; width: 17px;}
.enable-cust-wrap {padding: 24px 0px; margin-bottom: 16px;}
.enable-cust-details .s-pos-d-box {padding-top: 32px; gap: 24px;}
.enable-cust-details .sadad-p-left .sadad-plus-card {padding: 0px;}
.enable-cust-details .sadad-plus-img {height: 300px; width: 100%; margin-bottom: 16px;}
.enable-cust-details .sadad-plus-img img {height: 100%; object-fit: cover;}
.enable-cust-details .sadad-plus-content h4 {font-size: 18px; line-height: 32px; margin-bottom: 16px; margin-top: 24px;}
.enable-cust-details .sadad-plus-content p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.manage-trax-wrap {padding: 24px 0px; margin-bottom: 16px;}
.enable-cust-details .sadad-p-right .sadad-plus-card {padding: 0;}
.manage-trax-list {padding-top: 24px;}
.manage-trax-list .our-meth-card {padding: 0; flex: initial;}
.manage-trax-wrap .manage-trax-list{flex-direction: column;}
.manage-trax-list .our-meth-content h6 {font-size: 18px; line-height: 33px;}
.manage-trax-list .our-meth-card {padding: 0; flex: initial; margin-bottom: 32px;}
.manage-trax-list .our-meth-image {height: 300px; width: 100%;}
.manage-trax-list .our-meth-image img {width: 100%; height: 100%; object-fit: cover;}
.manage-trax-action {padding-top: 24px;}
.manage-trax-action .btn-secondary-square {padding: 8px 16px;}
.manage-trax-action .btn-secondary-square:focus, .manage-trax-action .btn-secondary-square:hover, .manage-trax-action .btn-secondary-square:active, .manage-trax-action .btn-secondary-square:focus:active{padding: 8px 16px;}
.manage-trax-action .btn-secondary-square span svg{height: 17px; width: 17px;}
.payment-pro-wrap {padding: 24px 0px; margin-bottom: 16px;}
.payment-pro-list .chooseus-box {padding-top: 24px;}
.payment-pro-list .choose-us-inner {flex-direction: column;}
.payment-pro-list .chooseus-card {align-items: center; padding: 0px; gap: 24px; flex: initial; margin-bottom: 48px; flex-direction: column;}
.payment-pro-list .chooseus-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.payment-pro-list .chooseus-icon span svg {height: 24px; width: 24px;}
.payment-pro-list .chooseus-content h5 {font-size: 18px; line-height: 33px; margin-bottom: 16px; text-align: center;}
.payment-pro-list .chooseus-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.api-steps-wrap {padding: 24px 0px; margin-bottom: 16px;}
.api-steps-main {padding-top: 24px; flex-direction: column;}
.api-steps-list .step-number {font-size: 64px; line-height: 87px; margin-bottom: 16px; text-align: center;}
.api-steps-list {flex: inherit; min-width: 100%;}
.api-steps-main .horizontal-line {width: 1px; height: 60px; margin: 32px 0px;}
.sadad-token-wrap {padding: 24px 0px;}
.sadad-token-box .user-fin-card {align-items: flex-start; margin-bottom: 24px; gap: 40px; flex-direction: column; padding: 0px;}
.sadad-token-box .user-fin-content {width: 100%; flex: initial; order: 2;}
.sadad-token-box .user-fin-content h4 {font-size: 18px; line-height: 32px; margin-bottom: 16px;}
.sadad-token-box .user-fin-content p{font-size: 16px; line-height: 21px;  margin-bottom: 16px;}
.sadad-token-box .user-fin-content ul li {font-size: 16px; line-height: 21px;}
.sadad-token-box .user-fin-image {flex: initial; height: 300px; width: 100%;}
.sadad-token-box .user-fin-image img {width: 100%; height: 100%; object-fit: cover;}
.elect-payment-wrap {padding: 24px 0px; margin-bottom: 24px;}
.elec-card-box {padding-top: 24px; align-items: center; justify-content: space-between; flex-direction: column; gap: 40px; flex-wrap: initial;}
.elec-card-list {padding: 0px; gap: 24px; flex: initial; flex-direction: column; align-items: center; width: 100%;}
.elec-card-icon {width: 48px; height: 48px; border-radius: 3.09px;}
.elec-card-icon span svg {height: 24px; width: 24px;}
.ec-vertical-line {width: 100%; height: 1px; margin: 0px;}
.elec-card-list h6 {font-size: 18px; line-height: 33px; margin-bottom: 8px; text-align: center;}
/*PAYMENT GATEWAY CSS END*/

/*INVOICE PAYMENT LINK CSS START*/
.paylink-hero-section {padding: 24px 0px; margin-bottom: 24px;}
.paylink-hero-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.paylink-hero-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.paylink-hero-image {flex: initial; height: 300px; width: 100%;}
.paylink-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.paylink-content-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.paylink-content-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.paylink-content-box .btn-primary, .paylink-content-box .btn-secondary-square {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.paylink-content-box .btn-primary:focus, .paylink-content-box .btn-primary:hover, .paylink-content-box .btn-primary:focus:active{padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.paylink-content-box .btn-secondary-square:focus, .paylink-content-box .btn-secondary-square:hover, .paylink-content-box .btn-secondary-square:active, .paylink-content-box .btn-secondary-square:focus:active{padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.paylink-content-box .btn-primary span svg, .paylink-content-box .btn-secondary-square span svg{height: 17px; width: 17px;}
.sd-payment-feat-wrap {padding: 24px 0px; margin-bottom: 24px;}
.sd-payment-feat-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.sd-paylink-box {padding-top: 24px;}
.sd-paylink-card {padding: 0px; box-shadow: none; border-radius: 0px; display: flex; column-gap: 24px; margin-bottom: 48px; flex-direction: column;}
.sd-paylink-image {height: 300px; width: 100%; margin-bottom: 16px;}
.sd-paylink-image img {width: 100%; height: 100%; object-fit: cover;}
.sd-paylink-content {flex: initial; order: 2;}
.sd-paylink-content h6 {font-size: 24px; line-height: 33px; margin-bottom: 16px; margin-top: 24px;}
.sd-paylink-content p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.sd-paylink-content ul li {font-size: 16px; line-height: 21px; margin-bottom: 16px;}    
.sd-paylink-content ul li span svg{height: 24px; width: 24px;}
.lifelong-sec-wrap {padding: 24px 0px; margin-bottom: 24px;}
.lifelong-sec-box {padding: 32px 20px; border-radius: 0px;}
.sd-payment-feat-title p {font-size: 16px; line-height: 21px; margin-top: 0px; margin-bottom: 0px;}
.power-p-sol-box {padding-top: 24px; gap: 16px; flex-direction: column;}
.power-p-content h6 {font-size: 18px; line-height: 32px;}
.power-p-content p {font-size: 16px; line-height: 21px; margin-bottom: 16px !important;}
.power-p-list-inner {padding-bottom: 0px; margin-bottom: 16px;}
.lifelong-sec-box::after{display: none;}
.h-invoice-work-wrap {padding: 24px 0px; margin-bottom: 24px;}
.how-inv-work-box .howit-work-box {padding: 24px 0px; flex-direction: column;}
.how-inv-work-box .howit-work-content h1 {font-size: 64px; line-height: 88px; margin-bottom: 16px !important;}
.how-inv-work-box .howit-work-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.how-inv-work-action {flex-direction: column; row-gap: 24px;}
.how-inv-work-action .btn-primary, .how-inv-work-action .btn-secondary-square {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.how-inv-work-action .btn-primary:focus, .how-inv-work-action .btn-primary:hover, .how-inv-work-action .btn-primary:focus:active{padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.how-inv-work-action .btn-primary span svg, .how-inv-work-action .btn-secondary-square span svg{height: 17px; width: 17px;}
.how-inv-work-action .btn-secondary-square:focus, .how-inv-work-action .btn-secondary-square:hover, .how-inv-work-action .btn-secondary-square:active, .how-inv-work-action .btn-secondary-square:focus:active{padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.inv-service-wrap {padding: 24px 0px; margin-bottom: 24px;}
.inv-service-blog .qatar-key-box {padding-top: 24px; flex-direction: column; row-gap: 16px;}
.inv-service-blog .qatar-key-card {padding: 0px; flex: initial;}
.qatar-key-card .qatar-key-image {height: 300px; width: 100%; border-radius: 8px; overflow: hidden;}
.qatar-key-card .qatar-key-image img{height: 100%; width: 100%; object-fit: cover;}
.inv-service-blog .qatar-key-content h4 {font-size: 18px; line-height: 23px; margin-bottom: 16px;}
.inv-service-blog .qatar-key-content p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.sadad-inv-price-wrap {padding: 24px 0px; margin-bottom: 24px;}
.sadad-inv-price-box {column-gap: 32px; padding-top: 24px; flex-direction: column; gap: 16px;}
.sadad-inv-p-content .free-text { font-size: 18px; line-height: 23px; margin-bottom: 16px;}
.sadad-reg-content p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.sadad-service-list h6 {font-size: 18px; line-height: 23px; margin-bottom: 8px;}
.sadad-service-list ul li {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.sadad-inv-p-action .btn-primary-square {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.sadad-inv-p-action .btn-primary-square:focus, .sadad-inv-p-action .btn-primary-square:hover, .sadad-inv-p-action .btn-primary-square:active, .sadad-inv-p-action .btn-primary-square:focus:active {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.sadad-inv-p-action .btn-primary-square span svg{height: 17px; width: 17px;}
.available-meth-wrap {padding: 24px 0px; margin-bottom: 24px;}
.available-meth-box .elec-card-box {padding-top: 24px; align-items: center; justify-content: space-between; flex-direction: column; gap: 40px; flex-wrap: initial;}
.available-meth-box .elec-card-list {padding: 0px; gap: 24px; flex: initial; flex-direction: column; align-items: center; width: 100%;}
.available-meth-box .elec-card-icon {width: 48px; height: 48px; border-radius: 3.09px;}
.available-meth-box .elec-card-icon span svg {height: 24px; width: 24px;}
.available-meth-box .ec-vertical-line {width: 100%; height: 1px; margin: 0px;}
.available-meth-box .elec-card-list h6 {font-size: 18px; line-height: 33px; margin-bottom: 8px; text-align: center;}
/*INVOICE PAYMENT LINK CSS END*/

/*SMART STORE CSS START*/
.smart-store-banner{padding: 24px 0px; margin-bottom: 24px;}
.ss-hero-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.ss-hero-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.ss-hero-image {flex: initial; height: 300px; width: 100%; border-radius: 16px; overflow: hidden;}
.ss-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.ss-content-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.ss-content-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.common-icon-action .btn-primary {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.common-icon-action .btn-primary:hover, .common-icon-action .btn-primary:focus, .common-icon-action .btn-primary:focus:active{padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.common-icon-action .btn-primary span svg{height: 17px; width: 17px;}
.service-link-wrapper {padding: 24px 0px; margin-bottom: 24px;}
.ss-link-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 24px;}
.ss-link-wrap {gap: 48px; padding-top: 24px; flex-direction: column;}
.ss-link-image {padding: 0px; width: 100%; height: 300px; border-radius: 8px; overflow: hidden;}
.ss-link-image img{width: 100%; height: 100%; object-fit: cover;}
.ss-link-content {padding: 0px;}
.ss-link-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 16px;}
.ss-link-content p {font-size: 16px; line-height: 21px;}
.web-store-wrapper {padding: 24px 0px;}
.web-store-listing {padding-top: 24px;}
.web-store-wrap {flex-direction: column; gap: 0px;}
.web-store-box { gap: 32px; padding: 16px; gap: 24px; flex: initial; margin-bottom: 24px; flex-direction: column; align-items: center;}
.web-store-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.web-store-icon svg {height: 24px; width: 24px;}
.web-store-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 18px; text-align: center;}
.web-store-content p {font-size: 16px; line-height: 21px; text-align: center;}
.web-store-wrapper .web-store-wrap:last-child .web-store-box {margin-bottom: 24px;}
.business-type-wrapper {padding: 24px 0px;}
.business-type-box {padding: 24px 20px 0px 20px; border-radius: 24px; gap: 16px; flex-direction: column;}
.business-type-img {position: relative; bottom: -5px; right: initial;}
.business-type-detail h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.business-type-detail p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.business-type-detail {padding-bottom: 16px;}
.business-type-pricing {padding-top: 16px;}
.business-type-pricing h4 {font-size: 33px;  margin-bottom: 4px;}
.business-type-action .btn-secondary-square {padding: 8px 16px; margin-top: 24px;}
.business-type-action .btn-secondary-square:focus, .business-type-action .btn-secondary-square:hover, .business-type-action .btn-secondary-square:active, .business-type-action .btn-secondary-square:focus:active{padding: 8px 16px; margin-top: 24px;}
.business-type-action .btn-secondary-square span svg {height: 17px; width: 17px;}
/*SMART STORE CSS END*/

/*SOFT POS CSS START*/
.softpos-hero-section{padding: 24px 0px; margin-bottom: 24px;}
.softpos-hero-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.softpos-hero-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.softpos-hero-image {flex: initial; height: 300px; width: 100%; border-radius: 16px; overflow: hidden;}
.softpos-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.softpos-content-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.softpos-content-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.softpos-content-box .btn-primary {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.softpos-content-box .btn-primary:hover, .softpos-content-box .btn-primary:focus, .softpos-content-box .btn-primary:focus:active{padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.softpos-content-box .btn-primary span svg{height: 17px; width: 17px;}
.accept-payment-main {padding: 24px 0px 24px 0px;}
.accept-p-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.accept-p-title p {font-size: 16px; line-height: 21px;}
.sadad-soft-wrapper {padding: 24px 0px;flex-direction: column; gap: 16px;}
.sadad-soft-image {flex: initial; width: 100%; height: 300px; overflow: hidden; border-radius: 8px;}
.sadad-soft-image img{width: 100%; height: 100%; object-fit: cover;}
.sadad-soft-content {flex: initial; padding: 0px;}
.sadad-soft-content h6 {font-size: 18px; line-height: 32px; margin-bottom: 16px; margin-top: 24px;}
.sadad-soft-para p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.upg-collection-main {padding: 24px 0px;}
.upg-collection-main .chooseus-box {padding-top: 24px;}
.upg-collection-main {padding: 24px 0px; margin-bottom: 16px;}
.upg-collection-main .chooseus-box {padding-top: 24px;}
.upg-collection-main .choose-us-inner {column-gap: 24px;flex-direction: column;}
.upg-collection-main .chooseus-card {padding: 0; gap: 24px; flex: initial; margin-bottom: 24px; flex-direction: column;}
.upg-collection-main .chooseus-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0; }
.upg-collection-main .chooseus-icon span svg{height: 24px; width: 24px;}
.upg-collection-main .chooseus-content h5 {font-size: 18px; line-height: 24px; font-weight: bold; margin-bottom: 8px;}
.upg-collection-main .chooseus-content p {font-size: 16px; line-height: 21px; letter-spacing: -0.005em; color: #141414; margin-bottom: 0px; text-align: left;}
.howit-work-wrap {padding: 24px 0px;}
.howit-work-wrap .howit-work-box {padding: 24px 0px; flex-direction: column;}
.howit-work-wrap .howit-work-content h1 {font-size: 64px; line-height: 88px; margin-bottom: 16px !important;}
.howit-work-wrap .howit-work-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.payment-logo-wrap {padding: 24px 0px;}
.payment-logo-wrap .container{padding: 0px !important;}
.payment-logo-box {column-gap: 0; padding: 24px 20px; height: auto; flex-direction: column; border-radius: 0px; row-gap: 24px;}
.paymrnt-logo-title h5 {font-size: 24px; line-height: 33px; color: #141414; text-align: center;}
.paymrnt-logo-title {max-width: 100%; width: 100%;}
.payment-logo-box::before{display: none;}
.merchant-p-sol-wrap {padding: 24px 0px;}
.merchant-p-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.merchant-p-title p {font-size: 16px; line-height: 21px;}
.accept-payment-wrap {padding: 24px 0px;}
.benifit-box-main {padding-top: 24px; flex-direction: column; gap: 24px;}
.benifit-box {padding: 0px; gap: 24px; flex: initial; flex-direction: column;}
.benifit-box .benifit-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0; }
.benifit-box .benifit-icon span svg{height: 24px; width: 24px;}
.benifit-content h5 {font-size: 18px; line-height: 33px; margin-bottom: 16px;}
.benifit-list-content h6 {font-size: 16px; line-height: 21px; margin-bottom: 8px;}
.benifit-list-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.softp-service-wrap {padding: 24px 0px;}
.softp-service-box {padding-top: 24px; gap: 116px; flex-direction: column;}
.softp-service-list .softp-service-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0; }
.softp-service-list .softp-service-icon span svg{height: 24px; width: 24px;}
.softp-service-content h6 {font-size: 18px; line-height: 33px; text-align: center; margin-bottom: 16px;}
.softp-service-content p {font-size: 16px; line-height: 21px; text-align: center;}
.softp-service-list::after {background: url('../images/sadad-pos-edge/odd-arrow-mobile.svg') no-repeat; width: 23.87px; height: 113.85px; position: absolute; left: 50%; top: 205px;}
.softp-service-box .softp-service-list:nth-child(even)::after {background: url('../images/sadad-pos-edge/even-arrow-mobile.svg') no-repeat; left: 48%; top: 100%;}
.softp-service-list::after {top: 100%;}
/*SOFT POS CSS END*/

/*LEADERSHIP CSS START*/
.leadership-banner{padding: 24px 0px; margin-bottom: 0px;}
.leadership-n-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.leadership-n-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.leadership-n-hero-image {flex: initial; height: 300px; width: 100%; border-radius: 16px; overflow: hidden;}
.leadership-n-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.leadership-n-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.leadership-n-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.board-of-director {padding: 24px 0px;}
.board-of-d-box {gap: 24px; padding-top: 24px; flex-direction: column;}
.board-of-d-name h6 {font-size: 14px; line-height: 24px;}
.board-of-d-card {padding: 12px; border-radius: 8px;}
/*LEADERSHIP CSS END*/

/*LATEST NEW CSS START*/
.latest-news-banner{padding: 24px 0px; margin-bottom: 0px;}
.latest-n-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.latest-n-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.latest-n-hero-image {flex: initial; height: 300px; width: 100%; border-radius: 16px; overflow: hidden;}
.latest-n-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.latest-n-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.latest-n-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.the-news-wrapper {padding: 24px 0px;}
.the-news-title h4 {font-size: 24px; line-height: 33px;}
.the-news-card-main {padding: 24px 0px;}
.the-news-listing {flex-direction: column;}
.the-news-box {flex: initial; margin-right: 0px; padding: 0px;}
.the-news-listing .the-news-img{width: 100%; height: 300px; border-radius: 8px; overflow: hidden; margin-bottom: 16px;}
.the-news-listing .the-news-img img{width: 100%; height: 100%; object-fit: cover;}
.the-news-content span {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.the-news-content h6 {font-size: 18px; line-height: 32px; margin-bottom: 16px;}
.the-news-content ul li {font-size: 16px; line-height: 21px;}
.the-news-action .btn-secondary-square {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 21px;}
.the-news-action .btn-secondary-square:focus, .the-news-action .btn-secondary-square:hover, .the-news-action .btn-secondary-square:active, .the-news-action .btn-secondary-square:focus:active {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 21px;}
.the-news-action .btn-secondary-square span svg{height: 17px; width: 17px;}
/*LATEST NEW CSS END*/

/*SECURITY COMPLIANCE CSS START*/
.sec-comp-banner{padding: 24px 0px; margin-bottom: 0px;}
.sec-comp-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.sec-comp-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.sec-comp-hero-image {flex: initial; height: 300px; width: 100%; border-radius: 16px; overflow: hidden;}
.sec-comp-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.sec-comp-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.sec-comp-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.sadad-certi-main {padding: 24px 0px;}
.sadad-certi-title h4 {font-size: 24px; line-height: 33px;}
.sadad-certi-box {padding-top: 24px; gap: 32px; flex-direction: column;}
.sadad-certi-content p {margin-bottom: 16px; font-size: 16px; line-height: 21px;}
.custom-checkout-wrap {padding: 24px 0px;}
.sadad-certi-title p {font-size: 16px; line-height: 21px; margin-top: 16px;}
.sadad-certi-listing {padding-top: 24px; flex-direction: column;}
.sadad-certi-card {flex: initial; margin-right: 0px; padding: 0px; position: relative;}
.sadad-certi-card .sadad-certi-card-img{width: 100%; height: 300px; border-radius: 8px; overflow: hidden; margin-bottom: 16px;}
.sadad-certi-card .sadad-certi-card-img img{width: 100%; height: 100%;}
.checkout-content h6 {font-size: 18px; line-height: 32px; margin-bottom: 16px;}
.checkout-content p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.custom-checkout-wrap .business-type-action .btn-secondary-square {padding: 8px 16px; margin-top: 0px; margin-bottom: 16px;}
.custom-checkout-wrap .business-type-action .btn-secondary-square:focus, .custom-checkout-wrap .business-type-action .btn-secondary-square:hover, .custom-checkout-wrap .business-type-action .btn-secondary-square:active,.custom-checkout-wrap .business-type-action .btn-secondary-square:focus:active{padding: 8px 16px; margin-top: 0px;margin-bottom: 16px;}
.custom-checkout-wrap .business-type-action .btn-secondary-square span svg {height: 17px; width: 17px;}
.security-fet-list {padding-top: 24px;}
.security-fet-list .chooseus-box {padding-top: 24px;}
.security-fet-list .choose-us-inner {flex-direction: column;}
.security-fet-list .chooseus-card {align-items: center; padding: 0px; gap: 24px; flex: initial; margin-bottom: 48px; flex-direction: column;}
.security-fet-list .chooseus-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.security-fet-list .chooseus-icon span svg {height: 24px; width: 24px;}
.security-fet-list .chooseus-content h5 {font-size: 18px; line-height: 33px; margin-bottom: 16px; text-align: center;}
.security-fet-list .chooseus-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.user-fin-box {padding-top: 24px;}
.user-fin-card {margin-bottom: 0px; gap: 16px; padding: 24px 0px; flex-direction: column;}
.user-fin-content {width: 100%; flex: initial; order: 2;}
.user-fin-image {border-radius: 8px; overflow: hidden; flex: initial; height: 300px; width: 100%;}
.user-fin-image img{width: 100%; height: 100%; object-fit: cover;}
.user-fin-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 16px;}
.user-fin-content ul li {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.user-fin-wrap {padding: 24px 0px;}
/*SECURITY COMPLIANCE CSS END*/

/*ABOUT US CSS START*/
.about-us-banner{padding: 24px 0px; margin-bottom: 0px;}
.about-us-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.about-us-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.about-us-hero-image {flex: initial; height: 300px; width: 100%; border-radius: 16px; overflow: hidden;}
.about-us-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.about-us-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.about-us-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.who-we-are-wrap {padding: 24px 0px;}
.who-we-are-box {display: flex; column-gap: 0; flex-direction: column;}
.who-we-are-content {max-width: 100%; flex: initial;}
.who-we-are-content h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px; text-align: center;}
.who-we-are-content p {font-size: 16px; line-height: 24px; margin-bottom: 24px; text-align: center;}
.vision-mission-wrap {padding: 24px 0px;}
.vmission-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px; text-align: center;}
.vision-mission-box {padding-top: 24px; flex-direction: column; gap: 8px;}
.vision-mission-box .vmission-image{border-radius: 8px; width: 100%; height: 300px; overflow: hidden;}
.vision-mission-box .vmission-image img{width: 100%; height: 100%; object-fit: cover;}
.vmission-content {margin-top: 16px;}
.vmission-content h6 {font-size: 18px; line-height: 31px; margin-bottom: 16px;}
.vmission-content p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.our-value-wrap {padding: 24px 0px;}
.our-value-wrap .chooseus-box {padding-top: 24px;}
.our-value-wrap .choose-us-inner {flex-direction: column;}
.our-value-wrap .chooseus-card {padding: 0px; gap: 24px; flex: initial; margin-bottom: 48px; flex-direction: column;}
.our-value-wrap .chooseus-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.our-value-wrap .chooseus-icon span svg {height: 24px; width: 24px;}
.our-value-wrap .chooseus-content h5 {font-size: 18px; line-height: 33px; margin-bottom: 16px;}
.our-value-wrap .chooseus-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px; text-align: left;}
.our-methodology-wrap {padding: 24px 0px;}
.our-meth-list {padding-top: 24px; display: flex; flex-direction: column;}
.our-meth-content h6 {font-size: 18px; line-height: 24px; margin-top: 16px; text-align: left;}
.commitment-g-wrap {padding: 24px 0px;}
.vmission-title p {font-size: 16px; line-height: 21px; margin-top: 16px;}
.commitment-g-wrap .sadad-plus-speci-box {padding-top: 24px;}
.commitment-g-wrap .sps-blog-content {margin-top: 0px;}
.commitment-g-wrap .sps-blog-content h6 {font-size: 18px; line-height: 32px; margin-bottom: 16px; margin-top: 24px;}
.commitment-g-wrap .sps-blog-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.commitment-g-wrap .sps-listing-main {row-gap: 72px; flex-wrap: wrap;}
.commitment-g-wrap .sps-blog-img {border-radius: 8px; width: 100%; height: 300px; overflow: hidden;}
.commitment-g-wrap .sps-blog-img img{width: 100%; height: 100%; object-fit: cover;}
.choose-sadad-listing {padding-top: 24px;}
.choose-sadad-listing .web-store-box { gap: 32px; padding: 16px; gap: 24px; flex: initial; margin-bottom: 0px; flex-direction: column; align-items: center;}
.choose-sadad-listing .web-store-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.choose-sadad-listing .web-store-icon svg {height: 24px; width: 24px;}
.choose-sadad-listing .web-store-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 18px; text-align: center;}
.choose-sadad-listing .web-store-wrapper .web-store-wrap:last-child .web-store-box {margin-bottom: 24px;}
.choose-sadad-listing .web-store-wrap {gap: 0px;}
.why-choose-sds-wrap {padding: 24px 0px;}
.our-partner-wrap {padding: 24px 0px;}
.our-partner-box {padding-top: 24px;}
.our-partner-logo img {height: 50px;}
.our-partner-logo {column-gap: 90px; justify-content: center; flex-wrap: wrap; row-gap: 24px;}
.our-journey-slider.owl-carousel .owl-nav, .our-journey-slider.owl-carousel .owl-nav.disabled {margin-top: 56px;}
/*ABOUT US CSS END*/

/*PRICING PAGE CSS START*/
.pricing-hero-wrap {padding: 24px 0px;}
.pricing-hero-title h1 {font-size: 32px; line-height: 44px; margin-bottom: 16px !important;}
.pricing-hero-title p {font-size: 16px; line-height: 24px; text-align: center; margin-bottom: 0px;}
.device-header-main {gap: 8px; flex-direction: column;}
.device-icon {width: 48px; height: 48px; border-radius: 3.09px;}
.device-icon span svg{height: 24px; width: 24px;}
.device-content-main h6 {font-size: 24px; line-height: 33px; margin-bottom: 24px;}
.device-action .btn-primary-square {padding: 8px 10px;}
.device-action .btn-primary-square:focus, .device-action .btn-primary-square:hover, .device-action .btn-primary-square:active, .device-action .btn-primary-square:focus:active {padding: 8px 10px;}
.device-action .btn-secondary-square {padding: 8px 10px;}
.device-action .btn-secondary-square:focus, .device-action .btn-secondary-square:hover, .device-action .btn-secondary-square:active, .device-action .btn-secondary-square:focus:active{padding: 8px 10px;}
.device-action .btn-primary-square span svg{width: 17px; height: 17px;}
.device-inner-main {gap: 16px; flex-direction: column; flex-wrap: initial;}
.device-body-main {margin-top: 24px; background-color: #FFFFFF;  border-radius: 16px; padding-top: 0px;}
.device-grid {display: flex; gap: 16px; flex-direction: column; width: 100%; padding: 8px 0px;}
.device-grid-card{display: flex; border-bottom: 1px solid rgba(156, 163, 175, 0.3);}
.device-grid-card:last-child{border-bottom: 0px;}
.device-card-img {margin-bottom: 16px; border-radius: 8px; overflow: hidden; min-width: 140px; max-width: 140px; height: 106px; flex: 1; text-align: center; flex-shrink: 0;}
.device-card-img img {width: 80px; height: auto;}
.knowmore-mobile-hide{display: none;}
.device-content {min-height: auto;}
.device-card-content{display: flex; align-items: center; gap: 8px; padding-right: 10px; justify-content: space-between; width: 100%;}
.device-card-content h6{white-space: initial; max-width: initial;}
.device-card-content p {line-height: 21px;}
.device-card-content p span {display: block;}
.device-card-content .btn-secondary-square {padding: 8px 10px; background-color: transparent;}
.device-card-content .btn-secondary-square:focus, .device-card-content .btn-secondary-square:hover, .device-card-content .btn-secondary-square:active, .device-card-content .btn-secondary-square:focus:active{padding: 8px 10px; background-color: transparent;}
.device-card-content .btn-secondary-square:focus svg path,
.device-card-content .btn-secondary-square:hover svg path,
.device-card-content .btn-secondary-square:active svg path,
.device-card-content .btn-secondary-square:focus:active svg path{ stroke: #8E1B3E;}
.device-content-main p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.device-content-main p:first-of-type{margin-bottom: 8px;}
.sds-pos-wrapper {padding: 48px 0px 24px 0px;}
.sds-pos-title h4 {font-size: 24px; line-height: 33px;}
.standard-plan-main {padding: 16px 0px 24px 0px;}
.standatd-p-title h4 {margin-bottom: 18px;}
.stdr-card-icons p {font-size: 16px; line-height: 21px;}
.stdr-card-icons {align-items: flex-start; flex-direction: column; gap: 16px;}
.sadad-plus-box .s-pos-d-box {padding-top: 40px; gap: 64px;}
.sadad-plus-box .sadad-p-left .sadad-plus-card {padding: 0;}
.sadad-plus-box .sadad-plus-content h4 {font-size: 18px; line-height: 32px; margin-bottom: 16px;}
.sadad-plus-box .sadad-plus-content ul li {font-size: 16px; line-height: 21px; margin-bottom: 16px; gap: 16px;}
.sadad-plus-box .sadad-plus-img {border-radius: 8px; overflow: hidden; width: 100%; height: 300px;}
.sadad-plus-box .sadad-plus-img img{height: 100%; width: 100%; object-fit: cover;}
.sadad-plus-box .sadad-plus-content h2 {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.sadad-ads-ons-wrap {padding: 24px 0px; margin-bottom: 16px;}
.sadad-ads-image {height: 150px; width: 100%;}
.sadad-ads-image img {width: 100%; height: 100%; object-fit: cover;}
.sadad-ads-content{display: flex; flex-direction: column; justify-content: space-between;}
.sadad-ads-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 8px;}
.sop-sol-wrapper {padding: 24px 0px; margin-bottom: 16px;}
.sop-sol-wrapper .refund-content ul li{margin-bottom: 17px;}
.sop-sol-wrapper .refund-content ul li::after {display: none;}
.sop-sol-wrapper .refund-content ul li span svg{height: 24px; width: 24px;}
.sadad-payment-blog .smart-busi-card {padding: 0px; gap: 24px; border: 0px; border-radius: 0px; gap: 16px; overflow: hidden; margin-bottom: 56px;}
.sadad-payment-blog .smart-busi-details {padding: 0px;}
.smart-busi-box-main .smart-busi-image {width: 100%; height: 300px; overflow: hidden;}
.smart-busi-box-main .smart-busi-image img {width: 100%; height: 100%; object-fit: cover;}
.sadad-payment-blog .smart-busi-content h5 {font-size: 18px;}
.sadad-payment-blog .smart-busi-content p {font-size: 14px; line-height: 24px;}
.smart-busi-list { gap: 36px;}
.sadad-payment-blog .smart-busi-action .btn-secondary { padding: 8px 16px; border-radius: 10px; font-size: 14px; margin-top: 16px;}
.sadad-payment-blog .smart-busi-action .btn-secondary:hover, .sadad-payment-blog .smart-busi-action .btn-secondary:focus, .sadad-payment-blog .smart-busi-action .btn-secondary:focus:active { padding: 8px 16px; border-radius: 10px; font-size: 14px; margin-top: 16px;}
.cust-c-content p {font-size: 16px; line-height: 21px;}
.cust-c-content h4 {font-size: 16px; line-height: 21px;}
.sds-pos-title p { font-size: 16px; line-height: 21px; margin-top: 16px; margin-bottom: 0px;}
.payment-gate-card {padding-bottom: 56px;}
.web-store-listing .web-store-box { gap: 32px; padding: 0px; gap: 24px; flex: initial; margin-bottom: 0px; flex-direction: column; align-items: flex-start;}
.web-store-listing .web-store-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.web-store-listing .web-store-icon svg {height: 24px; width: 24px;}
.web-store-listing .web-store-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 18px; text-align: left;}
.web-store-listing .web-store-content p {font-size: 16px; line-height: 21px; text-align: left;}
.web-store-listing .web-store-wrapper .web-store-wrap:last-child .web-store-box {margin-bottom: 24px;}
.web-store-listing .web-store-wrap {gap: 0px;}
/*PRICING PAGE CSS END*/

/* CUSTOMER LEAD CAPTURE CSS START */
.header-logo-wrap {padding: 16px 0px;}
.sadad-header-logo {height: 30px;}
.sadad-header-logo img {height: 100%; width: 100%;}
.language-sw-wrapper .language-switch > span {font-size: 14px;}
.cust-lead-title h4 {font-size: 32px; line-height: 44px; margin-bottom: 16px;}
.cust-lead-box {padding: 24px 0px;}
.cust-lead-title p {font-size: 16px; line-height: 24px;}
.cust-lead-points ul {margin-top: 16px; display: flex; flex-wrap: wrap; column-gap: 32px;}
.cust-lead-points ul li {font-size: 18px; line-height: 24px; gap: 6px; margin-bottom: 16px;}
.cust-lead-points ul li:last-child{margin-bottom: 0px;}
.lead-app-download {margin-top: 24px; margin-bottom: 24px;}
.cust-signup-form {padding: 24px 16px;}
.cust-signup-title {margin-bottom: 24px;}
.cust-form-input {padding: 10px 12px; height: 40px; border-radius: 12px;}
.mb-32 {margin-bottom: 24px;}
.pl-88 {padding-left: 84px;}
.cust-form-content .dropdown-menu {border-radius: 12px;}
.req-call-back {padding-bottom: 24px;}
.st-acept-action .st-acept-btn {padding: 10px 14px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.wc-sadad-box {padding: 0px; background: #FFFFFF; box-shadow: none; border-radius: 0px; margin-top: 8px; margin-bottom: 24px;}
.wc-sadad-content h4 {font-family: 'Open Sans Condensed'; font-weight: bold; font-size: 24px; line-height: 33px; color: #141414; margin-bottom: 16px; text-align: center;}
.wc-mobile-img{display: block;}
.wc-desktop-img{display: none;}
.mobile-order{order: 2;}
.wc-sadad-img{margin-bottom: 24px;}
.mb-24 {margin-bottom: 16px;}
.download-action .download-btn {padding: 10px 20px; border-radius: 10px; font-size: 14px; line-height: 20px; width: 100%; margin: 0px 16px;}
.footer-wrapper {padding: 16px 0px;}
.trusted-data {flex-direction: column; align-items: start; gap: 16px;}
.trusted-data ul {align-items: start; flex-direction: column; gap: 8px;}
.download-action{margin-bottom: 16px;}
.trusted-data ul li a {font-size: 12px; line-height: 16px;}
/* CUSTOMER LEAD CAPTURE CSS END */

/* MAWIDY CSS START */
.mawidy-hero-section {padding: 24px 16px 24px 16px; height: auto; min-height: auto; border: 0px; border-radius: 0px;}
.apoint-book-content {width: 100%; max-width: 100%; padding: 0px 20px;}
.apoint-book-main {padding-top: 0px; margin-bottom: 35px;}
.appoinment-order .apointment-image{order: 0;}
.one-one-order .apointment-image{order: 0;}
.desktop-wrap {width: 100%; bottom: -55%;}
.blob-wrap {bottom: -50px; scale: 1.6;}
.apoint-book-content h4 {font-size: 32px; line-height: 40px; margin-bottom: 12px; text-align: center; letter-spacing: 0px;}
.apoint-book-content p {font-size: 14px; line-height: 22px; letter-spacing: 0;}
.apoint-book-btn {margin: 24px 0px;}
.apoint-book-btn .btn-secondary {border: 1px solid rgba(142, 27, 62, 0.1);}
.social-proof span {font-size: 14px; line-height: 22px;}
.what-is-mawidy-section {padding: 20px 16px 0px 16px;}
.what-is-mawidy .header-text h4 {font-size: 28px; line-height: 36px; letter-spacing: 0; margin-bottom: 12px; margin-top: 16px;}
.what-is-mawidy .container{padding: 0px !important;}
.what-is-mawidy .header-text p {font-size: 14px; line-height: 22px; max-width: max-content; margin: 0;}
.text-wrapper-3 h6 {line-height: 100%; color: #8E1B3E; margin: 20px 0px;}
.mawidy-card {gap: 20px; flex-direction: column;}
.mawidy-card .card {width: 100%; margin-bottom: 0px !important;}
.card-img img{width: 100%;}
.mawidy-card .card {width: 100%; border-radius: 12px; padding: 16px; margin-bottom: 12px;}
.mawidy-card .card-body {padding: 0;}
.mawidy-card .card-body h5 {font-size: 18px; line-height: 26px; text-align: left; margin-top: 12px; margin-bottom: 6px; letter-spacing: 0;}
.mawidy-card .card-body p {font-size: 14px; line-height: 22px; text-align: left; margin-bottom: 12px;}
.mawidy-card .card-body a {font-size: 14px; line-height: 22px; justify-content: flex-start; gap: 8px;}
.mawidy-card .card-body a svg{height: 12px; width: 12px;}
.take-booking-section {padding:16px 16px 0px 16px;}
.take-book-header h3 {font-size: 28px; line-height: 36px; letter-spacing: 0%; color: #141414; margin-bottom: 24px !important; text-align: center; max-width: 100%; margin: 0px;}
.take-book-main-wrap {padding: 0px;}
.merchant-choose .take-book-header h3 {font-size: 28px; line-height: 36px; letter-spacing: 0%; margin-bottom: 24px !important;}
.merchnt-appoint h3{padding: 0px 16px;}
.paylogos {margin-top: 24px;}
.paylogos .row-logos .badge {width: 54.22px; height: 37.71px;}
.take-booking-section .appointment-main {width: 100%; gap: 24px; padding: 0px 16px; flex-direction: column;}
.apointment-content {width: 100%; order: 1;}
.apointment-content h3 {font-size: 18px; line-height: 26px; margin-bottom: 16px;}
.apointment-content p {font-size: 14px; line-height: 22px; letter-spacing: 0;}
.features {margin-top: 24px;}
.feature span {font-size: 14px; line-height: 20px;}
.take-booking-section .row {margin-bottom: 27px;}
.appointment-book-section {padding: 0px 16px;}
.section-wrapper {padding: 16px;}
.left-column h2 {font-size: 28px; line-height: 36px; margin-bottom: 20px;}
.card-wrap {min-height: 470px;}
.container-box {grid-template-columns: auto; gap: 0px;}
.set-rule-title h3 {font-size: 20px; line-height: 22px; margin-bottom: 12px; margin-top: 24px; padding: 0px 60px;}
.set-rule-title p {font-size: 14px; line-height: 22px; max-width: 375px; margin: 0 auto; padding: 0px 47px;}
.booking-section {padding: 0px 16px; max-width: 100%;}
.feature-grid {margin-top: 32px; padding: 0px; grid-template-columns: initial; gap: 20px; max-width: 100%;}
.feature-card__title {font-size: 18px; line-height: 26px; text-align: center; margin-bottom: 14px;}
.feature-card__content {padding: 16px 16px 0px 16px;}
.feature-card__body {display: none;}
.feature-card {min-height: auto; border-radius: 12px;}
.booking-header h3 {font-size: 20px; line-height: 22px; margin-bottom: 32px; margin-top: 24px;}
.booking-card.light-card.card-body h4 {font-size: 18px; line-height: 100%; margin-bottom: 12px;}
.booking-card {padding: 16px;}
.booking-card.light-card .card-body {padding: 12px 0px 0px 0px;}
.booking-grid-main {gap: 20px;}
.light-card .card-body h4 {font-size: 18px; line-height: 26px; letter-spacing: 0;}
.dark-card .card-body {max-width: 100%;}
.light-card .card-body p {font-size: 14px; line-height: 22px; color: #000000;letter-spacing: 0;}
.booking-card.dark-card h4 {font-size: 18px; max-width: 100%; line-height: 26px;}
.booking-card.dark-card p {font-size: 14px; line-height: 22px; margin-bottom: 12px;}
.appointement-section {padding: 40px 16px 20px 16px;}
.step-title {font-size: 18px; line-height: 26px; letter-spacing: 0px;}
.step-item:first-of-type{padding-top: 0px;}
.icon-box {width: 32px; height: 32px;}
.appointment-box {padding: 16px;}
.appointment-title h3 {font-size: 28px; line-height: 36px; letter-spacing: normal; margin-bottom: 20px;}
.appointment-box .cards {gap: 12px; margin-top: 0px; flex-direction: column;}
.appointment-box .icard {width: 100%; height: 211px; border-radius: 8px;}
.appointment-box .icard span {left: 16px; bottom: 16px; font-size: 18px; line-height: 26px;}
.apoointment-note p {font-family: 'Open Sans'; font-weight: 400; font-size: 14px; line-height: 22px; opacity: 0.7; margin-top: 20px; margin-bottom: 0px;}
.how-it-work-section {padding: 0px 16px;}
.how-it-work-main .how-it-content h4 {font-size: 28px; line-height: 36px; margin-top: 0px; margin-bottom: 8px;}
.how-it-work-main .how-it-content p {font-size: 14px; line-height: 22px; margin-bottom: 0px;}
.how-it-work-main .how-it-content {flex: 0;}
.how-it-work-main {gap: 32px; max-width: 100%; flex-direction: column; padding-bottom: 32px; border-bottom: 0px;}
.service-items {flex-direction: column; width: 100%;}
.service-items .service-box {gap: 8px; padding: 16px;}
.service-items .service-box h2 {font-size: 24px; line-height: 100%;}
.service-items .service-box h6 {font-size: 14px; line-height: 22px; letter-spacing: 0; max-width: 100%;}
.revenue-section {padding: 0px 16px;}
.revenue-main {padding: 20px; max-width: 100%; width: 100%; margin: 0 auto; min-height: 470px;}
.revenue-content {flex-direction: column;}
.revenue-left-content h4 {font-size: 32px; line-height: 36px; margin-bottom: 16px;}
.revenue-right-content p {font-size: 14px; line-height: 22px; margin-bottom: 16px;}
.revenue-desktop img {top: 238.53px;}
.power-by-title {margin-top: 0px; -webkit-text-fill-color: #0D1221; color: #0D1221;}
.power-by-title h3 {font-size: 28px; line-height: 36px; max-width: 100%; letter-spacing: 0px; padding: 0px 34px;}
.power-by-section {padding: 32px 16px 0px 16px;}
.power-by-grid {gap: 12px; margin-top: 20px; flex-direction: column;}
.power-by-item {border-radius: 12.6083px; border-color: #CFD4DB; padding: 18px; width: 100%; display: flex; align-items: center; gap: 16px; flex-direction: column; justify-content: center; background-color: #FFFFFF;}
.power-by-icon {padding: 4.5px 6px; margin-bottom: 0px; height: 32px; width: 32px; border-radius: 100px; background-color: #F4E8EC;}
.power-by-icon span{display: inline-flex;}
.power-by-icon svg{ height: auto; width: 16px;}
.power-by-content p {max-width: 100%; line-height: 24px; font-weight: 700; text-align: center; letter-spacing: -0.08px; font-size: 16px;}
.power-by-content h6 {display: block;}
.stage {display: none;}
.step-mobile-image {display: none; margin-top: 12px; border-radius: 12px; overflow: hidden;}
.step-item.active .step-mobile-image{display: block;}
.step-mobile-image img {width: 100%; height: auto; display: block;}
.step-item {opacity: 1!important; padding: 19px 0px;}
.brand-booking-section {background: linear-gradient(180deg, rgba(142, 27, 62, 0.08) 0%, rgba(142, 27, 62, 0) 52.51%);  border-top: 1px solid rgba(142, 27, 62, 0.1); padding: 16px;}
.set-rule-title {padding-top: 0px;}
/* MAWIDY CSS END */

/* SHIPPING CSS END */
.shipping-hero-section {padding: 0px;}
.content-section {padding: 0px;}
.shipping-hero-section .card {border-radius: 0px; background-color: #FAF8F7; max-width: 100%; flex-direction: column; padding: 24px 16px 0px 16px; gap: 24px;}
.hero-title {font-size: 32px; line-height: 40px; margin-bottom: 16px !important; max-width: 300px; letter-spacing: 0px; text-align: center; margin: 0 auto;}
.hero-description {font-size: 14px !important; line-height: 22px; max-width: 340px; margin-bottom: 16px !important; text-align: center; margin: 0 auto;}
.button-group .btn-primary {border-radius: 8px; padding: 12px 23px; justify-content: center; width: 100%;}
.shipping-hero-section .button-group .btn-primary {border-radius: 8px; padding: 12px 23px; justify-content: center; width: auto; border: 1px solid #8E1B3E;}
.shipping-hero-section .button-group {gap: 8px; margin-bottom: 16px; justify-content: center;}
.shipping-hero-section .button-group .btn-secondary {border-radius: 8px; padding: 12px 23px; justify-content: center; width: auto; border:1px solid rgba(142, 27, 62, 0.1);}
.shipping-hero-section .button-group .btn-primary:focus, .shipping-hero-section .button-group .btn-primary:active, .shipping-hero-section .button-group .btn-primary:active:focus{padding: 12px 23px; border: 1px solid #8E1B3E;}
.shipping-hero-section .button-group .btn-secondary:focus, .shipping-hero-section .button-group .btn-secondary:active, .shipping-hero-section .button-group .btn-secondary:active:focus{padding: 12px 23px; border: 1px solid rgba(142, 27, 62, 0.1);}
.partner-text {font-size: 12px; line-height: 18px; letter-spacing: 0px;}
.partner-info img{height: 42px;}
.map-container {width: 100%; height: auto;}
.manage-logistic-section {padding: 32px 16px;}
.logistic-title h3 {font-size: 28px; line-height: 36px; margin-bottom: 12px !important; letter-spacing: 0px;}
.logistic-title p {font-size: 14px; line-height: 22px; margin-bottom: 0px; margin: 0 auto; max-width: 425px; color: #000000;}
.features-grid {grid-template-columns: repeat(1, 1fr); gap: 12px; max-width: 100%; width: 100%; margin-top: 24px !important;}
.feature-description {color: #000000;}
.icon-container svg{height: 40px; width: 40px;}
.feature-title {font-size: 18px;}
.appointment-book-section {padding: 0px;}
.appointment-book-section .section-wrapper {background-color: #FAF2F4; border: 0px; border-radius: 0px; max-width: 100%; width: 100%; box-shadow: none; padding: 24px 16px;}
.appointment-book-section .left-column h2 {margin-bottom: 24px; text-align: center; max-width: 280px; margin: 0 auto;}
.step-list {display: grid !important; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 24px;}
.step-item {display: flex !important; align-items: center; justify-content: center; gap: 8px; padding: 12px 14px; border-radius: 12px; background-color: #f8f9fa; border: 1px solid #e9ecef; color: #4a4a4a; font-size: 13px; font-weight: 600; text-align: center; cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);}
.step-item.active {background-color: #FFC8DA !important; border-color: #DCB8C3 !important; color: #141416 !important;}
.step-item p,
.step-list .step-description {display: none;}
.step-hide-desktop{display: block; font-family: 'Open Sans Condensed';font-style: normal;font-weight: bold;font-size: 12px;line-height: 18px;color: #141416;}
.appointment-book-section .step-title{display: none;}
.step-desc {display: none;}
.appointment-book-section .step-item {padding: 8px 12px;}
.appointment-book-section .step-item:first-of-type {padding-top: 8px;}
.appointment-book-section .icon-box {width: 14px; height: 14px; background-color: transparent;}
.appointment-book-section .step-list {position: relative; display: flex !important; flex-wrap: wrap; justify-content: center; flex-direction: initial;}
.appointment-book-section .step-header {gap: 5px;}
.appointment-book-section .step-progress-line {display: none;}
.appointment-book-section .stage {min-height: 399px;}
.appointment-book-section .card-content img {height: 399px;}
.shipping-offer-section{padding: 32px 16px;}
.shipping-offer-title h3 {font-size: 28px; line-height: 36px; margin-bottom: 12px !important; max-width: 272px; margin: 0 auto;}
.shipping-offer-title p {font-size: 14px; line-height: 22px; max-width: 318px; margin: 0 auto; color: #000000;}
.shipping-offer-section .shipping-card .card {width: 100%;}
.shipping-offer-section .shipping-card {gap: 20px; margin-top: 24px; flex-direction: column;}
.shipping-offer-section .shipping-card .card {width: 100%; border-radius: 12.6083px; padding: 16px 16px 0px 16px; margin-bottom: 0px;}
.shipping-offer-section .shipping-card .card-img img {height: 209px;}
.shipping-offer-section .shipping-card .card-body {padding: 8px 0px;}
.shipping-card .card-body h5 {font-size: 18px; line-height: 26px; text-align: left; margin-bottom: 8px;}
.shipping-card .card-body p {font-size: 14px; line-height: 22px; text-align: left; color: #5B6A7E; opacity: 1; margin-bottom: 8px; padding: 0px;}
.shipping-card .card-body a {justify-content: flex-start; gap: 6px;}
.ship-sale-title h3 {font-weight: bold; font-size: 28px; line-height: 36px; margin-bottom: 12px !important; max-width: 256px;}
.ship-sale-title p {font-size: 14px; line-height: 22px; color: #000000; max-width: 314px;}
.ship-sale-section .container{padding: 0px 16px !important;}
.ship-sale-list {flex-direction: column; gap: 16px;}
.ship-sale-items {max-width: 100%; padding-top: 0px; flex-direction: column; gap: 0px;}
.ship-sale-figure {width: 100%; height: 371px; order: 0; margin-top: 32px;}
.ship-sale-figure img{border-radius: 12px;}
.ship-sale-content {max-width: 100%; order: 1;}
.ship-sale-content h4 {font-weight: bold; font-size: 18px; line-height: 26px; margin-bottom: 16px;}
.ship-sale-content p {font-size: 14px; line-height: 22px; color: #000000; opacity: 1; margin-bottom: 14px; margin-right: 0px;}
.ship-sale-point {margin-top: 16px; margin-bottom: 0px;}
.ship-ani-title {margin-top: 36px;}
.ship-ani-title h6 {font-size: 18px; line-height: 26px; letter-spacing: 0px; color: #141416; padding-bottom: 30px;}
.revenue-shipping-sec {margin-top: 36px; padding: 0px; border-radius: 0px;}
.ship-animation {scale: 2; padding-bottom: 20px;}
.ship-animation::after {width: 100px; right: 40px;}
.ship-animation::before {width: 100px; height: 100%; left: 40px;}
.revenue-shipping-sec .revenue-main {padding: 24px; max-width: 100%; width: 100%; margin: 0 auto; min-height: 368px; border-radius: 0px;}
.revenue-shipping-sec .revenue-left-content h4 {font-size: 28px; margin-bottom: 12px; max-width: 294px;}
.revenue-shipping-sec .revenue-right-content p {max-width: 195px; margin-bottom: 26px;}
.revenu-mobile-image{display: block;}
.revenu-desktop-image{display: none;}
.revenue-desktop img {right: -24px; transform: none; bottom: -10px; max-width: 100%; width: 100%; border-radius: 0px; left: initial;}
.del-parc-main {max-width: 100%; width: 100%; margin: 0 auto; padding: 36px 20px; border: 0px; border-radius: 0px;}
.del-content-box {flex-direction: column; gap: 24px;}
.del-left-content {max-width: 100%; gap: 12px;}
.del-title h4 {font-weight: bold; font-size: 28px; line-height: 36px; letter-spacing: 0px; max-width: 216px;}
.del-desc p {font-size: 14px; line-height: 22px; color: #5B6A7E; margin-bottom: 0px;}
.del-right-content{display: none;}
.delivery-parcel-list {display: flex; flex-direction: column; gap: 12px; width: 100%;}
.delivery-par-box{padding: 16px; background: #F9F6F4; border-radius: 8px; display: flex; flex-direction: column; gap: 12px;}
.delivery-par-box h2{font-family: 'Open Sans Condensed'; font-style: normal; font-weight: bold; font-size: 28px; line-height: 36px; color: #8E1B3E; margin-bottom: 0px;}
.delivery-par-box h6{font-family: 'Open Sans Condensed'; font-style: normal; font-weight: bold; font-size: 18px; line-height: 26px; letter-spacing: 0px; color: #0D1221; margin-bottom: 0px;}
.delivery-par-box p{font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: -0.346298px; color: #000000; margin-bottom: 0px;}
.partner-info{justify-content: center;}
.ship-sale-section{padding-top: 0px;}
/* SHIPPING CSS END */

/* POS EDGE CSS START */
.edge-hero-section {padding: 0px;}
.edge-hero-section .container{padding: 0px 16px !important;}
.edge-hero-content {max-width: 100%; padding-left: 0px; padding: 32px 16px;}
.edge-hero-image {position: initial; width: 100%;}
.edge-hero-wrapper {flex-direction: column; height: auto;}
.edge-hero-content h5 {font-size: 24px; line-height: 26px; letter-spacing: -0.5px; margin-bottom: 16px; text-align: center;}
.edge-hero-content h1 {font-size: 32px; line-height: 36px; letter-spacing: -1.5px; text-align: center; margin-bottom: 16px !important;}
.edge-hero-content p {font-size: 14px; line-height: 20px; letter-spacing: 0px; max-width: 100%; text-align: center;}
.edge-hero-btn {margin-top: 32px; justify-content: center;}
.desktop-display{display: none;}
.mobile-display {display: block; object-fit: cover; width: 100%;}
.choose-edge-wrapper {padding: 32px 0px; flex-direction: column; gap: 7px;}
.edge-hero-btn .btn-primary {padding: 14px 18px; font-size: 14px; line-height: 16px;}
.edge-hero-btn .btn-primary span, .edge-hero-btn .btn-secondary span{display: none;}
.edge-hero-btn .btn-primary:hover, .edge-hero-btn .btn-primary:focus, .edge-hero-btn .btn-primary:focus:active, .edge-hero-btn .btn-primary:active {padding: 14px 18px; font-size: 14px; line-height: 16px;}
.edge-hero-btn .btn-secondary:hover, .edge-hero-btn .btn-secondary:focus, .edge-hero-btn .btn-secondary:focus:active, .edge-hero-btn .btn-secondary:active {padding: 14px 18px; font-size: 14px; line-height: 16px;}
.edge-hero-btn .btn-secondary {padding: 14px 15px; font-size: 14px; line-height: 16px;}
.choose-edge-title-text h3 {font-size: 28px; line-height: 36px; letter-spacing: -1px; margin-bottom: 16px;}
.choose-edge-title-text p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 32px;}
.choose-edge-box {grid-template-columns: auto; column-gap: 0; row-gap: 24px; padding: 32px 0px;}
.choose-ed-icon {display: flex; justify-content: center; align-items: center; padding: 8px; width: 36px; height: 36px; background: #FAF3F5; border-radius: 8px; flex: none; flex-grow: 0;}
.choose-ed-icon svg{flex-shrink: 0; height: 26px; width: 26px;}
.choose-eddge-items {gap: 16px;}
.chhose-edge-mobile{display: block; margin: 0 auto;}
.bring-to-b-icon {padding: 12px; width: 48px; height: 48px; border-radius: 12px;}
.bring-to-b-content h2 {font-size: 28px; line-height: 36px; letter-spacing: -1px; margin-bottom: 16px !important; max-width: 230px; margin: 0 auto;}
.bring-to-b-content p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 0px; max-width: 338px; margin: 0 auto;}
.diverse-envi-section {padding: 24px 0px;}
.divers-envi-box {background-position: initial; padding: 20px 20px; border-radius: 10px; gap: 20px; flex-direction: column;}
.divers-envi-content {max-width: 100%; padding: 0px; order: 0;}
.divers-envi-content h5 {font-size: 20px; line-height: 26px; letter-spacing: 0px; margin-bottom: 16px;}
.divers-envi-content p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 0px;}
.divers-envi-figure{order: 1; width: 100%; height: 100%;}
.diverse-envi-title {padding-top: 5px;}
.diverse-list p{display: none;}
.diverse-list {padding: 15px 0px;}
.diverse-list-content {margin-bottom: 0px;}
.divers-envi-wrapper {row-gap: 24px; padding-bottom: 24px;}
.self-service-wrapper {gap: 24px; flex-direction: column;}
.selef-ser-box{background: url(../images/sadad-pos-edge/diverse-bg.png) no-repeat; background-size: cover; background-position: initial; padding: 20px 20px; border-radius: 10px; background-blend-mode: multiply, normal; border: 1px solid rgba(142, 27, 62, 0.3); display: flex; flex-direction: column;}
.self-ser-content h5 {font-size: 20px; line-height: 26px; margin-bottom: 16px;}
.self-ser-content p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 0px;}
.self-ser-content ul {margin-top: 16px;}
.self-ser-content li {font-size: 14px; line-height: 18px; margin-bottom: 12px;}
.self-ser-content {margin-top: 0px; order: 0;}
.self-ser-figure{order: 1; height: 100%;}
.business-happen-section {padding: 32px 0px;}
.business-h-header {padding: 0px;}
.business-h-header h2 {font-size: 28px; line-height: 36px; letter-spacing: -1px; margin-bottom: 16px !important; max-width: 230px; margin: 0 auto;}
.business-h-header p {font-size: 14px; line-height: 20px; text-align: center; letter-spacing: 0px; max-width: 100%; margin: 0 auto; margin-bottom: 32px !important;}
.business-h-box {flex-direction: column; gap: 16px;}
.business-h-list {padding: 0px; order: 1;}
.business-h-list .self-ser-content {width: 100%;}
.business-h-items {row-gap: 24px;}
.technical-spec-section {padding: 0px;}
.technical-spec-box {padding: 32px 20px; border-radius: 12px;}
.technical-spec-row {column-gap: 0; padding-bottom: 0px; flex-direction: column;}
.tech-spec-grid {grid-template-columns: inherit; row-gap: 20px; column-gap: 0px;}
.tech-spec-grid .spec-row-divider {display: none;}
.tech-spec-intro h5 {font-size: 28px; line-height: 36px; margin-bottom: 12px; letter-spacing: -1px;}
.tech-spec-intro p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 32px; max-width: 318px;}
.spec-item {border-bottom: 1px solid rgba(255, 255, 255, 0.14902); padding-bottom: 12px;} 
.technical-spec-box .spec-row-divider {display: none;}
.what-come-box {display: flex; align-items: flex-start; padding-top: 32px; flex-direction: column; gap: 16px;}
.what-c-title h5 {font-size: 18px; letter-spacing: 0px; line-height: 26px; color: #FFFFFF; margin-bottom: 0px;}
.connector-line {display: none;}
.what-come-item {align-items: flex-start; width: 100%;}
.what-come-list {gap: 10px; flex-direction: column; width: 100%;}
.what-come-text h6 {text-align: center; line-height: 22px;}
.unattended-section .unattended-carousel{display: none !important;}
.unattended-section{padding: 32px 0px 0px 0px;}
.unattended-title h1 {font-size: 28px; line-height: 36px; letter-spacing: -1px; text-align: center; margin-bottom: 16px !important; padding: 0px 60px;}
.unattended-title p {font-size: 14px; line-height: 20px; letter-spacing: 0%; margin-bottom: 0px; max-width: 100%; text-align: center;}
.unattended-section .custom-card-img {height: 459px; width: 100%; object-fit: cover;}
.unattended-section .card{margin-bottom: 0px;}
.unattended-section .card-body{padding-bottom: 0px;}
#posCarousel .carousel-inner {display: flex; flex-direction: column; gap: 1.5rem;}
  #posCarousel .carousel-item {display: block !important; margin-right: 0;}
  #posCarousel .carousel-item.active,
  #posCarousel .carousel-item-next,
  #posCarousel .carousel-item-prev {transform: none !important;}
.unattended-section .card-title {font-size: 18px;line-height: 26px; letter-spacing: 0px;}
.unattended-section .card-text {font-size: 14px !important; line-height: 20px; letter-spacing: 0px; margin-bottom: 0px;}
.qatar-business-section {padding: 8px 0px 0px 0px;}
.qatar-bus-box {height: 100%; border-radius: 12px; padding: 32px 16px 0px 16px; flex-direction: column;}
.qatar-bus-title h1 {font-size: 32px; line-height: 36px; letter-spacing: -1.5px; margin-bottom: 0px; max-width: 100%; text-align: center; margin-bottom: 20px !important;}
.qatar-bus-contente p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 20px; text-align: center;}
.qatar-bus-contente {max-width: 100%;}
.business-qat-device {position: relative;}
.qatar-bus-action .btn-primary {width: 100%;}
.qatar-bus-action .btn-secondary {width: 100%;}
.qatar-bus-action {gap: 10px;}
.seaminte-section {padding: 32px 0px;}
.seaninte-title h3 {font-size: 28px; line-height: 36px; letter-spacing: -1px; margin-bottom: 16px;}
.seaninte-title p {font-size: 14px; line-height: 20px; letter-spacing: 0px; max-width: 100%;}
.seaminte-wrapper {margin-top: 32px; gap: 32px; flex-direction: column;}
.seaminte-box {align-items: center; padding: 16px; border-radius: 16px; width: 100%;}
.seamint-content h6 {font-size: 16px; line-height: 22px; letter-spacing: -0.0849982px; margin-top: 16px; text-align: center;}
.why-choose-edge-section .container {padding: 0px 16px !important;}
.diverse-envi-section .container {padding: 0px 16px !important;}
.business-happen-section .container {padding: 0px 16px !important;}
.technical-spec-section .container {padding: 0px 16px !important;}
.unattended-section .container {padding: 0px 16px !important;}
.qatar-business-section .container {padding: 0px 16px !important;}
.seaminte-section .container {padding: 0px 16px !important;}
.business-h-figure {width: 100%; height: 315px;}
.business-h-figure img {object-fit: cover;}
/* POS EDGE CSS END */

/*FOOTER CSS START*/
.footer-menu-wrap {gap: 0;flex-wrap: wrap;}
.footer-menu-list {flex: initial; flex: 0 0 calc(50% - 0px);}
.footer-card-main {align-items: flex-start; margin-bottom: 16px; flex-direction: column; row-gap: 16px;}
.footer-copy-main {align-items: flex-start; justify-content: space-between; flex-direction: column;}
.footer-copy-main .f-copy-text {order: 2;}
.f-copy-app ul {padding: 0px 0px 16px 0px;}
.footer-copy-main .f-copy-text p {margin-bottom: 16px;}
/*FOOTER CSS END*/
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
/*HOME PAGE CSS START*/
body {padding-top: 82px !important;}
.container{padding: 0px 20px !important;}
.home-hero-section {padding: 24px 0px; margin-bottom: 16px;}
.home-hero-section .slider-item {flex-direction: column;gap: 45px;}
.home-hero-section .owl-dot span {width: 15px;height: 5px;}
.home-hero-section .owl-dots {left: 50%;margin-top: 16px;transform: translateX(-50%); right: initial; top: calc(300px + 0px);}
.home-hero-section .slider-image{height: 300px; width: 100%; flex: initial;}
.home-hero-section .slider-image img{height: 100%; width: 100%; object-fit: cover;}
.home-hero-section .slider-text {order: 2; max-width: 100%; width: 100%;}
.home-hero-section .slider-text p {font-size: 16px;line-height: 21px;margin-bottom: 16px;}
.home-hero-section .slider-text h2 {font-size: 32px;line-height: 44px;margin-bottom: 16px;}
.home-hero-section .slider-item .btn-primary {padding: 10px 16px;border-radius: 10px;font-size: 14px;}
.home-hero-section .slider-item .btn-primary:focus, .home-hero-section .slider-item .btn-primary:hover, .home-hero-section .slider-item .btn-primary:focus:active {padding: 10px 16px;border-radius: 10px;font-size: 14px;}
.home-hero-section .slider-item .btn-primary span svg{height: 20px;}
.financial-sol-wrap {padding: 24px 0px; margin-bottom: 16px;}
.finance-sol-title h4{font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.finance-sol-title p {font-size: 16px; line-height: 21px;}
.payment-g-content {padding: 0;flex: initial;order: 2;}
.payment-g-inner {gap: 16px;flex-direction: column;}
.payment-g-c-inner h4 {font-size: 24px;line-height: 33px; margin-bottom: 16px;}
.payment-g-c-inner p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.payment-g-c-inner .btn-secondary {padding: 8px 16px;font-size: 14px;line-height: 21px;}
.payment-g-c-inner .btn-secondary:hover, .payment-g-c-inner .btn-secondary:focus, .payment-g-c-inner .btn-secondary:focus:active {padding: 8px 16px;font-size: 14px;line-height: 21px;}
.payment-g-c-inner .btn-secondary span {display: inline-flex;}
.payment-g-c-inner .btn-secondary span svg{height: 17px;}
.payment-g-box {padding-top: 48px;}
.s-pos-device-wrap {padding: 24px 0px; margin-bottom: 16px;}
.s-pos-device-title h4 {font-size: 24px;line-height: 33px;margin-bottom: 16px;}
.s-pos-device-title p {font-size: 16px;line-height: 21px;margin-bottom: 0px;}
.s-pos-d-box {padding-top: 0px;display: flex;gap: 0px;flex-direction: column;}
.sadad-p-left .sadad-plus-card {padding: 24px 0px;}
.sadad-plus-img{height: 284px;border-radius: 8px;overflow: hidden;}
.sadad-plus-img img {width: 100%;height: 100%; object-fit: cover;}
.sadad-p-right .sadad-plus-card {padding: 24px 0px 0px 0px;}
.sadad-plus-content h4 {font-size: 18px;line-height: 23px;}
.sadad-plus-content p {font-size: 16px;line-height: 21px;margin-bottom: 16px;}
.sadad-plus-content .btn-secondary span svg{height: 17px;}
.smart-business-wrap {padding: 24px 0px; margin-bottom: 16px;}
.smart-busi-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.smart-busi-title p {font-size: 16px;line-height: 21px;padding-bottom: 24px;}
.smart-busi-box-main {padding: 24px 0px 0px 0px; margin-bottom: 0px;}
.mobile-hide{display: none;}
.smart-busi-image {min-width: auto;}
.smart-busi-image img{max-height: 100%; max-width: 100%; height: auto; width: 100%;}
.smart-busi-card{flex-direction: column; gap: 0px;}
.smart-busi-details {padding: 16px; order: 2;}
.smart-busi-card {margin-bottom: 16px;}
.smart-busi-content h5 {font-size: 18px;line-height: 23px;margin-bottom: 16px;}
.smart-busi-content p {font-size: 16px; line-height: 21px;margin-bottom: 16px;}
.smart-busi-action .btn-secondary {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.smart-busi-action .btn-secondary:hover, .smart-busi-action .btn-secondary:focus, .smart-busi-action .btn-secondary:focus:active {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.smart-busi-action .btn-secondary span svg{height: 17px;}
.scale-business-wrap {padding: 24px 0px; margin-bottom: 16px;}
.scale-business-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.scale-business-title p {font-size: 16px; line-height: 21px;}
.scale-bus-inner {padding: 24px 0px 0px 0px; margin-bottom: 16px;}
.scale-bus-inner .scale-busi-list {gap: 24px; flex-direction: column;}
.scale-busi-list .card{margin-bottom: 0px;flex-direction: column;align-items: center;}
.scale-busi-content h6 {font-size: 18px;line-height: 23px; margin-bottom: 8px; text-align: center;}
.scale-busi-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px; text-align: center;}
.scale-busi-list .smart-tool-action{display: flex; justify-content: center;}
.smart-tool-action .btn-primary {padding: 8px 16px;}
.smart-tool-action .btn-primary:hover, .smart-tool-action .btn-primary:focus, .smart-tool-action .btn-primary:focus:active {padding: 8px 16px;}
.smart-tool-action .btn-primary span svg{height: 17px;}
.scale-integ-box {gap: 24px;flex-direction: column;}
.scale-integ-content {margin-top: 24px; max-width: 100%;}
.scale-integ-content h5 {font-size: 18px; line-height: 23px; margin-bottom: 16px; text-align: center;}
.scale-integ-content p {font-size: 16px; line-height: 21px; margin-bottom: 16px; text-align: center;}
.read-more-action {display: flex; justify-content: center;}
.read-more-action .btn-primary {padding: 8px 16px; margin-top: 0px;}
.read-more-action .btn-primary:hover, .read-more-action .btn-primary:focus, .read-more-action .btn-primary:focus:active {padding: 8px 16px; margin-top: 0px;}
.read-more-action .btn-primary span svg{height: 17px;}
.why-chooseus-wrap {padding: 24px 0px;}
.why-chooseus-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 24px;}
.why-chooseus-wrap .chooseus-box{padding-top: 24px;}
.why-chooseus-wrap .choose-us-inner {flex-direction: column; row-gap: 8px;}
.why-chooseus-wrap .chooseus-icon {width: 48px; height: 48px; border-radius: 3.9px;}
.why-chooseus-wrap .chooseus-icon svg{height: 24px; width: 24px;}
.why-chooseus-wrap .chooseus-card {padding: 16px; gap: 24px; margin-bottom: 0px; flex-direction: column; align-items: center;}
.why-chooseus-wrap .chooseus-content h5 {font-size: 18px; line-height: 23px; margin-bottom: 16px; text-align: center;}
.chooseus-content p {font-size: 16px; line-height: 21px; text-align: center;}
.waiting-for-wrap {padding: 56px 0px 200px 0px;}
.waiting-for-content h4 {font-size: 24px; line-height: 33px; margin-bottom: 24px;}
.waiting-for-content p {font-size: 16px; line-height: 23px; margin-bottom: 24px;}
.waiting-for-content .btn-secondary {padding: 10px 20px; border-radius: 10px; font-size: 14px; margin-top: 24px;}
.waiting-for-content .btn-secondary:hover, .waiting-for-content .btn-secondary:focus, .waiting-for-content .btn-secondary:focus:active {padding: 10px 20px; border-radius: 10px; font-size: 14px; margin-top: 24px;}
.waiting-for-content .btn-secondary span svg{height: 17px;}
.waiting-for-content {max-width: 100%; z-index: 1; display: block; position: relative;}
.waiting-for-img {bottom: -120px; width: 100%; top: initial;}
.wai-f-desktop{display: none;}
.wai-f-mobile {display: block;}
.waiting-for-img img{width: 100%;}
/*HOME PAGE CSS END*/

/*CONTACT US CSS START*/
.contact-us-banner {padding: 24px 0px; margin-bottom: 24px;}
.contact-us-main {align-items: flex-start;gap: 24px; flex-direction: column;}
.contact-us-content {max-width: 100%; width: 100%; flex: initial; order: 2;}
.contact-us-hero-image {border-radius: 15px; height: 300px; width: 100%; flex: initial;}
.contact-us-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.contact-us-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.contact-us-box p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.get-itouch-wrapper {padding: 24px 0px;}
.get-itouch-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.get-itouch-title p {font-size: 16px; line-height: 21px; margin-top: 0px; margin-bottom: 0px;}
.get-itouch-form {padding: 24px 0px;}
.inquiry-input .inquiry-input-box {flex: initial; margin-right: 0; width: 100%;}
.get-i-contect-list {padding: 0px; min-width: 100%; width: 100%; flex: initial; margin-right: 0px; flex-direction: column;}
.get-i-c-icon {width: 48px; height: 48px; border-radius: 3.09px;}
.get-i-c-icon span svg{height: 24px; width: 24px;}
.get-i-c-content h4 {font-size: 18px; line-height: 23px; margin-bottom: 0px; text-align: center;}
/*CONTACT US CSS END*/

/*SADAD PLUS CSS START*/
.sadadplus-hero-section {padding: 24px 0px; margin-bottom: 16px;}
.sadadplus-hero-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.sadadplus-hero-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.sadadplus-hero-image {border-radius: 15px; height: 300px; width: 100%; flex: initial;}
.sadadplus-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.sadadplus-content-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 16px !important;}
.sadadplus-content-box p {font-size: 16px; line-height: 21px; margin-bottom: 20px;}
.sadadplus-content-box .btn-primary {padding: 10px 16px; border-radius: 10px; font-size: 14px; line-height: 20px; margin-bottom: 24px;}
.sadadplus-content-box .btn-primary:focus, .sadadplus-content-box .btn-primary:hover, .sadadplus-content-box .btn-primary:focus:active {padding: 10px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;  margin-bottom: 24px;}
.sadadplus-content-box .btn-primary span svg{height: 20px; width: 20px;}
.sd-product-fet-wrap {padding: 24px 0px; margin-bottom: 16px;}
.sadadp-sec-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 0px;}
.spf-main-box {padding-top: 24px;}
.sprod-fet-image {flex: initial; height: 300px;}
.sprod-fet-image img {width: 100%; height: 100%; object-fit: cover;}
.sprod-fet-card {display: flex; align-items: center; gap: 16px; margin-bottom: 24px; flex-direction: column;}
.sprod-fet-content {max-width: 100%; width: 100%; order: 2;}
.sprod-fet-content h2 {font-size: 64px; line-height: 87px; margin-bottom: 16px;}
.sprod-fet-content h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.sprod-fet-content p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.sdadad-p-speci-wrap {padding: 24px 0px;}
.sadad-plus-speci-box {padding-top: 24px;}
.sps-listing-main {column-gap: 0px;row-gap: 24px;flex-wrap: wrap;flex-direction: column;}
.sps-blog-img {border-radius: 8px; overflow: hidden; height: 300px; width: 100%;}
.sps-blog-img img {width: 100%; height: 100%; object-fit: cover;}
.sps-blog-content h6 {font-size: 18px; line-height: 23px; margin-bottom: 16px;}
.sps-blog-content p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.sps-blog-content {margin-top: 16px;}
.product-speci-detail {flex-direction: column; gap: 16px;}
.product-speci-list {flex-direction: row; gap: 17px; z-index: 0; flex-wrap: wrap; order: 2;}
.product-speci-list.ps-list-left .ps-list-box.text-end{text-align: left !important;}
.product-speci-list .ps-list-box .ps-list-icon.ms-auto {margin-right: auto!important; margin-left: initial !important;}
.product-speci-list.ps-list-left .ps-list-box{flex: 0 0 calc(50% - 8.5px);}
.product-speci-img {position: relative;}
.product-speci-img img {width: 100%; margin-bottom: 60px;}
.product-speci-list .ps-list-box .ps-list-content h6 {font-size: 16px; line-height: 21px;}
.product-speci-wrap {background-position: left; margin-bottom: 16px;}
.prduct-speci-box {padding: 24px 0px 71px 0px;}
.busi-grow-main {padding: 24px 0px; margin-bottom: 16px;}
.busi-grow-main .chooseus-box {padding-top: 24px;}
.busi-grow-main .choose-us-inner {column-gap: 24px;flex-direction: column;}
.busi-grow-main .chooseus-card {padding: 0; gap: 24px; flex: initial; margin-bottom: 24px; flex-direction: column;}
.busi-grow-main .chooseus-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0; }
.busi-grow-main .chooseus-icon span svg{height: 24px; width: 24px;}
.busi-grow-main .chooseus-content h5 {font-size: 18px; line-height: 24px; font-weight: bold; margin-bottom: 8px;}
.busi-grow-main .chooseus-content p {font-size: 16px; line-height: 21px; letter-spacing: -0.005em; color: #141414; margin-bottom: 0px; text-align: left;}
.pricing-faq-inner {padding: 24px 0px;}
.pricing-faq-inner .oppos-title {font-size: 24px; line-height: 33px; margin-bottom: 0px !important;}
.pricing-faq-accordian .accordion-button {padding: 16px 0px; font-size: 18px;}
.sadadp-sub-box {gap: 24px; flex-wrap: wrap;flex-direction: column;}
.sadadp-subs-wrap {padding: 24px 0px;}
.sadadp-sub-content{width: 100%; position: relative; height: auto; transform: none; top: initial; left: initial;}
.sadaddp-sub-desktop{display: none;}
.sadaddp-sub-mobile{display: block;}
.sadadp-sub-card {flex: initial;display: flex;flex-direction: column;align-items: flex-start; padding: 24px 20px 0px; gap: 32px; isolation: isolate; background: #F8FBFF; box-shadow: 0px 4.40146px 12.4708px rgba(4, 16, 34, 0.06), 0px 30.8102px 91.6971px rgba(7, 33, 102, 0.12); border-radius: 16px;}
.sadadp-sub-card img {border-radius: 0; width: 100%;}
.sadadp-sub-content h5 {font-size: 18px; line-height: 24px; margin-bottom: 8px;}
.sadadp-sub-content p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.sadadp-merchant-c p{margin-bottom: 16px;}
.sadadp-sub-action .btn-secondary,.sadadp-sub-action .btn-primary {padding: 8px 10px;font-size: 12px;}
.sadadp-sub-action .btn-secondary span svg, .sadadp-sub-action .btn-primary span svg{height: 17px;}
.sadadp-sub-action .btn-secondary:focus, .sadadp-sub-action .btn-secondary:hover, .sadadp-sub-action .btn-secondary:focus:active {padding: 8px 10px;font-size: 12px;}
.sadadp-sub-action .btn-primary:focus, .sadadp-sub-action .btn-primary:hover, .sadadp-sub-action .btn-primary:focus:active {padding: 8px 10px;font-size: 12px;}
/*SADAD PLUS CSS END*/

/*ACQUIRING SOLUTIONS CSS START*/
.acq-scroll-main {overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch;}
.acq-scroll-main::-webkit-scrollbar-track{display: none;}
.acq-sol-wrapper .acq-header-tab .acq-tab-list {display: inline-flex;}
.aqusol-hero-section {padding: 16px 0px 24px 0px; margin-bottom: 16px;}
.acq-sol-wrapper .acq-header-tab {padding: 15px 0px;}
.aqusol-hero-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.aqusol-hero-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.aqusol-hero-image {flex: initial; height: 300px; width: 100%;}
.aqusol-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.aqusol-content-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 16px !important;}
.aqusol-content-box p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.aqu-suits-wrap {padding: 24px 0px; margin-bottom: 16px;}
.aqu-suits-card {padding: 0; gap: 16px; flex-direction: column; flex: initial;}
.aqu-suits-icon {width: 48px; height: 48px; border-radius: 3.09px;}
.aqu-suits-icon span svg{height: 24px; width: 24px;}
.aqu-suits-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 16px;}
.aqu-suits-content p {font-size: 16px; line-height: 24px; margin-bottom: 16px;}
.aqu-tech-points ul {gap: 16px;}
.aqu-suits-listing {gap: 48px;padding-top: 40px;}
.omnichannel-main {padding: 24px 0px; margin-bottom: 16px;}
.aqu-sec-title h4 {font-size: 24px; line-height: 33px; text-align: center; margin-bottom: 16px;}
.aqu-sec-title p {font-size: 16px; line-height: 21px; margin-top: 16px;}
.omnichannel-wrap {padding-top: 24px;}
.omnic-inner {gap: 0; flex-direction: column;}
.omni-c-image {height: 300px; width: 100%;}
.omni-c-image img {width: 100%; height: 100%; object-fit: cover;}
.omnic-card {padding: 0px 0px 24px 0px; flex: initial; margin-bottom: 24px;}
.omni-c-content {margin-top: 16px;}
.omni-c-content h6 {font-size: 18px; line-height: 33px; margin-bottom: 16px;}
.omni-c-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.omnic-card:last-child{margin-bottom: 16px;}
.omni-security-box {padding-top: 24px; gap: 24px; flex-direction: column;}
.omin-secrity-card {flex: initial; padding: 16px;}
.omni-security-icon {width: 48px; height: 48px;}
.omni-security-icon span svg{height: 24px; width: 24px;}
.omin-secrity-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 16px; margin-top: 24px;}
.omin-secrity-content ul li span img{height: 32px; width: 32px;}
.omin-secrity-content ul li p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.seamless-sol-wrap {padding: 24px 0px; margin-bottom: 16px;}
.seamless-slide-box .owl-carousel .item .carousel-image {height: 200px; width: 100%;}
.owl-carousel .owl-item img { width: 100%; height: 100%; object-fit: cover;}
.seamless-slide-box .owl-carousel .item p {font-size: 16px; line-height: 24px;}
.seamless-slide-box .owl-carousel .custom-next, .seamless-slide-box .owl-carousel .custom-prev {padding: 9px 15px;}
.seamless-slide-box .owl-dots{display: none;}
.seamless-slide-box .owl-carousel .owl-nav, .seamless-slide-box .owl-carousel .owl-nav.disabled {margin: 16px 0px;}
.back-office-wrap {padding: 24px 0px; margin-bottom: 16px;}
.back-office-details {gap: 0px; padding-top: 0px; flex-direction: column;}
.back-office-content {max-width: 100%; width: 100%; order: 2; margin-top: 24px;}
.back-office-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.back-office-icon span svg{height: 24px; width: 24px;}
.back-office-points {display: flex; gap: 24px; padding: 0; margin-bottom: 24px; flex-direction: column;}
.back-office-text h6 {font-size: 18px; line-height: 24px; margin-bottom: 16px;}
.back-office-text p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.back-office-points:last-child {margin-bottom: 24px;}
.back-office-image { border-radius: 8px; overflow: hidden; padding: 0; flex: initial; height: 300px;}
.back-office-image img {width: 100%; height: 100%; object-fit: cover;}
.sadad-adopt-wrap {padding: 24px 0px;}
.sadad-adopt-wrap .chooseus-box { padding-top: 0px;}
.sadad-adopt-wrap .choose-us-inner {column-gap: 0;flex-direction: column;}
.sadad-adopt-wrap .chooseus-card {padding: 16px; gap: 24px; flex: initial; margin-bottom: 24px; flex-direction: column; align-items: center;}
.sadad-adopt-wrap .chooseus-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.sadad-adopt-wrap .chooseus-icon span svg{height: 24px; width: 24px;}
.sadad-adopt-wrap .chooseus-content p {font-size: 16px; line-height: 21px;}
.sadad-adopt-wrap .chooseus-card:last-child{margin-bottom: 0px;}
.sadad-adopt-wrap .chooseus-content h5 {font-size: 18px; line-height: 24px; margin-bottom: 18px; text-align: center;}
.fin-insti-wrap {background-position: center center;}
.fin-insti-wrap .waiting-for-img {position: relative; right: initial; bottom: -50px; left: 50%; transform: translateX(-58%); top: initial;}
.fin-insti-wrap .waiting-for-content h4 {font-size: 24px; line-height: 33px; margin-bottom: 24px;}
.fin-insti-wrap .waiting-for-content p {font-size: 16px; line-height: 24px; margin-bottom: 24px; display: inline-block;}
.fin-insti-wrap .waiting-for-content .btn-secondary {padding: 8px 16px; font-size: 14px; line-height: 20px; margin-top: 0px; border-radius: 10px; margin: 0 auto;}
.fin-insti-wrap .waiting-for-content .btn-secondary:hover, .fin-insti-wrap .waiting-for-content .btn-secondary:focus, .fin-insti-wrap .waiting-for-content .btn-secondary:focus:active {padding: 8px 16px; font-size: 14px; line-height: 20px; margin-top: 0px; border-radius: 10px; margin: 0 auto;}
.fin-insti-wrap .waiting-for-content {max-width: 100%; width: 100%; text-align: center;}
/*ACQUIRING SOLUTIONS CSS END*/

/*PAYMENT GATEWAY CSS START*/
.pgateway-hero-section {padding: 24px 0px; margin-bottom: 24px;}
.pgateway-hero-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.pgateway-hero-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.pgateway-hero-image {flex: initial; height: 300px; width: 100%;}
.pgateway-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.pgateway-content-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.pgateway-content-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.pgateway-content-box .btn-primary {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.pgateway-content-box .btn-primary:focus, .pgateway-content-box .btn-primary:hover, .pgateway-content-box .btn-primary:focus:active{padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.pgateway-content-box .btn-primary span{display: inline-flex;}
.pgateway-content-box .btn-primary span svg{width: 17px; height: 17px;}
.liberary-inte-wrap {padding: 24px 0px; margin-bottom: 16px;}
.p-gateway-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.p-gateway-title p {font-size: 16px; line-height: 21px; margin-top: 0px;}
.lib-inte-box {padding-top: 24px; flex-direction: column; gap: 48px;}
.lib-inte-image {height: 300px; width: 100%;}
.lib-inte-image img {width: 100%; height: 100%; object-fit: cover;}
.lib-content-detail h6 {font-size: 18px; line-height: 32px; margin-bottom: 16px;}
.lib-content-detail p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.lib-content-detail {margin-top: 32px; margin-bottom: 0px;}
.view-doc-action .btn-secondary-square {padding: 8px 16px;}
.view-doc-action .btn-secondary-square:focus, .view-doc-action .btn-secondary-square:hover, .view-doc-action .btn-secondary-square:active, .view-doc-action .btn-secondary-square:focus:active{padding: 8px 16px;}
.view-doc-action .btn-secondary-square span svg{height: 17px; width: 17px;}
.enable-cust-wrap {padding: 24px 0px; margin-bottom: 16px;}
.enable-cust-details .s-pos-d-box {padding-top: 32px; gap: 24px;}
.enable-cust-details .sadad-p-left .sadad-plus-card {padding: 0px;}
.enable-cust-details .sadad-plus-img {height: 300px; width: 100%; margin-bottom: 16px;}
.enable-cust-details .sadad-plus-img img {height: 100%; object-fit: cover;}
.enable-cust-details .sadad-plus-content h4 {font-size: 18px; line-height: 32px; margin-bottom: 16px; margin-top: 24px;}
.enable-cust-details .sadad-plus-content p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.manage-trax-wrap {padding: 24px 0px; margin-bottom: 16px;}
.enable-cust-details .sadad-p-right .sadad-plus-card {padding: 0;}
.manage-trax-list {padding-top: 24px;}
.manage-trax-list .our-meth-card {padding: 0; flex: initial;}
.manage-trax-wrap .manage-trax-list{flex-direction: column;}
.manage-trax-list .our-meth-content h6 {font-size: 18px; line-height: 33px;}
.manage-trax-list .our-meth-card {padding: 0; flex: initial; margin-bottom: 32px;}
.manage-trax-list .our-meth-image {height: 300px; width: 100%;}
.manage-trax-list .our-meth-image img {width: 100%; height: 100%; object-fit: cover;}
.manage-trax-action {padding-top: 24px;}
.manage-trax-action .btn-secondary-square {padding: 8px 16px;}
.manage-trax-action .btn-secondary-square:focus, .manage-trax-action .btn-secondary-square:hover, .manage-trax-action .btn-secondary-square:active, .manage-trax-action .btn-secondary-square:focus:active{padding: 8px 16px;}
.manage-trax-action .btn-secondary-square span svg{height: 17px; width: 17px;}
.payment-pro-wrap {padding: 24px 0px; margin-bottom: 16px;}
.payment-pro-list .chooseus-box {padding-top: 24px;}
.payment-pro-list .choose-us-inner {flex-direction: column;}
.payment-pro-list .chooseus-card {align-items: center; padding: 0px; gap: 24px; flex: initial; margin-bottom: 48px; flex-direction: column;}
.payment-pro-list .chooseus-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.payment-pro-list .chooseus-icon span svg {height: 24px; width: 24px;}
.payment-pro-list .chooseus-content h5 {font-size: 18px; line-height: 33px; margin-bottom: 16px; text-align: center;}
.payment-pro-list .chooseus-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.api-steps-wrap {padding: 24px 0px; margin-bottom: 16px;}
.api-steps-main {padding-top: 24px; flex-direction: column;}
.api-steps-list .step-number {font-size: 64px; line-height: 87px; margin-bottom: 16px; text-align: center;}
.api-steps-list {flex: inherit; min-width: 100%;}
.api-steps-main .horizontal-line {width: 1px; height: 60px; margin: 32px 0px;}
.sadad-token-wrap {padding: 24px 0px;}
.sadad-token-box .user-fin-card {align-items: flex-start; margin-bottom: 24px; gap: 40px; flex-direction: column; padding: 0px;}
.sadad-token-box .user-fin-content {width: 100%; flex: initial; order: 2;}
.sadad-token-box .user-fin-content h4 {font-size: 18px; line-height: 32px; margin-bottom: 16px;}
.sadad-token-box .user-fin-content p{font-size: 16px; line-height: 21px;  margin-bottom: 16px;}
.sadad-token-box .user-fin-content ul li {font-size: 16px; line-height: 21px;}
.sadad-token-box .user-fin-image {flex: initial; height: 300px; width: 100%;}
.sadad-token-box .user-fin-image img {width: 100%; height: 100%; object-fit: cover;}
.elect-payment-wrap {padding: 24px 0px; margin-bottom: 24px;}
.elec-card-box {padding-top: 24px; align-items: center; justify-content: space-between; flex-direction: column; gap: 40px; flex-wrap: initial;}
.elec-card-list {padding: 0px; gap: 24px; flex: initial; flex-direction: column; align-items: center; width: 100%;}
.elec-card-icon {width: 48px; height: 48px; border-radius: 3.09px;}
.elec-card-icon span svg {height: 24px; width: 24px;}
.ec-vertical-line {width: 100%; height: 1px; margin: 0px;}
.elec-card-list h6 {font-size: 18px; line-height: 33px; margin-bottom: 8px; text-align: center;}
/*PAYMENT GATEWAY CSS END*/

/*INVOICE PAYMENT LINK CSS START*/
.paylink-hero-section {padding: 24px 0px; margin-bottom: 24px;}
.paylink-hero-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.paylink-hero-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.paylink-hero-image {flex: initial; height: 300px; width: 100%;}
.paylink-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.paylink-content-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.paylink-content-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.paylink-content-box .btn-primary, .paylink-content-box .btn-secondary-square {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.paylink-content-box .btn-primary:focus, .paylink-content-box .btn-primary:hover, .paylink-content-box .btn-primary:focus:active{padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.paylink-content-box .btn-secondary-square:focus, .paylink-content-box .btn-secondary-square:hover, .paylink-content-box .btn-secondary-square:active, .paylink-content-box .btn-secondary-square:focus:active{padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.paylink-content-box .btn-primary span svg, .paylink-content-box .btn-secondary-square span svg{height: 17px; width: 17px;}
.sd-payment-feat-wrap {padding: 24px 0px; margin-bottom: 24px;}
.sd-payment-feat-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.sd-paylink-box {padding-top: 24px;}
.sd-paylink-card {padding: 0px; box-shadow: none; border-radius: 0px; display: flex; column-gap: 24px; margin-bottom: 48px; flex-direction: column;}
.sd-paylink-image {height: 300px; width: 100%; margin-bottom: 16px;}
.sd-paylink-image img {width: 100%; height: 100%; object-fit: cover;}
.sd-paylink-content {flex: initial; order: 2;}
.sd-paylink-content h6 {font-size: 24px; line-height: 33px; margin-bottom: 16px; margin-top: 24px;}
.sd-paylink-content p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.sd-paylink-content ul li {font-size: 16px; line-height: 21px; margin-bottom: 16px;}    
.sd-paylink-content ul li span svg{height: 24px; width: 24px;}
.lifelong-sec-wrap {padding: 24px 0px; margin-bottom: 24px;}
.lifelong-sec-box {padding: 32px 20px; border-radius: 0px;}
.sd-payment-feat-title p {font-size: 16px; line-height: 21px; margin-top: 0px; margin-bottom: 0px;}
.power-p-sol-box {padding-top: 24px; gap: 16px; flex-direction: column;}
.power-p-content h6 {font-size: 18px; line-height: 32px;}
.power-p-content p {font-size: 16px; line-height: 21px; margin-bottom: 16px !important;}
.power-p-list-inner {padding-bottom: 0px; margin-bottom: 16px;}
.lifelong-sec-box::after{display: none;}
.h-invoice-work-wrap {padding: 24px 0px; margin-bottom: 24px;}
.how-inv-work-box .howit-work-box {padding: 24px 0px; flex-direction: column;}
.how-inv-work-box .howit-work-content h1 {font-size: 64px; line-height: 88px; margin-bottom: 16px !important;}
.how-inv-work-box .howit-work-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.how-inv-work-action {flex-direction: column; row-gap: 24px;}
.how-inv-work-action .btn-primary, .how-inv-work-action .btn-secondary-square {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.how-inv-work-action .btn-primary:focus, .how-inv-work-action .btn-primary:hover, .how-inv-work-action .btn-primary:focus:active{padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.how-inv-work-action .btn-primary span svg, .how-inv-work-action .btn-secondary-square span svg{height: 17px; width: 17px;}
.how-inv-work-action .btn-secondary-square:focus, .how-inv-work-action .btn-secondary-square:hover, .how-inv-work-action .btn-secondary-square:active, .how-inv-work-action .btn-secondary-square:focus:active{padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.inv-service-wrap {padding: 24px 0px; margin-bottom: 24px;}
.inv-service-blog .qatar-key-box {padding-top: 24px; flex-direction: column; row-gap: 16px;}
.inv-service-blog .qatar-key-card {padding: 0px; flex: initial;}
.qatar-key-card .qatar-key-image {height: 300px; width: 100%; border-radius: 8px; overflow: hidden;}
.qatar-key-card .qatar-key-image img{height: 100%; width: 100%; object-fit: cover;}
.inv-service-blog .qatar-key-content h4 {font-size: 18px; line-height: 23px; margin-bottom: 16px;}
.inv-service-blog .qatar-key-content p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.sadad-inv-price-wrap {padding: 24px 0px; margin-bottom: 24px;}
.sadad-inv-price-box {column-gap: 32px; padding-top: 24px; flex-direction: column; gap: 16px;}
.sadad-inv-p-content .free-text { font-size: 18px; line-height: 23px; margin-bottom: 16px;}
.sadad-reg-content p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.sadad-service-list h6 {font-size: 18px; line-height: 23px; margin-bottom: 8px;}
.sadad-service-list ul li {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.sadad-inv-p-action .btn-primary-square {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.sadad-inv-p-action .btn-primary-square:focus, .sadad-inv-p-action .btn-primary-square:hover, .sadad-inv-p-action .btn-primary-square:active, .sadad-inv-p-action .btn-primary-square:focus:active {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.sadad-inv-p-action .btn-primary-square span svg{height: 17px; width: 17px;}
.available-meth-wrap {padding: 24px 0px; margin-bottom: 24px;}
.available-meth-box .elec-card-box {padding-top: 24px; align-items: center; justify-content: space-between; flex-direction: column; gap: 40px; flex-wrap: initial;}
.available-meth-box .elec-card-list {padding: 0px; gap: 24px; flex: initial; flex-direction: column; align-items: center; width: 100%;}
.available-meth-box .elec-card-icon {width: 48px; height: 48px; border-radius: 3.09px;}
.available-meth-box .elec-card-icon span svg {height: 24px; width: 24px;}
.available-meth-box .ec-vertical-line {width: 100%; height: 1px; margin: 0px;}
.available-meth-box .elec-card-list h6 {font-size: 18px; line-height: 33px; margin-bottom: 8px; text-align: center;}
/*INVOICE PAYMENT LINK CSS END*/

/*SMART STORE CSS START*/
.smart-store-banner{padding: 24px 0px; margin-bottom: 24px;}
.ss-hero-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.ss-hero-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.ss-hero-image {flex: initial; height: 300px; width: 100%; border-radius: 16px; overflow: hidden;}
.ss-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.ss-content-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.ss-content-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.common-icon-action .btn-primary {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.common-icon-action .btn-primary:hover, .common-icon-action .btn-primary:focus, .common-icon-action .btn-primary:focus:active{padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.common-icon-action .btn-primary span svg{height: 17px; width: 17px;}
.service-link-wrapper {padding: 24px 0px; margin-bottom: 24px;}
.ss-link-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 24px;}
.ss-link-wrap {gap: 48px; padding-top: 24px; flex-direction: column;}
.ss-link-image {padding: 0px; width: 100%; height: 300px; border-radius: 8px; overflow: hidden;}
.ss-link-image img{width: 100%; height: 100%; object-fit: cover;}
.ss-link-content {padding: 0px;}
.ss-link-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 16px;}
.ss-link-content p {font-size: 16px; line-height: 21px;}
.web-store-wrapper {padding: 24px 0px;}
.web-store-listing {padding-top: 24px;}
.web-store-wrap {flex-direction: column; gap: 0px;}
.web-store-box { gap: 32px; padding: 16px; gap: 24px; flex: initial; margin-bottom: 24px; flex-direction: column; align-items: center;}
.web-store-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.web-store-icon svg {height: 24px; width: 24px;}
.web-store-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 18px; text-align: center;}
.web-store-content p {font-size: 16px; line-height: 21px; text-align: center;}
.web-store-wrapper .web-store-wrap:last-child .web-store-box {margin-bottom: 24px;}
.business-type-wrapper {padding: 24px 0px;}
.business-type-box {padding: 24px 20px 0px 20px; border-radius: 24px; gap: 16px; flex-direction: column;}
.business-type-img {position: relative; bottom: -5px; right: -30px;}
.business-type-detail h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.business-type-detail p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.business-type-detail {padding-bottom: 16px;}
.business-type-pricing {padding-top: 16px;}
.business-type-pricing h4 {font-size: 33px;  margin-bottom: 4px;}
.business-type-action .btn-secondary-square {padding: 8px 16px; margin-top: 24px;}
.business-type-action .btn-secondary-square:focus, .business-type-action .btn-secondary-square:hover, .business-type-action .btn-secondary-square:active, .business-type-action .btn-secondary-square:focus:active{padding: 8px 16px; margin-top: 24px;}
.business-type-action .btn-secondary-square span svg {height: 17px; width: 17px;}
/*SMART STORE CSS END*/

/*SOFT POS CSS START*/
.softpos-hero-section{padding: 24px 0px; margin-bottom: 24px;}
.softpos-hero-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.softpos-hero-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.softpos-hero-image {flex: initial; height: 300px; width: 100%; border-radius: 16px; overflow: hidden;}
.softpos-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.softpos-content-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.softpos-content-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.softpos-content-box .btn-primary {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.softpos-content-box .btn-primary:hover, .softpos-content-box .btn-primary:focus, .softpos-content-box .btn-primary:focus:active{padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.softpos-content-box .btn-primary span svg{height: 17px; width: 17px;}
.accept-payment-main {padding: 24px 0px 24px 0px;}
.accept-p-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.accept-p-title p {font-size: 16px; line-height: 21px;}
.sadad-soft-wrapper {padding: 24px 0px;flex-direction: column; gap: 16px;}
.sadad-soft-image {flex: initial; width: 100%; height: 300px; overflow: hidden; border-radius: 8px;}
.sadad-soft-image img{width: 100%; height: 100%; object-fit: cover;}
.sadad-soft-content {flex: initial; padding: 0px;}
.sadad-soft-content h6 {font-size: 18px; line-height: 32px; margin-bottom: 16px; margin-top: 24px;}
.sadad-soft-para p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.upg-collection-main {padding: 24px 0px;}
.upg-collection-main .chooseus-box {padding-top: 24px;}
.upg-collection-main {padding: 24px 0px; margin-bottom: 16px;}
.upg-collection-main .chooseus-box {padding-top: 24px;}
.upg-collection-main .choose-us-inner {column-gap: 24px;flex-direction: column;}
.upg-collection-main .chooseus-card {padding: 0; gap: 24px; flex: initial; margin-bottom: 24px; flex-direction: column;}
.upg-collection-main .chooseus-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0; }
.upg-collection-main .chooseus-icon span svg{height: 24px; width: 24px;}
.upg-collection-main .chooseus-content h5 {font-size: 18px; line-height: 24px; font-weight: bold; margin-bottom: 8px;}
.upg-collection-main .chooseus-content p {font-size: 16px; line-height: 21px; letter-spacing: -0.005em; color: #141414; margin-bottom: 0px; text-align: left;}
.howit-work-wrap {padding: 24px 0px;}
.howit-work-wrap .howit-work-box {padding: 24px 0px; flex-direction: column;}
.howit-work-wrap .howit-work-content h1 {font-size: 64px; line-height: 88px; margin-bottom: 16px !important;}
.howit-work-wrap .howit-work-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.payment-logo-wrap {padding: 24px 0px;}
.payment-logo-wrap .container{padding: 0px !important;}
.payment-logo-box {column-gap: 0; padding: 24px 20px; height: auto; flex-direction: column; border-radius: 0px; row-gap: 24px;}
.paymrnt-logo-title h5 {font-size: 24px; line-height: 33px; color: #141414; text-align: center;}
.paymrnt-logo-title {max-width: 100%; width: 100%;}
.payment-logo-box::before{display: none;}
.merchant-p-sol-wrap {padding: 24px 0px;}
.merchant-p-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px;}
.merchant-p-title p {font-size: 16px; line-height: 21px;}
.accept-payment-wrap {padding: 24px 0px;}
.benifit-box-main {padding-top: 24px; flex-direction: column; gap: 24px;}
.benifit-box {padding: 0px; gap: 24px; flex: initial; flex-direction: column;}
.benifit-box .benifit-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0; }
.benifit-box .benifit-icon span svg{height: 24px; width: 24px;}
.benifit-content h5 {font-size: 18px; line-height: 33px; margin-bottom: 16px;}
.benifit-list-content h6 {font-size: 16px; line-height: 21px; margin-bottom: 8px;}
.benifit-list-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.softp-service-wrap {padding: 24px 0px;}
.softp-service-box {padding-top: 24px; gap: 116px; flex-direction: column;}
.softp-service-list .softp-service-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0; }
.softp-service-list .softp-service-icon span svg{height: 24px; width: 24px;}
.softp-service-content h6 {font-size: 18px; line-height: 33px; text-align: center; margin-bottom: 16px;}
.softp-service-content p {font-size: 16px; line-height: 21px; text-align: center;}
.softp-service-list::after {background: url('../images/sadad-pos-edge/odd-arrow-mobile.svg') no-repeat; width: 23.87px; height: 113.85px; position: absolute; left: 50%; top: 205px;}
.softp-service-box .softp-service-list:nth-child(even)::after {background: url('../images/sadad-pos-edge/even-arrow-mobile.svg') no-repeat; left: 48%; top: 100%;}
.softp-service-list::after {top: 100%;}
/*SOFT POS CSS END*/

/*LEADERSHIP CSS START*/
.leadership-banner{padding: 24px 0px; margin-bottom: 0px;}
.leadership-n-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.leadership-n-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.leadership-n-hero-image {flex: initial; height: 300px; width: 100%; border-radius: 16px; overflow: hidden;}
.leadership-n-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.leadership-n-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.leadership-n-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.board-of-director {padding: 24px 0px;}
.board-of-d-box {gap: 24px; padding-top: 24px; flex-direction: initial;}
.board-of-d-name h6 {font-size: 14px; line-height: 24px;}
.board-of-d-card {padding: 12px; border-radius: 8px;}
/*LEADERSHIP CSS END*/

/*LATEST NEW CSS START*/
.latest-news-banner{padding: 24px 0px; margin-bottom: 0px;}
.latest-n-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.latest-n-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.latest-n-hero-image {flex: initial; height: 300px; width: 100%; border-radius: 16px; overflow: hidden;}
.latest-n-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.latest-n-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.latest-n-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.the-news-wrapper {padding: 24px 0px;}
.the-news-title h4 {font-size: 24px; line-height: 33px;}
.the-news-card-main {padding: 24px 0px;}
.the-news-listing {flex-direction: column;}
.the-news-box {flex: initial; margin-right: 0px; padding: 0px;}
.the-news-listing .the-news-img{width: 100%; height: 300px; border-radius: 8px; overflow: hidden; margin-bottom: 16px;}
.the-news-listing .the-news-img img{width: 100%; height: 100%; object-fit: cover;}
.the-news-content span {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.the-news-content h6 {font-size: 18px; line-height: 32px; margin-bottom: 16px;}
.the-news-content ul li {font-size: 16px; line-height: 21px;}
.the-news-action .btn-secondary-square {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 21px;}
.the-news-action .btn-secondary-square:focus, .the-news-action .btn-secondary-square:hover, .the-news-action .btn-secondary-square:active, .the-news-action .btn-secondary-square:focus:active {padding: 8px 16px; border-radius: 10px; font-size: 14px; line-height: 21px;}
.the-news-action .btn-secondary-square span svg{height: 17px; width: 17px;}
/*LATEST NEW CSS END*/

/*SECURITY COMPLIANCE CSS START*/
.sec-comp-banner{padding: 24px 0px; margin-bottom: 0px;}
.sec-comp-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.sec-comp-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.sec-comp-hero-image {flex: initial; height: 300px; width: 100%; border-radius: 16px; overflow: hidden;}
.sec-comp-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.sec-comp-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.sec-comp-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.sadad-certi-main {padding: 24px 0px;}
.sadad-certi-title h4 {font-size: 24px; line-height: 33px;}
.sadad-certi-box {padding-top: 24px; gap: 32px; flex-direction: column;}
.sadad-certi-content p {margin-bottom: 16px; font-size: 16px; line-height: 21px;}
.custom-checkout-wrap {padding: 24px 0px;}
.sadad-certi-title p {font-size: 16px; line-height: 21px; margin-top: 16px;}
.sadad-certi-listing {padding-top: 24px; flex-direction: column;}
.sadad-certi-card {flex: initial; margin-right: 0px; padding: 0px; position: relative;}
.sadad-certi-card .sadad-certi-card-img{width: 100%; height: 300px; border-radius: 8px; overflow: hidden; margin-bottom: 16px;}
.sadad-certi-card .sadad-certi-card-img img{width: 100%; height: 100%;}
.checkout-content h6 {font-size: 18px; line-height: 32px; margin-bottom: 16px;}
.checkout-content p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.custom-checkout-wrap .business-type-action .btn-secondary-square {padding: 8px 16px; margin-top: 0px; margin-bottom: 16px;}
.custom-checkout-wrap .business-type-action .btn-secondary-square:focus, .custom-checkout-wrap .business-type-action .btn-secondary-square:hover, .custom-checkout-wrap .business-type-action .btn-secondary-square:active,.custom-checkout-wrap .business-type-action .btn-secondary-square:focus:active{padding: 8px 16px; margin-top: 0px;margin-bottom: 16px;}
.custom-checkout-wrap .business-type-action .btn-secondary-square span svg {height: 17px; width: 17px;}
.security-fet-list {padding-top: 24px;}
.security-fet-list .chooseus-box {padding-top: 24px;}
.security-fet-list .choose-us-inner {flex-direction: column;}
.security-fet-list .chooseus-card {align-items: center; padding: 0px; gap: 24px; flex: initial; margin-bottom: 48px; flex-direction: column;}
.security-fet-list .chooseus-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.security-fet-list .chooseus-icon span svg {height: 24px; width: 24px;}
.security-fet-list .chooseus-content h5 {font-size: 18px; line-height: 33px; margin-bottom: 16px; text-align: center;}
.security-fet-list .chooseus-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.user-fin-box {padding-top: 24px;}
.user-fin-card {margin-bottom: 0px; gap: 16px; padding: 24px 0px; flex-direction: column;}
.user-fin-content {width: 100%; flex: initial; order: 2;}
.user-fin-image {border-radius: 8px; overflow: hidden; flex: initial; height: 300px; width: 100%;}
.user-fin-image img{width: 100%; height: 100%; object-fit: cover;}
.user-fin-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 16px;}
.user-fin-content ul li {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.user-fin-wrap {padding: 24px 0px;}
/*SECURITY COMPLIANCE CSS END*/

/*ABOUT US CSS START*/
.about-us-banner{padding: 24px 0px; margin-bottom: 0px;}
.about-us-main {align-items: flex-start; gap: 32px; flex-direction: column;}
.about-us-content {max-width: 100%; flex: initial; width: 100%; order: 2;}
.about-us-hero-image {flex: initial; height: 300px; width: 100%; border-radius: 16px; overflow: hidden;}
.about-us-hero-image img {width: 100%; height: 100%; object-fit: cover;}
.about-us-box h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px !important;}
.about-us-box p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.who-we-are-wrap {padding: 24px 0px;}
.who-we-are-box {display: flex; column-gap: 0; flex-direction: column;}
.who-we-are-content {max-width: 100%; flex: initial;}
.who-we-are-content h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px; text-align: center;}
.who-we-are-content p {font-size: 16px; line-height: 24px; margin-bottom: 24px; text-align: center;}
.vision-mission-wrap {padding: 24px 0px;}
.vmission-title h4 {font-size: 24px; line-height: 33px; margin-bottom: 16px; text-align: center;}
.vision-mission-box {padding-top: 24px; flex-direction: column; gap: 8px;}
.vision-mission-box .vmission-image{border-radius: 8px; width: 100%; height: 300px; overflow: hidden;}
.vision-mission-box .vmission-image img{width: 100%; height: 100%; object-fit: cover;}
.vmission-content {margin-top: 16px;}
.vmission-content h6 {font-size: 18px; line-height: 31px; margin-bottom: 16px;}
.vmission-content p {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.our-value-wrap {padding: 24px 0px;}
.our-value-wrap .chooseus-box {padding-top: 24px;}
.our-value-wrap .choose-us-inner {flex-direction: column;}
.our-value-wrap .chooseus-card {padding: 0px; gap: 24px; flex: initial; margin-bottom: 48px; flex-direction: column;}
.our-value-wrap .chooseus-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.our-value-wrap .chooseus-icon span svg {height: 24px; width: 24px;}
.our-value-wrap .chooseus-content h5 {font-size: 18px; line-height: 33px; margin-bottom: 16px;}
.our-value-wrap .chooseus-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px; text-align: left;}
.our-methodology-wrap {padding: 24px 0px;}
.our-meth-list {padding-top: 24px; display: flex; flex-direction: column;}
.our-meth-content h6 {font-size: 18px; line-height: 24px; margin-top: 16px; text-align: left;}
.commitment-g-wrap {padding: 24px 0px;}
.vmission-title p {font-size: 16px; line-height: 21px; margin-top: 16px;}
.commitment-g-wrap .sadad-plus-speci-box {padding-top: 24px;}
.commitment-g-wrap .sps-blog-content {margin-top: 0px;}
.commitment-g-wrap .sps-blog-content h6 {font-size: 18px; line-height: 32px; margin-bottom: 16px; margin-top: 24px;}
.commitment-g-wrap .sps-blog-content p {font-size: 16px; line-height: 21px; margin-bottom: 0px;}
.commitment-g-wrap .sps-listing-main {row-gap: 72px; flex-wrap: wrap;}
.commitment-g-wrap .sps-blog-img {border-radius: 8px; width: 100%; height: 300px; overflow: hidden;}
.commitment-g-wrap .sps-blog-img img{width: 100%; height: 100%; object-fit: cover;}
.choose-sadad-listing {padding-top: 24px;}
.choose-sadad-listing .web-store-box { gap: 32px; padding: 16px; gap: 24px; flex: initial; margin-bottom: 0px; flex-direction: column; align-items: center;}
.choose-sadad-listing .web-store-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.choose-sadad-listing .web-store-icon svg {height: 24px; width: 24px;}
.choose-sadad-listing .web-store-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 18px; text-align: center;}
.choose-sadad-listing .web-store-wrapper .web-store-wrap:last-child .web-store-box {margin-bottom: 24px;}
.choose-sadad-listing .web-store-wrap {gap: 0px;}
.why-choose-sds-wrap {padding: 24px 0px;}
.our-partner-wrap {padding: 24px 0px;}
.our-partner-box {padding-top: 24px;}
.our-partner-logo img {height: 50px;}
.our-partner-logo {column-gap: 90px; justify-content: center; flex-wrap: wrap; row-gap: 24px;}
.our-journey-slider.owl-carousel .owl-nav, .our-journey-slider.owl-carousel .owl-nav.disabled {margin-top: 56px;}
/*ABOUT US CSS END*/

/*PRICING PAGE CSS START*/
.pricing-hero-wrap {padding: 24px 0px;}
.pricing-hero-title h1 {font-size: 32px; line-height: 44px; margin-bottom: 16px !important;}
.pricing-hero-title p {font-size: 16px; line-height: 24px; text-align: center; margin-bottom: 0px;}
.device-header-main {gap: 8px; flex-direction: column;}
.device-icon {width: 48px; height: 48px; border-radius: 3.09px;}
.device-icon span svg{height: 24px; width: 24px;}
.device-content-main h6 {font-size: 24px; line-height: 33px; margin-bottom: 24px;}
.device-action .btn-primary-square {padding: 8px 10px;}
.device-action .btn-primary-square:focus, .device-action .btn-primary-square:hover, .device-action .btn-primary-square:active, .device-action .btn-primary-square:focus:active {padding: 8px 10px;}
.device-action .btn-secondary-square {padding: 8px 10px;}
.device-action .btn-secondary-square:focus, .device-action .btn-secondary-square:hover, .device-action .btn-secondary-square:active, .device-action .btn-secondary-square:focus:active{padding: 8px 10px;}
.device-action .btn-primary-square span svg{width: 17px; height: 17px;}
.device-inner-main {gap: 16px; flex-direction: column; flex-wrap: initial;}
.device-body-main {margin-top: 24px; background-color: #FFFFFF;  border-radius: 16px; padding-top: 0px;}
.device-grid {display: flex; gap: 16px; flex-direction: column; width: 100%; padding: 8px 0px;}
.device-grid-card{display: flex; border-bottom: 1px solid rgba(156, 163, 175, 0.3);}
.device-grid-card:last-child{border-bottom: 0px;}
.device-card-img {margin-bottom: 16px; border-radius: 8px; overflow: hidden; min-width: 140px; max-width: 140px; height: 106px; flex: 1; text-align: center; flex-shrink: 0;}
.device-card-img img {width: 80px; height: auto;}
.knowmore-mobile-hide{display: none;}
.device-content {min-height: auto;}
.device-card-content{display: flex; align-items: center; gap: 8px; padding-right: 10px; justify-content: space-between; width: 100%;}
.device-card-content h6{white-space: initial; max-width: initial;}
.device-card-content p {line-height: 21px;}
.device-card-content p span {display: block;}
.device-card-content .btn-secondary-square {padding: 8px 10px; background-color: transparent;}
.device-card-content .btn-secondary-square:focus, .device-card-content .btn-secondary-square:hover, .device-card-content .btn-secondary-square:active, .device-card-content .btn-secondary-square:focus:active{padding: 8px 10px; background-color: transparent;}
.device-card-content .btn-secondary-square:focus svg path,
.device-card-content .btn-secondary-square:hover svg path,
.device-card-content .btn-secondary-square:active svg path,
.device-card-content .btn-secondary-square:focus:active svg path{ stroke: #8E1B3E;}
.device-content-main p {font-size: 16px; line-height: 21px; margin-bottom: 24px;}
.device-content-main p:first-of-type{margin-bottom: 8px;}
.sds-pos-wrapper {padding: 48px 0px 24px 0px;}
.sds-pos-title h4 {font-size: 24px; line-height: 33px;}
.standard-plan-main {padding: 16px 0px 24px 0px;}
.standatd-p-title h4 {margin-bottom: 18px;}
.stdr-card-icons p {font-size: 16px; line-height: 21px;}
.stdr-card-icons {align-items: flex-start; flex-direction: column; gap: 16px;}
.sadad-plus-box .s-pos-d-box {padding-top: 40px; gap: 64px;}
.sadad-plus-box .sadad-p-left {row-gap: 64px;}
.sadad-plus-box .sadad-p-left .sadad-plus-card {padding: 0;}
.sadad-plus-box .sadad-plus-content h4 {font-size: 18px; line-height: 32px; margin-bottom: 16px;}
.sadad-plus-box .sadad-plus-content ul li {font-size: 16px; line-height: 21px; margin-bottom: 16px; gap: 16px;}
.sadad-plus-box .sadad-plus-img {border-radius: 8px; overflow: hidden; width: 100%; height: 300px;}
.sadad-plus-box .sadad-plus-img img{height: 100%; width: 100%; object-fit: cover;}
.sadad-plus-box .sadad-plus-content h2 {font-size: 16px; line-height: 21px; margin-bottom: 16px;}
.sadad-ads-ons-wrap {padding: 24px 0px; margin-bottom: 16px;}
.sadad-ads-image {height: 150px; width: 100%;}
.sadad-ads-image img {width: 100%; height: 100%; object-fit: cover;}
.sadad-ads-content{display: flex; flex-direction: column; justify-content: space-between;}
.sadad-ads-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 8px;}
.sop-sol-wrapper {padding: 24px 0px; margin-bottom: 16px;}
.sop-sol-wrapper .refund-content ul li{margin-bottom: 17px;}
.sop-sol-wrapper .refund-content ul li::after {display: none;}
.sop-sol-wrapper .refund-content ul li span svg{height: 24px; width: 24px;}
.sadad-payment-blog .smart-busi-card {padding: 0px; gap: 24px; border: 0px; border-radius: 0px; gap: 16px; overflow: hidden; margin-bottom: 56px;}
.sadad-payment-blog .smart-busi-details {padding: 0px;}
.smart-busi-box-main .smart-busi-image {width: 100%; height: 300px; overflow: hidden;}
.smart-busi-box-main .smart-busi-image img {width: 100%; height: 100%; object-fit: cover;}
.sadad-payment-blog .smart-busi-content h5 {font-size: 18px;}
.sadad-payment-blog .smart-busi-content p {font-size: 14px; line-height: 24px;}
.smart-busi-list { gap: 36px;}
.sadad-payment-blog .smart-busi-action .btn-secondary { padding: 8px 16px; border-radius: 10px; font-size: 14px; margin-top: 16px;}
.sadad-payment-blog .smart-busi-action .btn-secondary:hover, .sadad-payment-blog .smart-busi-action .btn-secondary:focus, .sadad-payment-blog .smart-busi-action .btn-secondary:focus:active { padding: 8px 16px; border-radius: 10px; font-size: 14px; margin-top: 16px;}
.cust-c-content p {font-size: 16px; line-height: 21px;}
.cust-c-content h4 {font-size: 16px; line-height: 21px;}
.sds-pos-title p { font-size: 16px; line-height: 21px; margin-top: 16px; margin-bottom: 0px;}
.payment-gate-card {padding-bottom: 56px;}
.web-store-listing .web-store-box { gap: 32px; padding: 0px; gap: 24px; flex: initial; margin-bottom: 0px; flex-direction: column; align-items: flex-start;}
.web-store-listing .web-store-icon {width: 48px; height: 48px; border-radius: 3.09px; flex-shrink: 0;}
.web-store-listing .web-store-icon svg {height: 24px; width: 24px;}
.web-store-listing .web-store-content h6 {font-size: 18px; line-height: 24px; margin-bottom: 18px; text-align: left;}
.web-store-listing .web-store-content p {font-size: 16px; line-height: 21px; text-align: left;}
.web-store-listing .web-store-wrapper .web-store-wrap:last-child .web-store-box {margin-bottom: 24px;}
.web-store-listing .web-store-wrap {gap: 0px;}
/*PRICING PAGE CSS END*/

/* CUSTOMER LEAD CAPTURE CSS START */
.header-logo-wrap {padding: 16px 0px;}
.sadad-header-logo {height: 30px;}
.sadad-header-logo img {height: 100%; width: 100%;}
.language-sw-wrapper .language-switch > span {font-size: 14px;}
.cust-lead-title h4 {font-size: 32px; line-height: 44px; margin-bottom: 16px;}
.cust-lead-box {padding: 24px 0px;}
.cust-lead-title p {font-size: 16px; line-height: 24px;}
.cust-lead-points ul {margin-top: 16px; display: flex; flex-wrap: wrap; column-gap: 32px;}
.cust-lead-points ul li {font-size: 18px; line-height: 24px; gap: 6px; margin-bottom: 16px;}
.lead-app-download {margin-top: 24px; margin-bottom: 24px;}
.cust-signup-form {padding: 24px 16px;}
.cust-signup-title {margin-bottom: 24px;}
.cust-form-input {padding: 10px 12px; height: 40px; border-radius: 12px;}
.mb-32 {margin-bottom: 24px;}
.pl-88 {padding-left: 84px;}
.cust-form-content .dropdown-menu {border-radius: 12px;}
.req-call-back {padding-bottom: 24px;}
.st-acept-action .st-acept-btn {padding: 10px 14px; border-radius: 10px; font-size: 14px; line-height: 20px;}
.wc-sadad-box {padding: 0px; background: #FFFFFF; box-shadow: none; border-radius: 0px; margin-top: 8px; margin-bottom: 24px;}
.wc-sadad-content h4 {font-family: 'Open Sans Condensed'; font-weight: bold; font-size: 24px; line-height: 33px; color: #141414; margin-bottom: 16px; text-align: center;}
.wc-mobile-img{display: block;}
.wc-desktop-img{display: none;}
.mobile-order{order: 2;}
.wc-sadad-img{margin-bottom: 24px;}
.mb-24 {margin-bottom: 16px;}
.download-action .download-btn {padding: 10px 20px; border-radius: 10px; font-size: 14px; line-height: 20px; width: 100%; margin: 0px 16px;}
.footer-wrapper {padding: 16px 0px;}
.trusted-data {flex-direction: column; align-items: start; gap: 16px;}
.trusted-data ul {align-items: start; flex-direction: column; gap: 8px;}
.download-action{margin-bottom: 16px;}
.trusted-data ul li a {font-size: 12px; line-height: 16px;}
/* CUSTOMER LEAD CAPTURE CSS END */

/* MAWIDY CSS START */
.mawidy-hero-section {padding: 48px 97px 32px 97px; height: auto; min-height: auto;}
.apoint-book-main {padding-top: 0px; margin-bottom: 35px;}
.desktop-wrap {width: 100%; bottom: -55%;}
.blob-wrap {bottom: -90px; scale: 2;}
.apoint-book-content h4 {font-size: 42px; line-height: 48px; margin-bottom: 12px; text-align: center;}
.apoint-book-content p {font-size: 15px; line-height: 22px; letter-spacing: 0;}
.apoint-book-btn .btn-primary {font-size: 14px;}
.apoint-book-btn .btn-secondary {font-size: 14px;}
.apoint-book-btn {margin: 32px 0px;}
.what-is-mawidy-section {padding: 64px 32px 0px 32px;}
.what-is-mawidy .header-text h4 {font-size: 32px; line-height: 100%;}
.what-is-mawidy .container{padding: 0px !important;}
.what-is-mawidy .header-text p {font-size: 14px; line-height: 22px; max-width: max-content; margin: 0px;}
.text-wrapper-3 h6 {line-height: 100%; color: #8E1B3E; margin: 40px 0px;}
.mawidy-card {gap: 20px; flex-direction: column;}
.mawidy-card .card {width: 100%; margin-bottom: 0px !important;}
.card-img img{width: 100%;}
.mawidy-card .card {width: 100%; border-radius: 12px; padding: 16px; margin-bottom: 12px;}
.mawidy-card .card-body {padding: 0;}
.mawidy-card .card-body h5 {font-size: 18px; line-height: 22px; text-align: left; margin-top: 12px; margin-bottom: 6px;}
.mawidy-card .card-body p {font-size: 13px; line-height: 18px; text-align: left; margin-bottom: 12px;}
.mawidy-card .card-body a {font-size: 14.97px; line-height: 14.97px; justify-content: flex-start; gap: 8px;}
.mawidy-card .card-body a svg{height: 12px; width: 12px;}
.take-booking-section {padding: 50px 32px 0px 32px;}
.take-book-header h3 {font-size: 36px; line-height: 42px; letter-spacing: 0%; color: #141414; margin-bottom: 48px; text-align: center;}
.take-book-main-wrap {padding: 0px;}
.take-booking-section .appointment-main {width: 100%; gap: 24px; padding: 0px 32px; flex-direction: column;}
.merchant-choose .take-book-header h3 {font-size: 28px; line-height: 36px; letter-spacing: 0%; margin-bottom: 24px !important;}
.apointment-image{width: 100%;}
.apointment-image img{width: 100%;}
.apointment-content {width: 100%; order: 1;}
.apointment-content h3 {font-size: 26px; line-height: 100%; margin-bottom: 16px;}
.apointment-content p {font-size: 14px; line-height: 20px;}
.features {margin-top: 16px;}
.feature span {font-size: 14px; line-height: 20px;}
.feature-grid {grid-template-columns: inherit; gap: 40px; margin-top: 40px; padding: 0px;}
.take-booking-section .row {margin-bottom: 48px;}
.appointment-book-section {padding: 0px 32px;}
.section-wrapper {padding: 32px;}
.left-column h2 {font-size: 30px; line-height: 34px; margin-bottom: 16px;}
.card-wrap {min-height: 470px;}
.container-box {grid-template-columns: auto; gap: 0px;}
.set-rule-title h3 {font-size: 24px; line-height: 28px; margin-bottom: 12px;}
.set-rule-title p {font-size: 12px; line-height: 18px; max-width: 375px; margin: 0 auto;}
.booking-section {padding: 0px 32px; max-width: 100%;}
.booking-header h3 {font-size: 24px; line-height: 28px; margin-bottom: 32px; margin-top: 32px;}
.booking-card.light-card.card-body h4 {font-size: 18px; line-height: 100%; margin-bottom: 12px;}
.booking-card {padding: 16px;}
.booking-card.light-card .card-body {padding: 12px 0px 0px 0px;}
.booking-grid-main {gap: 20px;}
.dark-card .card-body {max-width: 100%;}
.booking-card.dark-card h4 {font-size: 18px;}
.booking-card.dark-card p {font-size: 12px; line-height: 18px; margin-bottom: 12px;}
.appointement-section {padding: 32px;}
.appointment-box {padding: 16px;}
.appointment-title h3 {font-size: 24px; line-height: 28px; letter-spacing: normal; margin-bottom: 20px;}
.appointment-box .cards {display: flex !important; flex-direction: row !important; justify-content: flex-start !important; align-items: stretch !important; gap: 16px !important; overflow-x: auto !important; width: 100% !important; padding: 0 16px 12px 16px !important; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;}
.appointment-box .icard {flex: 0 0 280px !important; width: 280px !important; height: 320px !important; scroll-snap-align: start; border-radius: 12px;}
.appointment-box .icard span {left: 16px; bottom: 16px; font-size: 18px; line-height: 100%;}
.apoointment-note p {font-family: 'Open Sans'; font-weight: 400; font-size: 12px; line-height: 18px; opacity: 0.7; margin-top: 20px; margin-bottom: 0px;}
.how-it-work-section {padding: 0px 32px;}
.how-it-work-main .how-it-content h4 {font-size: 24px; margin-top: 0px; margin-bottom: 8px;}
.how-it-work-main .how-it-content p {font-size: 14px; line-height: 20px; margin-bottom: 0px;}
.how-it-work-main .how-it-content {flex: 0;}
.how-it-work-main {gap: 32px; max-width: 100%; flex-direction: column; padding-bottom: 32px; border-bottom: 0px;}
.service-items {display: flex; flex-wrap: wrap; gap: 20px; width: 100%; flex-direction: row;}
.service-items .service-box {width: calc(50% - 10px); flex: 0 0 calc(50% - 10px); box-sizing: border-box;}
.service-items .service-box h2 {font-size: 24px; line-height: 100%;}
.service-items .service-box h6 {font-size: 15px; line-height: 100%; letter-spacing: 0; max-width: 100%;}
.revenue-section {padding: 0px 32px;}
.revenue-main {padding: 20px; max-width: 100%; width: 100%; margin: 0 auto; min-height: 758px;}
.revenue-desktop img {top: 279.53px;}
.revenue-content {flex-direction: column;}
.revenue-left-content h4 {font-size: 32px; line-height: 36px; margin-bottom: 16px;}
.revenue-right-content p {font-size: 14px; line-height: 20px; margin-bottom: 16px;}
.power-by-title {-webkit-text-fill-color: #0D1221; color: #0D1221;}
.power-by-title h3 {font-size: 19px; line-height: 22px; max-width: 100%; text-align: left;}
.power-by-section {padding: 32px 32px 0px 32px;}
.power-by-grid {gap: 12px; margin-top: 20px; flex-direction: column;}
.power-by-item {border-radius: 12.6083px; border-color: #CFD4DB; padding: 18px; width: 100%; display: flex; align-items: center; gap: 16px; flex-direction: column; justify-content: center; background-color: #FFFFFF;}
.power-by-icon {padding: 4.5px 6px; margin-bottom: 0px; height: 32px; width: 32px; border-radius: 100px; background-color: #F4E8EC;}
.power-by-icon span{display: inline-flex;}
.power-by-icon svg{ height: auto; width: 16px;}
.power-by-content p {max-width: 100%;}
.power-by-content h6 {display: block;}
.stage {display: none;}
.step-mobile-image {display: none; margin-top: 12px; border-radius: 12px; overflow: hidden;}
.step-item.active .step-mobile-image{display: block;}
.step-mobile-image img {width: 100%; height: auto; display: block;}
.step-item {opacity: 1!important; padding: 19px 0px;}
.brand-booking-section {background: linear-gradient(180deg, rgba(142, 27, 62, 0.08) 0%, rgba(142, 27, 62, 0) 52.51%);  border-top: 1px solid rgba(142, 27, 62, 0.1); padding: 16px;}
.set-rule-title {padding-top: 0px;}
/* MAWIDY CSS END */

/* SHIPPING CSS END */
.shipping-hero-section {padding: 0px;}
.content-section {padding: 0px;}
.shipping-hero-section .card {border-radius: 0px; background-color: #FAF8F7; max-width: 100%; flex-direction: column; padding: 24px 16px 0px 16px; gap: 24px;}
.hero-title {font-size: 32px; line-height: 40px; margin-bottom: 16px !important; max-width: 450px; text-align: center; margin: 0 auto;  letter-spacing: 0px;}
.hero-description {font-size: 14px !important; line-height: 22px; max-width: 450px; margin-bottom: 16px !important; text-align: center; margin: 0 auto;}
.partner-info {justify-content: center;}
.button-group .btn-primary {border-radius: 8px; padding: 12px 23px; justify-content: center; width: auto; border: 1px solid #8E1B3E;}
.button-group .btn-primary:focus, .button-group .btn-primary:active, .button-group .btn-primary:active:focus{padding: 12px 23px;}
.shipping-hero-section .button-group {gap: 8px; margin-bottom: 16px; justify-content: center;}
.button-group .btn-secondary {border-radius: 8px; padding: 12px 23px; justify-content: center; width: auto; border: 1px solid #8E1B3E;}
.button-group .btn-secondary:focus, .button-group .btn-secondary:active, .button-group .btn-secondary:active:focus{padding: 12px 23px;}
.partner-text {font-size: 12px; line-height: 18px; letter-spacing: 0px;}
.partner-info img{height: 42px;}
.map-container {width: 100%; height: auto;}
.manage-logistic-section {padding: 42px 32px;}
.logistic-title h3 {font-size: 28px; line-height: 36px; margin-bottom: 12px !important; letter-spacing: 0px;}
.logistic-title p {font-size: 14px; line-height: 22px; margin-bottom: 0px; margin: 0 auto; max-width: 425px; color: #000000;}
.features-grid {grid-template-columns: repeat(1, 1fr); gap: 12px; max-width: 100%; width: 100%; margin-top: 24px !important;}
.feature-description {color: #000000;}
.icon-container svg{height: 40px; width: 40px;}
.feature-title {font-size: 18px;}
.appointment-book-section {padding: 0px;}
.appointment-book-section .section-wrapper {background-color: #FAF2F4; border: 0px; border-radius: 0px; max-width: 100%; width: 100%; box-shadow: none; padding: 24px 0px;}
.appointment-book-section .left-column h2 {margin-bottom: 24px; text-align: center; max-width: 100%; margin: 0 auto;}
.step-list {display: grid !important; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 24px;}
.step-item {display: flex !important; align-items: center; justify-content: center; gap: 8px; padding: 12px 14px; border-radius: 12px; background-color: #f8f9fa; border: 1px solid #e9ecef; color: #4a4a4a; font-size: 13px; font-weight: 600; text-align: center; cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);}
.step-item.active {background-color: #FFC8DA !important; border-color: #DCB8C3 !important; color: #141416 !important;}
.step-item p,
.step-list .step-description {display: none;}
.step-hide-desktop{display: block; font-family: 'Open Sans Condensed';font-style: normal;font-weight: bold;font-size: 12px;line-height: 18px;color: #141416;}
.appointment-book-section .step-title{display: none;}
.step-desc {display: none;}
.appointment-book-section .step-item {padding: 8px 12px;}
.appointment-book-section .step-item:first-of-type {padding-top: 8px;}
.appointment-book-section .icon-box {width: 14px; height: 14px; background-color: transparent;}
.appointment-book-section .step-list {position: relative; display: flex !important; flex-wrap: wrap; justify-content: center; flex-direction: initial;}
.appointment-book-section .step-header {gap: 5px;}
.appointment-book-section .step-progress-line {display: none;}
.appointment-book-section .stage {min-height: 399px;}
.appointment-book-section .card-content img {height: 399px;}
.shipping-offer-section{padding: 42px 32px;}
.shipping-offer-title h3 {font-size: 28px; line-height: 36px; margin-bottom: 12px !important; max-width: 100%; margin: 0 auto;}
.shipping-offer-title p {font-size: 14px; line-height: 22px; max-width: 500px; margin: 0 auto; color: #000000;}
.shipping-offer-section .shipping-card .card {width: 100%;}
.shipping-offer-section .shipping-card {gap: 20px; margin-top: 24px; flex-direction: column;}
.shipping-offer-section .shipping-card .card {width: 100%; border-radius: 12.6083px; padding: 16px 16px 0px 16px; margin-bottom: 0px;}
.shipping-offer-section .shipping-card .card-img img {height: 395px;}
.shipping-offer-section .shipping-card .card-body {padding: 8px 0px;}
.shipping-card .card-body h5 {font-size: 18px; line-height: 26px; text-align: left; margin-bottom: 8px;}
.shipping-card .card-body p {font-size: 14px; line-height: 22px; text-align: left; color: #5B6A7E; opacity: 1; margin-bottom: 8px; padding: 0px; max-width: 500px;}
.shipping-card .card-body a {justify-content: flex-start; gap: 6px;}
.ship-sale-title h3 {font-weight: bold; font-size: 28px; line-height: 36px; margin-bottom: 12px !important; max-width: 100%;}
.ship-sale-title p {font-size: 14px; line-height: 22px; color: #000000; max-width: 470px;}
.ship-sale-section .container{padding: 0px 32px !important; max-width: 100%;}
.ship-sale-list {flex-direction: column; gap: 16px;}
.ship-sale-items {max-width: 100%; padding-top: 0px; flex-direction: column; gap: 0px;}
.ship-sale-figure {width: 100%; height: 495px; order: 0; margin-top: 32px;}
.ship-sale-figure img{border-radius: 12px;}
.ship-sale-content {max-width: 100%; order: 1;}
.ship-sale-content h4 {font-weight: bold; font-size: 18px; line-height: 26px; margin-bottom: 16px;}
.ship-sale-content p {font-size: 14px; line-height: 22px; color: #000000; opacity: 1; margin-bottom: 14px; margin-right: 0px;}
.ship-sale-point {margin-top: 16px; margin-bottom: 0px;}
.ship-ani-title {margin-top: 36px;}
.ship-ani-title h6 {font-size: 18px; line-height: 26px; letter-spacing: 0px; color: #141416; padding-bottom: 30px;}
.revenue-shipping-sec {margin-top: 36px; padding: 0px; border-radius: 0px;}
.ship-animation {scale: 2; padding-bottom: 20px;}
.ship-animation::after {width: 100px; right: 40px;}
.ship-animation::before {width: 100px; height: 100%; left: 40px;}
.revenue-shipping-sec .revenue-main {padding: 32px; max-width: 100%; width: 100%; margin: 0 auto; min-height: 470px; border-radius: 0px;}
.revenue-shipping-sec .revenue-left-content h4 {font-size: 28px; margin-bottom: 12px; max-width: 100%;}
.revenue-shipping-sec .revenue-right-content p {max-width: 100%; margin-bottom: 26px;}
.revenu-mobile-image{display: block;}
.revenu-desktop-image{display: none;}
.revenue-desktop img {right: -24px; transform: none; bottom: -5px; top: initial; max-width: 100%; width: 100%; border-radius: 0px; left: initial;}
.del-parc-main {max-width: 100%; width: 100%; margin: 0 auto; padding: 42px 32px; border: 0px; border-radius: 0px;}
.del-content-box {flex-direction: column; gap: 32px;}
.del-left-content {max-width: 100%; gap: 12px; width: 100%;}
.del-title h4 {font-weight: bold; font-size: 28px; line-height: 36px; letter-spacing: 0px; max-width: 100%;}
.del-desc p {font-size: 14px; line-height: 22px; color: #5B6A7E; margin-bottom: 0px;}
.del-right-content{display: none;}
.delivery-parcel-list {display: flex; flex-direction: column; gap: 12px; width: 100%;}
.delivery-par-box{padding: 16px; background: #F9F6F4; border-radius: 8px; display: flex; flex-direction: column; gap: 12px;}
.delivery-par-box h2{font-family: 'Open Sans Condensed'; font-style: normal; font-weight: bold; font-size: 28px; line-height: 36px; color: #8E1B3E; margin-bottom: 0px;}
.delivery-par-box h6{font-family: 'Open Sans Condensed'; font-style: normal; font-weight: bold; font-size: 18px; line-height: 26px; letter-spacing: 0px; color: #0D1221; margin-bottom: 0px;}
.delivery-par-box p{font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: -0.346298px; color: #000000; margin-bottom: 0px;}
.partner-info{justify-content: center;}
.ship-sale-section{padding-top: 0px;}
/* SHIPPING CSS END */

/* POS EDGE CSS START */
.edge-hero-section {padding: 0px;}
.edge-hero-section .container {padding: 0px 16px !important;}
.edge-hero-content {max-width: 100%; padding-left: 0px; padding: 32px 16px;}
.edge-hero-image {position: initial; width: 100%;}
.edge-hero-wrapper {flex-direction: column; height: auto;}
.edge-hero-content h5 {font-size: 24px; line-height: 26px; letter-spacing: -0.5px; margin-bottom: 16px; text-align: center;}
.edge-hero-content h1 {font-size: 32px; line-height: 36px; letter-spacing: -1.5px; text-align: center; margin-bottom: 16px !important;}
.edge-hero-content p {font-size: 14px; line-height: 20px; letter-spacing: 0px; max-width: 100%; text-align: center;}
.edge-hero-btn {margin-top: 32px; justify-content: center;}
.desktop-display{display: none;}
.mobile-display {display: block; object-fit: cover; width: 100%;}
.choose-edge-wrapper {padding: 32px 0px; flex-direction: column; gap: 7px;}
.edge-hero-btn .btn-primary {padding: 14px 18px; font-size: 14px; line-height: 16px;}
.edge-hero-btn .btn-primary span, .edge-hero-btn .btn-secondary span{display: none;}
.edge-hero-btn .btn-primary:hover, .edge-hero-btn .btn-primary:focus, .edge-hero-btn .btn-primary:focus:active, .edge-hero-btn .btn-primary:active {padding: 14px 18px; font-size: 14px; line-height: 16px;}
.edge-hero-btn .btn-secondary:hover, .edge-hero-btn .btn-secondary:focus, .edge-hero-btn .btn-secondary:focus:active, .edge-hero-btn .btn-secondary:active {padding: 14px 18px; font-size: 14px; line-height: 16px;}
.edge-hero-btn .btn-secondary {padding: 14px 15px; font-size: 14px; line-height: 16px;}
.choose-edge-title-text h3 {font-size: 28px; line-height: 36px; letter-spacing: -1px; margin-bottom: 16px;}
.choose-edge-title-text p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 32px;}
.choose-edge-box {grid-template-columns: auto; column-gap: 0; row-gap: 24px; padding: 32px 0px;}
.choose-ed-icon {display: flex; justify-content: center; align-items: center; padding: 8px; width: 36px; height: 36px; background: #FAF3F5; border-radius: 8px; flex: none; flex-grow: 0;}
.choose-ed-icon svg{flex-shrink: 0; height: 26px; width: 26px;}
.choose-eddge-items {gap: 16px;}
.chhose-edge-mobile{display: block; margin: 0 auto;}
.bring-to-b-icon {padding: 12px; width: 48px; height: 48px; border-radius: 12px;}
.bring-to-b-content h2 {font-size: 28px; line-height: 36px; letter-spacing: -1px; margin-bottom: 16px !important; max-width: 230px; margin: 0 auto;}
.bring-to-b-content p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 0px; max-width: 338px; margin: 0 auto;}
.diverse-envi-section {padding: 24px 0px;}
.divers-envi-box {background-position: initial; padding: 20px 20px; border-radius: 10px; gap: 20px; flex-direction: column;}
.divers-envi-content {max-width: 100%; padding: 0px; order: 0;}
.divers-envi-content h5 {font-size: 20px; line-height: 26px; letter-spacing: 0px; margin-bottom: 16px;}
.divers-envi-content p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 0px;}
.divers-envi-figure{order: 1; width: 100%; height: 100%;}
.diverse-envi-title {padding-top: 5px;}
.diverse-list p{display: none;}
.diverse-list {padding: 15px 0px;}
.diverse-list-content {margin-bottom: 0px;}
.divers-envi-wrapper {row-gap: 24px; padding-bottom: 24px;}
.self-service-wrapper {gap: 24px; flex-direction: column;}
.selef-ser-box{background: url(../images/sadad-pos-edge/diverse-bg.png) no-repeat; background-size: cover; background-position: initial; padding: 20px 20px; border-radius: 10px; background-blend-mode: multiply, normal; border: 1px solid rgba(142, 27, 62, 0.3); display: flex; flex-direction: column;}
.self-ser-content h5 {font-size: 20px; line-height: 26px; margin-bottom: 16px;}
.self-ser-content p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 0px;}
.self-ser-content ul {margin-top: 16px;}
.self-ser-content li {font-size: 14px; line-height: 18px; margin-bottom: 12px;}
.self-ser-content {margin-top: 0px; order: 0;}
.self-ser-figure{order: 1; height: 100%;}
.business-happen-section {padding: 32px 0px;}
.business-h-header {padding: 0px;}
.business-h-header h2 {font-size: 28px; line-height: 36px; letter-spacing: -1px; margin-bottom: 16px !important; max-width: 230px; margin: 0 auto;}
.business-h-header p {font-size: 14px; line-height: 20px; text-align: center; letter-spacing: 0px; max-width: 100%; margin: 0 auto; margin-bottom: 32px !important;}
.business-h-box {flex-direction: column; gap: 16px;}
.business-h-list {padding: 0px; order: 1;}
.business-h-list .self-ser-content {width: 100%;}
.business-h-items {row-gap: 24px;}
.technical-spec-section {padding: 0px;}
.technical-spec-box {padding: 32px 20px; border-radius: 12px;}
.technical-spec-row {column-gap: 0; padding-bottom: 0px; flex-direction: column;}
.tech-spec-grid {grid-template-columns: inherit; row-gap: 20px; column-gap: 0px;}
.tech-spec-grid .spec-row-divider {display: none;}
.tech-spec-intro h5 {font-size: 28px; line-height: 36px; margin-bottom: 12px; letter-spacing: -1px;}
.tech-spec-intro p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 32px; max-width: 318px;}
.spec-item {border-bottom: 1px solid rgba(255, 255, 255, 0.14902); padding-bottom: 12px;} 
.technical-spec-box .spec-row-divider {display: none;}
.what-come-box {display: flex; align-items: flex-start; padding-top: 32px; flex-direction: column; gap: 16px;}
.what-c-title h5 {font-size: 18px; letter-spacing: 0px; line-height: 26px; color: #FFFFFF; margin-bottom: 0px;}
.connector-line {display: none;}
.what-come-item {align-items: flex-start; width: 100%;}
.what-come-list {gap: 10px; flex-direction: column; width: 100%;}
.what-come-text h6 {text-align: center; line-height: 22px;}
.unattended-section .unattended-carousel{display: none !important;}
.unattended-section{padding: 32px 0px 0px 0px;}
.unattended-title h1 {font-size: 28px; line-height: 36px; letter-spacing: -1px; text-align: center; margin-bottom: 16px !important; padding: 0px 60px;}
.unattended-title p {font-size: 14px; line-height: 20px; letter-spacing: 0%; margin-bottom: 0px; max-width: 100%; text-align: center;}
.unattended-section .custom-card-img {height: 459px; width: 100%; object-fit: cover;}
.unattended-section .card{margin-bottom: 0px;}
.unattended-section .card-body{padding-bottom: 0px;}
#posCarousel .carousel-inner {display: flex; flex-direction: column; gap: 1.5rem;}
  #posCarousel .carousel-item {display: block !important; margin-right: 0;}
  #posCarousel .carousel-item.active,
  #posCarousel .carousel-item-next,
  #posCarousel .carousel-item-prev {transform: none !important;}
.unattended-section .card-title {font-size: 18px;line-height: 26px; letter-spacing: 0px;}
.unattended-section .card-text {font-size: 14px !important; line-height: 20px; letter-spacing: 0px; margin-bottom: 0px;}
.qatar-business-section {padding: 8px 0px 0px 0px;}
.qatar-bus-box {height: 100%; border-radius: 12px; padding: 32px 16px 0px 16px; flex-direction: column;}
.qatar-bus-title h1 {font-size: 32px; line-height: 36px; letter-spacing: -1.5px; margin-bottom: 0px; max-width: 100%; text-align: center; margin-bottom: 20px !important;}
.qatar-bus-contente p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 20px; text-align: center;}
.qatar-bus-contente {max-width: 100%;}
.business-qat-device {position: relative;}
.qatar-bus-action .btn-primary {width: 100%;}
.qatar-bus-action .btn-secondary {width: 100%;}
.qatar-bus-action {gap: 10px;}
.seaminte-section {padding: 32px 0px;}
.seaninte-title h3 {font-size: 28px; line-height: 36px; letter-spacing: -1px; margin-bottom: 16px;}
.seaninte-title p {font-size: 14px; line-height: 20px; letter-spacing: 0px; max-width: 100%;}
.seaminte-wrapper {margin-top: 32px; gap: 32px; flex-direction: column;}
.seaminte-box {align-items: center; padding: 16px; border-radius: 16px; width: 100%;}
.seamint-content h6 {font-size: 16px; line-height: 22px; letter-spacing: -0.0849982px; margin-top: 16px; text-align: center;}
.business-h-figure {width: 100%; height: 315px;}
.business-h-figure img {object-fit: cover;}
/* POS EDGE CSS END */

/*FOOTER CSS START*/
.footer-menu-wrap {gap: 0;flex-wrap: wrap;}
.footer-menu-list {flex: initial; flex: 0 0 calc(50% - 0px);}
.footer-card-main {align-items: flex-start; margin-bottom: 16px; flex-direction: column; row-gap: 16px;}
.footer-copy-main {align-items: flex-start; justify-content: space-between; flex-direction: column;}
.footer-copy-main .f-copy-text {order: 2;}
.f-copy-app ul {padding: 0px 0px 16px 0px;}
.footer-copy-main .f-copy-text p {margin-bottom: 16px;}
/* MAWIDY CSS END */

/*FOOTER CSS START*/
.footer-menu-wrap {gap: 0;flex-wrap: wrap;}
.footer-menu-list {flex: initial; flex: 0 0 calc(50% - 0px);}
/*FOOTER CSS END*/
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Styles for laptops/desktops */
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  /* Styles for big screens */
}

/* XXL devices (extra wide screens, 1400px and up) */
@media (min-width: 1400px) {
  /* Styles for very large monitors */
}