@import url('https://fonts.cdnfonts.com/css/nexa-bold');
.main-banner-fade-effect {
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(transparent, transparent, transparent, transparent, #e6e9ed);
    z-index: -1;
  }
  
.hero {
    height: 41.115vw;
    background-image: url("../img/hero-img1.PNG");
    background-size: cover;
    overflow: hidden;
    position: relative;
  }
  
  .hero-texts {
    margin-top: 10.3vw;
    margin-left: 6.507vw;
    display: flex;
    flex-direction: column;
    gap: 1.4vw;
  }
  
  .hero-texts:lang(ar) {
    margin-right: 6.507vw;
    margin-left: unset;
  }
  
  .hero-texts .top h2 {
    font-size: 5rem;
    font-family: 'Nexa', sans-serif !important;
    
    margin-bottom: 0;
  }
  
  .hero-texts .top h2:lang(ar) {
    font-family: "GE-SS-L" !important;
  }
  
  .hero-texts .top h2 span {
    font-size: 5rem;
    font-family: 'Nexa', sans-serif !important;
    line-height: 4.792vw;
    margin-bottom: 0;
    font-weight: 600;
  }
  
  .hero-texts .top h2 span:lang(ar) {
    font-family: "GE-SS-B" !important;
    font-size: 4.4vw;
    line-height: 5.6vw;
  }
  
  .hero-texts .top h1 {
    font-size: 1.777vw;
    font-family: 'Nexa', sans-serif !important;
    margin-bottom: 0;
  }
  
  .hero-texts .top h1:lang(ar) {
    font-family: "GE-SS-M" !important;
  }
  
  .hero-texts .mid p {
    font-size: 1.242vw;
    font-family: 'Nexa', sans-serif !important;
    color: #252525;
  }
  
  .hero-texts .mid p:lang(ar) {
    font-family: "GE-SS-L" !important;
    font-size: 1.442vw;
  }
  
  .hero-texts .bottom {
    margin-top: 0.573vw;
  }
  
  .hero-texts .bottom .schedule {
    font-size: 1.524vw;
    font-family: 'Nexa', sans-serif !important;
    color: #fff;
    background-color: #ff8e31;
    border: 0;
    padding: 1.198vw 1.302vw;
    border-radius: 0.365vw;
  }
  
  .hero-texts .bottom .schedule:lang(ar) {
    font-family: "GE-SS-M" !important;
    font-size: 1.224vw;
  }
  
  .hero-texts .bottom .schedule:hover {
    background: #7195a3;
  }
  
  .hero-img {
    position: absolute;
  }
  
  .hero-img-container {
    position: relative;
  }
  
  .hero-img .logo-container {
    position: absolute;
    transition: all 0.3s ease;
  }
  
  .red-desktop {
    bottom: 0;
    right: 31.927vw;
    z-index: 2;
  }
  
  .red-desktop:lang(ar) {
    left: 31.927vw;
    right: unset;
  }
  
  .red-desktop .logo-container {
    width: 21.615vw;
    top: -6.406vw;
    right: 2.604vw;
  }
  
  .red-desktop .cylinder {
    width: 26.094vw;
  }
  
  .blue-desktop {
    bottom: 0;
    right: 5.417vw;
    z-index: 2;
  }
  
  .blue-desktop:lang(ar) {
    left: 5.417vw;
    right: unset;
  }
  
  .blue-desktop .logo-container {
    width: 17.865vw;
    top: -9.115vw;
    right: 1.094vw;
  }
  
  .blue-desktop .cylinder {
    width: 22.448vw;
  }
  
  .orange-desktop {
    bottom: 8.698vw;
    right: 26.094vw;
    z-index: 1;
  }
  
  .orange-desktop:lang(ar) {
    left: 26.094vw;
    right: unset;
  }
  
  .orange-desktop .logo-container {
    width: 15.039vw;
    top: -3.711vw;
    right: -1.497vw;
  }
  
  .orange-desktop .cylinder {
    width: 14.531vw;
  }
  
  .green-desktop {
    bottom: 5.208vw;
    right: 0px;
    z-index: 1;
  }
  .green-desktop:lang(ar) {
    left: 0px;
    right: unset;
  }
  
  .green-desktop .logo-container {
    width: 11.406vw;
    top: -0.365vw;
    right: 0.573vw;
  }
  
  .green-desktop .cylinder {
    width: 14.115vw;
  }
  
  .hero-img .logo {
    display: inline-block;
    transition: transform 0.1s linear;
  }
  
  @media (max-width: 940px) {
    .hero {
      height: 159.283vw;
    }
    .main-banner-fade-effect {
      width: 100%;
      height: 100%;
      position: absolute;
      background: linear-gradient(transparent, transparent, transparent, transparent, #dfe2e5);
    }
    .hero-texts {
      margin-top: 8.806vw;
      margin-left: 0;
      gap: 3.889vw;
      padding: 0 6.167vw;
      text-align: center;
    }
    .hero-texts:lang(ar) {
      margin-right: 0;
    }
    .hero-texts .top h2 {
      font-size: 11.169vw;
      line-height: 9.722vw;
    }
    .hero-texts .top h2:lang(ar) {
      font-size: 9.169vw;
    }
  
    .hero-texts .top h2 span {
      font-size: 11.769vw;
      line-height: 9.722vw;
    }
  
    .hero-texts .top h2 span:lang(ar) {
      font-size: 8.3vw;
      line-height: 9.6vw;
    }
    .hero-texts .top h1 {
      font-size: 3.958vw;
      margin-top: 4.167vw;
    }
    .hero-texts .mid p {
      font-size: 3.456vw;
    }
    .hero-texts .mid p:lang(ar) {
      font-size: 3.956vw;
    }
    .hero-texts .mid p br {
      display: none;
    }
    .hero-codemine-text .bottom {
      gap: 1.846vw;
    }
    .hero-texts .bottom .schedule {
      font-size: 3.367vw;
      padding: 2.667vw 3.056vw;
      border-radius: 1.389vw;
    }
    .hero-texts .bottom .schedule:lang(ar) {
      font-size: 3.824vw;
    }
    .red-desktop .cylinder {
      width: 71.828vw;
    }
    .red-desktop .logo-container {
      width: 58.333vw;
      top: -18.056vw;
      right: 4.444vw;
    }
    .red-desktop {
      bottom: -5vw;
      right: 12.222vw;
      z-index: 2;
    }
  
    .red-desktop:lang(ar) {
      left: 12.222vw;
      right: unset;
    }
  
    .blue-desktop .cylinder {
      width: 43.783vw;
      min-width: 43.783vw;
    }
    .blue-desktop .logo-container {
      width: 33.886vw;
      top: -16.667vw;
      right: 1.094vw;
    }
    .blue-desktop {
      bottom: 22.5vw;
      right: 64.444vw;
      z-index: 1;
    }
    .blue-desktop:lang(ar) {
      left: 64.444vw;
      right: unset;
    }
    .orange-desktop .cylinder {
      width: 42.811vw;
    }
    .orange-desktop .logo-container {
      width: 41.111vw;
      top: -10.278vw;
      right: -2.222vw;
    }
    .orange-desktop {
      bottom: 4.5vw;
      right: -10.278vw;
      z-index: 1;
    }
    .orange-desktop:lang(ar) {
      left: -10.278vw;
      right: unset;
    }
  
    .green-desktop .cylinder {
      width: 31.144vw;
    }
  
    .green-desktop .logo-container {
      width: 26.944vw;
      top: -1.111vw;
      right: 0.278vw;
    }
    .green-desktop {
      bottom: 19.444vw;
      right: 31.667vw;
      z-index: 0;
    }
  
    .green-desktop:lang(ar) {
      left: 31.667vw;
      right: unset;
    }
  }
  
  /* hero style end here */
  /* healthcare style start here */

.healthcare-new-bg {
    background-image: url("../img/nn/healthbg.webp");
    background-position: center;
    background-size: cover;
    overflow: hidden;
  }
  
  .healthcare-main-container {
    background-image: url("../img/nn/health-2-bg.png");
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.917vw 6.302vw 6.771vw;
    gap: 6.823vw;
  }
  
  .healthcare-text {
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.172vw;
    max-width: 37.767vw;
  }
  
  .healthcare-text:lang(ar) {
    text-align: right;
  }
  
  .healthcare-text h3 {
    font-size: 3.334vw;
    color: #212121;
    line-height: 3.563vw;
  }
  
  .healthcare-text h3 .ifh-text-circle {
    position: relative;
    z-index: 4;
    color: #fff;
  }
  
  .healthcare-text h3 .ifh-text-circle::after {
    content: " ";
    width: 5.893vw;
    height: 5.893vw;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    left: -21%;
    top: 39%;
    z-index: -1;
    transform: translate(-50%, -50%);
  }
  
  .healthcare-text h3 .elevate {
    position: relative;
    z-index: 5;
  }
  
  .healthcare-text h3 .orang-text {
    color: #ff8e31;
    font-family: 'Nexa', sans-serif !important;
  }
  
  .healthcare-text p {
    font-size: 1.398vw;
    max-width: 39.102vw;
    color: #9397ad;
  }
  
  .healthcare-images {
    position: relative;
    width: 42.671vw;
    max-width: 42.671vw;
    height: 36.553vw;
  }
  
  .healthcare-main-image {
    display: flex;
    justify-content: center;
    position: relative;
    width: 42.671vw;
    margin: 0 auto;
    max-width: 42.671vw;
    height: 36.553vw;
    align-items: center;
  }
  
  .healthcare-main-image .ifh-img {
    display: flex;
    justify-content: center;
    position: relative;
    max-width: 31.719vw;
    margin: 0 auto;
    height: 21.836vw;
    align-items: center;
  }
  
  .wave-animation {
    height: 7.292vw;
    width: 7.292vw;
    border-radius: 50%;
    position: absolute;
    background: unset;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%) rotate3d(1, 0, 0, 52deg);
    z-index: 0;
  }
  
  .wave-animation::before,
  .wave-animation::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0.781vw solid #c3c3c3;
    border-radius: 50%;
  }
  
  .wave-animation::before {
    animation: ripple 7s linear 1.5s infinite;
  }
  .wave-animation::after {
    animation: ripple 7s linear 2.5s infinite;
  }
  
  @keyframes ripple {
    0% {
      transform: scale(1);
    }
    15% {
      transform: scale(4);
      opacity: 0.5;
    }
    30% {
      transform: scale(8);
      opacity: 0;
    }
    100% {
      transform: scale(8);
      opacity: 0;
    }
  }
  
  .healthcare-main-image img {
    width: 19.688vw;
    z-index: 7;
  }
  
  .sub-image-container {
    display: flex;
    align-items: center;
    gap: 1.445vw;
    flex-direction: column;
  }
  
  .sub-image {
    width: 9.313vw;
    height: 9.313vw;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    position: relative;
  }
  
  .sub-image::before {
    content: " ";
    background-image: url("../img/nn/left-top-circle.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(1deg);
    width: 9.313vw;
    height: 9.313vw;
    z-index: 10;
    transition: 0.7s;
  }
  
  .sub-image:hover::before {
    transform: translate(-50%, -50%) rotate(181deg);
    transition: 0.7s;
  }
  
  .sub-image img {
    width: 5.171vw;
  }
  
  .sub-image-text {
    text-align: center;
  }
  
  .sub-image-text h6 {
    font-size: 1.285vw;
    color: #176087;
  }
  
  .sub-image-text p {
    font-size: 1.121vw;
    color: #212121;
  }
  
  .top-left {
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .top-right {
    position: absolute;
    top: 0;
    right: 0;
  }
  .top-right .sub-image::before {
    background-image: url("../img/nn/right-top-circle.svg");
  }
  
  .bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  
  .bottom-left .sub-image::before {
    background-image: url("../img/nn/left-top-circle.svg");
  }
  
  .bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  
  .bottom-right .sub-image::before {
    background-image: url("../img/nn/right-top-circle.svg");
  }
  
  .lazer {
    position: absolute;
    width: 6.875vw !important;
    display: none;
  }
  
  .laser_1 {
    animation: lazer1 0.6s linear infinite;
    display: block;
  }
  
  @keyframes lazer1 {
    0% {
      transform: translate(-11.615vw, -9.375vw) rotate(46deg);
    }
    100% {
      transform: translate(0, 2.24vw) rotate(46deg);
    }
  }
  
  .laser_2 {
    animation: lazer2 0.6s linear infinite;
    display: block;
  }
  
  @keyframes lazer2 {
    0% {
      transform: rotate(135deg) translate(-13.073vw, -3.646vw);
    }
    100% {
      transform: rotate(135deg) translate(0px, -3.646vw);
    }
  }
  
  .laser_3 {
    animation: lazer3 0.6s linear infinite;
    display: block;
  }
  
  @keyframes lazer3 {
    0% {
      transform: translate(-12.365vw, 6.583vw) rotate(322deg);
    }
    100% {
      transform: translate(-1.25vw, -1.458vw) rotate(322deg);
    }
  }
  
  .laser_4 {
    animation: lazer4 0.6s linear infinite;
    display: block;
  }
  
  @keyframes lazer4 {
    0% {
      transform: translate(206px, 131px) rotate(216deg);
    }
    100% {
      transform: translate(0px, 0px) rotate(216deg);
    }
  }
  
  @media (max-width: 940px) {
    .healthcare-main-container {
      padding: 18.056vw 5.911vw 18.056vw;
      flex-direction: column;
    }
    .healthcare-text {
      width: 100%;
      gap: 2.917vw;
      max-width: 100vw;
      text-align: center;
    }
    .healthcare-text:lang(ar) {
      text-align: center;
    }
    .healthcare-main-image img {
      width: 49.444vw;
      max-width: 49.444vw;
    }
    .wave-animation {
      height: 16.667vw;
      width: 16.667vw;
      transform: translate(-50%, -50%) rotate3d(1, 0, 0, 52deg);
    }
  
    .wave-animation::before,
    .wave-animation::after {
      border: 1.944vw solid #c3c3c3;
    }
    .healthcare-text h3 {
      font-size: 7.367vw;
      line-height: 7.611vw;
    }
    .healthcare-text h3 .ifh-text-circle::after {
      width: 12.917vw;
      height: 12.917vw;
    }
    .healthcare-text p {
      font-size: 3.933vw;
      max-width: unset;
    }
    .healthcare-images {
      width: 100%;
      height: auto;
      max-width: 100%;
    }
    .healthcare-main-image {
      width: 100%;
      flex-direction: column;
      height: auto;
      max-width: 100%;
    }
    .healthcare-main-image .ifh-img {
      height: auto;
      margin-top: 0;
      width: 55.556vw;
      max-width: 55.556vw;
      height: 56.725vw;
    }
    .healthcare-sub-images {
      display: flex;
      grid-template-columns: 1fr 1fr;
      gap: unset;
      width: 100%;
      justify-content: space-between;
    }
    .sub-image-container {
      position: relative !important;
      top: unset !important;
      bottom: unset !important;
      right: unset !important;
      left: unset !important;
    }
    .sub-image {
      width: 23.611vw;
      height: 23.611vw;
    }
    .sub-image::before {
      width: 23.611vw;
      height: 23.611vw;
    }
    .sub-image img {
      width: 12.919vw;
    }
    .sub-image-text h6 {
      font-size: 4.019vw;
      max-width: 32.222vw;
    }
    .sub-image-text h6:lang(ar) {
      font-size: 3.019vw;
    }
    .sub-image-text p {
      font-size: 3.283vw;
    }
  }
  
  /* healthcare style end here */
  /* Our solutions style start here */

.our-solutions {
    background-color: #0f0f0f;
    background-image: url("../img/nn/our-solutions-bg-2.png");
    background-position: center;
    background-size: cover;
    box-shadow: none;
  }
  
  .our-solutions-blur {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4.635vw;
    backdrop-filter: unset;
    padding-top: 5.391vw;
    padding-bottom: 4.969vw;
  }
  
  .our-solutions-title {
    text-align: center;
  }
  
  .our-solutions-title h4 {
    font-size: 4.003vw;
    color: #fff;
    text-transform: uppercase;
    line-height: 2.969vw;
    letter-spacing: 0.156vw;
  }
  
  .our-solutions-title h4 .text-circle {
    position: relative;
    color: #fff;
    z-index: 4;
  }
  
  .our-solutions-title h4 .text-circle::after {
    content: " ";
    width: 7.297vw;
    height: 7.297vw;
    border-radius: 50%;
    background-color: #74a6bd;
    position: absolute;
    right: -7%;
    top: 36%;
    z-index: -1;
    transform: translate(0%, -50%);
  }
  .our-solutions-title h4 .text-extrabold {
    font-family: "nexa-extrabold" !important;
  }
  
  .our-solutions-title h4:lang(ar) {
    position: relative;
    width: fit-content;
    margin: 0 auto;
    z-index: 1;
  }
  
  .our-solutions-title h4:lang(ar)::after {
    content: " ";
    width: 6.297vw;
    height: 6.297vw;
    border-radius: 50%;
    background-color: #74a6bd;
    position: absolute;
    right: -29%;
    top: 36%;
    z-index: -1;
    transform: translate(0%, -50%);
  }
  
  .our-solutions-title p {
    font-size: 1.25vw;
    color: #fff;
    position: relative;
    z-index: 4;
  }
  
  .solutions {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    max-width: 87.854vw;
    width: 100%;
  }
  
  .solution {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .solution-logo {
    height: 8.672vw;
  }
  
  .solution-text {
    color: #fff;
    font-size: 1.237vw;
    text-align: center;
    margin-top: 0.617vw;
  }
  
  .solution-text:lang(ar) {
    height: 6.469vw;
  }
  
  .solution:nth-child(7) .solution-text:lang(ar) {
    width: 17.688vw;
  }
  
  .learn-more {
    width: 8.31vw;
    height: 2.408vw;
    border: 0;
    border-radius: 0.365vw;
    color: #fff;
    background: #252525;
    margin-bottom: 0.367vw;
    margin-top: 1.477vw;
    padding-top: 0.208vw;
    font-size: 1.07vw;
  }
  
  .learn-more:hover {
    background: #ff8e31;
  }
  
  .free-trial {
    width: 8.31vw;
    height: 2.408vw;
    border: 0;
    border-radius: 0.365vw;
    color: #fff;
    background: #252525;
    padding-top: 0.208vw;
    font-size: 1.07vw;
  }
  
  .free-trial:hover {
    background: #ff8e31;
  }
  
  .solution-line {
    height: 7.364vw;
    border-color: #fff;
    margin-bottom: 0.833vw;
    border-right: 1px solid #fff;
  }
  
  .solution-line:lang(ar) {
    height: 10.364vw;
  }
  
  .solution-line:last-child {
    display: none;
  }
  
  @media (max-width: 940px) {
    .solutions {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-row-gap: 8.333vw;
      grid-column-gap: 11.111vw;
    }
  
    .solution-line {
      display: none;
    }
  
    .our-solutions-blur {
      gap: 9.635vw;
      padding-top: 10.391vw;
      padding-bottom: 8.969vw;
    }
    .our-solutions-title h4 {
      font-size: 7.367vw;
      line-height: 6.611vw;
    }
    .our-solutions-title h4:lang(ar) {
      line-height: 9.611vw;
    }
    .our-solutions-title h4 .text-circle::after {
      height: 12.917vw;
      width: 12.917vw;
    }
    .our-solutions-title h4:lang(ar)::after {
      width: 12.297vw;
      height: 12.297vw;
    }
    .our-solutions-title p {
      font-size: 2.167vw;
    }
  
    .our-solutions-title p:lang(ar) {
      font-size: 2.867vw;
    }
  
    .solution-logo {
      height: 17.811vw;
    }
    .solution-text {
      font-size: 3.061vw;
      margin-top: 1.419vw;
      height: 11vw;
    }
  
    .solution-text br {
      display: none;
    }
  
    .solution:nth-child(7) .solution-text:lang(ar) {
      width: unset;
    }
  
    .solution-text:lang(ar) {
      height: 21.469vw;
    }
  
    .solution-text br:lang(ar) {
      display: none;
    }
  
    .learn-more {
      width: 20.628vw;
      height: 6.019vw;
      font-size: 2.817vw;
      margin-bottom: 1.175vw;
      margin-top: 3.614vw;
      border-radius: 0.556vw;
    }
    .free-trial {
      width: 20.628vw;
      height: 6.019vw;
      font-size: 2.817vw;
      border-radius: 0.556vw;
    }
  }
  /* Our solutions style start here */
  /* partners style start here */

.partners {
    background-image: url("../img/nn/integrated-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: unset;
    position: relative;
    z-index: 5;
    padding-bottom: 4.323vw;
  }
  
  .integrated-with {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5.225vw;
    padding-top: 6.542vw;
  }
  
  .integrated-with-title h4 {
    font-size: 4.003vw;
    color: #212121;
    text-transform: uppercase;
    line-height: 2.969vw;
  }
  
  .integrated-with-title h4 .text-extrabold-integrated {
    font-family: "nexa-extrabold" !important;
    color: #ff8e31;
  }
  
  .integrated-with-title h4 .text-extrabold-integrated:lang(ar) {
    font-family: "GE-SS-B" !important;
  }
  
  .integrated-with-title h4 .text-circle {
    position: relative;
    color: #fff;
    z-index: 4;
  }
  
  .integrated-with-title h4 .text-circle::after {
    content: " ";
    width: 7.297vw;
    height: 7.297vw;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    right: -7%;
    top: 36%;
    z-index: -1;
    transform: translate(0%, -50%);
  }
  
  .integrated-with-title h4:lang(ar) {
    position: relative;
    width: fit-content;
    margin: 0 auto;
    z-index: 1;
  }
  
  .integrated-with-title h4:lang(ar)::after {
    content: " ";
    width: 6.297vw;
    height: 6.297vw;
    border-radius: 50%;
    background-color: #74a6bd;
    position: absolute;
    right: -3.542vw;
    top: 36%;
    z-index: -1;
    transform: translate(0%, -50%);
  }
  
  .integrated-images img {
    height: 72.75px;
  }
  
  .our-clients {
    padding-top: 10.521vw;
    gap: 1.953vw;
  }
  
  .swiper {
    width: 100%;
    height: 100%;
  }
  
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  /*  */
  .integratedSwiper .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .integratedSwiper .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
    position: relative;
  }
  .integratedSwiper .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    position: relative;
    overflow: hidden;
  }
  
  .integratedSwiper .swiper-slide img {
    display: block;
    /* width: unset; */
    height: 72.75px;
    object-fit: contain;
  }
  
  .clients-images {
    max-width: 832.32px;
    height: 169.02px;
    width: 100%;
    user-select: none;
  }
  
  .clientsSwiper .swiper-slide img {
    object-fit: contain;
  }
  
  .clients-text {
    font-size: 1.225vw;
    color: #9397ad;
    padding-top: 1.888vw;
    text-align: center;
  }
  
  @media (max-width: 730px) {
    .partners {
      padding-bottom: 52px;
    }
    .integrated-with {
      gap: 13.958vw;
      padding-top: 32.542vw;
    }
    .integrated-with-title h4 {
      font-size: 7.367vw;
      line-height: 6.611vw;
    }
    .integrated-with-title h4:lang(ar) {
      text-align: center;
      margin: 0 4.444vw;
    }
    .integrated-with-title h4 .text-circle::after {
      width: 12.917vw;
      height: 12.917vw;
    }
  
    .integrated-with-title h4:lang(ar)::after {
      width: 11.297vw;
      height: 11.297vw;
      right: -3.542vw;
      top: 3.056vw;
    }
  
    .our-clients {
      padding-top: 25.521vw;
      gap: 5.953vw;
    }
  
    .clients-text {
      font-size: 3.308vw;
      padding: 0 4.722vw;
    }
    .clients-text br {
      display: none;
    }
    .clients-images {
      padding: 0 10px;
    }
  }
  
  /* partners style end here */
  
  /* ready to transform style start here */
.ready-to-transform {
    background-image: none;
    background-color: #7195a3c2;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3.125vw 4.167vw;
    margin: 0 0 3.177vw;
    position: relative;
  }
  
  .ready-to-transform h4 {
    font-size: 3.895vw;
    max-width: 42.813vw;
    color: #fff;
    position: relative;
    z-index: 3;
  }
  
  .ready-to-transform h4:lang(ar) {
    font-size: 2.895vw;
  }
  
  .ready-to-transform img {
    position: absolute;
    left: -17.135vw;
    bottom: -11.146vw;
    width: 78%;
    z-index: 0;
  }
  
  .ready-to-transform div {
    display: flex;
    gap: 1.286vw;
    z-index: 1;
  }
  
  .ready-to-transform button {
    font-size: 1.754vw;
    color: #fff;
    border: 0;
    width: 14.624vw;
    height: 4.1vw;
    border-radius: 0.313vw;
    padding-top: 0.417vw;
    background-color: #004256;
  }
  
  .ready-to-transform button:hover {
    background-color: #d65e15;
  }
  
  @media (max-width: 730px) {
    .ready-to-transform {
      flex-direction: column;
      gap: 10.278vw;
      padding: 9.722vw 1.389vw;
      margin: 0 0 7.778vw;
    }
    .ready-to-transform h4 {
      text-align: center;
      font-size: 6.847vw;
      max-width: 104.042vw;
    }
    .ready-to-transform h4:lang(ar) {
      font-size: 5.895vw;
    }
    .ready-to-transform button {
      font-size: 3.708vw;
      color: #fff;
      border: 0;
      width: 32.698vw;
      height: 9.475vw;
      border-radius: 1.667vw;
      padding-top: 1.089vw;
    }
    .ready-to-transform img {
      position: absolute;
      left: -457px;
      bottom: -88px;
      width: 78%;
      display: none;
    }
  }
  /* ready to transform style end here */