/*------------------------------------------------------------------
 - RESPONSIVE CSS

 - Author: Andrey Sokoltsov
 - Profile:	http://themeforest.net/user/andreysokoltsov
-------------------------------------------------------------------*/

@media only screen and (min-width: 1920px) {
  .e-service-p .container {
    height: 1530px;
  }
  .e-service-p .slide:nth-of-type(2) {
    background-size: 100%;
  }
  .e-service-p .slide:nth-of-type(3) {
    background-size: 100%;
  }
  .e-service-p .slide:nth-of-type(4) {
    background-size: 100%;
  }
  .e-service-p .slide:nth-of-type(5) {
    background-size: 100%;
  }
  .e-service-p .slide:last-child {
    background-size: 100%;
  }
  .our-patner-main-st .vector-gradiant {
    margin-top: -398px;
    padding: 380px 0px;
  }
  /* .e-vouchers-book {
    margin-top: -350px;
  } */
  .digital-payments-main .vector-gradiant {
    margin-top: -315px;
    padding: 380px 0px;
  }
  /* .digital-payments-main .digital-payments-book {
    margin-top: -558px;
  } */
  .mobilevas-section {
    padding: 255px 0px 354px;
  }

  .mobilevas-section::after {
    top: 354px;
  }

  /* .platform-partners-section {
    margin-top: -350px;
  } */

  .digital-main-p .vector-gradiant {
    margin-top: -443px;
    padding: 376px 0px;
  }

  .our-patner-main-st-ev .vector-gradiant {
    margin-top: -421px;
    padding: 481px 0px 283px;
  }
  /* .our-patner-main-st-ev .e-vouchers-book {
    margin-top: -545px;
  } */
  .vouchers-section {
    padding: 143px 0px 532px;
  }

  .vouchers-section::after {
    top: 575px;
    height: 980px;
  }

  .digital-payments::after {
    background-size: cover;
    top: 508px;
    height: 1124px;
  }
}

@media only screen and (max-width: 1920px) {
  .col-xs {
    width: 20%;
  }
  .e-service-p .container {
    height: 1530px;
  }
  .e-service-p .slide:nth-of-type(2) {
    background-size: 100%;
  }
  .e-service-p .slide:nth-of-type(3) {
    background-size: 100%;
  }
  .e-service-p .slide:nth-of-type(4) {
    background-size: 100%;
  }
  .e-service-p .slide:nth-of-type(5) {
    background-size: 100%;
  }
  .e-service-p .slide:last-child {
    background-size: 100%;
  }
  .our-patner-main-st .vector-gradiant {
    margin-top: -443px;
    padding: 376px 0px;
  }
  /* 
  .e-vouchers-book {
    margin-top: -350px;
  } */

  .digital-payments-main .vector-gradiant {
    margin-top: -386px;
    padding: 412px 0px;
  }
  /* .digital-payments-main .digital-payments-book {
    margin-top: -558px;
  } */
  .mobilevas-section {
    padding: 255px 0px 535px;
  }
  /* .platform-partners-section {
    margin-top: -350px;
  } */

  .digital-main-p .vector-gradiant {
    margin-top: -443px;
    padding: 376px 0px;
  }
  .our-patner-main-st-ev .vector-gradiant {
    margin-top: -493px;
    padding: 481px 0px 283px;
  }
  .our-patner-main-st-ev .e-vouchers-book {
    margin-top: -317px;
  }
  .vouchers-section {
    padding: 143px 0px 650px;
  }
  .vouchers-section::after {
    top: 587px;
  }
  .digital-payments::after {
    top: 532px;
  }

  .mobilevas-section::after {
    top: 564px;
  }
}
@media only screen and (max-width: 1867px) {
  .our-patner-main-st-ev .vector-gradiant {
    margin-top: -469px;
    padding: 481px 0px 283px;
  }
  .digital-payments-main .vector-gradiant {
    margin-top: -400px;
    padding: 331px 0px;
  }
  .contact-section {
    padding: 212px 0px;
    background-size: cover;
  }

  .vouchers-section::after {
    top: 518px;
  }

  .esport-section::after,
  .digital-payments-section::after {
    top: 387px;
  }

  .mobilevas-section::after {
    top: 502px;
  }

  .digital-payments::after {
    background-size: cover;
    top: 515px;
    height: 902px;
  }
}
@media only screen and (max-width: 1560px) {
  .rfm-marquee {
    gap: 80px;
    /* margin-left: 80px; */
  }
  .e-service-p .container {
    height: 1430px;
  }

  .mobilevas-section {
    padding: 248px 0px 356px;
  }
  .rfm-initial-child-container {
    gap: 80px;
  }
  .rfm-marquee:last-child {
    margin-left: 70px;
  }
  .logo-ct-three {
    width: 118px;
    height: 176px;
  }
  .vector-gradiant {
    margin-top: -378px;
    padding: 432px 0px 112px;
  }
  /* .e-vouchers-book {
    margin-top: -350px;
  } */
  .no-padding {
    padding: 0px 10px;
  }
  .digital-payments-main .vector-gradiant {
    margin-top: -400px;
    padding: 331px 0px;
  }
  /*-- Contact ---*/
  .contact-section {
    padding: 212px 0px;
    background-size: cover;
  }

  .services-text-cover-one h3 {
    font-size: 100px;
    text-align: left;
  }

  .services-text-cover-one p {
    font-size: 16px;
    text-align: left;
    line-height: 21px;
  }

  .from-box-78 {
    width: 100%;
    padding-left: 30px;
  }

  .pading-top70 {
    padding-top: 100px;
  }

  .text-4 {
    font-size: 18px;
  }
  .all-events-main-st .ourmisson-section {
    height: 880px;
    margin-top: -200px;
  }
  .esports-section {
    padding: 230px 0px 187px;
  }
  .carrier-vector-gradiant {
    margin-top: -207px;
  }
  .e-vouchers-section {
    padding: 194px 0px;
    margin-top: 0px;
  }

  .digital-payments-st-two {
    padding: 200px 0px;
    margin-top: 0px;
  }

  .evouchers-section-two {
    padding: 180px 0px;
    margin-top: 0px;
  }

  .cloud-gaming-section {
    padding: 254px 0px;
    margin-top: 0px;
  }
  .vouchers-title-box h2 {
    font-size: 98px;
  }
  .cloud-gaming-section {
    padding: 235px 0px;
    margin-top: 0px;
  }

  .digital-marketing-section {
    padding: 190px 0px;
    margin-top: 0px;
  }

  .e-service-p .content {
    padding-right: 104px;
  }

  .e-service-p .content .section-tab-cntnt {
    width: 40%;
  }

  .map-section-two {
    /* width: 80%; */
    padding-top: 101px;
    /* padding-bottom: 281px; */
  }

  .section-header-twoa {
    font-size: 65px;
    top: 0px;
    left: 10%;
    margin-bottom: 200px;


  }

  #map {
    /*transform: scale(1.2);*/
    transition: transform 0.3s ease;
    /* margin-top: 0%; */
  }

  .news-section .owl-nav .owl-next {
    left: -254px;
  }

  .news-section .owl-nav .owl-prev {
    left: -318px;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap {
    width: 74%;
    height: 323px;
  }
  .digital-payments {
    padding: 145px 0px 356px;
    background-size: 100% auto;
    background-position: center;
  }
  .map-ct-dt {
    left: 7%;
  }
  .our-patner-main-st-ev .vector-gradiant {
    margin-top: -587px;
    padding: 481px 0px 283px;
  }
  .col-xs {
    width: 20%;
  }

  .esports-section {
    padding: 207px 0px 170px;
  }

  .all-events-main-st .our-values-section {
    padding: 320px 0px 283px;
  }

  .rfm-marquee {
    gap: 90px;
  }

  .rfm-initial-child-container {
    gap: 100px;
  }

  .logo-ct-three {
    width: 150px;
    height: 200px;
  }
  .e-service-p .slide:nth-of-type(1) {
    background-size: 100% auto;
  }
  .e-service-p .slide:nth-of-type(2) {
    background-size: 100% auto;
  }
  .e-service-p .slide:nth-of-type(3) {
    background-size: 100% auto;
  }
  .e-service-p .slide:nth-of-type(4) {
    background-size: 100% auto;
  }
  .e-service-p .slide:nth-of-type(5) {
    background-size: 100% auto;
  }
  .esports-section {
    background-size: 100% auto;
  }
  .e-vouchers-section {
    background-size: 100% auto;
  }
  .digital-payments-st-two {
    background-size: 100% auto;
  }
  .evouchers-section-two {
    background-size: 100% auto;
  }
  .digital-marketing-section {
    background-size: 100% auto;
  }
  .our-patner-main-st .vector-gradiant {
    margin-top: -434px;
    padding: 376px 0px;
  }
  .digital-payments-main .vector-gradiant {
    margin-top: -349px;
    padding: 412px 0px;
  }
  /* .digital-payments-main .digital-payments-book {
    margin-top: -300px;
  } */

  /* .platform-partners-section {
    margin-top: -350px;
  } */
  .digital-main-p .vector-gradiant {
    margin-top: -283px;
    padding: 227px 0px;
  }
  .digital-main-p .e-vouchers-book {
    margin-top: -250px;
  }

  .digital-payments-main .vector-gradiant {
    margin-top: -363px;
    padding: 412px 0px;
  }
  .esport-section::after,
  .vouchers-section::after,
  .digital-payments-section::after {
    top: 387px;
  }
  .mobilevas-section::after {
    top: 404px;
    height: 774px;
  }

  .digital-payments::after {
    background-size: cover;
    top: 304px;
    height: 774px;
  }
}

@media only screen and (max-width: 1480px) {
  .vector-gradiant {
    margin-top: -390px;
    padding: 432px 0px 112px;
  }
  /* .e-vouchers-book {
    margin-top: -350px;
  } */
  .e-service-p .container {
    height: 1030px;
  }
  .how-it-works-header {
    padding-bottom: 44px;
  }

  .navber-social-section {
    padding-left: 0px;
  }

  .mainNav.navbar .nav-item {
    margin-right: 2px;
  }

  .no-padding {
    padding: 0px 10px;
  }

  .banner-text-st {
    padding: 173px 18px;
  }

  .banner-section {
    height: 620px;
  }

  .company-logo-section {
    margin-top: -28px;
    padding: 0px 0px 34px;
  }
  .company-logo-section::after {
    top: -517px;
    height: 1000px;
  }

  .news-section .news-name h2 {
    font-size: 50px;
  }

  .news-section {
    padding: 90px 0px 40px;
  }

  .our-solutions-section .button-two {
    padding: 25px 68px;
    font-size: 26px;
  }

  .conatin-news-tt h2 {
    font-size: 13px;
  }

  .owl-theme .owl-dots {
    display: none;
  }

  .news-section .news-name {
    padding-top: 41px;
  }

  .owl-nav .owl-prev {
    left: -243px;
    top: 78%;
  }

  .owl-nav .owl-next {
    left: -166px;
    top: 78%;
  }

  .news-section .news-box {
    padding: 13px;
  }

  .services-section {
    display: none;
  }

  .achievements-section {
    padding-top: 50px;
  }

  .achievements-section .cards .icon {
    width: 70px;
    height: 70px;
  }

  .footer-section {
    padding: 0px 0px 50px;
  }

  .footer-menu ul li {
    margin: 0px 11px;
  }

  /*-- Contact ---*/
  .contact-section {
    padding: 211px 0px;
  }

  .services-text-cover-one h3 {
    font-size: 100px;
    text-align: left;
  }

  .services-text-cover-one p {
    font-size: 16px;
    text-align: left;
    font-weight: 400;
    line-height: 25px;
  }

  .from-box-78 {
    width: 100%;
    padding-left: 30px;
  }

  .pading-top70 {
    padding-top: 100px;
  }

  .text-4 {
    font-size: 16px;
  }

  /*--- Mobilevas ----*/
  /* .mobilevas-section {
    width: 100%;
    height: auto;
    float: left;
    padding: 143px 0px 249px;
    background: url("../images/mobile-tablet-VAS.png");
    background-repeat: no-repeat;
    background-size: cover;
  } */

  .introduction-title {
    margin-bottom: 15px;
  }

  .introduction-title h2 {
    font-size: 56px;
  }

  .wallet-digital {
    padding: 34px 0px 0px;
  }

  .logo-title-carrier-two h2 {
    font-size: 20px;
  }

  .logo-ct-three {
    width: 100%;
    height: 100%;
  }

  .ct-logo-box-vas {
    min-height: 168px;
  }

  .mobileva-introduction-gradiant {
    margin-top: -189px;
    padding: 202px 0px 150px;
  }

  .wallet-digital .ct-logo-box .logo-title-carrier h2 {
    font-size: 28px;
  }

  .esports-section {
    padding: 161px 0px;
    background-size: 100% 100%;
  }

  .e-vouchers-section {
    padding: 246px 0px 150px;
    margin-top: 0px;
    clip-path: unset;
  }

  .digital-payments-st-two {
    padding: 218px 0px;
    margin-top: 0px;
    clip-path: unset;
  }

  .evouchers-section-two {
    padding: 236px 0px;
    margin-top: 0px;
  }

  .cloud-gaming-section {
    padding: 231px 0px 147px;
    margin-top: 0px;
    clip-path: unset;
  }

  .digital-marketing-section {
    padding: 200px 0px;
    margin-top: 0px;
    clip-path: unset;
  }

  .esports-section {
    padding: 208px 0px 170px;
    clip-path: unset;
  }

  .services-text-cover-two h2 {
    font-size: 56px;
    text-align: left;
  }

  .services-text-cover-two h2::before {
    top: 46px;
  }

  .services-text-cover-two p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-three h2 {
    font-size: 56px;
    text-align: left;
  }

  .services-text-cover-three h2::before {
    top: 46px;
  }

  .services-text-cover-three p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-four h2 {
    font-size: 56px;
    text-align: left;
  }

  .services-text-cover-four h2::before {
    top: 46px;
  }

  .services-text-cover-four p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-one h2 {
    font-size: 56px;
  }

  .services-text-cover-one h2::before {
    top: 68px;
  }

  .services-text-cover-five h2 {
    font-size: 56px;
    text-align: left;
  }

  .services-text-cover-five h2::before {
    top: 46px;
  }

  .services-text-cover-five p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-sixs h2 {
    font-size: 35px;
    text-align: left;
  }

  .services-text-cover-sixs h2::before {
    top: 46px;
  }

  .services-text-cover-sixs p {
    font-size: 16px;
    text-align: left;
  }

  .digital-payments-section {
    padding: 288px 0px;
    margin-top: -188px;
  }

  .ourmisson-section {
    padding: 297px 0px;
    margin-top: -95px;
  }

  .our-values-section {
    padding: 228px 0px;
    margin-top: -87px;
  }

  /*-- e-services ---*/
  .page-title-name h3::after {
    width: 150px;
    right: -161px;
  }

  .page-title-name h3::before {
    width: 150px;
    left: -161px;
  }

  .owl-carousel .owl-dots.disabled,
  .owl-carousel .owl-nav.disabled {
    display: none;
  }

  .con-logo-left-box .patner-cm-logo {
    height: 143px;
  }

  .left-tournaments-st {
    padding: 0px 15px;
  }

  .summer-t {
    margin-top: 13px;
  }

  .summer-t h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .summer-t p {
    font-size: 14px;
  }

  .tournaments-section {
    padding-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap {
    width: 74%;
    height: 320px;
  }
  .vouchers-section {
    padding: 114px 0px 400px;
  }

  .logo-ct {
    margin-bottom: 15px;
    width: 42%;
  }

  .vouchers-title-box h2 {
    font-size: 90px;
  }

  .e-service-p .content {
    padding-right: 112px;
  }

  .e-service-p .content .section-tab-cntnt {
    width: 35%;
  }

  .map-section-two {
    width: 100%;
    padding-top: 116px;
    padding-top: 180px;
  }

  .section-header-twoa {
    font-size: 65px;
    top: 25px;
    left: 8%;
    margin-bottom: 150px;


  }
  .our-patner-main-st-ev .vector-gradiant {
    margin-top: -491px;
    padding: 481px 0px 283px;
  }
  #map {
    /*transform: scale(1.2);*/
    transition: transform 0.3s ease;
    /* margin-top: -10% */
  }

  .news-section .owl-nav .owl-next {
    left: -265px;
  }

  .news-section .owl-nav .owl-prev {
    left: -319px;
  }

  .our-solutions-section {
    background-position: 0px 109px;
  }
  .e-service-p .content .section-tab-cntnt h3 {
    font-size: 52px;
  }
  .map-ct-dt {
    left: 7%;
  }

  .all-events-main-st .ourmisson-section {
    padding: 302px 0px;
  }

  .platform-partners-section .owl-nav .owl-prev {
    left: 12px;
    top: 31%;
  }

  .platform-partners-section .owl-nav .owl-next {
    top: 31%;
    left: auto;
    right: 1%;
  }

  .portfolio-section-twoB .owl-nav .owl-prev {
    left: 12px;
    top: 45%;
  }

  .portfolio-section-twoB .owl-nav .owl-next {
    top: 45%;
    left: auto;
    right: 1%;
  }

  .portfolio-section-twoC .owl-nav .owl-prev {
    left: -40px;
    top: 45%;
  }

  .portfolio-section-twoC .owl-nav .owl-next {
    top: 45%;
    left: auto;
    right: -3%;
  }

  .rfm-marquee {
    gap: 90px;
  }

  .rfm-initial-child-container {
    gap: 100px;
  }

  .logo-ct-three {
    width: 150px;
    height: 200px;
  }
  .esports-section {
    background-size: cover;
    background-position: center;
  }
  .e-vouchers-section {
    background-size: cover;
    background-position: center;
  }
  .digital-payments-st-two {
    background-size: cover;
    background-position: center;
  }
  .evouchers-section-two {
    background-size: cover;
    background-position: center;
  }
  .digital-marketing-section {
    background-size: cover;
    background-position: center;
  }
  .carrier-vector-gradiant {
    margin-top: -207px;
  }

  .digital-payments-main .vector-gradiant {
    margin-top: -322px;
    padding: 412px 0px;
  }
  /* .digital-payments-main .digital-payments-book {
    margin-top: -390px;
  } */

  /* .platform-partners-section {
    margin-top: -350px;
  } */
  .digital-main-p .vector-gradiant {
    margin-top: -283px;
    padding: 227px 0px;
  }
  .digital-main-p .e-vouchers-book {
    margin-top: -250px;
  }
  .all-events-main-st .ourmisson-section {
    height: 800px;
    margin-top: -195px;
  }

  .vouchers-section::after {
    top: 288px;
  }
  .esport-section::after {
    top: 339px;
  }

  .mobilevas-section::after {
    top: 390px;
    height: 774px;
  }

  .digital-payments::after {
    background-size: cover;
    top: 419px;
    height: 774px;
  }
}

@media only screen and (max-width: 1366px) {
  .all-events-main-st .ourmisson-section {
    height: 800px;
    margin-top: -195px;
  }
  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap {
    width: 79%;
    height: 320px;
  }

  .category-menu-two .sub-category ul {
    display: flex;
    align-items: center;
    gap: 35px;
  }

  .category-menu-two .sub-category ul li {
    padding: 0px 20px 0px 20px;
  }

  .map-ct-dt {
    left: 7%;
  }

  .e-vouchers-section {
    padding: 197px 0px 118px;
    margin-top: 0px;
    clip-path: unset;
  }

  .cloud-gaming-section {
    clip-path: unset;
  }

  .all-events-main-st .our-values-section {
    padding: 231px 0px 283px;
    margin-top: -97px;
    clip-path: polygon(0 11%, 100% 1%, 100% 100%, 0% 100%);
  }

  .gt-section-point {
    height: 500px;
    top: -282px;
  }

  .platform-partners-section .owl-nav .owl-prev {
    left: 12px;
    top: 31%;
  }

  .platform-partners-section .owl-nav .owl-next {
    top: 31%;
    left: auto;
    right: 1%;
  }

  .portfolio-section-twoB .owl-nav .owl-prev {
    left: 12px;
    top: 45%;
  }

  .portfolio-section-twoB .owl-nav .owl-next {
    top: 45%;
    left: auto;
    right: 1%;
  }
  .vector-gradiant {
    margin-top: -378px;
    padding: 432px 0px 112px;
  }
  /* .e-vouchers-book {
    margin-top: -350px;
  } */
  .portfolio-section-twoC .owl-nav .owl-prev {
    left: -40px;
    top: 45%;
  }

  .portfolio-section-twoC .owl-nav .owl-next {
    top: 45%;
    left: auto;
    right: -3%;
  }

  .section-header-twoa {
    left: 5%;
    margin-bottom: 150px;

  }

  .rfm-marquee {
    gap: 90px;
  }

  .rfm-initial-child-container {
    gap: 100px;
  }

  .logo-ct-three {
    width: 150px;
    height: 200px;
  }
  .esports-section {
    background-size: cover;
    background-position: center;
  }
  .e-vouchers-section {
    background-size: cover;
    background-position: center;
  }
  .digital-payments-st-two {
    background-size: cover;
    background-position: center;
  }
  .evouchers-section-two {
    background-size: cover;
    background-position: center;
  }
  .digital-marketing-section {
    background-size: cover;
    background-position: center;
  }
  .e-service-p .content .section-tab-cntnt h3 {
    font-size: 40px;
  }
  .e-service-p .content {
    padding-right: 32px;
  }
  .esport-section {
    padding: 142px 0px;
  }
  .our-patner-main-st .vector-gradiant {
    margin-top: -315px;
    padding: 227px 0px;
  }
  .our-patner-main-st-ev .vector-gradiant {
    margin-top: -491px;
    padding: 481px 0px 283px;
  }
  /* .digital-payments-main .digital-payments-book {
    margin-top: -243px;
  } */
  .our-patner-main-st .vector-gradiant {
    margin-top: -154px;
    padding: 227px 0px;
  }
  /* .platform-partners-section {
    margin-top: -200px;
  } */

  .digital-main-p .vector-gradiant {
    margin-top: -283px;
    padding: 227px 0px;
  }
  .digital-main-p .e-vouchers-book {
    margin-top: -250px;
  }

  .e-shop-hl-point .vector-gradiant {
    margin-top: -340px;
    padding: 227px 0px;
  }

  .esport-section::after,
  .vouchers-section::after,
  .digital-payments-section::after {
    top: 297px;
  }

  .mobilevas-section::after {
    top: 387px;
    height: 774px;
  }

  .digital-payments::after {
    background-size: cover;
    top: 428px;
    height: 774px;
  }
}

@media only screen and (max-width: 1280px) {
  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap {
    width: 84%;
    height: 320px;
  }

  .esports-section {
    padding: 192px 0px 100px;
  }

  .e-vouchers-section {
    padding: 220px 0px;
    margin-top: 0px;
    clip-path: unset;
  }

  .cloud-gaming-section {
    padding: 190px 0px;
    margin-top: 0px;
    clip-path: unset;
  }

  .section-header-twoa {
    top: -130px;
    margin-bottom: 100px;

  }

  .category-menu-two .sub-category ul {
    display: flex;
    align-items: center;
    gap: 25px;
  }

  .category-menu-two .sub-category ul li {
    padding: 0px 15px 0px 15px;
  }

  /* .map-section-two {
    width: 80%;
    padding-top: 321px;
  } */
  .section-header-twoa {
    font-size: 65px;
    top: 25px;
    left: 2%;
    margin-bottom: 100px;

  }

  #map {
    /*transform: scale(1.2);*/
    transition: transform 0.3s ease;
    /* margin-top: 0%; */
  }

  .map-section-two {
    width: 100%;
    padding-top: 81px;
  }

  .our-solutions-section {
    background-position: 0px 144px;
  }

  .map-ct-dt {
    left: 8%;
  }

  .all-events-main-st .our-values-section {
    clip-path: polygon(0 21%, 100% 10%, 100% 100%, 0 100%);
    padding: 178px 0px 283px;
    margin-top: -166px;
  }

  .gt-section-point {
    height: 498px;
    top: -285px;
  }

  .IraqCom-section {
    /* padding: 180px 0px 0px; */
  }

  .platform-partners-section .owl-nav .owl-prev {
    left: 16px;
    top: 31%;
  }

  .platform-partners-section .owl-nav .owl-next {
    top: 31%;
    left: auto;
    right: 1%;
  }

  .portfolio-section-twoB .owl-nav .owl-prev {
    left: 16px;
    top: 49%;
  }

  .portfolio-section-twoB .owl-nav .owl-next {
    top: 49%;
    left: auto;
    right: 1%;
  }

  .portfolio-section-twoC .owl-nav .owl-prev {
    left: 16px;
    top: 31%;
  }

  .portfolio-section-twoC .owl-nav .owl-next {
    top: 31%;
    left: auto;
    right: 1%;
  }
  .rfm-marquee {
    gap: 80px;
    /* margin-left: 80px; */
  }
  .rfm-initial-child-container {
    gap: 80px;
  }
  .vector-gradiant {
    margin-top: -378px;
    padding: 432px 0px 112px;
  }
  /* .e-vouchers-book {
    margin-top: -350px;
  } */
  .logo-ct-three {
    width: 150px;
    height: 200px;
  }

  .e-service-p .slide:first-child {
    background-size: 100% auto;
  }
  .e-service-p .slide:nth-of-type(2) {
    background-size: 100% auto;
  }
  .e-service-p .slide:nth-of-type(3) {
    background-size: 100% auto;
  }
  .e-service-p .slide:nth-of-type(4) {
    background-size: 100% auto;
  }
  .e-service-p .slide:nth-of-type(5) {
    background-size: 100% auto;
  }
  .esports-section {
    background-size: cover;
    background-position: center;
  }
  .e-vouchers-section {
    background-size: cover;
    background-position: center;
  }
  .digital-payments-st-two {
    background-size: cover;
    background-position: center;
  }
  .evouchers-section-two {
    background-size: cover;
    background-position: center;
  }
  .digital-marketing-section {
    background-size: cover;
    background-position: center;
  }
  /* .platform-partners-section {
    margin-top: -200px;
  } */

  /* .digital-payments-main .digital-payments-book {
    margin-top: -243px;
  } */

  .digital-main-p .vector-gradiant {
    margin-top: -283px;
    padding: 227px 0px;
  }
  .digital-main-p .e-vouchers-book {
    margin-top: -250px;
  }
  .all-events-main-st .ourmisson-section {
    height: 780px;
    margin-top: -195px;
  }

  .company-logo-section {
    margin-top: -28px;
    padding: 0px 0px 34px;
  }
  .company-logo-section::after {
    top: -462px;
    height: 831px;
  }
  .esport-section::after,
  .vouchers-section::after,
  .digital-payments-section::after {
    top: 267px;
  }
  .mobilevas-section::after {
    top: 361px;
  }

  .digital-payments::after {
    background-size: cover;
    top: 387px;
    height: 774px;
  }
}

@media only screen and (max-width: 1200px) {
  .all-events-main-st .ourmisson-section {
    height: 700px;
    margin-top: -195px;
  }
  .how-it-works-header {
    padding-bottom: 44px;
  }

  .navber-social-section {
    padding-left: 0px;
  }

  .mainNav.navbar .nav-item {
    margin-right: 2px;
  }

  .no-padding {
    padding: 0px 10px;
  }

  .banner-text-st {
    padding: 173px 87px;
  }

  .banner-section {
    height: 620px;
  }

  .company-logo-section {
    margin-top: -78px;
    padding: 0px 0px 34px;
  }
  .company-logo-section::after {
    top: -637px;
    height: 1110px;
  }
  .news-section .news-name h2 {
    font-size: 50px;
  }
  .vector-gradiant {
    margin-top: -589px;
    padding: 186px 0px 221px;
  }
  .news-section {
    padding: 90px 0px 40px;
  }

  .our-solutions-section .button-two {
    padding: 25px 68px;
    font-size: 26px;
  }

  .conatin-news-tt h2 {
    font-size: 13px;
  }

  .owl-theme .owl-dots {
    display: none;
  }

  .news-section .news-name {
    padding-top: 22px;
  }

  .owl-nav .owl-prev {
    left: -243px;
    top: 78%;
  }

  .owl-nav .owl-next {
    left: -166px;
    top: 78%;
  }

  .news-section .news-box {
    padding: 13px;
  }

  .services-section {
    display: none;
  }

  .achievements-section {
    padding-top: 50px;
  }

  .achievements-section .cards .icon {
    width: 70px;
    height: 70px;
  }

  .footer-section {
    padding: 0px 0px 50px;
  }

  .footer-menu ul li {
    margin: 0px 11px;
  }

  /*--- Mobilevas ----*/
  /* .mobilevas-section {
    width: 100%;
    height: auto;
    float: left;
    padding: 143px 0px 249px;
    background: url("../images/mobile-tablet-VAS.png");
    background-repeat: no-repeat;
    background-size: cover;
  } */

  .introduction-title {
    margin-bottom: 15px;
  }

  .introduction-title h2 {
    font-size: 56px;
  }

  .wallet-digital {
    padding: 34px 0px 0px;
  }

  .logo-title-carrier-two h2 {
    font-size: 20px;
  }

  .ct-logo-box-vas {
    min-height: 168px;
  }

  .mobileva-introduction-gradiant {
    margin-top: -239px;
    padding: 202px 0px 150px;
  }

  .wallet-digital .ct-logo-box .logo-ct {
    width: 57%;
  }

  .wallet-digital .ct-logo-box .logo-title-carrier h2 {
    font-size: 20px;
  }

  .services-text-cover-one h2 {
    font-size: 35px;
    text-align: left;
  }

  .services-text-cover-two h2 {
    font-size: 40px;
    text-align: left;
  }
  .carrier-vector-gradiant {
    margin-top: -207px;
  }
  .services-text-cover-one h2::before {
    top: 46px;
  }

  .services-text-cover-three h2 {
    font-size: 40px;
    text-align: left;
  }

  .services-text-cover-three h2::before {
    top: 58px;
  }

  .services-text-cover-three p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-four h2 {
    font-size: 40px;
    text-align: left;
  }

  .services-text-cover-four h2::before {
    top: 57px;
  }

  .services-text-cover-four p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-five h2 {
    font-size: 40px;
    text-align: left;
  }

  .services-text-cover-five h2::before {
    top: 57px;
  }

  .services-text-cover-five p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-sixs h2 {
    font-size: 40px;
    text-align: left;
  }

  .services-text-cover-sixs h2::before {
    top: 53px;
  }

  .services-text-cover-sixs p {
    font-size: 16px;
    text-align: left;
  }

  /*-- e-services ---*/
  .page-title-name h3::after {
    width: 150px;
    right: -161px;
  }

  .page-title-name h3::before {
    width: 150px;
    left: -161px;
  }

  .owl-carousel .owl-dots.disabled,
  .owl-carousel .owl-nav.disabled {
    display: none;
  }

  .con-logo-left-box .patner-cm-logo {
    height: 143px;
  }

  .left-tournaments-st {
    padding: 0px 15px;
  }

  .summer-t {
    margin-top: 13px;
  }

  .summer-t h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .summer-t p {
    font-size: 14px;
  }

  .tournaments-section {
    padding-top: 0px;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap {
    width: 100%;
    height: 323px;
  }

  .feature-content-image {
    text-align: center;
    background-size: 75%;
  }

  .vouchers-section {
    padding: 168px 0px;
  }

  .vouchers-title-box h2 {
    font-size: 64px;
  }

  .section-header {
    font-size: 36px;
  }

  .feature-content-text p {
    font-size: 14px;
  }

  ul.bar-code-list li.bb-cart {
    width: 35%;
  }

  ul.bar-code-list li.bb-cart img {
    width: 100%;
    height: auto;
  }

  ul.bar-code-list li {
    margin-top: 10px;
  }

  ul.bar-code-list li img {
    width: 45%;
  }

  .logo-ct {
    margin-bottom: 15px;
    width: 45%;
  }

  #map {
    /*transform: scale(1.2);*/
    transition: transform 0.3s ease;
    /* margin-top: 0%; */
  }

  /* .map-section-two {
  width: 80%;
  padding-top: 121px;
} */
  .news-picture {
    width: 100%;
    height: 150px;
    float: left;
  }
  .map-section-two {
    width: 100%;
  }
  .vector-gradiant {
    margin-top: -378px;
    padding: 432px 0px 112px;
  }
  /* .e-vouchers-book {
    margin-top: -350px;
  } */
  .section-header-twoa {
    font-size: 109px;
    top: 35px;
    margin-bottom: 100px;

  }

  .e-service-p .content {
    padding-right: 100px;
  }

  .e-service-p .content .section-tab-cntnt {
    width: 40%;
  }

  .category-menu-two .sub-category ul {
    display: flex;
    align-items: center;
    gap: 3px;
  }

  .category-menu-two .sub-category ul li {
    padding: 0px 10px 0px 10px;
  }

  .map-section-two {
    /* width: 80%; */
    padding-top: 321px;
  }
  .all-events-main-st .digital-payments-section {
    background-size: cover;
    background-position: -250px 0px;
  }
  .section-header-twoa {
    font-size: 65px;
    top: -200px;
    left: 2%;
    margin-bottom: 100px;

  }

  .news-section .owl-nav .owl-prev {
    left: -298px;
  }

  .news-section .owl-nav .owl-next {
    left: -235px;
  }

  .our-solutions-section {
    background-position: 0px 144px;
  }

  .map-ct-dt {
    left: 8%;
  }

  .all-events-main-st .our-values-section {
    clip-path: polygon(0 21%, 100% 10%, 100% 100%, 0 100%);
    padding: 178px 0px 283px;
    margin-top: -157px;
  }

  .all-events-main-st .ourmisson-section {
    padding: 246px 0px;
    margin-top: -182px;
    height: 660px;
  }

  .gt-section-point {
    height: 400px;
    top: -234px;
  }
  .IraqCom-section .some-stcontain .owl-nav {
    width:10%;top: -80px;
}
  .portfolio-section-twoB .owl-carousel .item .inner-div .player-contain-hover {
    padding: 17px;
  }

  .team-ct {
    padding: 10px;
  }

  .team-ct span {
    font-size: 13px;
  }

  .team-ct h3 {
    font-size: 11px;
  }

  .portfolio-section-twoB
    .owl-carousel
    .item
    .inner-div
    .player-contain-hover
    .logo-corner {
    padding: 8px 4px;
  }

  .rfm-marquee {
    gap: 80px;
  }

  .rfm-initial-child-container {
    gap: 90px;
  }

  .logo-ct-three {
    width: 120px;
    height: 186px;
  }
  .e-service-p .slide:first-child {
    background-size: cover;
  }
  .e-service-p .slide:nth-of-type(2) {
    background-size: cover;
  }
  .e-service-p .slide:nth-of-type(3) {
    background-size: cover;
  }
  .e-service-p .slide:nth-of-type(4) {
    background-size: cover;
  }
  .e-service-p .slide:nth-of-type(5) {
    background-size: cover;
  }

  .esports-section {
    background-size: cover;
    background-position: center;
  }
  .e-vouchers-section {
    background-size: cover;
    background-position: center;
  }
  .digital-payments-st-two {
    background-size: cover;
    background-position: center;
  }
  .evouchers-section-two {
    background-size: cover;
    background-position: center;
  }
  .digital-marketing-section {
    background-size: cover;
    background-position: center;
  }

  /* .digital-payments-main .digital-payments-book {
    margin-top: -243px;
  } */

  .digital-main-p .vector-gradiant {
    margin-top: -283px;
    padding: 227px 0px;
  }
  .digital-main-p .e-vouchers-book {
    margin-top: -250px;
  }

  .esport-section::after,
  .digital-payments-section::after {
    top: 231px;
    height: 774px;
  }
  .mobilevas-section::after {
    top: 271px;
  }

  .vouchers-section::after {
    background-size: cover;
    top: 218px;
    height: 774px;
  }
  .digital-payments::after {
    background-size: cover;
    top: 209px;
    height: 774px;
  }

  .our-patner-main-st-ev .e-vouchers-book {
    margin-top: -356px;
  }
}

@media only screen and (max-width: 1179px) {
  .how-it-works-header {
    padding-bottom: 44px;
  }

  .navber-social-section {
    padding-left: 0px;
  }

  .mainNav.navbar .nav-item {
    margin-right: 2px;
  }

  .no-padding {
    padding: 0px 10px;
  }

  .banner-text-st {
    padding: 173px 15px;
  }

  .services-text-cover-two h2 {
    font-size: 35px;
    text-align: left;
  }

  .services-text-cover-two h2::before {
    top: 46px;
  }

  .services-text-cover-two p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-three h2 {
    font-size: 35px;
    text-align: left;
  }

  .services-text-cover-three h2::before {
    top: 46px;
  }

  .services-text-cover-three p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-four h2 {
    font-size: 35px;
    text-align: left;
  }

  .services-text-cover-four h2::before {
    top: 46px;
  }

  .services-text-cover-four p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-five h2 {
    font-size: 35px;
    text-align: left;
  }

  .services-text-cover-five h2::before {
    top: 46px;
  }

  .services-text-cover-five p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-sixs h2 {
    font-size: 35px;
    text-align: left;
  }

  .services-text-cover-sixs h2::before {
    top: 46px;
  }

  .services-text-cover-sixs p {
    font-size: 16px;
    text-align: left;
  }

  .banner-section {
    height: 620px;
    z-index: auto;
  }
  /* 
  .company-logo-section {
    margin-top: -172px;
    padding: 146px 0px 40px;
    background: url(../images/top-vector-ct.png);
    background-size: 100% 100%;
  } */

  .news-section .news-name h2 {
    font-size: 50px;
  }

  .news-section {
    padding: 90px 0px 40px;
    z-index: 9999;
  }

  .our-solutions-section .button-two {
    padding: 25px 68px;
    font-size: 26px;
  }

  .conatin-news-tt h2 {
    font-size: 13px;
  }

  .owl-theme .owl-dots {
    display: none;
  }

  .news-section .news-name {
    padding-top: 41px;
  }

  .owl-nav .owl-prev {
    left: -243px;
    top: 78%;
  }

  .owl-nav .owl-next {
    left: -166px;
    top: 78%;
  }

  .news-section .news-box {
    padding: 13px;
  }

  .services-section {
    display: none;
  }

  .achievements-section {
    padding-top: 50px;
  }

  .achievements-section .cards .icon {
    width: 70px;
    height: 70px;
  }

  .footer-section {
    padding: 0px 0px 50px;
  }

  .footer-menu ul li {
    margin: 0px 11px;
  }

  /*-- Contact ---*/
  .contact-section {
    padding: 151px 0px;
  }

  .services-text-cover-one h3 {
    font-size: 70px;
    text-align: left;
  }

  .services-text-cover-one p {
    text-align: left;
  }

  .from-box-78 {
    width: 100%;
    padding-left: 30px;
  }

  .pading-top70 {
    padding-top: 100px;
  }

  .text-4 {
    font-size: 14px;
  }

  /*--- Mobilevas ----*/
  .mobilevas-section {
    width: 100%;
    height: auto;
    float: left;
    padding: 143px 0px 233px;
  }

  .introduction-title {
    margin-bottom: 15px;
  }

  .introduction-title h2 {
    font-size: 59px;
  }

  .wallet-digital {
    padding: 34px 0px 0px;
  }

  .map-section-two {
    /* width: 70%; */
  }

  .section-header-twoa {
    font-size: 65px;
    margin-bottom: 100px;

  }

  .logo-title-carrier-two h2 {
    font-size: 21px;
  }

  .ct-logo-box-vas {
    min-height: 238px;
  }

  .mobileva-introduction-gradiant {
    margin-top: -239px;
    padding: 202px 0px 150px;
  }

  /*--- Mobilevas ----*/
  /* .mobilevas-section {
    width: 100%;
    height: auto;
    float: left;
    padding: 143px 0px 249px;
    background: url("../images/mobile-tablet-VAS.png");
    background-repeat: no-repeat;
    background-size: cover;
  } */

  .introduction-title {
    margin-bottom: 15px;
  }

  .introduction-title h2 {
    font-size: 56px;
  }

  .wallet-digital {
    padding: 34px 0px 0px;
  }

  .logo-title-carrier-two h2 {
    font-size: 20px;
  }

  .ct-logo-box-vas {
    min-height: 168px;
  }

  .mobileva-introduction-gradiant {
    margin-top: -167px;
    padding: 202px 0px 150px;
  }

  .wallet-digital .ct-logo-box .logo-ct {
    width: 57%;
  }

  .wallet-digital .ct-logo-box .logo-title-carrier h2 {
    font-size: 20px;
  }

  .digital-payments-st-two .services-text-cover-one h2 {
    font-size: 50px;
  }

  .map-section-two {
    /* width: 80%; */
    padding-top: 97px;
  }

  .section-header-twoa {
    font-size: 65px;
    top: 10px;
    margin-bottom: 100px;

  }

  #map {
    /*transform: scale(1.2);*/
    transition: transform 0.3s ease;
  }

  /* .esports-section .services-text-cover-one p{text-align: left;line-height: 25px;}
  .digital-payments-st-two .services-text-cover-one p{text-align: left;line-height: 25px;}
  .e-vouchers-section .services-text-cover-one p{text-align: left;line-height: 25px;}
  .e-vouchers-section .services-text-cover-one p{text-align: left;line-height: 25px; }
  .cloud-gaming-section .services-text-cover-one p{text-align: left;line-height: 25px; }
  .digital-marketing-section .services-text-cover-one p{text-align: left;line-height: 25px; }
  .evouchers-section-two .services-text-cover-one p{text-align: left; line-height: 25px;} */

  /*-- e-services ---*/
  .page-title-name h3::after {
    width: 150px;
    right: -161px;
  }

  .page-title-name h3::before {
    width: 150px;
    left: -161px;
  }

  .owl-carousel .owl-dots.disabled,
  .owl-carousel .owl-nav.disabled {
    display: none;
  }

  .con-logo-left-box .patner-cm-logo {
    height: 143px;
  }

  .left-tournaments-st {
    padding: 0px 15px;
  }

  .summer-t {
    margin-top: 13px;
  }

  .summer-t h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .summer-t p {
    font-size: 14px;
  }

  .tournaments-section {
    padding-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap {
    width: 100%;
    height: 320px;
  }

  .vouchers-section {
    padding: 108px 0px 300px;
  }

  .vouchers-title-box h2 {
    font-size: 64px;
  }

  .section-header {
    font-size: 36px;
  }

  .feature-content-text p {
    font-size: 14px;
  }

  ul.bar-code-list li.bb-cart {
    width: 35%;
  }

  ul.bar-code-list li.bb-cart img {
    width: 100%;
    height: auto;
  }

  ul.bar-code-list li {
    margin-top: 10px;
  }

  ul.bar-code-list li img {
    width: 45%;
  }

  .logo-ct {
    margin-bottom: 15px;
    width: 45%;
  }

  .e-service-p .content {
    padding-right: 30px;
  }
  .digital-payments {
    padding: 145px 0px 205px;
    background-size: 100% auto;
    background-position: center;
  }
  .e-service-p .content .section-tab-cntnt {
    width: 60%;
  }

  .news-section .owl-nav .owl-prev {
    left: -240px;
  }

  .news-section .owl-nav .owl-next {
    left: -180px;
  }

  .category-menu-two .sub-category {
    width: 98%;
    height: auto;
    float: left;
    background-color: rgb(18, 18, 18, 0.8);
    border-radius: 10px;
    padding: 15px 26px;
    margin: 0px 15px;
    display: flex;
    overflow-x: scroll;
    white-space: nowrap;
  }
  /* 
  .e-vouchers-section {
    padding: 220px 0px;
    margin-top: 0px;
  } */

  /* .digital-payments-st-two {
    padding: 218px 0px;
    margin-top: 0px;
  } */
  /* 
  .evouchers-section-two {
    padding: 236px 0px;
    margin-top: 0px;
  } */

  .cloud-gaming-section {
    padding: 190px 0px;
    margin-top: 0px;
  }

  .digital-marketing-section {
    padding: 212px 0px;
    margin-top: 0px;
  }

  /*Scroll bar nav*/
  .category-menu-two .sub-category::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }

  /* Track */
  .category-menu-two .sub-category::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgb(255 255 255 / 20%);
  }

  /* Handle */
  .category-menu-two .sub-category::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #f8662a;
  }

  .category-menu-two .sub-category::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(105, 105, 105, 0.4);
  }

  .category-menu-two .sub-category ul {
    gap: 10px;
  }

  .logo-ct-three {
    width: 120px;
    height: 186px;
  }

  .e-service-p .content {
    padding-right: 74px;
  }

  .e-service-p .content .section-tab-cntnt {
    width: 37%;
  }
  .e-service-p .content .section-tab-cntnt h3 {
    font-size: 40px;
  }
  .category-menu-two .sub-category ul {
    gap: 11px;
  }

  .category-menu-two .sub-category ul li {
    padding: 0px 10px 0px 11px;
  }

  .category-menu-two .sub-category ul li a {
    padding: 0px 0px 0px 36px;
  }

  .map-ct-dt {
    left: 8%;
  }
  .all-events-main-st .digital-payments-section {
    background-size: cover;
    background-position: -250px 0px;
  }
  .wallet-digital-patner5 [class*="col"] {
    height: 247px;
    margin-bottom: 25px;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .player-contain-hover {
    padding: 17px;
  }

  .team-ct {
    padding: 10px;
  }

  .team-ct span {
    font-size: 13px;
  }

  .team-ct h3 {
    font-size: 11px;
  }

  .portfolio-section-twoB
    .owl-carousel
    .item
    .inner-div
    .player-contain-hover
    .logo-corner {
    padding: 8px 4px;
  }
  .IraqCom-section .some-stcontain .owl-nav {
    width: 12%; margin-top: -20px;
}
  .e-service-p .slide:first-child {
    background-size: cover;
  }
  .e-service-p .slide:nth-of-type(2) {
    background-size: cover;
  }
  .e-service-p .slide:nth-of-type(3) {
    background-size: cover;
  }
  .e-service-p .slide:nth-of-type(4) {
    background-size: cover;
  }
  .e-service-p .slide:nth-of-type(5) {
    background-size: cover;
  }

  .esports-section {
    background-size: 100% auto;
    background-position: center;
    padding: 176px 0px 88px;
  }
  .e-vouchers-section {
    background-size: 100% auto;
    background-position: center;
    /* padding: 64px 0px; */
    padding: 160px 0px;
  }
  .digital-payments-st-two {
    background-size: 100% auto;
    background-position: center;
    padding: 106px 0px;
  }
  .evouchers-section-two {
    background-size: 100% auto;
    background-position: center;
    padding: 180px 0px;
  }
  .digital-marketing-section {
    background-size: 100% auto;
    background-position: center;
    padding: 165px 0px;
    margin-top: 0px;
  }
  /* .our-patner-main-st .platform-partners-title {
    margin-top: 160px;
  } */
  .our-patner-main-st .vector-gradiant {
    margin-top: -163px;
    padding: 235px 0px;
  }
  .esport-section {
    padding: 109px 0px;
  }
  .digital-payments-main .digital-payments-book {
    margin-top: 50px;
  }

  .e-shop-hl-point .vector-gradiant {
    margin-top: -653px;
    padding: 227px 0px;
  }

  .e-shop-hl-point .platform-partners-title {
    margin-top: 335px;
  }

  /* 
  .our-patner-main-st .vector-gradiant {
    margin-top: -154px;
    padding: 227px 0px;
  } */

  /* .digital-payments-main .digital-payments-book {
    margin-top: -243px;
  } */
  .digital-main-p .vector-gradiant {
    margin-top: -283px;
    padding: 227px 0px;
  }
  .digital-main-p .e-vouchers-book {
    margin-top: -250px;
  }

  .company-logo-section {
    margin-top: -78px;
    padding: 0px 0px 34px;
  }
  .company-logo-section::after {
    top: -466px;
    height: 925px;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .esport-section::after,
  .digital-payments-section::after {
    top: 231px;
    height: 774px;
  }

  .mobilevas-section::after {
    top: 248px;
    height: 774px;
  }

  .vouchers-section::after {
    background-size: cover;
    top: 218px;
    height: 774px;
  }
  .digital-payments::after {
    background-size: cover;
    top: 184px;
    height: 774px;
  }

  .our-patner-main-st-ev .e-vouchers-book {
    margin-top: -356px;
  }
}

@media only screen and (max-width: 1023px) {
  /*-- index mobile ---*/
  .container,
  .container-sm {
    max-width: 100%;
  }

  .no-padding {
    padding: 0px 5px;
  }

  .owl-theme .owl-dots {
    display: none;
  }

  .navber-social-section {
    display: none;
  }

  .nav-main-container {
    position: relative;
  }

  .mainNav.navbar .navbar-toggler {
    position: absolute;
    right: 13px;
    top: 13px;
  }

  /* .navbar-collapse {
    position: absolute;
    left: 0px;
    top: 75px;
    background: rgb(0, 0, 0, 0.8);
    width: 94%;
    margin: 0px 8px;
    padding: 15px;
  } */
  /*-- Banner ---*/
  .banner-section {
    height: 527px;
  }

  .banner-text-st {
    padding: 174px 19px 30px;
  }

  .banner-text-st h2 {
    font-size: 53px;
    line-height: 80px;
  }

  .banner-text-st p {
    font-size: 21px;
  }

  .video-st img {
    height: 100%;
  }

  /*-- Services ---*/
  .services-section {
    display: none;
  }

  .achievements-section {
    padding: 80px 10px 0px;
  }

  /* .company-logo-section {
    margin-top: -173px;
    padding: 135px 0px 40px;
    background: url(../images/top-vector-tap-late.png);
    background-size: 100% 100%;
  } */

  .how-it-works-header p {
    font-size: 21px;
  }

  .company-logo-section .owl-nav {
    display: none;
  }

  .company-logo-section .owl-carousel .item {
    height: 6rem;
    padding: 10px;
  }

  .news-section {
    padding: 0px 15px;
  }

  .our-solutions-section .how-it-works-two p {
    font-size: 20px;
  }

  .news-section .news-name {
    padding-top: 25px;
    padding-bottom: 50px;
  }

  .section-header {
    font-size: 53px;
    line-height: 77px;
    text-align: center;
  }

  .news-section .news-name h2 {
    font-size: 53px;
  }

  .news-section .news-name p {
    font-size: 14px;
  }

  .news-section .news-box {
    padding: 15px;
  }

  .conatin-news-tt ul li {
    font-size: 18px;
  }

  .conatin-news-tt h2 {
    font-size: 20px;
  }

  .achievements-section .cards {
    padding: 14px;
    min-height: 162px;
  }

  .achievements-section .cards .icon {
    width: 50px;
    height: auto;
    line-height: 38px;
  }

  .achievements-section .cards .icon-mobile-i {
    width: 29%;
    height: auto;
    line-height: 38px;
  }

  .how-it-works-header {
    padding-bottom: 30px;
  }

  .achievements-section .cards p {
    font-size: 20px;
  }

  .achievements-section .counter {
    font-size: 58px;
  }

  .our-solutions-section {
    background-position: 0px 85px;
  }

  .our-solutions-section .mobile-section-bg {
    width: 100%;
  }

  

  .our-solutions-section .mobile-section-bg {
    padding: 0px 0px 42px;
  }

  .owl-nav .owl-prev {
    display: block;
  }

  .owl-carousel .owl-dots.disabled,
  .owl-carousel .owl-nav.disabled {
    display: block;
  }

  .owl-nav .owl-prev {
    left: auto;
    top: -70px;
    right: 58px;
  }

  .owl-nav .owl-next {
    right: 0;
    top: -21%;
  }

  .our-solutions-section .button-two {
    padding: 25px 68px;
    font-size: 26px;
  }

  /*-- Contact ---*/
  .contact-section {
    padding: 85px 0px;
  }

  .services-text-cover-one h3 {
    font-size: 70px;
    text-align: center;
  }

  /* .services-text-cover-one p{text-align: center;} */

  .from-box-78 {
    width: 100%;
    border-left: 0px;
    padding-left: 0px;
  }

  .pading-top70 {
    padding-top: 129px;
  }

  .text-4 {
    font-size: 12px;
  }

  /*--- Mobilevas ----*/
  /* .mobilevas-section {
    width: 100%;
    height: auto;
    float: left;
    padding: 143px 0px 249px;
    background: url("../images/mobile-tablet-VAS.png");
    background-repeat: no-repeat;
    background-size: cover;
  } */

  .introduction-title {
    margin-bottom: 15px;
  }

  .introduction-title h2 {
    font-size: 59px;
  }

  .wallet-digital {
    padding: 34px 0px 0px;
  }

  .logo-title-carrier-two h2 {
    font-size: 28px;
  }

  .ct-logo-box-vas {
    min-height: 268px;
  }

  .mobileva-introduction-gradiant {
    margin-top: -239px;
    padding: 202px 0px 150px;
  }

  /*--- Mobilevas ----*/
  /* .mobilevas-section {
    width: 100%;
    height: auto;
    float: left;
    padding: 143px 0px 249px;
    background: url("../images/mobile-tablet-VAS.png");
    background-repeat: no-repeat;
    background-size: cover;
  } */

  .introduction-title {
    margin-bottom: 15px;
  }

  .introduction-title h2 {
    font-size: 56px;
  }

  .wallet-digital {
    padding: 34px 0px 0px;
  }

  .logo-title-carrier-two h2 {
    font-size: 20px;
  }

  .ct-logo-box-vas {
    min-height: 168px;
  }

  .mobileva-introduction-gradiant {
    margin-top: -194px;
    padding: 202px 0px 150px;
  }

  .wallet-digital .ct-logo-box .logo-ct {
    width: 57%;
  }

  .wallet-digital .ct-logo-box .logo-title-carrier h2 {
    font-size: 27px;
  }

  /*-- Services ---*/

  /* .esports-section {
    background: url("../images/services-tap-one-st.png");
    padding: 188px 0px 207px;
    background-size: 100% 100%;
  }

  .e-vouchers-section {
    background: url("../images/services-tap-two-st.png");
    padding: 111px 0px 101px;
    margin-top: 0px;
    background-size: 100% 100%;
    clip-path: unset;
  }

  .digital-payments-st-two {
    background: url("../images/services-tap-three-st.png");
    padding: 132px 0px 130px;
    margin-top: 0px;
    background-size: 100% 100%;
    clip-path: unset;
  }

  .cloud-gaming-section {
    background: url("../images/services-tap-five-st.png");
    padding: 112px 0px 89px;
    margin-top: 0px;
    background-size: 100% 100%;
    clip-path: unset;
  }

  .evouchers-section-two {
    background: url("../images/services-tap-four-st.png");
    padding: 160px 0px 166px;
    margin-top: 0px;
    background-size: 100% 100%;
    clip-path: unset;
  }

  .digital-marketing-section {
    background: url("../images/services-tap-six-st.png");
    padding: 112px 0px 89px;
    margin-top: 0px;
    background-size: 100% 100%;
    clip-path: unset;
  } */

  .digital-payments-st-two .services-text-cover-one h2 {
    font-size: 50px;
  }

  /* .esports-section .services-text-cover-one p{text-align: left;line-height: 25px;}
.digital-payments-st-two .services-text-cover-one p{text-align: left;line-height: 25px;}
.e-vouchers-section .services-text-cover-one p{text-align: left;line-height: 25px;}
.e-vouchers-section .services-text-cover-one p{text-align: left;line-height: 25px;}
.cloud-gaming-section .services-text-cover-one p{text-align: left;line-height: 25px;}
.digital-marketing-section .services-text-cover-one p{text-align: left;line-height: 25px;}
.evouchers-section-two .services-text-cover-one p{text-align: left; line-height: 25px;} */

  /*-- e-services ---*/
  .page-title-name h3::after {
    width: 150px;
    right: -161px;
  }

  .page-title-name h3::before {
    width: 150px;
    left: -161px;
  }

  .owl-carousel .owl-dots.disabled,
  .owl-carousel .owl-nav.disabled {
    display: none;
  }

  .map-section-two {
    /* width: 70%; */
  }

  .section-header-twoa {
    font-size: 45px;
    top: 35px;
    left: 2%;
    margin-bottom: 100px;

  }

  /*-- ishort-vouchers --*/
  .Evouchers-addcard ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .Evouchers-addcard ul li {
    width: 30%;
  }

  .vouchers-section {
    padding: 188px 0px;
  }

  .vouchers-title-box h2 {
    font-size: 44px;
  }

  .feature-content-image {
    text-align: center;
  }

  .feature-content-text p {
    text-align: center;
  }

  ul.bar-code-list {
    width: 48%;
    height: auto;
    float: none;
    display: table;
    margin: 0px auto;
  }

  .logo-ct {
    margin-bottom: 15px;
    width: 45%;
  }

  .location-info {
    padding: 0px 10px;
    top: auto;
    bottom: 50px;
    left: 0;
    right: 0;
    flex-direction: row;
    min-height: 228px;
  }

  .location-info > div.active {
    width: 50%;
  }

  .location-info > div {
    width: 50%;
  }

  /*-- index footer mobile ---*/
  .footer-section {
    padding: 0px 0px 45px;
  }

  .footer-menu {
    margin-top: -37px;
    float: right;
    width: 44%;
    text-align: right;
  }

  .footer-menu ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    gap: 2px;
    flex-wrap: wrap;
  }

  .footer-menu ul li {
    margin: 0px 4px;
  }
  .all-events-main-st .digital-payments-section {
    background-size: cover;
    background-position: -250px 0px;
  }
  .footer-menu ul li a {
    font-size: 14px;
    line-height: 34px;
  }

  .footer-social-section {
    float: right;
    margin-bottom: -21px;
  }

  .category-menu-two .sub-category {
    width: 98%;
    height: auto;
    float: left;
    background-color: rgb(18, 18, 18, 0.8);
    border-radius: 10px;
    padding: 15px 26px;
    margin: 0px 15px;
    display: flex;
    overflow-y: auto;
    white-space: nowrap;
  }

  .category-menu-two .sub-category ul {
    gap: 10px;
  }

  .e-service-p .content {
    padding-right: 30px;
  }

  .e-service-p .content .section-tab-cntnt {
    width: 60%;
  }
  .IraqCom-section .some-stcontain .owl-nav {
    width: 28%; margin-top: 0px;
}
  .category-menu-two .sub-category ul {
    gap: 11px;
  }

  .category-menu-two .sub-category ul li {
    padding: 0px 10px 0px 11px;
  }

  .category-menu-two .sub-category ul li a {
    padding: 0px 0px 0px 36px;
  }

  .category-menu-two .sub-category {
    width: 96%;
    height: auto;
    float: left;
    background-color: rgb(18, 18, 18, 0.8);
    border-radius: 10px;
    padding: 15px 26px;
    margin: 0px auto;
    display: flex;
    overflow: scroll;
    white-space: nowrap;
  }

  .map-ct-dt {
    left: 8%;
  }

  .foore-logo {
    display: block;
    text-align: center;
  }

  .foore-logo-mobile {
    display: none;
  }

  .wallet-digital-patner5 [class*="col"] {
    height: 247px;
    margin-bottom: 25px;
  }
  .digital-payments {
    padding: 145px 0px 112px;
    background-size: 100% auto;
    background-position: center;
  }
  .all-events-main-st .ourmisson-section {
    /* background: url(/images/our-misonA_tab.png); */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 750px;
    float: left;
    padding: 265px 0px 189px;
    margin-top: -210px;
    clip-path: polygon(0 23%, 100% 15%, 100% 90%, 0 100%);
  }

  .all-events-main-st .our-values-section {
    /* background: url(/images/our-misonB_tab.png); */
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    float: left;
    padding: 217px 0px 189px;
    margin-top: -187px;
    clip-path: polygon(0 22%, 100% 15%, 100% 90%, 0 100%);
  }

  .all-events-main-st .ourmisson-section {
    padding: 300px 0px 142px;
    height: 750px;
    margin-top: -192px;
    clip-path: polygon(0 23%, 100% 13%, 100% 90%, 0 100%);
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap img {
    width: 95%;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .player-contain-hover {
    padding: 17px;
  }

  .team-ct {
    padding: 10px;
  }

  .team-ct span {
    font-size: 13px;
  }

  .team-ct h3 {
    font-size: 11px;
  }

  .portfolio-section-twoB
    .owl-carousel
    .item
    .inner-div
    .player-contain-hover
    .logo-corner {
    padding: 8px 4px;
  }

  .logo-ct-three {
    width: 118px;
    height: 176px;
  }

  .e-service-p .slide:first-child {
    background-size: cover;
  }
  .e-service-p .slide:nth-of-type(2) {
    background-size: cover;
  }
  .e-service-p .slide:nth-of-type(3) {
    background-size: cover;
  }
  .e-service-p .slide:nth-of-type(4) {
    background-size: cover;
  }
  .e-service-p .slide:nth-of-type(5) {
    background-size: cover;
  }

  .esports-section {
    background-size: cover;
    background-position: center;
  }
  .e-vouchers-section {
    background-size: cover;
    background-position: center;
  }
  .digital-payments-st-two {
    background-size: cover;
    background-position: center;
  }
  .evouchers-section-two {
    background-size: cover;
    background-position: center;
  }
  .digital-marketing-section {
    background-size: cover;
    background-position: center;
  }
  .def-inition-box {
    padding: 19px 10px;
  }
  .esport-section {
    padding: 103px 0px;
  }
  .digital-main-p .vector-gradiant {
    margin-top: -220px;
    padding: 227px 0px;
  }
  .digital-main-p .e-vouchers-book {
    margin-top: -150px;
  }

  .esport-section::after,
  .digital-payments-section::after {
    top: 344px;
    height: 774px;
  }

  .mobilevas-section::after {
    top: 170px;
    height: 774px;
  }

  .vouchers-section::after {
    background-size: cover;
    top: 218px;
    height: 774px;
  }

  .our-patner-main-st-ev .e-vouchers-book {
    margin-top: -356px;
  }

  .digital-payments::after {
    background-size: cover;
    top: 109px;
    height: 774px;
  }

  .vouchers-section::after {
    background-size: cover;
    top: 213px;
    height: 774px;
  }
}

@media only screen and (max-width: 991px) {
  /*-- index mobile ---*/
  .container,
  .container-sm {
    max-width: 100%;
  }

  .no-padding {
    padding: 0px 5px;
  }

  .owl-theme .owl-dots {
    display: none;
  }

  .navber-social-section {
    display: none;
  }

  .nav-main-container {
    position: relative;
  }

  .mainNav.navbar .navbar-toggler {
    position: absolute;
    right: 13px;
    top: 13px;
  }

  .navbar-collapse {
    position: absolute;
    left: 0px;
    top: 0;
    background: #000;
    width: 100%;
    border-radius: 16px;
    margin: 0px 0px;
    z-index: -1;
    padding: 77px 15px 15px 15px;
  }

  /*-- Banner ---*/
  .banner-section {
    height: 588px;
    z-index: auto;
  }

  .banner-text-st {
    padding: 174px 19px 30px;
  }

  .banner-text-st h2 {
    font-size: 53px;
    line-height: 80px;
  }

  .banner-text-st p {
    font-size: 21px;
  }

  .video-st img {
    height: 100%;
  }

  /*-- Services ---*/
  .services-section {
    display: none;
  }

  .achievements-section {
    padding: 80px 10px 0px;
  }
  /* 
  .company-logo-section {
    margin-top: -162px;
    padding: 140px 0px 40px;
    background: url(../images/top-vector-tap-late.png);
    background-size: 100% 100%;
  } */

  .how-it-works-header p {
    font-size: 21px;
  }

  .company-logo-section .owl-nav {
    display: none;
  }

  .company-logo-section .owl-carousel .item {
    height: 6rem;
    padding: 10px;
  }

  .news-section {
    padding: 0px 15px;
    z-index: 9999;
  }

  .news-section #news-mobile .owl-stage {
    padding-left: 0 !important;
  }

  .our-solutions-section .how-it-works-two p {
    font-size: 20px;
  }

  .news-section .news-name {
    padding-top: 25px;
    padding-bottom: 50px;
  }

  .section-header {
    font-size: 53px;
    text-align: center;
    line-height: 77px;
  }

  .news-section .news-name h2 {
    font-size: 53px;
  }

  .news-section .news-name p {
    font-size: 14px;
    width: 60%;
  }

  .news-section .news-box {
    padding: 15px;
  }

  .conatin-news-tt ul li {
    font-size: 18px;
  }

  .conatin-news-tt h2 {
    font-size: 20px;
  }

  .achievements-section .cards {
    padding: 14px;
    min-height: 162px;
  }

  .achievements-section .cards .icon {
    width: 50px;
    height: auto;
    line-height: 38px;
  }

  .achievements-section .cards .icon-mobile-i {
    width: 19%;
    height: auto;
    line-height: 38px;
  }

  .how-it-works-header {
    padding-bottom: 30px;
  }

  .achievements-section .cards p {
    font-size: 20px;
  }

  .achievements-section .counter {
    font-size: 58px;
  }

  .our-solutions-section {
    background-position: 0px 85px;
  }

  .our-solutions-section .mobile-section-bg {
    width: 100%;
  }

  .our-solutions-section .mobile-section-bg {
    padding: 0px 0px 42px;
  }

  .owl-nav .owl-prev {
    display: block;
  }

  .owl-carousel .owl-dots.disabled,
  .owl-carousel .owl-nav.disabled {
    display: block;
  }

  .owl-nav .owl-prev {
    left: auto;
    top: -70px;
    right: 58px;
  }

  .owl-nav .owl-next {
    right: 0;
    top: -21%;
  }

  .our-solutions-section .button-two {
    padding: 25px 68px;
    font-size: 26px;
  }

  .participated-section {
    padding: 48px 0px;
  }

  .participated-section p {
    font-size: 18px;
  }

  /*-- About ---*/
  .how-it-works-header-twoA {
    padding-top: 30px;
  }

  .how-it-works-header-twoA .section-header {
    font-size: 61px;
  }

  .about-section-one {
    padding: 30px 15px;
  }

  .who-are-s {
    height: 312px;
  }

  .about-slider {
    height: 315px;
  }

  .about-slider .owl-nav {
    width: 45%;
    line-height: 8px;
  }

  .about-slider .owl-prev {
    width: 30px;
    height: 30px;
    line-height: 8px;
  }

  .about-slider .owl-next {
    width: 30px;
    height: 30px;
  }

  .num {
    bottom: 33px;
    font-size: 11px;
  }

  .about-some {
    padding: 30px 0px;
  }

  .about-some h2 {
    font-size: 32px;
  }

  .about-some p {
    font-size: 17px;
    line-height: 27px;
  }

  .digital-payments-section-mobile {
    background: url("../images/our-vison-mobile5.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: auto;
    display: block;
    float: left;
    padding: 197px 20px;
    margin-top: -73px;
  }

  .services-text-cover-one h2 {
    margin-bottom: 42px;
    font-size: 56px;
  }

  .services-text-cover-one h2::before {
    left: -12px;
    top: 57px;
  }

  .services-text-cover-one p {
    color: #fff;
    margin-bottom: 22px;
  }

  .submition {
    width: 100%;
  }

  .services-text-cover-two h2 {
    font-size: 35px;
    text-align: left;
  }

  .gmnoprint {
    bottom: unset;
    top: 95px;
  }

  /* .services-text-cover-two h2::before {
    top: 55px;
  } */

  .services-text-cover-two p {
    font-size: 16px;
    text-align: right;
  }

  .services-text-cover-two .button-two {
    float: right;
  }

  .services-text-cover-three h2 {
    font-size: 56px;
    text-align: left;
  }

  .services-text-cover-three h2::before {
    top: 58px;
  }

  .services-text-cover-three p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-four h2 {
    font-size: 56px;
    text-align: right;
    background-position: right bottom;
  }

  .services-text-cover-four .button-two {
    float: right;
  }

  .services-text-cover-four h2::before {
    top: 57px;
  }

  .services-text-cover-four p {
    font-size: 16px;
    text-align: right;
  }

  .services-text-cover-five h2 {
    font-size: 56px;
    text-align: left;
  }

  .services-text-cover-five h2::before {
    top: 57px;
  }

  .services-text-cover-five p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-sixs h2 {
    font-size: 56px;
    text-align: right;
    background-position: right bottom;
  }

  .services-text-cover-sixs .button-two {
    float: right;
  }

  .services-text-cover-sixs h2::before {
    top: 41px;
  }

  .services-text-cover-sixs p {
    font-size: 16px;
    text-align: right;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap {
    width: 78%;
    height: 320px;
  }

  .ourmisson-section {
    background: url(/images/our-misonA-mobile-st.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: auto;
    float: left;
    padding: 223px 25px;
    margin-top: 0px;
  }

  .our-values-section {
    background: url(/images/our-misonB-mobile.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: auto;
    float: left;
    padding: 222px 22px 50px;
    margin-top: -72px;
  }

  .IraqCom-section {
    padding: 0px 15px;
  }

  .IraqCom-section::before {
    top: -487px;
    height: 970px;
  }

  .title-IraqCom h2 {
    font-size: 42px;
  }

  .title-IraqCom p {
    font-size: 25px;
  }

  .iraqn-slider::before {
    height: 148px;
    clip-path: ellipse(66% 27% at 50% 41%);
    top: 34px;
  }

  .iraqn-slider::after {
    clip-path: ellipse(70% 34% at 50% 41%);
    height: 105px;
    bottom: 38px;
  }

  /*-- Contact ---*/

  .contact-section {
    width: 100%;
    height: auto;
    float: left;
    padding: 85px 0px 150px;
    background: url("/images/contact-bg-tab.png");
    background-position: center;
    background-size: cover;
  }

  .services-text-cover-one h3 {
    font-size: 70px;
    text-align: center;
  }

  /* .services-text-cover-one p{text-align: center;} */

  .from-box-78 {
    width: 100%;
    border-left: 0px;
    padding-left: 80px;
    padding-right: 80px;
  }

  .pading-top70 {
    padding-top: 23px;
  }

  .text-4 {
    font-size: 18px;
  }

  /*--- Digital Payments ---*/
  /* .digital-payments {
    width: 100%;
    height: auto;
    float: left;
    padding: 169px 0px 249px;
    background: url("../images/digital-payments-mobile1.png");
    background-repeat: no-repeat;
    background-size: cover;
  } */

  .vouchers-title-box h2 {
    font-size: 36px;
  }

  .vouchers-title-box ol.breadcrumb li.breadcrumb-item {
    padding: 9px 9px;
    font-size: 14px;
  }
  /* 
  .carrier-section {
    margin-top: -100px;
    padding: 0px 0px;
  } */

  .logo-title-carrier h2 {
    font-size: 16px;
  }

  .logo-ct {
    margin-bottom: 15px;
    width: 50%;
  }

  .ct-logo-box {
    padding: 27px 15px;
  }

  .vouchers-title-box p {
    font-size: 20px;
  }

  .carrier-vector-gradiant {
    margin-top: -229px;
  }

  .digital-header-two h1.section-header {
    text-align: center;
  }

  /*--- Mobilevas ----*/
  /* .mobilevas-section {
    width: 100%;
    height: auto;
    float: left;
    padding: 143px 0px 249px;
    background: url("../images/mobile-tablet-VAS.png");
    background-repeat: no-repeat;
    background-size: cover;
  } */

  .introduction-title {
    margin-bottom: 15px;
  }

  .introduction-title h2 {
    font-size: 59px;
  }

  .tournaments-section {
    padding-bottom: 50px !important;
  }

  .wallet-digital {
    padding: 34px 0px 0px;
  }

  .logo-title-carrier-two h2 {
    font-size: 28px;
  }

  /* .ct-logo-box-vas {
    min-height: 268px;
  } */
  .mobileva-introduction-gradiant {
    margin-top: -239px;
    padding: 202px 0px 150px;
  }

  /*--- Mobilevas ----*/
  /* .mobilevas-section {
    width: 100%;
    height: auto;
    float: left;
    padding: 143px 0px 249px;
    background: url("../images/mobile-tablet-VAS.png");
    background-repeat: no-repeat;
    background-size: cover;
  } */

  .introduction-title {
    margin-bottom: 15px;
  }

  .introduction-title h2 {
    font-size: 56px;
  }

  .wallet-digital {
    padding: 34px 0px 0px;
  }

  .logo-title-carrier-two h2 {
    font-size: 20px;
  }

  .mobileva-introduction-gradiant {
    margin-top: -176px;
    padding: 202px 0px 150px;
  }

  .wallet-digital .ct-logo-box .logo-ct {
    width: 57%;
  }

  .wallet-digital .ct-logo-box .logo-title-carrier h2 {
    font-size: 27px;
  }

  /*--- Our Partners ---*/
  .become-partner-inner {
    padding: 307px 20px 40px;
    background-size: 100% 48%;
  }

  .become-partner-inner h2 {
    font-size: 55px;
  }

  .become-partner-section {
    padding: 0px 15px 50px;
  }

  /*-- Services ---*/

  /* .esports-section {
    background: url("/images/services-tap-one-st.png");
    padding: 190px 0px 240px;
    background-size: cover;
    background-position: center;
  } */
  /* 
  .e-vouchers-section {
    background: url("../images/services-tap-two-st.png");
    padding: 167px 0px 159px;
    margin-top: 0px;
    background-size: cover;
    background-position: center;
    clip-path: unset;
  }

  .digital-payments-st-two {
    background: url("../images/services-tap-three-st.png");
    padding: 147px 0px 142px;
    margin-top: 0px;
    clip-path: unset;
    background-size: cover;
    background-position: center;
  }

  .cloud-gaming-section {
    background: url("../images/services-tap-five-st.png");
    padding: 132px 0px 89px;
    margin-top: 0px;
    background-size: cover;
    background-position: center;
    clip-path: unset;
  }

  .evouchers-section-two {
    background: url("../images/services-tap-four-st.png");
    padding: 177px 0px 168px;
    margin-top: 0px;
    background-size: cover;
    background-position: center;
    clip-path: unset;
  }

  .digital-marketing-section {
    background: url("../images/services-tap-six-st.png");
    padding: 114px 0px 89px;
    margin-top: 0px;
    clip-path: unset;
    background-size: cover;
    background-position: center;
  } */

  .digital-payments-st-two .services-text-cover-one h2 {
    font-size: 40px;
  }

  /* .esports-section .services-text-cover-one p{text-align: left;line-height: 25px; }
.digital-payments-st-two .services-text-cover-one p{text-align: left;line-height: 25px; }
.e-vouchers-section .services-text-cover-one p{text-align: left;line-height: 25px;}
.e-vouchers-section .services-text-cover-one p{text-align: left;line-height: 25px; }
.cloud-gaming-section .services-text-cover-one p{text-align: left;line-height: 25px; }
.digital-marketing-section .services-text-cover-one p{text-align: left;line-height:25px}
.evouchers-section-two .services-text-cover-one p{text-align: left; line-height: 25px; } */
  .event-list-section .portfolio-contain5 h2 {
    font-size: 14px;
  }

  .event-list-section .portfolio-wrapper-Dtp {
    padding: 0px;
  }

  .vouchers-section {
    padding: 135px 0px 250px;
  }
  .vector-gradiant {
    margin-top: -378px;
    padding: 432px 0px 112px;
  }
  /* .e-vouchers-book {
    margin-top: -350px;
  } */
  .esport-section {
    background-size: cover;
  }
  .feature-content-image {
    text-align: center;
    background-size: 75%;
  }

  .feature-content-text {
    padding-left: 0;
    padding-top: 0px;
    padding-right: 0;
  }

  .feature-content-text p {
    text-align: center;
  }

  ul.bar-code-list {
    width: 48%;
    height: auto;
    float: none;
    display: table;
    margin: 0px auto;
  }

  .foore-logo {
    display: block;
  }

  .foore-logo-mobile {
    display: none;
    text-align: center;
  }

  .foore-logo-mobile img {
    width: 100%;
    height: auto;
  }

  /*-- e-services ---*/
  .page-title-name h3::after {
    width: 150px;
    right: -161px;
  }

  .page-title-name h3::before {
    width: 150px;
    left: -161px;
  }

  .owl-carousel .owl-dots.disabled,
  .owl-carousel .owl-nav.disabled {
    display: none;
  }

  .map-section-two {
    /* width: 97%; */
  }

  .section-header-twoa {
    font-size: 64px;
    top: 0px;
    margin-bottom: 0px;

  }

  .simpler-player {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    right: 0;
    bottom: -29px;
    z-index: 1;
  }

  .sim-point-logo {
    left: 22px;
    top: 32px;
  }

  .services-text-cover-two h2 {
    font-size: 56px;
    text-align: right;
    background-position: right bottom;
  }

  .rating-section ul li {
    width: 32%;
    margin-right: 8px;
  }

  .modal-dialog::before {
    background-size: cover;
    height: 100%;
  }

  .justify-content-end {
    justify-content: space-between !important;
  }

  .justify-content-between {
    justify-content: flex-end !important;
  }

  /*-- ishort-vouchers --*/
  .Evouchers-addcard ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .Evouchers-addcard ul li {
    width: 30%;
  }

  .picture-tournaments {
    margin-top: 25px;
  }

  /*-- index footer mobile ---*/
  .footer-section {
    padding: 0px 0px 45px;
  }

  .footer-menu {
    margin-top: -37px;
    float: right;
    width: 44%;
    text-align: right;
  }

  .footer-menu ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    gap: 2px;
    flex-wrap: wrap;
  }

  .footer-menu ul li {
    margin: 0px 8px;
  }

  .footer-menu ul li a {
    font-size: 14px;
    line-height: 34px;
  }

  .footer-social-section {
    float: right;
    margin-bottom: -21px;
  }

  .e-service-p .wrapper-teo {
    width: 950px;
    gap: 12px;
    max-width: 100%;
    border-radius: 0px;
    background-color: unset;
    padding: 0px 9px;
    display: flex;
    margin: 0;
    text-align: left;
    overflow-y: hidden;
    overflow: auto;
    white-space: nowrap;
  }

  .e-service-p .selected.e-sport-tf::before {
    content: "";
    position: absolute;
    width: 21px;
    height: 17px;
    background: url(/images/sub-cattergory1_hover.png);
    background-repeat: no-repeat;
    top: 18px;
    left: 30px;
  }

  .e-service-p .selected.e-sport-tf-two::before {
    content: "";
    position: absolute;
    width: 21px;
    height: 17px;
    background: url(/images/sub-cattergory2_hover.png);
    background-repeat: no-repeat;
    top: 18px;
    left: 30px;
  }

  .e-service-p .selected.e-sport-tf-three::before {
    content: "";
    position: absolute;
    width: 21px;
    height: 17px;
    background: url(/images/sub-cattergory3_hover.png);
    background-repeat: no-repeat;
    top: 18px;
    left: 30px;
  }

  .e-service-p .selected.e-sport-tf-four::before {
    content: "";
    position: absolute;
    width: 21px;
    height: 17px;
    background: url(/images/sub-cattergory4_hover.png);
    background-repeat: no-repeat;
    top: 18px;
    left: 30px;
  }

  .e-service-p .selected.e-sport-tf-five::before {
    content: "";
    position: absolute;
    width: 21px;
    height: 21px;
    background: url(/images/sub-cattergory5_hover.png);
    background-repeat: no-repeat;
    top: 13px;
    left: 30px;
  }

  .e-service-p .selected.e-sport-tf-six::before {
    content: "";
    position: absolute;
    width: 21px;
    height: 21px;
    background: url(/images/sub-cattergory6_hover.png);
    background-repeat: no-repeat;
    top: 13px;
    left: 30px;
  }

  .e-service-p .selected.e-sport-tf,
  .e-service-p .selected.e-sport-tf-two,
  .e-service-p .selected.e-sport-tf-three,
  .e-service-p .selected.e-sport-tf-four,
  .e-service-p .selected.e-sport-tf-five,
  .e-service-p .selected.e-sport-tf-six {
    font-weight: bold;
    color: #f8662a;
  }

  /*Scroll bar nav*/
  .e-service-p .wrapper-teo::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  /* Track */
  .e-service-p .wrapper-teo::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgb(255 255 255 / 20%);
  }

  ul.bar-code-list li.bb-cart {
    width: 43%;
  }

  /* Handle */
  .e-service-p .wrapper-teo::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #f8662a;
  }

  .e-service-p .wrapper-teo::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.4);
  }

  .e-service-p .wrapper-teo::before {
    display: none;
  }

  .location-info {
    display: flex;
  }

  .location-info .map-ct-dt {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 10px;
    overflow: hidden;
    overflow-x: auto;
    max-width: 100%;
  }

  .location-info > div.active {
    width: 50%;
  }

  .location-info > div {
    width: 50%;
  }

  .e-service-p .selected.e-sport-tf::after,
  .e-service-p .selected.e-sport-tf-two::after,
  .e-service-p .selected.e-sport-tf-three::after,
  .e-service-p .selected.e-sport-tf-four::after,
  .e-service-p .selected.e-sport-tf-five::after,
  .e-service-p .selected.e-sport-tf-six::after {
    display: none;
  }

  .e-service-p .controls {
    top: 0px;
    padding: 0px 5px;
  }

  .e-service-p .button.e-sport-tf::before {
    left: 10px;
  }

  .e-service-p .button {
    font-size: 20px;
    padding: 15px 23px 14px 38px;
    background: #000;
    border-radius: 35px;
  }

  .e-service-p .selected.e-sport-tf::before {
    left: 10px;
  }

  .e-service-p .content {
    display: inline-block;
    padding: 140px 15px 80px;
  }

  .e-service-p {
    padding: 150px 0px;
  }

  .e-service-p .content .section-tab-cntnt {
    width: 60%;
    text-align: left;
    margin-top: 100px;
    float: left;
  }

  .e-service-p .content .section-tab-cntnt h3 {
    font-size: 56px;
  }

  .e-service-p .content .section-tab-cntnt p {
    font-size: 20px;
    line-height: 27px;
  }

  .services-a {
    padding-left: 11px;
    padding-top: 9px;
  }

  .e-service-p .button.e-sport-tf-two::before,
  .e-service-p .button.e-sport-tf-three::before,
  .e-service-p .button.e-sport-tf-four::before,
  .e-service-p .button.e-sport-tf-five::before,
  .e-service-p .button.e-sport-tf-six::before {
    left: 14px;
  }

  .category-menu-two .sub-category {
    width: 96%;
    height: auto;
    float: left;
    background-color: rgb(18, 18, 18, 0.8);
    border-radius: 10px;
    padding: 15px 26px;
    margin: 0px auto;
    overflow: auto;
    display: flex;
    overflow-y: hidden;
    white-space: nowrap;
  }

  .our-solutions-section {
    background-position: 0px 134px;
  }

  .navbar-toggler > .close {
    display: inline;
    color: #fff;
    padding: 2px 0px;
    float: left;
  }

  .navbar-toggler.collapsed > .close,
  .navbar-toggler:not(.collapsed) > .navbar-toggler-icon {
    display: block;
  }

  .bg-skew {
    margin-top: -54px;
  }

  .news-section .owl-nav.disabled {
    display: block;
  }

  .news-section .owl-nav .owl-prev {
    right: 80px;
    left: auto;
    top: -159px;
  }

  .news-section .owl-nav .owl-next {
    right: 0px;
    left: auto;
    top: -159px;
  }

  .map-ct-dt {
    left: 10%;
  }

  .col-xs {
    width: 49.33%;
  }

  /* .col-xs:nth-child(n + 1) {
    width:25%;
  }
  .col-xs:nth-child(n + 2) {
    width:50%;
  }
  .col-xs:nth-child(n + 3) {
    width:50%;
  } */
  /* .col-xs:nth-child(3n+1){
    width:25%;
  } */
  .col-xs:nth-child(n + 3) {
    width: 33.3%;
  }

  .footer-section-two::before {
    clip-path: polygon(100% 58%, 0% 100%, 100% 100%);
    height: 166px;
    top: -166px;
  }

  .img-box {
    height: 358px;
  }

  .logo-title-carrier-two h2 {
    font-size: 24px;
  }
  .all-events-main-st .ourmisson-section {
    /* background: url(/images/our-misonA_tab.png); */
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 676px;
    background-position: -150px 0px;
    float: left;
    padding: 253px 0px 189px;
    margin-top: -165px;
    /* clip-path: polygon(0 23%, 100% 11%, 100% 90%, 0 100%); */
  }

  .all-events-main-st .our-values-section {
    /* background: url(/images/our-misonB_tab.png); */
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    float: left;
    padding: 184px 0px 120px;
    margin-top: -132px;
    clip-path: polygon(0 22%, 100% 13%, 100% 86%, 0% 100%);
  }

  .IraqCom-section {
    padding: 70px 15px 0px;
  }

  .iraqn-slider {
    padding: 60px 0px 0px;
  }

  .IraqCom-section .some-stcontain .owl-nav{    width: 16%;}
  /* 
  .e-service-p .slide:first-child {
    background: url(/images/spo-bannertab.png) no-repeat center;
    background-size: cover;
  } */

  /* .e-service-p .slide:nth-of-type(2) {
    background: url("/images/spo-banner2tab.png") no-repeat center;
    background-size: cover;
  }

  .e-service-p .slide:nth-of-type(3) {
    background: url("/images/spo-banner3tab.png") no-repeat center;
    background-size: cover;
  }

  .e-service-p .slide:nth-of-type(4) {
    background: url("/images/spo-banner5tab.png") no-repeat center;
    background-size: cover;
  }

  .e-service-p .slide:nth-of-type(5) {
    background: url("/images/spo-banner4tab.png") no-repeat center;
    background-size: cover;
  }

  .e-service-p .slide:last-child {
    background: url("/images/spo-banner6tab.png") no-repeat center;
    background-size: cover;
  } */
  .esport-section {
    padding: 136px 0px 200px;
  }
  .portfolio-section-twoB .owl-nav .owl-prev {
    display: none;
  }
  .vouchers-section {
    background-size: cover;
    background-position: center;
  }
  .portfolio-section-twoB .owl-nav .owl-next {
    display: none;
  }

  .portfolio-section-twoC .owl-nav .owl-prev {
    display: none;
  }

  .portfolio-section-twoC .owl-nav .owl-next {
    display: none;
  }

  .platform-partners-section .owl-nav .owl-next {
    display: none;
  }

  .platform-partners-section .owl-nav .owl-prev {
    display: none;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap img {
    width: 65%;
  }

  .rating-section {
    width: 100%;
  }

  .sim-point-logo {
    width: auto;
    height: auto;
    float: left;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 100%);
    /* Start from the bottom */
    animation: logo-move 3s ease forwards;
    /* Moves to middle */
  }

  .sim-point-logo img {
    position: absolute;
    width: 100px;
    height: auto;
    object-fit: contain;
    transition: transform 0.5s ease;
    scale: 5;
  }

  .sim-point-logo img:last-child {
    position: absolute;
    animation: move-right 2s ease 3s forwards;
    /* Moves to the right after reaching middle */
  }
  .IraqCom-section .some-stcontain .owl-nav {
    width: 15%; margin-top: 0px; top: -82px;
}
  .sim-point-logo img:first-child {
    position: absolute;
    animation: move-up-scale 2s ease 3s forwards;
    /* Scale and move up starting at the same time as move-right */
  }
  .news-picture {
    width: 100%;
    height: 200px;
    float: left;
  }
  .simpler-player img {
    width: 100%;
    height: auto;
  }

  @keyframes logo-move {
    0% {
      transform: translate(-50%, 100%);
      /* Bottom */
    }

    100% {
      transform: translate(-50%, 0);
      /* Middle */
    }
  }

  @keyframes move-right {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(100vw);
      /* Move out to the right */
    }
  }

  @keyframes move-up-scale {
    0% {
      transform: translateY(0) scale(1);
      /* Start at the middle with normal scale */
    }

    100% {
      transform: translateY(-50px) scale(1.5);
      /* Slightly up and scale up */
    }
  }

  @keyframes move-up-player {
    0% {
      transform: translateX(-50%) translateY(100px);
      /* Start below the view */
      opacity: 0;
      /* Start hidden */
    }

    100% {
      transform: translateX(-50%) translateY(0);
      /* Move to the original position */
      opacity: 1;
      /* Fade in */
    }
  }

  .socail-mobile-menu {
    width: 100%;
    height: auto;
    display: block;
    float: left;
    border-top: 1px solid rgb(255 255 255 / 30%);
    padding-top: 20px;
    margin-top: 10px;
  }

  .socail-mobile-menu ul {
    display: block;
  }

  .socail-mobile-menu ul li {
    width: auto;
    height: auto;
    padding: 0px 8px 5px;
    float: left;
  }

  .socail-mobile-menu ul li a:hover {
    color: #f8662a;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap img {
    width: 87%;
  }

  .portfolio-wrapper {
    width: 48%;
  }

  .logo-ct-three {
    width: 200px;
    height: 200px;
  }

  .grid-item {
    padding: 0px 12px;
  }
  .digital-payments {
    padding: 145px 0px 112px;
    background-size: 100% auto;
    background-position: center;
  }

  .digital-payments-main .vector-gradiant {
    margin-top: -279px;
    padding: 308px 0px;
  }
  /* .digital-payments-main .digital-payments-book {
    margin-top: -227px;
  } */
  .our-patner-main-st .vector-gradiant {
    margin-top: -113px;
    padding: 153px 0px;
  }
  /* .our-patner-main-st .platform-partners-title {
    margin-top: 511px;
  } */

  .e-shop-hl-point .platform-partners-title {
    margin-top: -132px;
  }
  .e-shop-hl-point .vector-gradiant {
    margin-top: -92px;
    padding: 153px 0px;
  }
  /* .platform-partners-section {
    margin-top: -121px;
  } */
  .our-patner-main-st-ev .e-vouchers-book {
    margin-top: -250px;
  }

  .our-patner-main-st-ev .vector-gradiant {
    padding-top: 180px;
    padding-bottom: 188px;
    margin-top: -285px;
  }
  .digital-main-p .vector-gradiant {
    margin-top: -303px;
    padding: 227px 0px;
  }
  .digital-main-p .e-vouchers-book {
    margin-top: -150px;
  }

  .company-logo-section {
    margin-top: -78px;
    padding: 0px 0px 34px;
  }
  .company-logo-section::after {
    top: -435px;
    height: 915px;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .digital-payments::after {
    background-size: cover;
    top: 104px;
    height: 774px;
  }

  .vouchers-section::after {
    background-size: cover;
    top: 280px;
    height: 774px;
  }

  .mobilevas-section::after {
    top: 192px;
    height: 774px;
  }
  .digital-payments-main .digital-payments-book {
    margin-top: 91px;
  }

  .aboutus-section .justify-content-end {
    justify-content: flex-end !important;
  }

  .aboutus-section-in2 .justify-content-between {
    justify-content: space-between !important;
  }
  .aboutus-section-in3 .justify-content-end {
    justify-content: flex-end !important;
  }
}

@media only screen and (max-width: 867px) {
  .grid-item {
    padding: 0px 12px;
  }
  .digital-payments {
    padding: 145px 0px 112px;
    background-size: cover;
  }
  .e-service-p .wrapper-teo {
    width: 750px;
    gap: 12px;
    max-width: 100%;
    border-radius: 0px;
    background-color: unset;
    padding: 0px 9px;
    display: flex;
    margin: 0;
    text-align: left;
    overflow-y: hidden;
    overflow: auto;
    white-space: nowrap;
  }
  .all-events-main-st .digital-payments-section {
    background-size: cover;
    background-position: -250px;
  }
  .e-service-p .wrapper-teo::before {
    display: none;
  }

  .map-ct-dt {
    left: 10%;
  }

  .img-box {
    height: auto;
  }

  .logo-title-carrier-two h2 {
    font-size: 24px;
  }

  .evt-menu {
    display: block;
    justify-content: center;
  }

  .logo-ct-three {
    width: 200px;
    height: 200px;
  }
  .e-service-p .wrapper-teo {
    width: 777px;
  }
  .esport-section {
    padding: 151px 0px 156px;
  }
  .mobileva-introduction-gradiant {
    margin-top: -249px;
    padding: 93px 0px 150px;
  }

  .digital-payments-main .vector-gradiant {
    margin-top: -279px;
    padding: 308px 0px;
  }
  /* .digital-payments-main .digital-payments-book {
    margin-top: -390px;
  } */
  /* .our-patner-main-st .platform-partners-title {
    margin-top: 590px;
  } */

  .e-shop-hl-point .platform-partners-title {
    margin-top: 0px;
  }
  .e-shop-hl-point .vector-gradiant {
    margin-top: -212px;
    padding: 153px 0px;
  }

  /* 
  .esport-section {
    padding: 112px 0px 0px;
  } */
  .digital-main-p .vector-gradiant {
    margin-top: -303px;
    padding: 227px 0px;
  }
  .digital-main-p .e-vouchers-book {
    margin-top: -150px;
  }

  .esport-section::after,
  .digital-payments-section::after {
    top: 413px;
    height: 774px;
  }

  .mobilevas-section::after {
    top: 0;
    height: 774px;
  }

  .digital-payments::after {
    background-size: cover;
    top: 104px;
    height: 774px;
  }

  .vouchers-section::after {
    background-size: cover;
    top: 352px;
    height: 774px;
  }
  .digital-payments-main .digital-payments-book {
    margin-top: 91px;
  }
  .mobilevas-section {
    padding: 143px 0px 139px;
  }
  .mobilevas-section::after {
    top: 117px;
    height: 713px;
  }
  .aboutus-section .justify-content-end {
    justify-content: flex-end !important;
  }

  .aboutus-section-in2 .justify-content-between {
    justify-content: space-between !important;
  }
  .aboutus-section-in3 .justify-content-end {
    justify-content: flex-end !important;
  }

  /* .e-vouchers-book {
      margin-top: -350px;
    } */
}

@media only screen and (max-width: 767px) {
  body {
    background: rgb(248, 102, 42);
    background: linear-gradient(
        16deg,
        rgba(18, 18, 18, 0.3),
        rgba(18, 18, 18, 0.3)
      ),
      linear-gradient(103deg, #f8662a 2.91%, #2a32f8 81.17%);
  }

  .text-aline-right-1 h2 {
    text-align: right;
  }

  .text-aline-right-1 p {
    text-align: right;
  }

  .img-box {
    height: auto;
  }

  .logo-title-carrier-two h2 {
    font-size: 24px;
  }

  .company-logo-section .logo-cm {
    width: 100px;
  }

  /*-- index mobile ---*/
  .container,
  .container-sm {
    max-width: 100%;
  }
  .vector-gradiant {
    margin-top: -378px;
    padding: 432px 0px 112px;
  }
  .e-vouchers-book {
    margin-top: -128px;
  }
  .no-padding {
    padding: 0px 5px;
  }

  .owl-theme .owl-dots {
    display: table;
    margin: 0px auto;
  }

  .navber-social-section {
    display: none;
  }

  .nav-main-container {
    position: relative;
  }

  .mainNav.navbar .navbar-toggler {
    position: absolute;
    right: 13px;
    top: 18px;
  }

  .navbar-collapse {
    position: absolute;
    left: 0px;
    top: 0;
    background: #000;
    width: 100%;
    border-radius: 16px;
    margin: 0px 0px;
    z-index: -1;
    padding: 77px 15px 15px 15px;
  }

  /*-- Banner ---*/
  .banner-section {
    height: 527px;
    z-index: auto;
  }

  .banner-text-st {
    padding: 174px 19px 30px;
  }

  .banner-text-st h2 {
    font-size: 53px;
    line-height: 80px;
  }

  .banner-text-st p {
    font-size: 21px;
  }

  .video-st img {
    height: 100%;
  }

  /*-- Services ---*/
  .services-section {
    display: none;
  }

  .achievements-section {
    padding: 80px 10px 0px;
    margin-top: -150px;
  }

  /* .company-logo-section {
    margin-top: -336px;
    padding: 265px 0px;
    background: url(../images/top-vector-tap-late.png);
    background-size: 100% 100%;
  } */

  .how-it-works-header p {
    font-size: 21px;
  }

  .company-logo-section .owl-nav {
    display: none;
  }

  .company-logo-section .owl-carousel .item {
    height: 6rem;
    padding: 10px;
  }

  .news-section {
    padding: 0px 15px;
    z-index: 9999;
  }
  .our-solutions-section .how-it-works-two p {
    font-size: 20px;
  }

  .news-section .news-name {
    padding-top: 25px;
    padding-bottom: 50px;
  }

  .section-header {
    font-size: 70px;
    line-height: 77px;
    text-align: center;
  }

  .feature-content-text p {
    text-align: center;
  }

  ul.bar-code-list {
    width: 65%;
    height: auto;
    float: none;
    text-align: center;
    display: table;
    margin: 0px auto;
  }

  .news-section .news-name h2 {
    font-size: 53px;
  }

  .news-section .news-name p {
    font-size: 14px;
    width: 60%;
  }

  .news-section .news-box {
    padding: 15px;
  }

  .conatin-news-tt ul li {
    font-size: 18px;
  }

  .conatin-news-tt h2 {
    font-size: 20px;
  }

  .achievements-section .cards {
    padding: 14px;
    min-height: 162px;
  }

  .achievements-section .cards .icon {
    width: 50px;
    height: auto;
    line-height: 38px;
  }

  .achievements-section .cards .icon-mobile-i {
    width: 19%;
    height: auto;
    line-height: 38px;
  }

  .how-it-works-header {
    padding-bottom: 30px;
  }

  .achievements-section .cards p {
    font-size: 20px;
  }

  .achievements-section .counter {
    font-size: 45px;
  }

  .our-solutions-section {
    background-position: 0px 85px;
  }

  .our-solutions-section .mobile-section-bg {
    width: 100%;
  }

  .our-solutions-section .mobile-section-bg {
    padding: 0px 0px 42px;
  }

  .owl-nav .owl-prev {
    display: block;
  }

  .owl-carousel .owl-dots.disabled,
  .owl-carousel .owl-nav.disabled {
    display: block;
  }

  .owl-nav .owl-prev {
    left: auto;
    top: -70px;
    right: 58px;
  }

  .owl-nav .owl-next {
    right: 0;
    top: -21%;
  }

  .owl-carousel.news-events-mobile .owl-nav .owl-next {
    left: 90%;
    top: -60px;
  }

  .owl-carousel.news-events-mobile .owl-nav .owl-prev {
    left: 80%;
    top: -60px;
  }

  .our-solutions-section .button-two {
    padding: 25px 68px;
    font-size: 26px;
  }

  /*-- About ---*/
  .how-it-works-header-twoA {
    padding-top: 30px;
  }

  .how-it-works-header-twoA .section-header {
    font-size: 61px;
  }

  .about-section-one {
    padding: 30px 15px;
  }

  .who-are-s {
    height: 312px;
  }

  .about-slider {
    height: 315px;
  }

  .about-slider .owl-nav {
    width: 45%;
    line-height: 8px;
  }

  .about-slider .owl-prev {
    width: 30px;
    height: 30px;
    line-height: 8px;
  }

  .about-slider .owl-next {
    width: 30px;
    height: 30px;
  }

  .num {
    bottom: 33px;
    font-size: 11px;
  }

  .about-some {
    padding: 30px 0px;
  }

  .about-some h2 {
    font-size: 51px;
  }

  .about-some span.ab-title {
    font-size: 22px;
  }

  .about-some span.ab-title::before {
    top: 15px;
  }

  .about-some p {
    font-size: 17px;
    line-height: 27px;
  }

  .all-events-main-st .digital-payments-section-mobile {
    background: url("../images/our-vison-mobile5.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    display: block;
    float: left;
    padding: 221px 20px;
    margin-top: -35px;
  }

  .services-text-cover-one h2 {
    margin-bottom: 25px;
    font-size: 56px;
    text-align: left;
  }

  .services-text-cover-one h2::before {
    left: -12px;
    top: 52px;
  }

  .services-text-cover-one p {
    line-height: 33px;
    font-size: 16px;
  }

  .ourmisson-section {
    background: url("../images/our-misonA-mobile.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: auto;
    float: left;
    padding: 179px 0px;
    margin-top: -75px;
  }

  .our-values-section {
    background: url("../images/our-misonB-mobile.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: auto;
    float: left;
    padding: 188px 0px;
    margin-top: -78px;
  }

  .IraqCom-section {
    padding: 70px 15px 0px;
  }

  .title-IraqCom h2 {
    font-size: 44px;
  }

  .title-IraqCom p {
    font-size: 20px;
  }

  .iraqn-slider::before {
    height: 148px;
    clip-path: ellipse(66% 27% at 50% 41%);
    top: 34px;
  }

  .iraqn-slider::after {
    clip-path: ellipse(70% 34% at 50% 41%);
    height: 105px;
    bottom: 38px;
  }

  .wallet-digital .row:nth-child(2) [class*="col-"] {
    height: 460px;
    margin-bottom: 25px;
  }

  /*-- Contact ---*/
  .contact-section {
    width: 100%;
    height: auto;
    float: left;
    padding: 85px 0px 158px;
    background: url("/images/contact-bg-tab.png");
    background-position: center;
    background-size: cover;
  }

  .services-text-cover-one h3 {
    font-size: 64px;
    font-weight: 400;
    text-align: center;
  }

  .simpler-player {
    width: 105%;
    height: auto;
    float: left;
    position: relative;
    right: 0;
    bottom: -20px;
    z-index: 1;
  }

  .sim-point-logo {
    left: 22px;
    top: 32px;
  }

  .services-text-cover-two h2 {
    font-size: 56px;
    text-align: left;
  }

  .rating-section ul li {
    width: 32%;
    margin-right: 8px;
  }

  .modal-dialog::before {
    background-size: cover;
    height: 100%;
  }

  .chakra-logo-two {
    top: -265px;
  }

  .services-text-cover-two h2::before {
    top: 40px;
  }

  .services-text-cover-two p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-three h2 {
    font-size: 35px;
    text-align: left;
  }

  .participated-section {
    padding: 48px 0px;
  }

  .participated-section p {
    font-size: 18px;
  }

  .ct-logo-box-vas {
    height: 100%;
  }

  .services-text-cover-three h2::before {
    top: 40px;
  }

  .services-text-cover-three p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-four h2 {
    font-size: 35px;
    text-align: left;
  }

  .services-text-cover-four h2::before {
    top: 40px;
  }

  .services-text-cover-four p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-five h2 {
    font-size: 35px;
    text-align: left;
  }

  .services-text-cover-five h2::before {
    top: 40px;
  }

  .services-text-cover-five p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-sixs h2 {
    font-size: 35px;
    text-align: left;
  }

  .services-text-cover-sixs h2::before {
    top: 90px;
  }

  .services-text-cover-sixs p {
    font-size: 16px;
    text-align: left;
  }

  /* .services-text-cover-one p{text-align: center;} */
  .text-aline-right-1 h2 {
    text-align: right;
  }

  .e-vouchers-section .services-text-cover-one .text-aline-right-1 p {
    text-align: right;
  }

  .from-box-78 {
    width: 100%;
    border-left: 0px;
    padding-left: 80px;
    padding-right: 80px;
  }

  .pading-top70 {
    padding: 48px 45px 0px;
  }

  .text-4 {
    font-size: 16px;
  }

  /*--- Digital Payments ---*/
  .digital-payments {
    width: 100%;
    height: auto;
    float: left;
    padding: 145px 0px 388px;
    background: url("../images/digital-payments-tab.png");
    background-repeat: no-repeat;
    background-size: cover;
  }

  .vouchers-title-box h2 {
    font-size: 64px;
  }

  .vouchers-title-box ol.breadcrumb li.breadcrumb-item {
    padding: 4px 8px;
    font-size: 16px;
  }
  /* 
  .carrier-section {
    margin-top: -100px;
    padding: 0px 0px;
  } */

  .logo-title-carrier h2 {
    font-size: 32px;
  }

  .logo-ct {
    margin-bottom: 15px;
    width: 50%;
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .ct-logo-box {
    /* height: 376px; */
    padding: 27px 15px;
  }

  .vouchers-title-box p {
    font-size: 20px;
  }

  .carrier-vector-gradiant {
    margin-top: -229px;
  }

  ul.bar-code-list li.bb-cart {
    width: 49%;
  }

  .digital-header-two h1.section-header {
    text-align: center;
  }

  .patners-digital [class*="col-"] {
    height: 300px;
    margin-bottom: 25px;
  }

  .patners-digital [class*="col"] {
    height: 300px;
    margin-bottom: 25px;
  }

  /*--- Mobilevas ----*/
  .mobilevas-section {
    width: 100%;
    height: auto;
    float: left;
    padding: 143px 0px 420px;
    background: url("../images/spo-banner6tab.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px;
  }

  .introduction-title {
    margin-bottom: 15px;
  }

  .introduction-title h2 {
    font-size: 56px;
  }

  .wallet-digital {
    padding: 34px 0px 0px;
  }

  .logo-title-carrier-two h2 {
    font-size: 32px;
  }

  .mobileva-introduction-gradiant {
    margin-top: -163px;
    padding: 130px 0px 150px;
  }
  .wallet-digital .ct-logo-box .logo-ct {
    width: 57%;
    height: 250px;
  }

  .img-box {
    height: 358px;
  }

  .logo-title-carrier-two h2 {
    font-size: 24px;
  }

  .carrier-section .row:nth-child(2) [class*="col-"] {
    height: 376px;
    margin-bottom: 25px;
  }

  /*--- Our Partners ---*/
  .become-partner-inner {
    padding: 254px 20px 40px;
    background-size: 100% 40%;
  }

  .become-partner-inner h2 {
    font-size: 38px;
  }

  .become-partner-section {
    padding: 0px 15px 50px;
  }

  /*-- Services ---*/

  /* .esports-section {
    background: url("../images/services-tap-one.png");
    padding: 188px 20px 245px;
    background-size: 100% 100%;
  } */

  .esports-section {
    background: url("../images/services-tap-one-st.png");
    padding: 188px 20px 145px;
    background-size: cover;
    background-position: center;
  }

  /* .e-vouchers-section {
    background: url("../images/services-tap-two.png");
    padding: 190px 20px 220px;
    margin-top: -192px;
    background-size: 100% 100%;
    clip-path: polygon(0 1%, 100% 12%, 100% 82%, 0% 93%);
  } */

  .e-vouchers-section {
    background: url("../images/services-tap-two-st.png");
    padding: 150px 20px 150px;
    margin-top: 0px;
    background-size: cover;
    background-position: center;
    clip-path: unset;
    /* clip-path: polygon(0 1%, 100% 12%, 100% 82%, 0% 93%); */
  }

  /* .digital-payments-st-two {
    background: url("../images/services-tap-three.png");
    padding: 165px 20px 157px;
    margin-top: -160px;
    background-size: 100% 100%;
  } */

  .digital-payments-st-two {
    background: url("../images/services-tap-three-st.png");
    padding: 165px 20px 157px;
    margin-top: 0px;
    background-size: cover;
    background-position: center;
    clip-path: unset;
  }

  /* .cloud-gaming-section {
    background: url("../images/services-tap-five.png");
    padding: 112px 20px 89px;
    margin-top: -69px;
    background-size: 100% 100%;
    clip-path: polygon(0 11%, 100% 0%, 100% 101%, 0 91%);
  } */

  .cloud-gaming-section {
    background: url("../images/services-tap-five-st.png");
    padding: 112px 20px 89px;
    margin-top: 0px;
    background-size: cover;
    background-position: center;
    clip-path: unset;
  }

  /* .evouchers-section-two {
    background: url("../images/services-tap-four.png");
    padding: 125px 20px 124px;
    margin-top: -120px;
    background-size: 100% 100%;
    clip-path: polygon(0 4%, 100% 13%, 100% 89%, 0% 100%);
  } */

  .evouchers-section-two {
    background: url("../images/services-tap-four-st.png");
    padding: 125px 20px 124px;
    margin-top: 0px;
    background-size: cover;
    background-position: center;
    clip-path: unset;
  }

  /* .digital-marketing-section {
    background: url("../images/services-tap-six.png");
    padding: 112px 20px 146px;
    margin-top: -60px;
    background-size: 100% 100%;
    clip-path: polygon(0 0%, 100% 7%, 100% 100%, 0 100%);
  } */

  .digital-marketing-section {
    background: url("../images/services-tap-six-st.png");
    padding: 151px 20px 244px;
    margin-top: 0px;
    background-size: cover;
    background-position: center;
    clip-path: unset;
  }

  /* .ct-logo-box-vas img {
    width: 350px;
} */

  .button-two {
    padding: 13px 50px;
    font-size: 18px;
    border-radius: 12px;
  }

  .digital-payments-st-two .services-text-cover-one h2 {
    font-size: 34px;
  }

  .esports-section .services-text-cover-one p {
    line-height: 25px;
  }

  .digital-payments-st-two .services-text-cover-one p {
    line-height: 25px;
  }

  .e-vouchers-section .services-text-cover-one p {
    line-height: 25px;
  }

  .e-vouchers-section .services-text-cover-one p {
    line-height: 25px;
  }

  .cloud-gaming-section .services-text-cover-one p {
    line-height: 25px;
  }

  .digital-marketing-section .services-text-cover-one p {
    line-height: 25px;
  }

  .evouchers-section-two .services-text-cover-one p {
    line-height: 25px;
    text-align: right;
  }

  .justify-content-end {
    justify-content: space-between !important;
  }

  .justify-content-between {
    justify-content: flex-end !important;
  }

  .event-list {
    padding: 27px 16px;
  }

  .page-number span {
    display: none;
  }

  .olterpost {
    padding: 12px 12px;
    font-size: 15px;
  }

  .news-dt {
    padding: 10px 14px;
    font-size: 15px;
  }

  .event-list-section .portfolio-wrapper-Dtp {
    padding: 0px;
    margin-bottom: 15px;
  }

  /*-- Services-E --*/

  .page-title-name h3::after {
    width: 36px;
    right: -27px;
    top: 10px;
    background-size: 100% 100%;
  }

  .page-title-name h3::before {
    width: 36px;
    left: -18px;
    top: 10px;
    background-size: 100% 100%;
  }

  .lip-contain-text p {
    font-size: 14px;
  }

  .con-logo-left-box .patner-cm-logo {
    height: 156px;
  }

  .vouchers-section {
    padding: 146px 0px 272px;
  }

  .def-inition-box {
    padding: 24px 8px;
    padding-left: 12px;
  }

  .breadcrumb {
    margin-bottom: 1.5rem;
  }

  .vouchers-section .def-inition-box .definition-contain p {
    font-size: 16px;
  }

  .ft-section h2 {
    font-size: 40px;
  }

  .page-title-name h3 {
    font-size: 20px;
  }

  .tournaments-section {
    padding: 0px 10px;
  }

  .summer-t h2 {
    font-size: 26px;
  }

  .left-tournaments-st {
    padding: 25px 0px;
  }

  .vector-gradiant {
    padding-top: 160px;
    padding-bottom: 65px;
  }

  .vouchers-section {
    background: url(../images/e-vouchers-tab.png);
    background-repeat: no-repeat;
    background-size: cover;
  }

  /* .platform-partners-section .owl-theme .owl-dots {
    display: block;
    text-align: center;
  } */
  #project-terms .btn {
    margin-right: 10px;
    padding: 4px 12px;
    font-size: 14px;
  }

  .portfolio-section-twoB .owl-carousel .item {
    min-height: 366px;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap {
    width: 100%;
    margin: 0px auto 0;
    height: 315px;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap img {
    width: 100%;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .player-contain h2 {
    font-size: 26px;
  }

  .portfolio-section-twoB .owl-carousel .owl-stage-outer {
    padding-top: 132px;
  }

  .team-ct {
    padding: 5px 10px;
  }

  .current-Team {
    gap: 8px;
  }

  .team-ct span {
    width: 100%;
    font-size: 14px;
    float: left;
    line-height: 18px;
  }

  .text-aline-right-1 h2 {
    text-align: left;
  }

  .text-aline-right-1 p {
    text-align: left;
  }

  .team-ct h3 {
    font-size: 12px;
  }

  .portfolio-section-twoB
    .owl-carousel
    .item
    .inner-div
    .player-contain-hover
    .logo-corner {
    width: 47%;
    padding: 12px 24px;
  }

  .services-text-cover-two h2 {
    font-size: 56px;
    text-align: right;
    background-position: right bottom;
  }

  /* .services-text-cover-two h2::before {
    top: 40px;
  } */

  .services-text-cover-two p {
    font-size: 16px;
    text-align: right;
  }

  .services-text-cover-two .button-two {
    float: right;
  }

  .services-text-cover-three h2 {
    font-size: 56px;
    text-align: left;
  }

  .rating-section {
    width: 100%;
  }

  /* .services-text-cover-three h2::before {
    top: 40px;
  } */

  .services-text-cover-three p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-four h2 {
    font-size: 56px;
    text-align: right;
    background-position: right bottom;
  }

  /* .services-text-cover-four h2::before {
    top: 40px;
  } */

  .services-text-cover-four p {
    font-size: 16px;
    text-align: right;
  }

  .services-text-cover-four .button-two {
    float: right;
  }

  .services-text-cover-five h2 {
    font-size: 56px;
    text-align: left;
  }

  /* .services-text-cover-five h2::before {
    top: 40px;
  } */

  .services-text-cover-five p {
    font-size: 16px;
    text-align: left;
  }

  .owl-carousel .owl-dots.disabled,
  .owl-carousel .owl-nav.disabled {
    display: none;
  }

  .news-section .owl-nav .owl-prev {
    right: 80px;
    left: auto;
    top: -159px;
  }

  .news-section .owl-nav .owl-next {
    right: 0px;
    left: auto;
    top: -159px;
  }

  .services-text-cover-sixs h2 {
    font-size: 56px;
    text-align: right;
    background-position: right bottom;
  }

  .btn-close-2 {
    right: 10px;
    top: 24px;
  }

  /* 
  .services-text-cover-sixs h2::before {
    top: 40px;
  } */

  .services-text-cover-sixs p {
    font-size: 16px;
    text-align: right;
  }

  .about-some span.ab-title {
    font-size: 16px;
  }

  .featured-section .featured-picture {
    height: 200px;
  }

  .event-list {
    padding: 27px 16px;
  }

  .page-number span {
    display: none;
  }

  .olterpost {
    padding: 12px 12px;
    font-size: 15px;
  }

  .news-dt {
    padding: 10px 14px;
    font-size: 15px;
  }

  /*-- ishort-vouchers --*/
  .Evouchers-addcard ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .Evouchers-addcard ul li {
    width: 30%;
  }

  /*-- index footer mobile ---*/
  .picture-tournaments {
    margin-top: 0px;
  }

  .wallet-digital .ct-logo-box .logo-title-carrier h2 {
    font-size: 32px;
  }

  .map-section-two {
    width: 100%;
  }

  .section-header-twoa {
    font-size: 45px;
    top: 0px;
    left: 3%;
    margin-bottom: 0px;

  }

  .footer-section {
    padding: 0px 0px 45px;
  }

  .footer-menu {
    margin-top: -37px;
    float: right;
    width: 44%;
    text-align: right;
  }

  .footer-menu ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    gap: 2px;
    flex-wrap: wrap;
  }

  .footer-menu ul li {
    margin: 0px 4px;
    text-align: right;
    list-style-position: inside;
  }

  .footer-menu ul li a {
    font-size: 14px;
    line-height: 34px;
  }

  .footer-social-section {
    float: right;
    margin-bottom: -21px;
  }

  .e-service-p .wrapper-teo {
    width: 730px;
    gap: 12px;
    max-width: 100%;
    border-radius: 0px;
    background-color: unset;
    padding: 10px 9px 0px;
    display: flex;
    margin: 0;
    text-align: left;
    overflow-y: hidden;
    overflow: auto;
    white-space: nowrap;
  }

  .e-service-p {
    padding: 120px 0px 0px;
  }

  .e-service-p .wrapper-teo::before {
    display: none;
  }

  .e-service-p .selected.e-sport-tf::after,
  .e-service-p .selected.e-sport-tf-two::after,
  .e-service-p .selected.e-sport-tf-three::after,
  .e-service-p .selected.e-sport-tf-four::after,
  .e-service-p .selected.e-sport-tf-five::after,
  .e-service-p .selected.e-sport-tf-six::after {
    display: none;
  }

  .e-service-p .controls {
    width: 100%;
    top: 0px;
    padding: 0px 15px;
  }

  .e-service-p .button {
    font-size: 20px;
    padding: 15px 23px 14px 38px;
    background: #000;
    border-radius: 35px;
  }

  .e-service-p .slide:first-child {
    background: url(/images/spo-bannertab.png) no-repeat center;
    background-size: cover;
  }

  .e-service-p .slide:nth-of-type(2) {
    background: url("/images/spo-banner2tab.png") no-repeat center;
    background-size: cover;
  }

  .e-service-p .slide:nth-of-type(3) {
    background: url("/images/spo-banner3tab.png") no-repeat center;
    background-size: cover;
  }

  .e-service-p .slide:nth-of-type(4) {
    background: url("/images/spo-banner4tab.png") no-repeat center;
    background-size: cover;
  }

  .e-service-p .slide:nth-of-type(5) {
    background: url("/images/spo-banner5tab.png") no-repeat center;
    background-size: cover;
  }

  .e-service-p .slide:last-child {
    background: url("/images/spo-banner6tab.png") no-repeat center;
    background-size: cover;
  }

  .e-service-p .selected.e-sport-tf::before {
    left: 10px;
  }

  .location-info {
    padding: 0px 10px;
    top: auto;
    bottom: 50px;
    left: 0;
    right: 0;
    flex-direction: row;
    min-height: 228px;
  }

  .location-info .map-ct-dt {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 10px;
    overflow: hidden;
    overflow-x: auto;
    max-width: 100%;
  }

  .location-info > div.active {
    width: 50%;
  }

  .location-info > div {
    width: 50%;
  }

  .location-info h3 {
    font-size: 20px;
  }

  .e-service-p .content {
    display: inline-block;
    padding: 15px;
  }

  .e-service-p .content .section-tab-cntnt {
    width: 100%;
    text-align: left;
    margin-top: 100px;
    padding-top: 180px;
  }

  .e-service-p .container {
    height: 900px;
  }

  .e-service-p .content .section-tab-cntnt h3 {
    font-size: 57px;
  }

  .e-service-p .content .section-tab-cntnt p {
    font-size: 20px;
  }

  .services-a {
    padding-left: 11px;
    padding-top: 9px;
  }

  .e-service-p .button.e-sport-tf-two::before,
  .e-service-p .button.e-sport-tf-three::before,
  .e-service-p .button.e-sport-tf-four::before,
  .e-service-p .button.e-sport-tf-five::before,
  .e-service-p .button.e-sport-tf-six::before {
    left: 14px;
  }

  .category-menu-two .sub-category {
    width: 96%;
    height: auto;
    float: left;
    background-color: rgb(18, 18, 18, 0.8);
    border-radius: 10px;
    padding: 15px 26px;
    margin: 0px auto;
    overflow: auto;
    display: flex;
    overflow-y: hidden;
    white-space: nowrap;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div {
    height: 389px;
  }

  .navbar-toggler > .close {
    display: inline;
    color: #fff;
    padding: 2px 0px;
    float: left;
  }

  .navbar-toggler.collapsed > .close,
  .navbar-toggler:not(.collapsed) > .navbar-toggler-icon {
    display: block;
  }

  .our-solutions-section {
    background-position: 0px 134px;
    padding: 128px 0px;
  }

  .map-ct-dt {
    width: 750px;
    overflow-x: scroll;
    top: auto;
    bottom: 50px;
    left: 11%;
  }

  .map-ct-dt ul {
    width: 850px;
    /* overflow-x: scroll; */

    /* display: inline-block; */
  }

  .map-ct-dt ul li {
    width: 45%;
  }

  .white-sk-services {
    display: block;
    width: auto;
    float: left;
    padding: 22px 42px;
    border-radius: 16px;
    line-height: 1.25;
    border: 0px solid rgb(255 255 255 / 10%);
    background: rgb(255 255 255 / 20%);
    text-decoration: none;
    color: white;
    font-size: 18px;
    font-weight: 700;
    margin-left: 15px;
    margin-top: 25px;
  }
  .IraqCom-section .some-stcontain .owl-nav {
    width: 19%; margin-top: 0px; top: -80px;
}
  .white-sk-services:hover {
    border-radius: 16px;
    background: rgb(255 255 255 / 30%);
    color: #fff;
  }

  .footer-section-two::before {
    clip-path: polygon(100% 58%, 0% 100%, 100% 100%);
    height: 166px;
    top: -166px;
  }

  .all-events-main-st .ourmisson-section {
    background: url(/images/our-misonA_tab.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: auto;
    float: left;
    padding: 280px 0px 189px;
    margin-top: -199px;
    clip-path: polygon(0 25%, 100% 15%, 100% 90%, 0 100%);
  }

  .all-events-main-st .our-values-section {
    /* background: url(/images/our-misonB_tab.png); */
    background: url(/images/our-values-t.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    float: left;
    padding: 184px 0px 240px;
    margin-top: -166px;
    clip-path: polygon(0 22%, 100% 13%, 100% 86%, 0% 100%);
  }

  .iraqn-slider {
    padding: 60px 0px 0px;
  }

  .image2 {
    width: 33%;
  }

  .esport-section {
    background: url(../images/spo-banner-tab-two.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 262px;
  }

  .sim-point-logo {
    width: auto;
    height: auto;
    float: left;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 100%);
    /* Start from the bottom */
    animation: logo-move 3s ease forwards;
    /* Moves to middle */
  }

  .sim-point-logo img {
    position: absolute;
    width: 100px;
    height: auto;
    object-fit: contain;
    transition: transform 0.5s ease;
    scale: 5;
  }

  .sim-point-logo img:last-child {
    position: absolute;
    animation: move-right 2s ease 3s forwards;
    /* Moves to the right after reaching middle */
  }

  .sim-point-logo img:first-child {
    position: absolute;
    animation: move-up-scale 2s ease 3s forwards;
    /* Scale and move up starting at the same time as move-right */
  }

  .simpler-player img {
    width: 100%;
    height: auto;
  }

  @keyframes logo-move {
    0% {
      transform: translate(-50%, 100%);
      /* Bottom */
    }

    100% {
      transform: translate(-50%, 0);
      /* Middle */
    }
  }

  @keyframes move-right {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(100vw);
      /* Move out to the right */
    }
  }

  @keyframes move-up-scale {
    0% {
      transform: translateY(0) scale(1);
      /* Start at the middle with normal scale */
    }

    100% {
      transform: translateY(-50px) scale(1.5);
      /* Slightly up and scale up */
    }
  }

  @keyframes move-up-player {
    0% {
      transform: translateX(-50%) translateY(100px);
      /* Start below the view */
      opacity: 0;
      /* Start hidden */
    }

    100% {
      transform: translateX(-50%) translateY(0);
      /* Move to the original position */
      opacity: 1;
      /* Fade in */
    }
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .player-contain-hover {
    height: 294px;
  }

  .logo-ct-three {
    width: 200px;
    height: 200px;
  }

  .grid-item {
    padding: 0px 12px;
  }

  .our-patner-main-st .vector-gradiant {
    margin-top: -189px;
    padding: 180px 0px;
  }
  /* .our-patner-main-st .platform-partners-title {
    margin-top: 157px;
  } */
  .digital-payments-main .digital-payments-book {
    margin-top: 91px;
  }
  .digital-payments-main .our-patner-main-st .vector-gradiant {
    margin-top: -185px;
    padding: 180px 0px;
  }
  .digital-main-p .vector-gradiant {
    margin-top: -245px;
    padding: 227px 0px 180px;
  }
  .digital-main-p .e-vouchers-book {
    margin-top: -150px;
  }

  .e-shop-hl-point .vector-gradiant {
    margin-top: -380px;
    padding: 180px 0px;
  }

  .company-logo-section {
    margin-top: -78px;
    padding: 0px 0px 34px;
  }
  .company-logo-section::after {
    top: -459px;
    height: 926px;
    background: url(/images/top-vector-tap-late.png);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .esport-section::after,
  .digital-payments-section::after {
    top: 413px;
    height: 774px;
  }
  .vouchers-section::after {
    background-size: cover;
    top: 352px;
    height: 774px;
  }
  .digital-payments::after {
    background-size: cover;
    top: 406px;
    height: 774px;
  }
  .mobilevas-section::after {
    top: 287px;
    height: 774px;
  }
  .all-events-main-st .digital-payments-section {
    background: url("/images/our-vison-tab.png");
    padding: 222px 0px;
    background-size: cover;
  }

  .aboutmain-st .aboutus-section {
    margin-top: -74px;
  }
  .about-section-one::after {
    top: 394px;
    width: 100%;
    height: 477px;
  }
}

@media only screen and (max-width: 667px) {
  .our-patner-main-st .vector-gradiant {
    margin-top: -182px;
    padding: 147px 0px;
  }
  .digital-main-p .vector-gradiant {
    margin-top: -303px;
    padding: 227px 0px;
  }
  .digital-main-p .e-vouchers-book {
    margin-top: -386px;
  }

  /* .platform-partners-section {
    margin-top: -151px;
  } */
  .ct-logo-box-vas img {
    width: 300px;
  }
  .esport-section::after,
  .mobilevas-section::after,
  .digital-payments-section::after {
    background-size: cover;
    top: 439px;
    height: 774px;
  }

  .mobilevas-section::after {
    background-size: cover;
    top: 317px;
    height: 774px;
  }
  .wallet-digital .row:nth-child(2) [class*="col-"] {
    height: 350px;
    margin-bottom: 25px;
  }

  .destop-v {
    display: none;
  }

  .mobile-v {
    display: block;
  }

  .featured-dt {
    width: 100%;
    min-height: 430px;
    float: left;
    background: rgb(255 255 255 / 20%);
    border-radius: 15px;
    padding: 0px;
  }

  ul.bar-code-list li.bb-cart {
    width: 49%;
  }

  .e-service-p .content .section-tab-cntnt {
    padding-top: 300px;
  }

  .e-service-p .container {
    height: 1400px;
  }

  .e-service-p .slide:first-child {
    background: url(/images/spo-bannermobile.png) no-repeat center;
    background-size: cover;
    background-position: center;
  }

  .e-service-p .slide:nth-of-type(2) {
    background: url("/images/spo-banner2mobile.png") no-repeat center;
    background-size: cover;
    background-position: center;
  }

  .e-service-p .slide:nth-of-type(3) {
    background: url("/images/spo-banner3mobile.png") no-repeat center;
    background-size: cover;
    background-position: center;
  }

  .e-service-p .slide:nth-of-type(4) {
    background: url("/images/spo-banner5mobile.png") no-repeat center;
    background-size: cover;
    background-position: center;
  }

  .e-service-p .slide:nth-of-type(5) {
    background: url("/images/spo-banner4mobile.png") no-repeat center;
    background-size: cover;
    background-position: center;
  }

  .e-service-p .slide:last-child {
    background: url("/images/spo-banner6mobile.png") no-repeat center;
    background-size: cover;
    background-position: center;
  }
  .e-service-p .wrapper-teo {
    margin-top: 150px;
  }
  .e-service-p {
    padding: 0px 0px;
  }
  .featured-pic {
    width: 100%;
    height: 180px;
    overflow: hidden;
    border-radius: 15px;
  }

  .featured-pic img {
    width: 100% !important;
    height: 100% !important;
  }

  .img-box {
    height: 245px;
  }

  .featured-contain-7 {
    width: 100%;
    height: auto;
    float: left;
    padding: 15px;
  }

  .featured-contain-7 h2 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 600;
  }

  .featured-contain-7 p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 400;
  }

  .featured-section .ft-buttan {
    padding: 8px 15px;
    font-size: 15px;
    border-radius: 6px;
  }

  .featured-section .ft-buttan:hover {
    padding: 8px 15px;
    font-size: 15px;
    border-radius: 6px;
  }

  /* .featured-section .owl-nav {
    display: none;
  } */

  .featured-section .owl-theme .owl-dots {
    display: block;
    text-align: center;
    margin-top: 15px;
  }

  .category-menu-two .sub-category {
    width: 94%;
    height: auto;
    float: left;
    background-color: rgb(18, 18, 18, 0.8);
    border-radius: 10px;
    padding: 15px 26px;
    margin: 0px auto;
    overflow: auto;
    display: flex;
    overflow-y: hidden;
    white-space: nowrap;
  }

  .navbar-toggler > .close {
    display: inline;
    color: #fff;
    padding: 2px 0px;
    float: left;
  }

  .navbar-toggler.collapsed > .close,
  .navbar-toggler:not(.collapsed) > .navbar-toggler-icon {
    display: block;
  }

  .esports-section {
    /* background: url("../images/services-mobile-one-st.png"); */
    padding: 188px 20px 111px;
    background-size: cover;
    background-position: center;
  }

  .e-vouchers-section {
    /* background: url("../images/services-mobile-two-st.png"); */
    padding: 111px 20px 135px;
    margin-top: 0px;
    background-size: cover;
    background-position: center;
    clip-path: unset;
  }

  .digital-payments-st-two {
    /* background: url("../images/services-mobile-three-st.png"); */
    padding: 112px 20px 152px;
    margin-top: 0px;
    background-size: cover;
    background-position: center;
    clip-path: unset;
  }

  .cloud-gaming-section {
    /* background: url("../images/services-mobile-six-st.png"); */
    padding: 139px 20px 89px;
    margin-top: 0px;
    background-size: cover;
    background-position: center;
    clip-path: unset;
  }

  .evouchers-section-two {
    background: url("../images/services-mobile-five-st.png");
    padding: 112px 20px 171px;
    margin-top: 0px;
    background-size: cover;
    background-position: center;
    clip-path: unset;
  }

  .digital-marketing-section {
    /* background: url("../images/services-mobile-four-st.png"); */
    padding: 100px 20px 208px;
    margin-top: 0px;
    background-size: cover;
    background-position: center;
    clip-path: unset;
  }

  .button-two {
    padding: 13px 38px;
    font-size: 15px;
  }

  .map-ct-dt {
    width: 650px;
    left: 0;
  }

  .map-ct-dt ul {
    width: 850px;
    overflow-x: auto;
    display: flex;
  }

  .map-ct-dt ul li {
    width: 45%;
  }

  .our-solutions-section .button-two {
    padding: 18px 50px;
    font-size: 17px;
  }

  .all-events-main-st .ourmisson-section {
    background: url(/images/our-misonA_tab.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: auto;
    float: left;
    padding: 253px 0px 190px;
    margin-top: -199px;
    clip-path: polygon(0 25%, 100% 15%, 100% 90%, 0 100%);
  }

  .all-events-main-st .our-values-section {
    /* background: url(/images/our-misonB_tab.png); */
    background: url(/images/our-values-m.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    float: left;
    padding: 184px 0px 120px;
    margin-top: -166px;
    clip-path: polygon(0 21%, 100% 13%, 100% 86%, 0% 100%);
  }

  .IraqCom-section {
    padding: 150px 15px 0px;
  }

  .iraqn-slider {
    padding: 60px 0px 0px;
  }
  .vector-gradiant {
    margin-top: -378px;
    padding: 432px 0px 112px;
  }
  .e-vouchers-book {
    margin-top: 0px;
  }
  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap {
    width: 100%;
    margin: -3px auto 0;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap img {
    width: 61%;
    height: auto;
  }

  .image2 {
    width: 33%;
  }
  /* 
  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap img {
    width:100%;
  } */

  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap {
    width: 100%;
    margin: 0px auto 0;
  }

  .portfolio-wrapper {
    width: 48%;
  }

  .logo-ct-three {
    width: 150px;
    height: 200px;
  }

  .grid-item {
    padding: 0px 8px;
  }
  .achievements-section {
    margin-top: -250px;
  }

  .digital-payments-main .digital-payments-book {
    margin-top: 120px;
  }
  .e-shop-hl-point .esport-section {
    padding-bottom: 123px;
  }
  .e-shop-hl-point .vector-gradiant {
    margin-top: -308px;
    padding: 147px 0px;
  }

  .services-text-cover-one span {
    width: 11px;
    height: 11px;
  }

  .services-text-cover-one h2 {
    font-size: 40px;
  }
  .services-text-cover-two h2 {
    font-size: 40px;
  }
  .services-text-cover-three h2 {
    font-size: 40px;
  }
  .services-text-cover-four h2 {
    font-size: 40px;
  }
  .services-text-cover-sixs h2 {
    font-size: 40px;
  }

  .company-logo-section {
    margin-top: -78px;
    padding: 0px 0px 34px;
  }
  .company-logo-section::after {
    top: -395px;
    height: 800px;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .banner-text-st {
    padding: 163px 19px 30px;
  }
  .banner-text-st h2 {
    text-align: center;
  }
  .banner-text-st p {
    font-size: 21px;
    text-align: center;
  }
  .news-section {
    padding: 0px 15px;
    z-index: 9999;
  }

  .banner-section {
    height: 563px;
    z-index: auto;
  }

  .vouchers-section::after {
    background-size: cover;
    top: 352px;
    height: 774px;
  }

  .digital-payments::after {
    background-size: cover;
    top: 344px;
    height: 774px;
  }
  .section-header {
    font-size: 40px;
    line-height: 56px;
    text-align: center;
  }
  .aboutmain-st .aboutus-section {
    margin-top: -74px;
  }
  .about-section-one::after {
    top: 394px;
    width: 100%;
    height: 477px;
  }
}

@media only screen and (max-width: 580px) {
  body {
    background: rgb(248, 102, 42);
    background: linear-gradient(
        16deg,
        rgba(18, 18, 18, 0.3),
        rgba(18, 18, 18, 0.3)
      ),
      linear-gradient(103deg, #f8662a 2.91%, #2a32f8 81.17%);
  }

  .company-logo-section .logo-cm {
    width: 100px;
  }

  /*-- index mobile ---*/

  .no-padding {
    padding: 0px 5px;
  }

  .mousedown {
    display: none;
  }

  .owl-theme .owl-dots {
    display: table;
    margin: 0px auto;
  }

  .navber-social-section {
    display: none;
  }

  .nav-main-container {
    position: relative;
  }

  .mainNav.navbar .navbar-toggler {
    position: absolute;
    right: 13px;
    top: 18px;
  }

  .navbar-collapse {
    position: absolute;
    left: 0px;
    top: 0;
    background: #000;
    width: 100%;
    border-radius: 16px;
    margin: 0px 0px;
    z-index: -1;
    padding: 77px 15px 15px 15px;
  }

  /*-- Banner ---*/
  .banner-section {
    height: 490px;
    z-index: auto;
  }

  .banner-text-st {
    padding: 108px 19px 30px;
  }

  .banner-text-st h2 {
    font-size: 44px;
    text-align: center;
    line-height: 67px;
  }

  .banner-text-st p {
    font-size: 19px;
    text-align: center;
  }

  .video-st img {
    height: 100%;
  }

  /*-- Services ---*/
  .services-section {
    display: none;
  }

  .achievements-section {
    padding: 80px 10px 0px;
    margin-top: -250px;
  }

  .company-logo-section {
    margin-top: -20px;
    padding: 0px 0px 34px;
  }
  .company-logo-section::after {
    top: -395px;
    height: 800px;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .how-it-works-header p {
    font-size: 21px;
  }

  .company-logo-section .owl-nav {
    display: none;
  }

  .company-logo-section .owl-carousel .item {
    height: 6rem;
    padding: 10px;
  }

  .wallet-digital .row:nth-child(2) [class*="col-"] {
    height: 276px;
    margin-bottom: 25px;
  }

  .news-section {
    padding: 0px;
    z-index: 9999;
  }

  .our-solutions-section .how-it-works-two p {
    font-size: 20px;
  }

  .news-section .news-name {
    padding-top: 25px;
    padding-bottom: 50px;
  }

  .section-header {
    text-align: center;
    font-size: 40px;
    line-height: 56px;
  }

  .feature-content-text p {
    text-align: center;
  }

  ul.bar-code-list {
    text-align: center;
  }

  .news-section .news-name h2 {
    font-size: 53px;
  }

  .news-section .news-name p {
    font-size: 23px;
  }

  .news-section .news-box {
    padding: 15px;
  }

  .news-section .owl-nav .owl-prev {
    right: 80px;
    left: auto;
    top: -159px;
  }

  .news-section .owl-nav .owl-next {
    right: 0px;
    left: auto;
    top: -159px;
  }

  .conatin-news-tt ul li {
    font-size: 18px;
  }

  .conatin-news-tt h2 {
    font-size: 20px;
  }

  .achievements-section .cards {
    padding: 14px;
    min-height: 162px;
  }

  .achievements-section .cards .icon {
    width: 50px;
    height: auto;
    line-height: 38px;
  }

  .achievements-section .cards .icon-mobile-i {
    width: 19%;
    height: auto;
    line-height: 38px;
  }

  .how-it-works-header {
    padding-bottom: 30px;
  }

  .achievements-section .cards p {
    font-size: 14px;
  }

  .achievements-section .counter {
    font-size: 35px;
  }

  .our-solutions-section {
    background-position: 0px 85px;
  }

  .our-solutions-section .mobile-section-bg {
    width: 100%;
  }

  .our-solutions-section .mobile-section-bg {
    padding: 0px 0px 42px;
    margin-top: -43px;
  }

  /*-- About ---*/
  .how-it-works-header-twoA {
    padding-top: 30px;
  }

  .how-it-works-header-twoA .section-header {
    font-size: 40px;
  }

  .about-section-one {
    padding: 30px 15px;
  }

  .who-are-s {
    height: 235px;
  }

  .about-slider {
    height: 238px;
  }

  .about-slider .owl-nav {
    width: 45%;
    line-height: 8px;
  }

  .about-slider .owl-prev {
    width: 30px;
    height: 30px;
    line-height: 8px;
  }

  .about-slider .owl-next {
    width: 30px;
    height: 30px;
  }

  .num {
    bottom: 33px;
    font-size: 11px;
  }

  .about-some {
    padding: 30px 0px;
  }

  .about-some h2 {
    font-size: 27px;
  }

  .about-some p {
    font-size: 14px;
    line-height: 21px;
  }
  .vector-gradiant {
    margin-top: -378px;
    padding: 432px 0px 112px;
  }

  .our-patner-main-st .vector-gradiant {
    margin-top: -239px;
    padding: 234px 0px;
  }
  .e-vouchers-book {
    margin-top: -103px;
  }
  .digital-payments-section-mobile {
    background: url("../images/our-vison-mobile5.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: auto;
    display: block;
    float: left;
    padding: 116px 0px;
    margin-top: -35px;
  }

  .services-text-cover-one h2 {
    margin-bottom: 41px;
    font-size: 35px;
    text-align: left;
  }

  .services-text-cover-one h2::before {
    left: -12px;
    top: 49px;
  }

  .ourmisson-section {
    background: url("../images/our-misonA-mobile.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: auto;
    float: left;
    padding: 153px 0px;
    margin-top: -55px;
  }

  .our-values-section {
    background: url("../images/our-misonB-mobile.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: auto;
    float: left;
    padding: 169px 0px;
    margin-top: -61px;
  }

  .IraqCom-section {
    padding: 100px 15px 0px;
  }

  .iraqn-slider {
    padding: 50px 0px 30px;
  }

  .title-IraqCom h2 {
    font-size: 35px;
    text-align: center;
  }

  .title-IraqCom p {
    font-size: 16px;
    text-align: center;
  }

  .iraqn-slider::before {
    height: 167px;
    clip-path: ellipse(57% 27% at 50% 41%);
    top: 30px;
  }

  .iraqn-slider::after {
    clip-path: ellipse(57% 34% at 50% 41%);
    height: 124px;
    bottom: 34px;
  }

  /*--- Article Inside ---- */
  .top-banner-article-inside {
    padding: 178px 0px 80px;
  }

  .article-header h2 {
    font-size: 20px;
    margin-top: 11px;
  }

  .article-header h3 {
    font-size: 12px;
  }

  .awish-k {
    /* float: right; */
    right: 0px;
    bottom: 0%;
    left: 0px;
    margin: 0px auto;
    display: table;
  }

  .participated-section {
    padding: 52px 20px;
  }

  .participated-section p {
    font-size: 14px;
  }

  .subscribe-ct {
    padding: 32px 8px;
  }

  .subscribe-email input[type="text"] {
    padding: 8px 8px;
    width: 63%;
    height: 44px;
  }

  .img-box {
    height: 74%;
  }

  .touch {
    padding: 9px 14px;
    border-radius: 6px;
  }

  .ft-buttan-preview {
    width: 100%;
    display: inline-block;
    margin-top: 63px;
  }

  .pr-article {
    width: 100%;
    margin-bottom: 10px;
  }

  .share-article ul li a {
    font-size: 15px;
  }

  /*-- Contact ---*/
  .contact-section {
    padding: 85px 0px 120px;
  }

  .services-text-cover-one h3 {
    font-size: 59px;
    text-align: center;
  }

  .services-text-cover-one p {
    font-size: 16px;
  }

  .services-text-cover-two h2 {
    font-size: 30px;
    text-align: left;
    background-position: left bottom;
  }

  .services-text-cover-two h2::before {
    top: 40px;
  }

  .services-text-cover-two p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-three h2 {
    font-size: 30px;
    text-align: left;
  }

  .services-text-cover-three h2::before {
    top: 40px;
  }

  .services-text-cover-three p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-four h2 {
    font-size: 30px;
    text-align: left;
    background-position: left bottom;
  }

  .services-text-cover-four h2::before {
    top: 40px;
  }

  .services-text-cover-four p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-five h2 {
    font-size: 30px;
    text-align: left;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div {
    height: 316px;
  }

  .services-text-cover-five h2::before {
    top: 40px;
  }

  .services-text-cover-five p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-sixs h2 {
    font-size: 30px;
    text-align: left;
    background-position: left bottom;
  }
  .services-text-cover-two .button-two {
    float: left;
  }
  .services-text-cover-four .button-two {
    float: left;
  }
  .services-text-cover-sixs .button-two {
    float: left;
  }
  .services-text-cover-sixs h2::before {
    top: 40px;
  }

  .services-text-cover-sixs p {
    font-size: 16px;
    text-align: left;
  }

  .from-box-78 {
    width: 100%;
    border-left: 0px;
    padding-left: 80px;
    padding-right: 80px;
  }

  .pading-top70 {
    padding-top: 23px;
  }

  .text-4 {
    font-size: 14px;
  }

  /*--- Digital Payments ---*/
  .digital-payments {
    width: 100%;
    height: auto;
    float: left;
    padding: 169px 0px 249px;
    background: url("../images/digital-payments-mobile1.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px;
  }

  .vouchers-title-box h2 {
    font-size: 50px;
  }

  .vouchers-title-box ol.breadcrumb li.breadcrumb-item {
    padding: 9px 9px;
    font-size: 14px;
  }
  /* 
  .carrier-section {
    margin-top: -100px;
    padding: 0px 0px;
  } */

  .logo-title-carrier h2 {
    font-size: 16px;
  }

  .logo-ct {
    margin-bottom: 15px;
    width: 66%;
    height: 154px;
  }

  .ct-logo-box {
    height: 260px;
    padding: 27px 15px;
  }

  .vouchers-title-box p {
    font-size: 18px;
  }

  .carrier-vector-gradiant {
    margin-top: -160px;
  }

  .digital-header-two h1.section-header {
    text-align: center;
  }

  /*--- Mobilevas ----*/
  .mobilevas-section {
    width: 100%;
    height: auto;
    float: left;
    padding: 143px 0px 249px;
    background: url("../images/spo-banner6tab.png");
    background-repeat: no-repeat;
    background-size: cover;
  }

  .introduction-title {
    margin-bottom: 15px;
  }

  .introduction-title h2 {
    font-size: 50px;
  }

  .wallet-digital {
    padding: 34px 0px 0px;
  }

  .ct-logo-box-vas img {
    width: 205px;
  }

  .logo-title-carrier-two h2 {
    font-size: 18px;
  }

  .mobileva-introduction-gradiant {
    margin-top: -109px;
    padding: 86px 0px 114px;
  }

  .carrier-section .row:nth-child(2) [class*="col-"] {
    height: 252px;
    margin-bottom: 25px;
  }

  /*--- Our Partners ---*/
  .become-partner-inner {
    padding: 254px 20px 40px;
    background-size: 100% 40%;
  }

  .become-partner-inner h2 {
    font-size: 38px;
  }

  .become-partner-section {
    padding: 0px 15px 50px;
  }

  /*-- Services ---*/

  .esports-section {
    /* background: url("../images/services-mobile-one-st.png"); */
    padding: 175px 15px 110px;
    background-size: cover;
    background-position: center;
    clip-path: unset;
  }

  .e-vouchers-section {
    /* background: url("../images/services-mobile-two-st.png"); */
    padding: 120px 15px 224px;
    margin-top: 0px;
    background-size: cover;
    background-position: center;
    clip-path: unset;
  }

  .digital-payments-st-two {
    /* background: url("../images/services-mobile-three-st.png"); */
    padding: 150px 15px 323px;
    margin-top: 0px;
    background-size: cover;
    background-position: center;
    clip-path: unset;
  }

  .cloud-gaming-section {
    /* background: url("../images/services-mobile-six-st.png"); */
    padding: 154px 15px 112px;
    margin-top: 0px;
    background-size: cover;
    background-position: center;
    clip-path: unset;
  }

  .ct-logo-box-vas {
    height: 100%;
  }

  .evouchers-section-two {
    /* background: url("../images/services-mobile-five-st.png"); */
    padding: 252px 15px 252px;
    margin-top: 0px;
    clip-path: unset;
    background-size: cover;
    background-position: center;
  }

  .digital-marketing-section {
    /* background: url("../images/services-mobile-four-st.png"); */
    padding: 160px 15px 265px;
    margin-top: 0px;
    background-size: cover;
    background-position: center;
    clip-path: unset;
  }

  .digital-payments-st-two .services-text-cover-one h2 {
    font-size: 32px;
  }

  .esports-section .services-text-cover-one p {
    line-height: 25px;
  }

  .digital-payments-st-two .services-text-cover-one p {
    line-height: 25px;
  }

  .e-vouchers-section .services-text-cover-one p {
    line-height: 25px;
  }

  .e-vouchers-section .services-text-cover-one p {
    line-height: 25px;
    text-align: left;
  }

  .cloud-gaming-section .services-text-cover-one p {
    line-height: 25px;
  }

  .digital-marketing-section .services-text-cover-one p {
    line-height: 25px;
  }

  .evouchers-section-two .services-text-cover-one p {
    line-height: 25px;
    text-align: left;
  }

  .participated-section {
    padding: 48px 0px;
  }

  .participated-section p {
    font-size: 18px;
  }

  .event-list {
    padding: 27px 16px;
  }

  .page-number span {
    display: none;
  }

  .olterpost {
    padding: 12px 12px;
    font-size: 15px;
  }

  .news-dt {
    padding: 10px 14px;
    font-size: 15px;
  }

  .event-list-section .portfolio-wrapper-Dtp {
    padding: 0px;
    margin-bottom: 15px;
  }

  /*-- Services-E --*/

  .page-title-name h3::after {
    width: 36px;
    right: -27px;
    top: 10px;
    background-size: 100% 100%;
  }

  .page-title-name h3::before {
    width: 36px;
    left: -18px;
    top: 10px;
    background-size: 100% 100%;
  }

  .lip-contain-text p {
    font-size: 14px;
  }

  .con-logo-left-box .patner-cm-logo {
    height: 156px;
  }

  .def-inition-box {
    padding: 24px 8px;
    padding-left: 12px;
  }

  .breadcrumb {
    margin-bottom: 1.5rem;
  }

  .vouchers-section .def-inition-box .definition-contain p {
    font-size: 14px;
  }

  .ft-section h2 {
    font-size: 40px;
  }

  .page-title-name h3 {
    font-size: 20px;
  }

  .tournaments-section {
    padding: 0px 10px;
  }

  .summer-t h2 {
    font-size: 26px;
  }

  .left-tournaments-st {
    padding: 25px 0px;
  }

  .vector-gradiant {
    padding-top: 188px;
    margin-top: -128px;
  }

  .feature-content-text {
    padding-top: 59px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .vouchers-section {
    background: url(../images/e-vouchers-mobile.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 130px 0px 280px;
    /* background-position: 0px -143px; */
  }

  /* .platform-partners-section .owl-theme .owl-dots {
    display: block;
    text-align: center;
  } */
  #project-terms .btn {
    margin-right: 10px;
    padding: 4px 12px;
    font-size: 14px;
  }

  .portfolio-section-twoB .owl-carousel .item {
    min-height: 366px;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap {
    width: 100%;
    margin: 0px auto 0;
  }

  /* .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap img {
    width: 61%;
    height: auto;
  } */

  .portfolio-section-twoB .owl-carousel .item .inner-div .player-contain h2 {
    font-size: 26px;
  }

  .portfolio-section-twoB .owl-carousel .owl-stage-outer {
    padding-top: 132px;
  }

  .team-ct {
    padding: 5px 10px;
  }

  .current-Team {
    gap: 8px;
  }

  .team-ct span {
    width: 100%;
    font-size: 14px;
    float: left;
    line-height: 18px;
  }

  .text-aline-right-1 h2 {
    text-align: left;
  }

  .text-aline-right-1 p {
    text-align: left;
  }

  .team-ct h3 {
    font-size: 12px;
  }

  .portfolio-section-twoB
    .owl-carousel
    .item
    .inner-div
    .player-contain-hover
    .logo-corner {
    width: 47%;
    padding: 12px 24px;
  }

  .services-text-cover-two h2 {
    font-size: 35px;
    text-align: left;
  }

  .modal-dialog {
    width: 96%;
    border-radius: 0px;
  }

  .services-text-cover-two h2::before {
    top: 40px;
  }

  .services-text-cover-two p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-three h2 {
    font-size: 35px;
    text-align: left;
  }

  .footer-menu ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    gap: 2px;
    flex-wrap: wrap;
  }

  .services-text-cover-three h2::before {
    top: 40px;
  }

  .services-text-cover-three p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-four h2 {
    font-size: 35px;
    text-align: left;
  }

  .services-text-cover-four h2::before {
    top: 40px;
  }

  .services-text-cover-four p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-five h2 {
    font-size: 24px;
    text-align: left;
  }

  .services-text-cover-five h2::before {
    top: 40px;
  }

  .services-text-cover-five p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-sixs h2 {
    font-size: 35px;
    text-align: left;
  }

  .services-text-cover-sixs h2::before {
    top: 40px;
  }

  .services-text-cover-sixs p {
    font-size: 16px;
    text-align: left;
  }

  .about-some span.ab-title {
    font-size: 16px;
  }

  .btn-close-2 {
    right: 10px;
    top: 24px;
  }

  .event-list {
    padding: 27px 16px;
  }

  .page-number span {
    display: none;
  }
  .vector-gradiant {
    padding-top: 326px;
    margin-top: -194px;
  }
  .olterpost {
    padding: 12px 12px;
    font-size: 15px;
  }

  .news-dt {
    padding: 10px 14px;
    font-size: 15px;
  }

  /*-- ishort-vouchers --*/
  .Evouchers-addcard ul {
    display: block;
  }

  .Evouchers-addcard ul li {
    width: 50%;
    margin-bottom: -25px;
  }

  .wallet-digital .ct-logo-box .logo-title-carrier h2 {
    font-size: 16px;
  }

  .wallet-digital .ct-logo-box .logo-ct {
    width: 57%;
    height: 150px;
  }

  .destop-v {
    display: none;
  }

  .mobile-v {
    display: block;
  }

  .featured-dt {
    width: 100%;
    min-height: 430px;
    float: left;
    background: rgb(255 255 255 / 20%);
    border-radius: 15px;
    padding: 0px;
  }

  .map-section-two {
    width: 100%;
    padding-top: 129px;
  }

  .section-header-twoa {
    font-size: 45px;
    top: 0px;
    left: 3%;
    margin-bottom: 0px;
  }

  .featured-pic {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 15px;
  }

  .featured-pic img {
    width: 100%;
    height: auto;
  }

  .featured-contain-7 {
    width: 100%;
    height: auto;
    float: left;
    padding: 15px;
  }

  .featured-contain-7 h2 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 600;
  }

  .featured-contain-7 p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 400;
  }
  .news-picture {
    width: 100%;
    height: 150px;
    float: left;
  }
  .featured-section .ft-buttan {
    padding: 8px 15px;
    font-size: 15px;
    border-radius: 6px;
  }

  /* .featured-section .owl-nav {
    display: none;
  } */

  .featured-section .owl-theme .owl-dots {
    display: block;
    text-align: center;
    margin-top: 15px;
  }

  /*-- index footer mobile ---*/
  .footer-section {
    padding: 0px 0px 45px;
  }

  .footer-menu {
    margin-top: 25px;
    float: left;
    width: auto;
  }

  .footer-menu ul li {
    margin: 0px 8px;
  }

  .footer-menu ul li a {
    font-size: 14px;
    line-height: 39px;
  }

  .footer-social-section {
    float: left;
    margin-bottom: 33px;
  }

  .sim-point-logo {
    left: 65%;
    top: 72%;
  }

  .category-menu-two .sub-category {
    width: 94%;
    height: auto;
    float: left;
    background-color: rgb(18, 18, 18, 0.8);
    border-radius: 10px;
    padding: 15px 26px;
    margin: 0px auto;
    overflow: auto;
    display: flex;
    overflow-y: hidden;
    white-space: nowrap;
  }
  /* .digital-payments-main .digital-payments-book {
    margin-top: -349px;
  } */
  .e-service-p .wrapper-teo {
    width: 540px;
    gap: 12px;
    max-width: 100%;
    border-radius: 0px;
    background-color: unset;
    padding: 203px 9px 0px;
    margin: 0;
    text-align: left;
    overflow: auto;
    display: flex;
    overflow-y: hidden;
    /* overflow: auto; */
    white-space: nowrap;
  }

  .location-info {
    padding: 0px 10px;
    top: auto;
    bottom: 50px;
    left: 0;
    right: 0;
    flex-direction: row;
    min-height: 228px;
  }

  .location-info .map-ct-dt {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 10px;
    overflow: hidden;
    overflow-x: auto;
    max-width: 100%;
    white-space: nowrap;
  }

  .e-service-p .wrapper-teo::before {
    display: none;
  }

  .e-service-p .selected.e-sport-tf::after,
  .e-service-p .selected.e-sport-tf-two::after,
  .e-service-p .selected.e-sport-tf-three::after,
  .e-service-p .selected.e-sport-tf-four::after,
  .e-service-p .selected.e-sport-tf-five::after,
  .e-service-p .selected.e-sport-tf-six::after {
    display: none;
  }
  .section-header {
    font-size: 30px;
    line-height: 56px;
    text-align: center;
  }
  .e-service-p .controls {
    top: 0px;
  }

  .e-service-p .button {
    font-size: 20px;
    padding: 15px 23px 14px 38px;
    background: #000;
    border-radius: 35px;
  }

  .e-service-p .container {
    height: 1250px;
  }

  .e-service-p .slide:first-child {
    background: url(/images/spo-bannermobile.png) no-repeat center;
    background-size: 100%;
    background-position: 0px -20px;
  }

  .e-service-p .slide:nth-of-type(2) {
    background: url("/images/spo-banner2mobile.png") no-repeat center;
    background-size: 100%;
    background-position: 0px -20px;
  }

  .e-service-p .slide:nth-of-type(3) {
    background: url("/images/spo-banner3mobile.png") no-repeat center;
    background-size: 100%;
    background-position: 0px -20px;
  }

  .e-service-p .slide:nth-of-type(4) {
    background: url("/images/spo-banner4mobile.png") no-repeat center;
    background-size: 100%;
    background-position: 0px -20px;
  }

  .e-service-p .slide:nth-of-type(5) {
    background: url("/images/spo-banner5mobile.png") no-repeat center;
    background-size: 100%;
    background-position: 0px -20px;
  }

  .e-service-p .slide:last-child {
    background: url("/images/spo-banner6mobile.png") no-repeat center;
    background-size: 100%;
    background-position: 0px -20px;
  }
  .e-service-p {
    padding: 00px 0px;
  }
  .e-service-p .selected.e-sport-tf::before {
    left: 10px;
  }

  .e-service-p .content {
    display: inline-block;
    padding: 15px;
  }

  .e-service-p .content .section-tab-cntnt {
    width: 100%;
    text-align: left;
    margin-top: 164px;
  }

  .e-service-p .content .section-tab-cntnt h3 {
    font-size: 38px;
  }

  .e-service-p .content .section-tab-cntnt p {
    font-size: 14px;
  }

  .services-a {
    padding-left: 11px;
    padding-top: 9px;
  }

  .e-service-p .button.e-sport-tf-two::before,
  .e-service-p .button.e-sport-tf-three::before,
  .e-service-p .button.e-sport-tf-four::before,
  .e-service-p .button.e-sport-tf-five::before,
  .e-service-p .button.e-sport-tf-six::before {
    left: 14px;
  }

  .navbar-toggler > .close {
    display: inline;
    color: #fff;
    padding: 2px 0px;
    float: left;
  }

  .navbar-toggler.collapsed > .close,
  .navbar-toggler:not(.collapsed) > .navbar-toggler-icon {
    display: block;
  }

  .map-ct-dt {
    width: 550px;
    left: 0;
  }

  .map-ct-dt ul {
    width: 850px;
    overflow-x: auto;
    display: flex;
  }

  .map-ct-dt ul li {
    width: 43%;
  }

  .our-solutions-section .button-two {
    padding: 18px 50px;
    font-size: 17px;
  }

  .col-xs {
    width: 49.33%;
  }

  .col-xs:nth-child(n + 3) {
    width: 49.33%;
  }

  .col-xs:last-child {
    width: 100%;
  }
  .IraqCom-section .some-stcontain .owl-nav {
    /* width: 28%; */
    width: 40%;
    top: -81px;
    margin-top: 0px;
}

  .all-events-main-st .ourmisson-section {
    background: url(/images/our-misonA_mobile.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    float: left;
    padding: 304px 0px 235px;
    margin-top: -202px;
    clip-path: polygon(0 28%, 100% 15%, 100% 88%, 0 100%);
  }

  .all-events-main-st .our-values-section {
    /* background: url(/images/our-misonB_mobile.png); */
    background: url(/images/our-values-m.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    float: left;
    padding: 268px 0px 200px;
    margin-top: -179px;
    clip-path: polygon(0 26%, 100% 13%, 100% 100%, 0% 100%);
  }

  .gt-section-point {
    height: 400px;
    top: -210px;
  }

  .image2 {
    width: 33%;
  }

  .foore-logo-mobile {
    display: block;
    text-align: center;
  }

  .foore-logo {
    display: none;
  }

  .platform-logo-box:hover .logo-ct {
    transform: translate(5%, 89%) scale(0.6);
    z-index: 1;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .player-contain-hover {
    padding: 12px;
    height: 220px;
  }

  .team-ct {
    padding: 5px;
  }

  .playero {
    padding: 10px;
  }

  .logo-ct-three {
    width: 150px;
    height: 200px;
  }

  .grid-item {
    padding: 0px 5px;
  }

  /* .our-patner-main-st .platform-partners-title {
    margin-top: -80px;
  } */

  .our-patner-main-st-ev .e-vouchers-book {
    margin-top: -190px;
  }
  .services-text-cover-one span {
    width: 11px;
    height: 11px;
  }
  .vouchers-section::after {
    background-size: cover;
    top: 352px;
    height: 774px;
  }
  .digital-payments::after {
    background-size: cover;
    top: 344px;
    height: 774px;
  }
  .aboutmain-st .aboutus-section {
    margin-top: -74px;
  }
  .about-section-one::after {
    top: 258px;
    width: 100%;
    height: 477px;
  }
  .map-inner-page {
    height: 75vh;
  }
}

@media only screen and (max-width: 480px) {
  /*-- index mobile ---*/

  .no-padding {
    padding: 0px 5px;
  }

  .mousedown {
    display: none;
  }

  .owl-theme .owl-dots {
    display: table;
    margin: 0px auto;
  }

  .navber-social-section {
    display: none;
  }

  .nav-main-container {
    position: relative;
  }

  .mainNav.navbar .navbar-toggler {
    position: absolute;
    right: 13px;
    top: 16px;
  }

  .navbar-collapse {
    position: absolute;
    left: 0px;
    top: 0;
    background: #000;
    width: 100%;
    border-radius: 16px;
    margin: 0px 0px;
    z-index: -1;
    padding: 77px 15px 15px 15px;
  }

  /*-- Banner ---*/
  .banner-section {
    height: 412px;
    z-index: auto;
  }

  .banner-text-st {
    padding: 113px 19px 30px;
  }

  .banner-text-st h2 {
    font-size: 38px;
    text-align: center;
    line-height: 47px;
  }

  .banner-text-st p {
    font-size: 16px;
    text-align: center;
  }

  .video-st img {
    height: 100%;
  }

  /*-- Services ---*/
  .services-section {
    display: none;
  }

  .achievements-section {
    padding: 0px 10px 0px;
    margin-top: -150px;
  }
  .company-logo-section {
    margin-top: -20px;
    padding: 0px 0px 34px;
  }
  .company-logo-section::after {
    top: -352px;
    height: 759px;
    background: url(/images/top-vector-mobile.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0;
  }

  .how-it-works-header p {
    font-size: 21px;
  }

  .company-logo-section .owl-nav {
    display: none;
  }

  .company-logo-section .owl-carousel .item {
    height: 6rem;
    padding: 10px;
  }

  .news-section {
    padding: 0px;
    z-index: 9999;
  }

  .our-solutions-section .how-it-works-two p {
    font-size: 16px;
  }

  .news-section .news-name {
    padding-top: 25px;
    padding-bottom: 50px;
  }

  .section-header {
    font-size: 39px;
    line-height: 56px;
    text-align: center;
  }

  .feature-content-text p {
    text-align: center;
    font-size: 16px;
  }

  .feature-content {
    padding-bottom: 62px;
  }

  .ishort-vouchers .nav-link {
    margin: 0px 3px;
    font-size: 16px;
    padding: 5px 13px;
  }

  .ishort-vouchers .nav-link.active {
    margin: 0px 3px;
    font-size: 16px;
    padding: 5px 13px;
  }

  ul.bar-code-list {
    text-align: center;
  }

  ul.bar-code-list li.bb-cart {
    margin: 0px auto;
    width: 100%;
    display: table;
    float: none;
  }

  ul.bar-code-list li img {
    width: 100%;
  }

  .news-section .news-name h2 {
    font-size: 40px;
  }

  .news-section .news-name p {
    font-size: 14px;
    width: 100%;
  }

  .news-section .news-box {
    padding: 15px;
  }

  .news-section .owl-nav {
    display: none;
  }

  .conatin-news-tt ul li {
    font-size: 12px;
  }

  .img-box {
    height: 91%;
  }

  .lottie-icon {
    width: 50px;
    height: 50px;
  }

  .achievements-section .cards {
    padding: 14px;
    min-height: 162px;
  }

  .achievements-section .cards .icon {
    width: 40px;
    height: auto;
    line-height: 38px;
  }

  .achievements-section .cards .icon-mobile-i {
    width: 19%;
    height: auto;
    line-height: 38px;
  }

  .how-it-works-header {
    padding-bottom: 30px;
  }

  .achievements-section .cards p {
    font-size: 12px;
  }

  .achievements-section .counter {
    font-size: 35px;
  }

  .our-solutions-section {
    background-position: 0px 85px;
    padding: 75px 0px;
  }

  .our-solutions-section .mobile-section-bg {
    width: 100%;
    padding: 0px 0px 42px;
    margin-top: 0px;
  }

  /*-- About ---*/
  .how-it-works-header-twoA {
    padding-top: 30px;
  }

  .how-it-works-header-twoA .section-header {
    font-size: 40px;
  }

  .about-section-one {
    padding: 30px 15px;
  }

  .who-are-s {
    height: 187px;
  }

  .about-slider {
    height: 174px;
  }

  .our-solutions-section .button-two {
    padding: 16px 47px;
    font-size: 16px;
  }

  .about-slider .owl-nav {
    width: 45%;
    line-height: 8px;
  }

  .about-slider .owl-prev {
    width: 30px;
    height: 30px;
    line-height: 8px;
  }

  .about-slider .owl-next {
    width: 30px;
    height: 30px;
  }

  .num {
    bottom: 33px;
    font-size: 11px;
  }

  .about-some {
    padding: 30px 0px;
  }

  .about-some h2 {
    font-size: 27px;
  }

  .about-some p {
    font-size: 14px;
    line-height: 21px;
  }

  .digital-payments-section-mobile {
    background: url("../images/our-vison-mobile5.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: auto;
    display: block;
    float: left;
    padding: 116px 0px;
    margin-top: -35px;
  }

  .services-text-cover-one h2 {
    margin-bottom: 25px;
    font-size: 32px;
    text-align: left;
  }

  .services-text-cover-one h2::before {
    left: -12px;
    top: 38px;
  }

  .ourmisson-section {
    background: url("../images/our-misonA-mobile.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: auto;
    float: left;
    padding: 145px 0px;
    margin-top: -59px;
  }

  .our-values-section {
    background: url("../images/our-misonB-mobile.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: auto;
    float: left;
    padding: 157px 0px;
    margin-top: -58px;
  }

  .IraqCom-section {
    padding: 150px 15px 50px;
  }

  .title-IraqCom h2 {
    font-size: 35px;
    text-align: center;
  }

  .title-IraqCom p {
    font-size: 16px;
    text-align: center;
  }

  .iraqn-slider::before {
    height: 167px;
    clip-path: ellipse(57% 27% at 50% 41%);
    top: 30px;
  }

  .iraqn-slider::after {
    clip-path: ellipse(57% 34% at 50% 41%);
    height: 124px;
    bottom: 34px;
  }

  /*--- Article Inside ---- */
  .top-banner-article-inside {
    padding: 178px 0px 80px;
  }

  .article-header h2 {
    font-size: 24px;
    margin-top: 11px;
  }

  .article-header h3 {
    font-size: 14px;
  }

  .awish-k {
    /* float: right; */
    right: 0px;
    bottom: 0%;
    left: 0px;
    margin: 0px auto;
    display: table;
  }

  .participated-section {
    padding: 52px 0px;
  }

  .participated-section p {
    font-size: 18px;
    line-height: 28px;
  }

  .subscribe-ct {
    padding: 32px 8px;
  }

  .subscribe-email input[type="text"] {
    padding: 8px 8px;
    width: 63%;
    height: 44px;
  }

  .touch {
    padding: 9px 14px;
    border-radius: 6px;
  }

  .ft-buttan-preview {
    width: 100%;
    display: inline-block;
    margin-top: 63px;
  }

  .pr-article {
    width: 100%;
    margin-bottom: 10px;
  }

  .share-article ul li a {
    font-size: 15px;
  }

  /*-- Contact ---*/
  .contact-section {
    padding: 85px 0px 140px;
  }

  .services-text-cover-one h3 {
    font-size: 56px;
    text-align: center;
  }

  .services-text-cover-one p {
    font-size: 16px;
  }

  .services-text-cover-two h2 {
    font-size: 32px;
    text-align: left;
    background-position: left bottom;
  }

  /* .services-text-cover-two h2::before {
    bottom: 0;
  } */

  .services-text-cover-two p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-two .button-two {
    float: left;
  }

  .services-text-cover-three h2 {
    font-size: 32px;
    text-align: left;
  }

  /* .services-text-cover-three h2::before {
    bottom: 0;
  } */

  .services-text-cover-three p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-four h2 {
    font-size: 32px;
    text-align: left;
    background-position: left bottom;
  }

  .services-text-cover-four .button-two {
    float: left;
  }

  /* .services-text-cover-four h2::before {
    bottom: 0;
  } */

  .services-text-cover-four p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-five h2 {
    font-size: 32px;
    text-align: left;
  }

  /* .services-text-cover-five h2::before {
    bottom: 0;
  } */
  .services-text-cover-five .button-two {
    float: left;
  }

  .services-text-cover-five p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-sixs h2 {
    font-size: 32px;
    text-align: left;
    background-position: left bottom;
  }

  /* .services-text-cover-sixs h2::before {
    bottom: 0;
  } */
  .vector-gradiant {
    margin-top: -378px;
    padding: 432px 0px 112px;
  }
  .e-vouchers-book {
    margin-top: -305px;
  }
  .services-text-cover-sixs p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-sixs .button-two {
    float: left;
  }

  .from-box-78 {
    width: 100%;
    border-left: 0px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .pading-top70 {
    padding: 30px 0px 0px;
  }

  .text-4 {
    font-size: 14px;
  }

  /*--- Digital Payments ---*/
  .digital-payments {
    width: 100%;
    height: auto;
    float: left;
    padding: 169px 0px 249px;
    background: url("../images/digital-payments-mobile1.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0;
  }

  .vouchers-title-box h2 {
    font-size: 40px;
  }

  .vouchers-title-box ol.breadcrumb li.breadcrumb-item {
    padding: 9px 9px;
    font-size: 16px;
  }

  /* .carrier-section {
    margin-top: -100px;
    padding: 0px 0px;
  } */

  .logo-title-carrier h2 {
    font-size: 16px;
  }

  .logo-ct {
    margin-bottom: 15px;
    width: 100%;
    height: 90px;
  }

  .ct-logo-box {
    padding: 27px 15px;
    height: 189px;
  }

  .vouchers-title-box p {
    font-size: 18px;
  }

  .carrier-vector-gradiant {
    margin-top: -160px;
  }

  .digital-header-two h1.section-header {
    text-align: center;
  }

  .carrier-section .row:nth-child(2) [class*="col-"] {
    height: 189px;
    margin-bottom: 25px;
  }

  /*--- Mobilevas ----*/
  .mobilevas-section {
    width: 100%;
    height: auto;
    float: left;
    padding: 143px 0px 551px;
    background: url("../images/spo-banner6mobile.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0px;
  }

  .introduction-title {
    margin-bottom: 15px;
  }

  .introduction-title h2 {
    font-size: 40px;
  }

  .wallet-digital {
    padding: 34px 0px 50px;
  }

  /* .ct-logo-box-vas img {
    width: 100px;
  } */
  .logo-title-carrier-two h2 {
    font-size: 16px;
  }

  /*--- Our Partners ---*/
  .become-partner-inner {
    padding: 208px 20px 40px;
    background-size: 100% 35%;
  }

  .become-partner-inner h2 {
    font-size: 38px;
  }

  .become-partner-section {
    padding: 0px 15px 50px;
  }

  /*-- Services ---*/

  .esports-section {
    /* background: url("/images/services-mobile-one-st.png"); */
    padding: 200px 15px 119px;
    background-size: cover;
    background-position: center;
    clip-path: unset;
  }

  .e-vouchers-section {
    /* background: url("/images/services-mobile-two-st.png"); */
    padding: 120px 15px 224px;

    margin-top: 0px;
    clip-path: unset;
    background-size: cover;
    background-position: center;
  }

  .digital-payments-st-two {
    /* background: url("/images/services-mobile-three-st.png"); */
    padding: 120px 15px 158px;
    margin-top: 0px;
    background-size: 100% 100%;
    clip-path: unset;
  }

  .cloud-gaming-section {
    /* background: url("/images/services-mobile-six-st.png"); */
    padding: 142px 15px 104px;
    margin-top: 0px;
    background-size: cover;
    background-position: center;
  }

  .evouchers-section-two {
    /* background: url("../images/services-mobile-five-st.png"); */
    padding: 157px 15px 158px;
    margin-top: 0px;
    background-size: cover;
    background-position: center;
    clip-path: unset;
  }

  .digital-marketing-section {
    /* background: url("../images/services-mobile-four-st.png"); */
    padding: 120px 15px 192px;
    margin-top: 0px;
    background-size: cover;
    background-position: center;
    clip-path: unset;
  }

  .footer-section-two::before {
    top: -147px;
    height: 152px;
  }

  .digital-payments-st-two .services-text-cover-one h2 {
    font-size: 32px;
  }

  .esports-section .services-text-cover-one p {
    line-height: 25px;
  }

  .digital-payments-st-two .services-text-cover-one p {
    line-height: 25px;
  }

  .e-vouchers-section .services-text-cover-one p {
    line-height: 25px;
  }

  .e-vouchers-section .services-text-cover-one p {
    line-height: 25px;
    text-align: left !important;
  }

  .cloud-gaming-section .services-text-cover-one p {
    line-height: 25px;
  }

  .digital-marketing-section .services-text-cover-one p {
    line-height: 25px;
  }

  .evouchers-section-two .services-text-cover-one p {
    line-height: 25px;
    text-align: left;
  }
  .our-patner-main-st-ev .e-vouchers-book {
    margin-top: -177px;
  }
  /*   
  body {
    background: rgb(248, 102, 42);
    background: linear-gradient(16deg,
        rgba(18, 18, 18, 0.3),
        rgba(18, 18, 18, 0.3)),
      linear-gradient(103deg, #f8662a 2.91%, #2a32f8 81.17%);
  } */

  .event-list {
    padding: 27px 16px;
  }

  .page-number span {
    display: none;
  }

  .olterpost {
    padding: 12px 12px;
    font-size: 15px;
  }

  .news-dt {
    padding: 10px 9px;
    font-size: 15px;
  }

  .event-list-section .portfolio-wrapper-Dtp {
    padding: 0px;
    margin-bottom: 15px;
  }

  /*-- Services-E --*/
  .portfolio-section-twoB .owl-carousel .item .inner-div {
    height: auto;
  }

  .page-title-name h3::after {
    width: 36px;
    right: -27px;
    top: 10px;
    background-size: 100% 100%;
  }

  .page-title-name h3::before {
    width: 36px;
    left: -18px;
    top: 10px;
    background-size: 100% 100%;
  }

  .wallet-digital .ct-logo-box .logo-ct {
    width: 53%;
    height: 90px;
  }

  .lip-contain-text p {
    font-size: 12px;
  }

  .con-logo-left-box .patner-cm-logo {
    height: 82px;
  }

  .vouchers-section {
    padding: 133px 0px 0px;
  }

  .def-inition-box {
    padding: 24px 8px;
    padding-left: 12px;
  }

  .breadcrumb {
    margin-bottom: 1.5rem;
  }

  .vouchers-section .def-inition-box .definition-contain p {
    font-size: 14px;
  }

  .ft-section h2 {
    font-size: 40px;
  }

  .page-title-name h3 {
    font-size: 20px;
  }

  .tournaments-section {
    padding: 0px 10px;
  }

  .summer-t h2 {
    font-size: 26px;
  }

  .left-tournaments-st {
    padding: 25px 0px;
  }

  /* .platform-partners-section .owl-theme .owl-dots {
    display: block;
    text-align: center;
  } */
  #project-terms .btn {
    margin-right: 10px;
    padding: 6px 16px;
    font-size: 16px;
  }

  .feature-content-text {
    padding-top: 35px;
    padding-left: 9px;
    padding-right: 6px;
  }

  .portfolio-section-twoB .owl-carousel .item {
    min-height: 340px;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap {
    width: 86%;
    margin: 0px auto 0;
    height: 241px;
  }
  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap img {
    width: 100%;
  }
  .portfolio-section-twoB .owl-carousel .item .inner-div .player-contain h2 {
    font-size: 26px;
  }

  .portfolio-section-twoB .owl-carousel .owl-stage-outer {
    padding-top: 113px;
  }

  .team-ct {
    padding: 5px;
  }

  .current-Team {
    gap: 8px;
  }

  .team-ct span {
    width: 100%;
    font-size: 15px;
    float: left;
    line-height: 14px;
  }

  .ct-logo-box-vas {
    height: 100%;
  }

  .text-aline-right-1 h2 {
    text-align: left;
  }

  .text-aline-right-1 p {
    text-align: left;
  }

  .team-ct h3 {
    font-size: 11px;
  }

  .portfolio-section-twoB
    .owl-carousel
    .item
    .inner-div
    .player-contain-hover
    .logo-corner {
    width: 47%;
    padding: 12px 24px;
  }

  .patners-digital [class*="col-"] {
    height: 150px;
    margin-bottom: 25px;
  }

  .patners-digital [class*="col"] {
    height: 150px;
    margin-bottom: 25px;
  }

  .services-text-cover-five h2::before {
    top: 40px;
  }

  .services-text-cover-five p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-sixs p {
    font-size: 16px;
    text-align: left;
  }

  .about-some span.ab-title {
    font-size: 16px;
  }

  .event-list {
    padding: 27px 16px;
  }

  .page-number span {
    display: none;
  }

  .olterpost {
    padding: 12px 12px;
    font-size: 15px;
  }

  /* 
  .news-dt {
    padding: 10px 14px;
    font-size: 15px;
  } */

  /*-- ishort-vouchers --*/
  .Evouchers-addcard ul {
    display: block;
  }

  .Evouchers-addcard ul li {
    width: 50%;
    margin-bottom: -25px;
  }

  .event-list {
    padding: 27px 16px;
  }

  .page-number span {
    display: none;
  }

  .olterpost {
    padding: 12px 12px;
    font-size: 15px;
  }

  /* 
  .news-dt {
    padding: 10px 14px;
    font-size: 15px;
  } */

  .esport-section {
    background: url(../images/spo-banner-mobile-two.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 162px;
  }

  .vouchers-section {
    background: url(../images/e-vouchers-mobile.png);
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: 0px -143px; */
    padding-bottom: 262px;
  }

  .wallet-digital .ct-logo-box .logo-title-carrier h2 {
    font-size: 15px;
  }
  .our-patner-main-st-ev .vector-gradiant {
    padding-top: 120px;
    padding-bottom: 129px;
    margin-top: -206px;
  }
  .btn-close-2 {
    right: 10px;
    top: 24px;
  }

  .rating-section ul li {
    width: 31%;
    margin-right: 6px;
  }

  .rating-section ul li p {
    font-size: 12px;
  }

  #project-terms .btn {
    padding: 6px 10px;
  }

  .modal-dialog {
    width: 96%;
    border-radius: 0px;
    margin-top: 0px;
  }

  .left-player-section h2 {
    font-size: 40px;
  }

  .main-map-body-section {
    background-size: 100% 50%;
  }

  .map-section-two {
    width: 100%;
    padding-top: 35px;
  }

  .section-header-twoa {
    font-size: 33px;
    top: 81px;
    left: 15px;
    margin-bottom: 0px;
  }

  .destop-v {
    display: none;
  }

  .mobile-v {
    display: block;
  }

  .featured-dt {
    width: 100%;
    height: auto;
    float: left;
    background: rgb(255 255 255 / 20%);
    border-radius: 15px;
    padding: 0px;
  }

  .featured-pic {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 15px;
  }

  .featured-pic img {
    width: 100%;
    height: auto;
  }

  .featured-contain-7 {
    width: 100%;
    height: auto;
    float: left;
    padding: 15px;
  }

  .featured-contain-7 h2 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 600;
  }

  .featured-contain-7 p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 400;
  }

  .featured-section .ft-buttan {
    padding: 8px 15px;
    font-size: 15px;
    border-radius: 6px;
  }

  /* .featured-section .owl-nav {
    display: none;
  } */

  .featured-section .owl-theme .owl-dots {
    display: block;
    text-align: center;
    margin-top: 15px;
  }

  /*-- index footer mobile ---*/
  .footer-section {
    padding: 0px 0px 45px;
  }

  .footer-menu {
    margin-top: 25px;
  }

  .footer-menu ul li {
    margin: 0px 8px;
  }

  .footer-menu ul li a {
    font-size: 12px;
  }

  .footer-social-section {
    float: left;
    margin-bottom: 33px;
  }

  .e-service-p .wrapper-teo {
    width: 485px;
    gap: 12px;
    max-width: 100%;
    border-radius: 0px;
    background-color: unset;
    padding: 194px 9px 0px;
    display: flex;
    margin: 0;
    text-align: left;
    overflow-y: hidden;
    /* overflow: auto; */
    white-space: nowrap;
  }

  .e-service-p .container {
    height: 1100px;
  }

  .e-service-p .slide:first-child {
    background: url(/images/spo-bannermobile.png) no-repeat center;
    background-size: cover;
    background-position: 0px -20px;
  }

  .e-service-p .slide:nth-of-type(2) {
    background: url("/images/spo-banner2mobile.png") no-repeat center;
    background-size: cover;
    background-position: 0px -20px;
  }

  .e-service-p .slide:nth-of-type(3) {
    background: url("/images/spo-banner3mobile.png") no-repeat center;
    background-size: cover;
    background-position: 0px -20px;
  }

  .e-service-p .slide:nth-of-type(4) {
    background: url("/images/spo-banner5mobile.png") no-repeat center;
    background-size: cover;
    background-position: 0px -20px;
  }

  .e-service-p .slide:nth-of-type(5) {
    background: url("/images/spo-banner4mobile.png") no-repeat center;
    background-size: cover;
    background-position: 0px -20px;
  }

  .e-service-p .slide:last-child {
    background: url("/images/spo-banner6mobile.png") no-repeat center;
    background-size: cover;
    background-position: 0px -20px;
  }

  .e-service-p .wrapper-teo::before {
    display: none;
  }

  .e-service-p .selected.e-sport-tf::after,
  .e-service-p .selected.e-sport-tf-two::after,
  .e-service-p .selected.e-sport-tf-three::after,
  .e-service-p .selected.e-sport-tf-four::after,
  .e-service-p .selected.e-sport-tf-five::after,
  .e-service-p .selected.e-sport-tf-six::after {
    display: none;
  }

  .e-service-p .controls {
    top: 0px;
    width: 100%;
  }

  .e-service-p .button {
    font-size: 20px;
    padding: 15px 23px 14px 38px;
    background: #000;
    border-radius: 35px;
  }

  .e-service-p .selected.e-sport-tf::before {
    left: 10px;
  }

  .e-service-p .content {
    display: inline-block;
    padding: 15px;
  }

  .e-service-p .content .section-tab-cntnt {
    width: 100%;
    text-align: left;
    margin-top: 20px;
    padding-top: 341px;
  }

  .e-service-p .content .section-tab-cntnt h3 {
    font-size: 23px;
    margin-bottom: 29px;
  }

  .e-service-p .content .section-tab-cntnt .button-two {
    padding: 13px 36px;
    font-size: 16px;
    margin-top: 18px;
  }

  .e-service-p .content .section-tab-cntnt p {
    font-size: 14px;
  }

  .services-a {
    padding-left: 11px;
    padding-top: 9px;
  }

  .e-service-p .button.e-sport-tf-two::before,
  .e-service-p .button.e-sport-tf-three::before,
  .e-service-p .button.e-sport-tf-four::before,
  .e-service-p .button.e-sport-tf-five::before,
  .e-service-p .button.e-sport-tf-six::before {
    left: 14px;
  }

  .navbar-toggler > .close {
    display: inline;
    color: #fff;
    padding: 2px 0px;
    float: left;
  }

  .navbar-toggler.collapsed > .close,
  .navbar-toggler:not(.collapsed) > .navbar-toggler-icon {
    display: block;
  }

  .button-two {
    padding: 13px 38px;
    font-size: 15px;
  }

  .wallet-digital-patner5 {
    padding-top: 30px;
  }

  ul#wheel-nav {
    list-style-type: none;
    margin: 0 auto;
    padding: 0px 27px;
    overflow: hidden;
    background-color: rgb(0 0 0 / 60%);
    width: 100%;
    height: 180px;
    border-radius: 0px 0px 96px 96px;
    display: flex;
    flex-direction: row;
    position: fixed;
    z-index: 99;
    left: 0;
    right: 0;
  }

  ul#wheel-nav li {
    display: none;
  }

  ul#wheel-nav li.left-item {
    display: block;
    width: 50%;
    position: relative;
    transform: translate(0, 107px);
    transition: transform 0.5s ease;
    /* Add transition for smooth movement */
  }

  /* ul#wheel-nav li.center-item a{
    position: absolute;
    left: -25px;
    width: 150px;
      } */

  ul#wheel-nav li a.sub-ct-one {
    float: left;
    background: url(/images/sub-cattergory1.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
  }

  ul#wheel-nav li a.sub-ct-two {
    background: url(/images/sub-cattergory2.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    display: table;
    margin: 0px auto;
  }

  ul#wheel-nav li a.sub-ct-three {
    background: url(/images/sub-cattergory3.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    display: table;
    margin: 0px auto;
  }

  ul#wheel-nav li a.sub-ct-four {
    float: left;
    background: url(/images/sub-cattergory4.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
  }

  ul#wheel-nav li a.sub-ct-five {
    float: left;
    background: url(/images/sub-cattergory5.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
  }

  ul#wheel-nav li a.sub-ct-six {
    float: left;
    background: url(/images/sub-cattergory6.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
  }
  /* .digital-payments-main .digital-payments-book {
    margin-top: -249px;
  } */
  ul#wheel-nav li.center-item {
    display: block;
    width: 70%;
    transform: translate(0, 140px);
    transition: transform 0.5s ease;
    /* Add transition for smooth movement */
  }

  ul#wheel-nav li.right-item {
    display: block;
    width: 50%;
    transform: translate(0, 107px);
    transition: transform 0.5s ease;
    /* Add transition for smooth movement */
  }

  ul#wheel-nav li a {
    display: block;
    color: white;
    padding: 0px 0px 0px 25px;
    position: relative;
    font-size: 14px;
    position: relative;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
  }

  ul#wheel-nav li a:hover {
    color: #fff;
  }

  ul#wheel-nav li.center-item a.sub-ct-two {
    background: url(/images/sub-cattergory2_hover.png);
    background-repeat: no-repeat;
    color: #f8662a;
  }

  ul#wheel-nav li.center-item a.sub-ct-three {
    background: url(/images/sub-cattergory3_hover.png);
    background-repeat: no-repeat;
    color: #f8662a;
  }

  ul#wheel-nav li.center-item a.sub-ct-four {
    background: url(/images/sub-cattergory4_hover.png);
    background-repeat: no-repeat;
    color: #f8662a;
  }

  ul#wheel-nav li.center-item a.sub-ct-five {
    background: url(/images/sub-cattergory5_hover.png);
    background-repeat: no-repeat;
    color: #f8662a;
  }

  ul#wheel-nav li.center-item a.sub-ct-fix {
    background: url(/images/sub-cattergory6_hover.png);
    background-repeat: no-repeat;
    color: #f8662a;
  }

  .platform-logo-box {
    min-height: 289px;
    padding: 24px 15px;
    margin-bottom: 25px;
  }

  .platform-logo-box .logo-ct {
    height: 91px;
  }

  .platform-logo-box .logo-title-carrier h2 {
    font-size: 20px;
  }

  .ct-logo-box-vas:hover .image2 {
    width: 150px;
  }

  .location-info {
    padding: 0px 10px;
    top: auto;
    bottom: 50px;
    left: 0;
    right: 0;
    flex-direction: row;
    min-height: 228px;
  }

  .location-info .map-ct-dt {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 10px;
    overflow: hidden;
    overflow-x: auto;
    max-width: 100%;
    white-space: nowrap;
  }

  .map-ct-dt {
    width: 550px;
    left: 0;
  }

  .map-ct-dt ul {
    width: 850px;
    overflow-x: auto;
    display: flex;
  }

  .map-ct-dt ul li {
    width: 43%;
  }

  .white-sk-services {
    padding: 15px 20px;
    margin-left: 0;
    font-size: 15px;
    margin-top: 18px;
    clear: both;
  }

  .e-service-p .content .section-tab-cntnt h3:before {
    bottom: -16px;
  }

  .wallet-digital-patner5 [class*="col"] {
    height: 150px;
    margin-bottom: 25px;
  }

  .all-events-main-st .ourmisson-section {
    background: url(/images/our-misonA_mobile.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    float: left;
    padding: 224px 0px 130px;
    margin-top: -136px;
    clip-path: polygon(0 22%, 100% 11%, 100% 88%, 0 100%);
  }

  .all-events-main-st .our-values-section {
    /* background: url(/images/our-misonB_mobile.png); */
    background: url(/images/our-values-m.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    float: left;
    padding: 184px 0px 120px;
    margin-top: -144px;
    clip-path: polygon(0 26%, 100% 13%, 100% 86%, 0% 100%);
  }

  .gt-section-point {
    height: 300px;
    top: -197px;
  }

  .iraqn-slider {
    padding: 80px 0px 0;
  }

  .image2 {
    width: 33%;
  }

  .simpler-player img {
    width: 100%;
  }

  .sim-point-logo {
    left: 319px;
    top: 90%;
    /* bottom: 0; */
  }

  .foore-logo-mobile {
    display: block;
    text-align: center;
  }

  .foore-logo {
    display: none;
  }

  .sim-point-logo {
    width: 100%;
    height: auto;
    float: left;
    position: absolute;
    left: 40%;
    top: 50%;
    transform: translate(-10%, 100%);
    /* Start from the bottom */
    animation: logo-move 3s ease forwards;
    /* Moves to middle */
  }

  .sim-point-logo img {
    position: absolute;
    width: 150px;
    height: auto;
    object-fit: contain;
    transition: transform 0.5s ease;
    scale: 3;
  }

  .sim-point-logo img:last-child {
    position: absolute;
    animation: move-right 2s ease 3s forwards;
    /* Moves to the right after reaching middle */
  }

  .sim-point-logo img:first-child {
    position: absolute;
    animation: move-up-scale 2s ease 3s forwards;
    /* Scale and move up starting at the same time as move-right */
  }

  .simpler-player img {
    width: 100%;
    height: auto;
  }

  @keyframes logo-move {
    0% {
      transform: translate(-10%, 100%);
      /* Bottom */
    }

    100% {
      transform: translate(-10%, 0);
      /* Middle */
    }
  }

  @keyframes move-right {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(100vw);
      /* Move out to the right */
    }
  }

  @keyframes move-up-scale {
    0% {
      transform: translateY(0) scale(1);
      /* Start at the middle with normal scale */
    }

    100% {
      /* transform: translateY(-20px) scale(1.5); */
      /* Slightly up and scale up */
      transform: translateX(20px) translateY(-20px);
    }
  }

  @keyframes move-up-player {
    0% {
      transform: translateX(-50%) translateY(100px);
      /* Start below the view */
      opacity: 0;
      /* Start hidden */
    }

    100% {
      transform: translateX(-50%) translateY(0);
      /* Move to the original position */
      opacity: 1;
      /* Fade in */
    }
  }

  .platform-logo-box:hover .logo-ct {
    transform: translate(5%, 89%) scale(0.6);
    z-index: 1;
  }

  .portfolio-wrapper {
    width: 46%;
  }

  .logo-ct-three {
    width: 100px;
    height: 100px;
  }

  .grid-item {
    width: 49%;
  }

  .services-text-cover-one span {
    width: 11px;
    height: 11px;
  }
  .vouchers-title-box {
    z-index: 9999;
    position: relative;
  }
  .vouchers-section::after {
    background-size: cover;
    top: 352px;
    height: 774px;
  }
  .mobilevas-section::after {
    background-size: cover;
    top: 406px;
    height: 427px;
  }

  .mobilevas-section::after {
    background-size: cover;
    top: 510px;
    height: 737px;
  }

  .IraqCom-section::before {
    background: url(/images/top-vector-mobile.png);
    background-repeat: no-repeat;
    top: -387px;
    height: 750px;
    background-size: 100% 100%;
  }
}
@media only screen and (max-width: 390px) {
  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap img {
    width: 100%;
  }
  .portfolio-section-twoB .owl-carousel .item {
    min-height: 305px;
  }
  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap {
    width: 100%;
    margin: 0px auto 0;
    height: 206px;
  }
  .mobileva-introduction {
    padding-top: 50px;
  }
  .our-patner-main-st .vector-gradiant {
    margin-top: -293px;
  }
}
@media only screen and (max-width: 360px) {
  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap {
    width: 99%;
    margin: 3px auto 0;
  }

  .e-service-p .wrapper-teo {
    width: 355px;
    gap: 20px;
    max-width: 100%;
    border-radius: 0px;
    background-color: unset;
    padding: 187px 9px 0;
    display: flex;
    margin: 0;
    text-align: left;
    overflow-y: hidden;
    /* overflow: auto; */
    white-space: nowrap;
  }

  .e-service-p .container {
    height: 1000px;
  }

  .e-service-p .wrapper-teo::before {
    display: none;
  }

  .e-service-p .selected.e-sport-tf::after,
  .e-service-p .selected.e-sport-tf-two::after,
  .e-service-p .selected.e-sport-tf-three::after,
  .e-service-p .selected.e-sport-tf-four::after,
  .e-service-p .selected.e-sport-tf-five::after,
  .e-service-p .selected.e-sport-tf-six::after {
    display: none;
  }

  .e-service-p .controls {
    top: 0px;
  }

  .e-service-p .button {
    font-size: 20px;
    padding: 15px 23px 14px 38px;
    background: #000;
    border-radius: 35px;
  }

  .e-service-p .selected.e-sport-tf::before {
    left: 10px;
  }

  .e-service-p .content {
    display: inline-block;
    padding: 15px;
  }

  .e-service-p .content .section-tab-cntnt {
    width: 100%;
    text-align: left;
    margin-top: 0px;
    padding-top: 351px;
  }

  .e-service-p .content .section-tab-cntnt h3 {
    font-size: 23px;
    margin-bottom: 30px;
  }

  .e-service-p .content .section-tab-cntnt p {
    font-size: 14px;
    line-height: 20px;
  }

  .services-a {
    padding-left: 11px;
    padding-top: 9px;
  }

  .e-service-p .button.e-sport-tf-two::before,
  .e-service-p .button.e-sport-tf-three::before,
  .e-service-p .button.e-sport-tf-four::before,
  .e-service-p .button.e-sport-tf-five::before,
  .e-service-p .button.e-sport-tf-six::before {
    left: 14px;
  }

  /* .category-menu-two .sub-category {
    display: none;
  } */

  ul#wheel-nav {
    list-style-type: none;
    margin: 0 auto;
    padding: 0px 27px;
    overflow: hidden;
    background-color: rgb(0 0 0 / 60%);
    width: 100%;
    height: 185px;
    border-radius: 0px 0px 138px 132px;
    display: block;
    flex-direction: row;
    position: fixed;
    z-index: 99;
    left: 0;
    right: 0;
  }

  .img-box {
    height: 61%;
  }

  .ct-logo-box-vas img {
    width: 100%;
  }

  .map-ct-dt {
    width: 450px;
    left: 0;
  }

  .map-ct-dt ul {
    width: 850px;
    overflow-x: auto;
    display: flex;
  }

  .map-ct-dt ul li {
    width: 43%;
  }

  /* .location-info {
    padding: 0px 10px;
    top: auto;
    bottom: 50px;
    max-width: 100%;
    width: 100%;
    display: inline-block;
    left: 0;
    right: 0;
    min-height: 228px;
    white-space: nowrap;
}

.location-info .map-ct-dt {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 10px;
  overflow: hidden;
  overflow-x: auto;
  max-width: 100%;
  white-space: nowrap;
} */
  /* ul#wheel-nav li {
    display: block;
  } */

  ul#wheel-nav li.left-item {
    display: block;
    width: 50%;
    position: relative;
    transform: translate(0, 107px);
    transition: transform 0.5s ease;
    /* Add transition for smooth movement */
  }

  /* ul#wheel-nav li.center-item a{
  position: absolute;
  left: -25px;
  width: 150px;
    } */

  ul#wheel-nav li a.sub-ct-one {
    float: left;
    background: url(/images/sub-cattergory1.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
  }

  ul#wheel-nav li a.sub-ct-two {
    background: url(/images/sub-cattergory2.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    display: table;
    margin: 0px auto;
  }
  .our-patner-main-st .vector-gradiant {
    margin-top: -120px;
    padding: 134px 0px;
  }

  /* .digital-payments-main .digital-payments-book {
    margin-top: -249px;
  } */
  ul#wheel-nav li a.sub-ct-three {
    background: url(/images/sub-cattergory3.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    display: table;
    margin: 0px auto;
  }

  ul#wheel-nav li a.sub-ct-four {
    float: left;
    background: url(/images/sub-cattergory4.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
  }

  ul#wheel-nav li a.sub-ct-five {
    float: left;
    background: url(/images/sub-cattergory5.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
  }

  .section-header {
    /* font-size: 28px;
    line-height: 56px; */
    text-align: center;
  }

  ul#wheel-nav li a.sub-ct-six {
    float: left;
    background: url(/images/sub-cattergory6.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
  }

  ul#wheel-nav li.center-item {
    display: block;
    width: 70%;
    transform: translate(0, 140px);
    transition: transform 0.5s ease;
    /* Add transition for smooth movement */
  }

  ul#wheel-nav li.right-item {
    display: block;
    width: 50%;
    transform: translate(0, 107px);
    transition: transform 0.5s ease;
    /* Add transition for smooth movement */
  }

  .ct-logo-box-vas {
    height: 100%;
  }

  .e-service-p .slide:first-child {
    background: url(/images/spo-bannermobile.png) no-repeat center;
    background-size: cover;
    background-position: 0px -10px;
  }

  .e-service-p .slide:nth-of-type(2) {
    background: url("/images/spo-banner2mobile.png") no-repeat center;
    background-size: 100% 100%;
  }

  .e-service-p .slide:nth-of-type(3) {
    background: url("/images/spo-banner3mobile.png") no-repeat center;
    background-size: 100% 100%;
  }

  .e-service-p .slide:nth-of-type(4) {
    background: url("/images/spo-banner5mobile.png") no-repeat center;
    background-size: 100% 100%;
  }

  .e-service-p .slide:nth-of-type(5) {
    background: url("/images/spo-banner4mobile.png") no-repeat center;
    background-size: 100% 100%;
  }

  .e-service-p .slide:last-child {
    background: url("/images/spo-banner6mobile.png") no-repeat center;
    background-size: 100% 100%;
  }

  ul#wheel-nav {
    list-style-type: none;
    margin: 0 auto;
    padding: 0px 27px;
    overflow: hidden;
    background-color: rgb(0 0 0 / 60%);
    width: 100%;
    height: 180px;
    border-radius: 0px 0px 96px 96px;
    display: flex;
    flex-direction: row;
    position: fixed;
    z-index: 99;
    left: 0;
    right: 0;
  }

  ul#wheel-nav li {
    display: none;
  }

  ul#wheel-nav li.left-item {
    display: block;
    width: 50%;
    position: relative;
    transform: translate(0, 107px);
    transition: transform 0.5s ease;
    /* Add transition for smooth movement */
  }

  .drag-nav span.sub-ct-six {
    color: #fff;
  }

  /* ul#wheel-nav li.center-item a{
  position: absolute;
  left: -25px;
  width: 150px;
    } */

  ul#wheel-nav li a.sub-ct-one {
    float: left;
    background: url(/images/sub-cattergory1.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
  }

  ul#wheel-nav li a.sub-ct-two {
    background: url(/images/sub-cattergory2.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    display: table;
    margin: 0px auto;
  }

  ul#wheel-nav li a.sub-ct-three {
    background: url(/images/sub-cattergory3.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    display: table;
    margin: 0px auto;
  }

  ul#wheel-nav li a.sub-ct-four {
    float: left;
    background: url(/images/sub-cattergory4.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
  }

  ul#wheel-nav li a.sub-ct-five {
    float: left;
    background: url(/images/sub-cattergory5.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
  }

  ul#wheel-nav li a.sub-ct-six {
    float: left;
    background: url(/images/sub-cattergory6.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
  }

  ul#wheel-nav li.center-item {
    display: block;
    width: 70%;
    transform: translate(0, 140px);
    transition: transform 0.5s ease;
    /* Add transition for smooth movement */
  }

  ul#wheel-nav li.right-item {
    display: block;
    width: 50%;
    transform: translate(0, 107px);
    transition: transform 0.5s ease;
    /* Add transition for smooth movement */
  }

  ul#wheel-nav li a {
    display: block;
    color: white;
    padding: 0px 0px 0px 25px;
    position: relative;
    font-size: 12px;
    position: relative;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
  }

  ul#wheel-nav li a:hover {
    color: #f8662a;
  }

  ul#wheel-nav li.center-item a.sub-ct-two {
    background: url(/images/sub-cattergory2_hover.png);
    background-repeat: no-repeat;
    color: #f8662a;
  }

  ul#wheel-nav li.center-item a.sub-ct-three {
    background: url(/images/sub-cattergory3_hover.png);
    background-repeat: no-repeat;
    color: #f8662a;
  }

  ul#wheel-nav li.center-item a.sub-ct-four {
    background: url(/images/sub-cattergory4_hover.png);
    background-repeat: no-repeat;
    color: #f8662a;
  }

  ul#wheel-nav li.center-item a.sub-ct-five {
    background: url(/images/sub-cattergory5_hover.png);
    background-repeat: no-repeat;
    color: #f8662a;
  }

  ul#wheel-nav li.center-item a.sub-ct-fix {
    background: url(/images/sub-cattergory6_hover.png);
    background-repeat: no-repeat;
    color: #f8662a;
  }

  /* .category-menu-two .sub-category {
    display: none;
  } */

  .navbar-toggler > .close {
    display: inline;
    color: #fff;
    padding: 2px 0px;
    float: left;
  }

  .navbar-toggler.collapsed > .close,
  .navbar-toggler:not(.collapsed) > .navbar-toggler-icon {
    display: block;
  }

  .our-solutions-section .mobile-section-bg {
    margin-top: 49px;
  }

  .e-service-p .content .section-tab-cntnt .button-two {
    padding: 12px 47px;
    font-size: 14px;
    margin-top: 10px;
  }

  .white-sk-services {
    padding: 15px 20px;
    margin-left: 0;
    font-size: 15px;
    margin-top: 18px;
    clear: both;
  }
  .company-logo-section {
    margin-top: -20px;
    padding: 0px 0px 34px;
  }
  .company-logo-section::after {
    top: -352px;
    height: 759px;
    background: url(/images/top-vector-mobile.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0;
  }

  .banner-section {
    height: 400px;
    z-index: auto;
  }
  .e-service-p .content .section-tab-cntnt h3:before {
    bottom: -16px;
  }

  .our-solutions-section .button-two {
    padding: 16px 47px;
    font-size: 16px;
  }

  .our-solutions-section {
    background-position: 0px 130px;
  }

  .platform-logo-box .logo-ct {
    height: 91px;
  }

  .platform-logo-box .logo-title-carrier h2 {
    font-size: 20px;
  }

  .platform-logo-box {
    min-height: 150px;
    padding: 24px 15px;
    margin-bottom: 25px;
  }

  .platform-logo-box .logo-ct {
    height: 91px;
  }

  .platform-logo-box .logo-title-carrier h2 {
    font-size: 20px;
  }

  .platform-logo-h {
    width: 27px;
    height: 30px;
  }

  .platform-logo-box:hover .platform-logo-box-hover-box {
    padding: 15px;
  }

  .lip-contain-text {
    margin-top: 5px;
  }

  #map {
    margin-top: -40px;
  }

  .main-map-body-section {
    background-size: 100% 50%;
  }

  .portfolio-section-twoB .owl-carousel .item {
    min-height: 319px;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap {
    height: 245px;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .player-contain h2 {
    font-size: 18px;
    text-align: center;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .player-contain p {
    font-size: 14px;
    text-align: center;
  }

  .ct-logo-box-vas:hover .image2 {
    width: 150px;
  }

  .col-xs-6 {
    width: 49%;
  }

  .img-box {
    height: 70%;
  }

  .logo-title-carrier-two h2 {
    font-size: 15px;
  }

  .e-vouchers-section {
    margin-top: 0px;
  }

  .digital-payments-st-two {
    margin-top: 0px;
    padding-top: 130px;
  }

  .evouchers-section-two {
    margin-top: 0px;
  }

  .cloud-gaming-section {
    margin-top: 0px;
  }

  .all-events-main-st .ourmisson-section {
    background: url(/images/our-misonA_mobile.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    float: left;
    padding: 178px 0px 130px;
    margin-top: -141px;
    clip-path: polygon(0 23%, 100% 11%, 100% 88%, 0 100%);
  }

  .all-events-main-st .our-values-section {
    /* background: url(/images/our-misonB_mobile.png); */
    background: url(/images/our-values-m.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    float: left;
    padding: 184px 0px 200px;
    margin-top: -133px;
    clip-path: polygon(0 20%, 100% 9%, 100% 100%, 0% 100%);
  }
  .esports-section {
    background: url("../images/services-mobile-one-st.png");
    padding: 188px 0px 89px;
    background-size: 100% 100%;
    clip-path: unset;
  }

  .e-vouchers-section {
    background: url("../images/services-mobile-two-st.png");
    padding: 120px 0px 89px;
    margin-top: 0px;
    background-size: 100% 100%;
    clip-path: unset;
  }

  .digital-payments-st-two {
    background: url("../images/services-mobile-three-st.png");
    padding: 120px 0px 89px;
    margin-top: 0px;
    background-size: 100% 100%;
    clip-path: unset;
  }

  .cloud-gaming-section {
    background: url("../images/services-mobile-six-st.png");
    padding: 120px 0px 89px;
    margin-top: 0px;
    background-size: 100% 100%;
    clip-path: unset;
  }

  .evouchers-section-two {
    background: url("../images/services-mobile-five-st.png");
    padding: 120px 0px 89px;
    margin-top: 0px;
    background-size: 100% 100%;
    clip-path: unset;
  }

  .digital-marketing-section {
    background: url("../images/services-mobile-four-st.png");
    padding: 157px 0px 150px;
    margin-top: 0px;
    background-size: 100% 100%;
    clip-path: unset;
  }

  .iraqn-slider {
    padding: 60px 0px;
  }

  .gt-section-point {
    height: 200px;
    top: -96px;
  }

  .IraqCom-section {
    padding: 0px 15px;
    /* padding-top: 150px; */
  }

  .IraqCom-section::before {
    background: url(/images/top-vector-mobile.png);
    background-repeat: no-repeat;
    top: -407px;
    height: 830px;
  }

  .all-events-main-st .digital-payments-section-mobile {
    padding: 121px 20px 150px;
    background-size: cover;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap {
    height: 271px;
  }

  .image2 {
    width: 33% !important;
  }

  .wallet-digital .row:nth-child(2) [class*="col-"] {
    height: 203px;
    margin-bottom: 25px;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap {
    width: 90%;
    margin: 0px auto 0;
    height: 240px;
  }

  .portfolio-wrapper {
    width: 46%;
  }

  .logo-ct-three {
    width: 100px;
    height: 100px;
  }

  .owl-carousel.undefined .owl-nav .owl-next {
    left: 85%;
    top: -10%;
  }

  .owl-carousel.undefined .owl-nav .owl-prev {
    left: 70%;
    top: -10%;
  }

  .grid-item {
    width: 50%;
  }

  .owl-carousel.news-events-mobile .owl-nav .owl-prev {
    left: 70%;
    top: -60px;
  }

  .owl-carousel.news-events-mobile .owl-nav .owl-next {
    left: 85%;
    top: -60px;
  }

  .services-text-cover-one span {
    width: 11px;
    height: 11px;
  }
  .mobileva-introduction {
    padding-top: 50px;
  }
  .our-patner-main-st .vector-gradiant {
    margin-top: -378px;
    padding: 280px 0px;
  }

  .vouchers-title-box {
    z-index: 9999;
    position: relative;
  }
  .vouchers-section::after {
    background-size: cover;
    top: 352px;
    height: 774px;
  }

  .digital-payments::after {
    background-size: cover;
    top: 368px;
    height: 616px;
  }

  .mobilevas-section::after {
    background-size: cover;
    top: 475px;
    height: 505px;
  }
  .our-patner-main-st-ev .e-vouchers-book {
    margin-top: -280px;
  }
}

@media only screen and (max-width: 320px) {
  /*-- index mobile ---*/

  .no-padding {
    padding: 0px 5px;
  }

  .mousedown {
    display: none;
  }

  .owl-theme .owl-dots {
    display: table;
    margin: 0px auto;
  }

  .navber-social-section {
    display: none;
  }

  .nav-main-container {
    position: relative;
  }

  .mainNav.navbar .navbar-toggler {
    position: absolute;
    right: 13px;
    top: 18px;
  }

  .navbar-collapse {
    position: absolute;
    left: 0px;
    top: 0;
    background: #000;
    width: 100%;
    border-radius: 16px;
    margin: 0px 0px;
    z-index: -1;
    padding: 77px 15px 15px 15px;
  }

  /*-- Banner ---*/
  .banner-section {
    height: 338px;
  }

  .banner-text-st {
    padding: 125px 19px 30px;
  }

  .banner-text-st h2 {
    font-size: 26px;
    line-height: 37px;
    text-align: center;
  }

  .banner-text-st p {
    font-size: 13px;
    text-align: center;
  }

  .video-st img {
    height: 100%;
  }

  /* 
  body {
    background: rgb(248, 102, 42);
    background: linear-gradient(16deg,
        rgba(18, 18, 18, 0.3),
        rgba(18, 18, 18, 0.3)),
      linear-gradient(103deg, #f8662a 2.91%, #2a32f8 81.17%);
  } */

  /*-- Services ---*/
  .services-section {
    display: none;
  }

  .lottie-icon {
    width: 50px;
    height: 50px;
  }

  .achievements-section {
    padding: 80px 10px 0px;
  }

  /* .company-logo-section {
    margin-top: -221px;
    padding: 188px 0px 132px;
    background: url(../images/top-vector-mobile.png);
    background-size: 100% 100%;
  } */

  .how-it-works-header p {
    font-size: 16px;
  }

  .company-logo-section .owl-nav {
    display: none;
  }

  .company-logo-section .owl-carousel .item {
    height: 6rem;
    padding: 10px;
  }

  .news-section {
    padding: 0px;
  }

  .our-solutions-section .how-it-works-two p {
    font-size: 14px;
  }

  .news-section .news-name {
    padding-top: 25px;
    padding-bottom: 50px;
  }

  .section-header {
    font-size: 26px;
    text-align: center;
    line-height: 36px;
  }

  .news-section .news-name h2 {
    font-size: 40px;
  }

  .news-section .news-name p {
    font-size: 14px;
  }

  .news-section .news-box {
    padding: 15px;
  }

  .news-section .owl-nav {
    display: none;
  }

  .conatin-news-tt ul li {
    font-size: 12px;
  }

  .achievements-section .cards {
    padding: 14px;
    min-height: 162px;
  }

  .achievements-section .cards .icon {
    width: 40px;
    height: auto;
    line-height: 38px;
  }

  .achievements-section .cards .icon-mobile-i {
    width: 40px;
    height: auto;
    line-height: 38px;
  }

  .how-it-works-header {
    padding-bottom: 30px;
  }

  .achievements-section .cards p {
    font-size: 14px;
  }

  .achievements-section .counter {
    font-size: 28px;
  }

  .our-solutions-section {
    background-position: 0px 85px;
  }

  .our-solutions-section .mobile-section-bg {
    width: 100%;
  }

  .our-solutions-section .mobile-section-bg {
    padding: 0px 0px 42px;
  }

  /*-- About ---*/
  .how-it-works-header-twoA {
    padding-top: 30px;
  }

  .how-it-works-header-twoA .section-header {
    font-size: 30px;
  }

  .about-section-one {
    padding: 30px 15px;
  }

  .who-are-s {
    height: 187px;
  }

  .about-slider {
    height: 174px;
  }

  .about-slider .owl-nav {
    width: 45%;
    line-height: 8px;
  }

  .about-slider .owl-prev {
    width: 30px;
    height: 30px;
    line-height: 8px;
  }

  .about-slider .owl-next {
    width: 30px;
    height: 30px;
  }

  .num {
    bottom: 33px;
    font-size: 11px;
  }

  .about-some {
    padding: 30px 0px;
  }

  .about-some h2 {
    font-size: 32px;
  }

  .about-some p {
    font-size: 14px;
    line-height: 21px;
  }

  .digital-payments-section-mobile {
    background: url("../images/our-vison-mobile5.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: auto;
    display: block;
    float: left;
    padding: 116px 0px;
    margin-top: -35px;
  }

  .services-text-cover-one h2 {
    margin-bottom: 41px;
    font-size: 32px;
  }

  .services-text-cover-one h2::before {
    left: -12px;
    top: 49px;
  }

  .ourmisson-section {
    background: url("../images/our-misonA-mobile.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: auto;
    float: left;
    padding: 81px 0px;
    margin-top: -55px;
  }

  .our-values-section {
    background: url("../images/our-misonB-mobile.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    float: left;
    padding: 150px 0px;
    margin-top: -72px;
  }

  .IraqCom-section {
    padding: 80px 15px 0px;
  }

  .title-IraqCom h2 {
    font-size: 24px;
    text-align: center;
  }

  .title-IraqCom p {
    font-size: 16px;
    text-align: center;
  }

  .iraqn-slider::before {
    height: 167px;
    clip-path: ellipse(57% 27% at 50% 41%);
    top: 30px;
  }

  .iraqn-slider::after {
    clip-path: ellipse(57% 34% at 50% 41%);
    height: 124px;
    bottom: 34px;
  }

  /*--- Article Inside ---- */
  .top-banner-article-inside {
    padding: 178px 0px 80px;
  }

  .article-header h2 {
    font-size: 24px;
    font-weight: 500;
    margin-top: 11px;
  }

  .article-header h3 {
    font-size: 14px;
  }

  .awish-k {
    /* float: right; */
    right: 0px;
    bottom: 0%;
    left: 0px;
    margin: 0px auto;
    display: table;
  }

  .participated-section {
    padding: 52px 0px;
  }

  .participated-section p {
    font-size: 18px;
    line-height: 28px;
  }

  .subscribe-ct {
    padding: 32px 8px;
  }

  .subscribe-email input[type="text"] {
    padding: 8px 8px;
    width: 63%;
    height: 44px;
  }

  .touch {
    padding: 9px 14px;
    border-radius: 6px;
  }

  .ft-buttan-preview {
    width: 100%;
    display: inline-block;
    margin-top: 63px;
  }

  .pr-article {
    width: 100%;
    margin-bottom: 10px;
  }

  .share-article ul li a {
    font-size: 16px;
  }

  /*-- Contact ---*/

  .contact-section {
    width: 100%;
    height: auto;
    float: left;
    padding: 85px 0px;
    background: url("/images/contact-bg-mobile.png");
    background-position: center;
    background-size: cover;
  }
  .services-text-cover-one h3 {
    font-size: 40px;
    text-align: center;
  }

  .services-text-cover-one p {
    font-size: 16px;
    text-align: left;
    line-height: 24px;
  }

  .from-box-78 {
    width: 100%;
    border-left: 0px;
    padding-left: 0px;
  }

  .pading-top70 {
    padding: 30px 0px 0px;
  }

  .text-4 {
    font-size: 16px;
  }

  /*--- Digital Payments ---*/

  .digital-payments {
    width: 100%;
    height: auto;
    float: left;
    padding: 143px 0px 249px;
    background: url("../images/digital-payments-mobile1.png");
    background-repeat: no-repeat;
    background-size: cover;
  }

  .vouchers-title-box h2 {
    font-size: 40px;
  }

  .vouchers-title-box ol.breadcrumb li.breadcrumb-item {
    padding: 9px 9px;
    font-size: 14px;
  }
  /* 
  .carrier-section {
    margin-top: -100px;
    padding: 0px 0px;
  } */

  .logo-title-carrier h2 {
    font-size: 16px;
  }

  .logo-ct {
    margin-bottom: 15px;
    width: 100%;
  }

  .ct-logo-box {
    padding: 27px 15px;
  }

  /*--- Mobilevas ----*/
  .mobilevas-section {
    width: 100%;
    height: auto;
    float: left;
    padding: 143px 0px 249px;
    background: url("../images/spo-banner6mobile.png");
    background-repeat: no-repeat;
    background-size: cover;
  }

  .introduction-title {
    margin-bottom: 15px;
  }

  .introduction-title h2 {
    font-size: 40px;
  }

  .wallet-digital {
    padding: 34px 0px 0px;
  }

  .ct-logo-box-vas img {
    width: 100px;
  }

  .logo-title-carrier-two h2 {
    font-size: 14px;
  }

  .ct-logo-box-vas {
    min-height: 168px;
  }

  /*--- Our Partners ---*/
  .become-partner-inner {
    padding: 254px 20px 40px;
    background-size: 100% 34%;
  }

  .become-partner-inner h2 {
    font-size: 36px;
  }

  .become-partner-section {
    padding: 0px 15px 50px;
  }

  .wallet-digital .row:nth-child(2) [class*="col-"] {
    height: 166px;
    margin-bottom: 25px;
  }

  .rating-section ul li {
    width: 31%;
    margin-right: 6px;
    padding: 8px;
  }

  /*-- Services ---*/

  .esports-section {
    background: url("../images/services-mobile-one-st.png");
    padding: 150px 0px 89px;
    background-size: 100% 100%;
    clip-path: unset;
  }

  .e-vouchers-section {
    background: url("../images/services-mobile-two-st.png");
    padding: 120px 0px 89px;
    margin-top: 0px;
    background-size: 100% 100%;
    clip-path: unset;
  }

  .digital-payments-st-two {
    background: url("../images/services-mobile-three-st.png");
    padding: 120px 0px 89px;
    margin-top: 0px;
    background-size: 100% 100%;
    clip-path: unset;
  }

  .cloud-gaming-section {
    background: url("../images/services-mobile-six-st.png");
    padding: 120px 0px 89px;
    margin-top: 0px;
    background-size: 100% 100%;
    clip-path: unset;
  }

  .evouchers-section-two {
    background: url("../images/services-mobile-five-st.png");
    padding: 120px 0px 89px;
    margin-top: 0px;
    background-size: 100% 100%;
    clip-path: unset;
  }

  .digital-marketing-section {
    background: url("../images/services-mobile-four-st.png");
    padding: 120px 0px 89px;
    margin-top: 0px;
    background-size: 100% 100%;
    clip-path: unset;
  }

  .digital-payments-st-two .services-text-cover-one h2 {
    font-size: 32px;
  }

  .digital-payments-st-two .services-text-cover-one p {
    line-height: 25px;
  }

  .e-vouchers-section .services-text-cover-one p {
    line-height: 25px;
  }

  .e-vouchers-section .services-text-cover-one p {
    line-height: 25px;
  }

  .cloud-gaming-section .services-text-cover-one p {
    line-height: 25px;
  }

  .digital-marketing-section .services-text-cover-one p {
    line-height: 25px;
  }

  .evouchers-section-two .services-text-cover-one p {
    line-height: 25px;
  }

  /*-- Services-E --*/

  .page-title-name h3::after {
    width: 36px;
    right: -27px;
    top: 10px;
    background-size: 100% 100%;
  }

  .page-title-name h3::before {
    width: 36px;
    left: -18px;
    top: 10px;
    background-size: 100% 100%;
  }

  .lip-contain-text p {
    font-size: 12px;
  }

  .con-logo-left-box .patner-cm-logo {
    height: 112px;
  }

  .vouchers-section {
    padding: 105px 0px;
  }

  .def-inition-box {
    padding: 24px 8px;
    padding-left: 12px;
  }

  .breadcrumb {
    margin-bottom: 1.5rem;
  }

  .vouchers-section .def-inition-box .definition-contain p {
    font-size: 14px;
  }

  .ft-section h2 {
    font-size: 40px;
  }

  .page-title-name h3 {
    font-size: 20px;
  }

  .tournaments-section {
    padding: 0px 10px;
  }

  .summer-t h2 {
    font-size: 26px;
  }

  .left-tournaments-st {
    padding: 25px 0px;
  }

  .vector-gradiant {
    padding-top: 181px;
  }

  /* .platform-partners-section .owl-theme .owl-dots {
    display: block;
    text-align: center;
  } */
  #project-terms .btn {
    margin-right: 10px;
    padding: 4px 9px;
    font-size: 12px;
  }

  .portfolio-section-twoB .owl-carousel .item {
    min-height: 330px;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap {
    width: 100%;
    margin: 2px auto 0;
    height: 250px;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .player-contain h2 {
    font-size: 14px;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .player-contain p {
    font-size: 12px;
  }

  .portfolio-section-twoB .owl-carousel .owl-stage-outer {
    padding-top: 130px;
  }

  .btn-close-2 {
    right: 10px;
    top: 24px;
  }
  /* .company-logo-section {
    margin-top: -180px;
    padding: 187px 0px 50px;
    background: url("../images/top-vector-mobile.png");
    background-size: 100% 100%;
  } */
  .team-ct {
    padding: 5px 10px;
  }

  .current-Team {
    gap: 8px;
  }

  .team-ct span {
    width: 100%;
    font-size: 14px;
    float: left;
    line-height: 18px;
  }

  .text-aline-right-1 h2 {
    text-align: left;
  }

  .text-aline-right-1 p {
    text-align: left;
  }

  .team-ct h3 {
    font-size: 12px;
  }

  .portfolio-section-twoB
    .owl-carousel
    .item
    .inner-div
    .player-contain-hover
    .logo-corner {
    width: 47%;
    padding: 12px 24px;
  }

  .services-text-cover-two h2 {
    font-size: 24px;
    text-align: left;
  }

  .services-text-cover-two h2::before {
    top: 40px;
  }

  .services-text-cover-two p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-three h2 {
    font-size: 24px;
    text-align: left;
  }

  .services-text-cover-three h2::before {
    top: 40px;
  }

  .services-text-cover-three p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-four h2 {
    font-size: 24px;
    text-align: left;
  }

  .services-text-cover-four h2::before {
    top: 40px;
  }

  .services-text-cover-four p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-five h2 {
    font-size: 24px;
    text-align: left;
  }

  .services-text-cover-five h2::before {
    top: 40px;
  }

  .services-text-cover-five p {
    font-size: 16px;
    text-align: left;
  }

  .services-text-cover-sixs h2 {
    font-size: 24px;
    text-align: left;
  }

  .services-text-cover-sixs h2::before {
    top: 40px;
  }

  .services-text-cover-sixs p {
    font-size: 16px;
    text-align: left;
  }

  .about-some span.ab-title {
    font-size: 16px;
  }

  .modal-dialog {
    width: 96%;
    border-radius: 0px;
  }

  .event-list {
    padding: 27px 16px;
  }

  .page-number span {
    display: none;
  }

  .olterpost {
    padding: 12px 12px;
    font-size: 15px;
  }

  .news-dt {
    padding: 10px 14px;
    font-size: 15px;
  }

  .vouchers-section {
    background: url(../images/e-vouchers-mobile.png);
    background-repeat: no-repeat;
    background-size: cover;
  }

  /*-- ishort-vouchers --*/
  .Evouchers-addcard ul {
    display: block;
  }

  .Evouchers-addcard ul li {
    width: 50%;
  }

  .wallet-digital .ct-logo-box .logo-title-carrier h2 {
    font-size: 15px;
  }

  .destop-v {
    display: none;
  }

  .mobile-v {
    display: block;
  }

  .map-section-two {
    width: 100%;
    padding-top: 75px;
  }

  .section-header-twoa {
    font-size: 22px;
    top: 30px;
    margin-bottom: 0px;
  }

  .featured-dt {
    width: 100%;
    height: auto;
    float: left;
    background: rgb(255 255 255 / 20%);
    border-radius: 15px;
    padding: 0px;
  }

  .featured-pic {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 15px;
  }

  .featured-pic img {
    width: 100%;
    height: auto;
  }

  .featured-contain-7 {
    width: 100%;
    height: auto;
    float: left;
    padding: 15px;
  }

  .featured-contain-7 h2 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 600;
  }

  .featured-contain-7 p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 400;
  }

  .featured-section .ft-buttan {
    padding: 8px 15px;
    font-size: 15px;
    border-radius: 6px;
  }

  /* .featured-section .owl-nav {
    display: none;
  } */

  .featured-section .owl-theme .owl-dots {
    display: block;
    text-align: center;
    margin-top: 15px;
  }

  /*-- index footer mobile ---*/
  .footer-section {
    padding: 0px 0px 45px;
  }

  .footer-menu {
    margin-top: 25px;
  }

  .footer-menu ul li {
    margin: 0px 8px;
  }

  .footer-menu ul li a {
    font-size: 12px;
  }

  .footer-social-section {
    float: left;
    margin-bottom: 33px;
  }

  .e-service-p .wrapper-teo {
    width: 300px;
    gap: 12px;
    max-width: 100%;
    border-radius: 0px;
    background-color: unset;
    padding: 120px 9px 0px;
    display: flex;
    margin: 0;
    text-align: left;
    overflow-y: hidden;
    /* overflow: auto; */
    white-space: nowrap;
  }

  .e-service-p .content .section-tab-cntnt {
    padding-top: 236px;
  }

  .e-service-p .container {
    height: 700px;
  }

  .e-service-p .wrapper-teo::before {
    display: none;
  }

  .e-service-p .selected.e-sport-tf::after,
  .e-service-p .selected.e-sport-tf-two::after,
  .e-service-p .selected.e-sport-tf-three::after,
  .e-service-p .selected.e-sport-tf-four::after,
  .e-service-p .selected.e-sport-tf-five::after,
  .e-service-p .selected.e-sport-tf-six::after {
    display: none;
  }

  .e-service-p .controls {
    top: 0px;
  }

  .e-service-p .button {
    font-size: 20px;
    padding: 15px 23px 14px 38px;
    background: #000;
    border-radius: 35px;
  }

  .e-service-p .selected.e-sport-tf::before {
    left: 10px;
  }

  .e-service-p .content {
    display: inline-block;
    padding: 15px;
  }

  /* 
  .e-service-p .content .section-tab-cntnt {
    width: 100%;
    text-align: left;
    margin-top: 100px;
  } */

  .e-service-p .content .section-tab-cntnt h3 {
    font-size: 23px;
  }

  .e-service-p .content .section-tab-cntnt p {
    font-size: 14px;
  }

  .services-a {
    padding-left: 11px;
    padding-top: 9px;
  }

  .e-service-p .button.e-sport-tf-two::before,
  .e-service-p .button.e-sport-tf-three::before,
  .e-service-p .button.e-sport-tf-four::before,
  .e-service-p .button.e-sport-tf-five::before,
  .e-service-p .button.e-sport-tf-six::before {
    left: 14px;
  }

  .navbar-toggler > .close {
    display: inline;
    color: #fff;
    padding: 2px 0px;
    float: left;
  }

  .navbar-toggler.collapsed > .close,
  .navbar-toggler:not(.collapsed) > .navbar-toggler-icon {
    display: block;
  }

  .wheel-container {
    width: 300px;
    margin: 0px auto 0;
    display: block;
    height: 183px;
    /* Making it taller than wide to create an oval */
    overflow: hidden;
    position: absolute;
    z-index: 999;
  }

  /* .category-menu-two .sub-category {
    display: none;
  } */

  ul#wheel-nav {
    list-style-type: none;
    margin: 0 auto;
    padding: 0px 27px;
    overflow: hidden;
    background-color: rgb(0 0 0 / 60%);
    width: 100%;
    height: 180px;
    border-radius: 0px 0px 96px 96px;
    display: none;
    flex-direction: row;
    position: fixed;
    z-index: 99;
    left: 0;
    right: 0;
  }

  ul#wheel-nav li {
    display: none;
  }

  ul#wheel-nav li.left-item {
    display: block;
    width: 50%;
    position: relative;
    transform: translate(0, 107px);
    transition: transform 0.5s ease;
    /* Add transition for smooth movement */
  }

  /* ul#wheel-nav li.center-item a{
  position: absolute;
  left: -25px;
  width: 150px;
    } */

  ul#wheel-nav li a.sub-ct-one {
    float: left;
    background: url(/images/sub-cattergory1.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
  }

  ul#wheel-nav li a.sub-ct-two {
    background: url(/images/sub-cattergory2.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    display: table;
    margin: 0px auto;
  }

  ul#wheel-nav li a.sub-ct-three {
    background: url(/images/sub-cattergory3.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    display: table;
    margin: 0px auto;
  }

  ul#wheel-nav li a.sub-ct-four {
    float: left;
    background: url(/images/sub-cattergory4.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
  }

  ul#wheel-nav li a.sub-ct-five {
    float: left;
    background: url(/images/sub-cattergory5.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
  }

  ul#wheel-nav li a.sub-ct-six {
    float: left;
    background: url(/images/sub-cattergory6.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
  }

  ul#wheel-nav li.center-item {
    display: block;
    width: 70%;
    transform: translate(0, 140px);
    transition: transform 0.5s ease;
    /* Add transition for smooth movement */
  }

  ul#wheel-nav li.right-item {
    display: block;
    width: 50%;
    transform: translate(0, 107px);
    transition: transform 0.5s ease;
    /* Add transition for smooth movement */
  }

  ul#wheel-nav li a {
    display: block;
    color: white;
    padding: 0px 0px 0px 25px;
    position: relative;
    font-size: 12px;
    position: relative;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
  }

  ul#wheel-nav li a:hover {
    color: #f8662a;
  }

  ul#wheel-nav li.center-item a.sub-ct-two {
    background: url(/images/sub-cattergory2_hover.png);
    background-repeat: no-repeat;
    color: #f8662a;
  }

  ul#wheel-nav li.center-item a.sub-ct-three {
    background: url(/images/sub-cattergory3_hover.png);
    background-repeat: no-repeat;
    color: #f8662a;
  }

  ul#wheel-nav li.center-item a.sub-ct-four {
    background: url(/images/sub-cattergory4_hover.png);
    background-repeat: no-repeat;
    color: #f8662a;
  }

  ul#wheel-nav li.center-item a.sub-ct-five {
    background: url(/images/sub-cattergory5_hover.png);
    background-repeat: no-repeat;
    color: #f8662a;
  }

  ul#wheel-nav li.center-item a.sub-ct-fix {
    background: url(/images/sub-cattergory6_hover.png);
    background-repeat: no-repeat;
    color: #f8662a;
  }

  .platform-logo-box {
    min-height: 150px;
    padding: 24px 15px;
    margin-bottom: 25px;
  }

  .platform-logo-box .logo-ct {
    height: 91px;
  }

  .platform-logo-box .logo-title-carrier h2 {
    font-size: 20px;
  }

  .platform-logo-h {
    width: 27px;
    height: 30px;
  }

  .platform-logo-box:hover .platform-logo-box-hover-box {
    padding: 15px;
  }

  .lip-contain-text {
    margin-top: 5px;
  }

  #map {
    margin-top: -80px;
  }

  .portfolio-section-twoB .owl-carousel .item {
    min-height: 319px;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap {
    height: 236px;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .player-contain h2 {
    font-size: 18px;
    text-align: center;
  }

  .portfolio-section-twoB .owl-carousel .item .inner-div .player-contain p {
    font-size: 14px;
    text-align: center;
  }

  .ct-logo-box-vas:hover .image2 {
    width: 150px;
  }

  .map-ct-dt {
    width: 400px;
    left: 0;
  }

  .map-ct-dt ul {
    width: 855px;
    overflow-x: auto;
    display: flex;
  }

  .map-ct-dt ul li {
    width: 44%;
  }

  /* body {
  background: rgb(248, 102, 42);
  background: linear-gradient(16deg, rgba(18, 18, 18, 0.3), rgba(18, 18, 18, 0.3)), linear-gradient(103deg, #f8662a 2.91%, #2a32f8 81.17%);
} */

  .image2 {
    width: 33%;
  }

  .e-service-p {
    padding: 111px 0 0px;
  }

  .e-service-p .slide:first-child {
    background: url(/images/spo-bannermobile.png) no-repeat center;
    background-size: 100% 100%;
  }

  .e-service-p .slide:nth-of-type(2) {
    background: url("/images/spo-banner2mobile.png") no-repeat center;
    background-size: 100% 100%;
  }

  .e-service-p .slide:nth-of-type(3) {
    background: url("/images/spo-banner3mobile.png") no-repeat center;
    background-size: 100% 100%;
  }

  .e-service-p .slide:nth-of-type(4) {
    background: url("/images/spo-banner5mobile.png") no-repeat center;
    background-size: 100% 100%;
  }

  .e-service-p .slide:nth-of-type(5) {
    background: url("/images/spo-banner4mobile.png") no-repeat center;
    background-size: 100% 100%;
  }

  .e-service-p .slide:last-child {
    background: url("/images/spo-banner6mobile.png") no-repeat center;
    background-size: 100% 100%;
  }

  .logo-ct-three {
    width: 100px;
    height: 100px;
  }

  .grid-item {
    width: 50%;
  }

  .services-text-cover-one span {
    width: 8px;
    height: 8px;
  }
  .mobileva-introduction {
    padding-top: 50px;
  }

  .vouchers-title-box {
    z-index: 9999;
    position: relative;
  }

  .esport-section {
    padding-bottom: 167px;
  }
  .vouchers-section::after {
    background-size: cover;
    top: 352px;
    height: 774px;
  }
  .mobilevas-section::after {
    background-size: cover;
    top: 352px;
    height: 774px;
  }

  .our-patner-main-st-ev .e-vouchers-book {
    margin-top: -280px;
  }
}