/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

@font-face {
  font-family: "nexa-light";
  src: url(assets/fonts/Nexa-Light.otf);
}
@font-face {
  font-family: "nexa-bold";
  src: url(assets/fonts/NexaBold.otf);
}
@font-face {
  font-family: "nexa-bolder";
  src: url(assets/fonts/Nexa-Bold_0.otf);
}
@font-face {
  font-family: "nexa-extrabold";
  src: url(assets/fonts/nexa-extrabold.ttf);
}

@font-face {
  font-family: "GE-SS-B";
  src: url(assets/fonts/GE-SS-Text-Bold.otf);
}
@font-face {
  font-family: "GE-SS-L";
  src: url(assets/fonts/GE-SS-Light.otf);
}
/* @font-face {
  font-family: "GE-SS-M";
  src: url(assets/fonts/GE-SS-Medium.otf);
} */

@font-face {
  font-family: "GE-SS-M";
  src: url(assets/fonts/GE-SS-Medium.otf);
}
@font-face {
  font-family: "GE-SS-M";
  src: url(assets/fonts/NexaBold.otf);
  unicode-range: U+0030-0039;
}

@font-face {
  font-family: "GE-SS-M";
  src: url(assets/fonts/NexaBold.otf);
  unicode-range: U+0025-00FF;
}

@font-face {
  font-family: "Gotham-Black";
  src: url(assets/fonts/Gotham-Black.otf);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "nexa-bold" !important;
}

*:lang(ar) {
  font-family: "GE-SS-M" !important;
}

body {
  line-height: unset;
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: unset;
  margin: 0;
  color: unset;
  line-height: initial;
}

p {
  margin: 0;
}

button,
input,
optgroup,
select,
textarea {
  font: caption;
}

a {
  text-decoration: none;
  color: #fff;
}

a:focus {
  outline: 0 !important;
}

a:hover {
  color: #fff;
}

ul {
  list-style: none;
}

li ul,
li ol {
  margin: 0;
}
ul,
ol {
  margin: 0;
}

/* header {
  width: 100%;
  height: 113.05px;
  background-color: #004256;
} */

#scroll-top {
  bottom: 20px;
  left: 20px;
  right: unset;
}

a#scroll-top:before {
  content: " ";
  position: absolute;
  width: 21px;
  height: 21px;
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 10%) rotate(45deg);
}
a#scroll-top:after {
  content: " ";
  position: absolute;
  width: 21px;
  height: 21px;
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -57%) rotate(45deg);
}

a#scroll-top i {
  display: none !important;
}

@media (max-width: 480px) {
  a#scroll-top:before {
    content: " ";
    position: absolute;
    width: 13px;
    height: 13px;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 10%) rotate(45deg);
  }
  a#scroll-top:after {
    content: " ";
    position: absolute;
    width: 13px;
    height: 13px;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -57%) rotate(45deg);
  }
  #scroll-top {
    bottom: 10px;
    left: 10px;
    right: unset;
  }
}

.main-banner-fade-effect {
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(transparent, transparent, transparent, transparent, #e6e9ed);
  z-index: -1;
}

/* header style start here */

header {
  width: 100%;
  background-color: #0f0f0f;
}

.header-transparent {
  background-color: transparent;
  position: absolute;
  z-index: 11;
}

.header {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5.888vw;
}

.main-logo {
  width: 19.65vw;
}

.header-nav {
  max-width: 35.757vw;
  width: 100%;
  margin-left: 2.214vw;
  margin-right: 5.633vw;
}

.header-nav:lang(ar) {
  margin-left: 2.633vw;
  margin-right: 4.214vw;
}

.header-nav .nav-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 35.757vw;
  width: 100%;
}

.header-nav .nav-list:lang(ar) {
  max-width: 31.757vw;
}

.header-nav .nav-list li {
  font-size: 1.112vw;
  position: relative;
  padding: 1.302vw 0px;
  display: flex;
  align-items: center;
  gap: 0.456vw;
}

.header-nav .nav-list li:lang(ar) {
  font-size: 1.312vw;
}

.header-nav .nav-list li img {
  width: 0.837vw;
}

.header-nav .nav-list li::after {
  content: " ";
  width: 0%;
  height: 0;
  border-bottom: 0.13vw solid #ff8e31;
  position: absolute;
  left: 0;
  bottom: 1.042vw;
  transition: 0.3s;
}

.header-nav .nav-list li:hover::after {
  width: 100%;
}

.header-hovered-list {
  position: absolute;
  z-index: 10;
  height: 0;
  overflow: hidden;
  background-color: #0f0f0f;
  width: 11.263vw;
  border-radius: 1.367vw;
  top: 3.581vw;
  box-shadow: -0.26vw 0.26vw 1.302vw -0.195vw;
  transition: 0.3s;
}

.header-nav .nav-list li:hover .header-hovered-list {
  height: 15.313vw;
}
.header-nav .nav-list li:hover .header-hovered-list:lang(ar) {
  height: 17.313vw;
}

.header-nav .header-hovered-list li {
  padding: 1.302vw 1.432vw;
}

.header-nav .header-hovered-list li:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.header-nav .header-hovered-list li:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.header-nav .header-hovered-list li:after {
  display: none;
}

.header-nav .header-hovered-list li:hover {
  background-color: #ff8e31;
}

.header-hovered-list li a {
  font-size: 1.042vw;
}

.header-buttons {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 22.654vw;
  justify-content: space-between;
}

.header-buttons:lang(ar) {
  max-width: 24.654vw;
}

.language-button a {
  font-family: "GE-SS-B" !important;
  font-size: 1.115vw;
  position: relative;
  z-index: 1;
}

.language-button a:lang(ar) {
  font-family: "nexa-extrabold" !important;
}

.language-button a::after {
  content: " ";
  width: 1.484vw;
  height: 1.484vw;
  border-radius: 50%;
  background-color: #ff8e31;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.header-buttons button {
  width: 8.92055vw;
  height: 1.74915vw;
  background-color: #ff8e31;
  border: 0;
  font-size: 1.0695vw;
  color: #fff;
  cursor: pointer;
  border-radius: 0.195vw;
  padding-top: 0.156vw;
}

.header-buttons button img {
  width: 0.6348vw;
}

/* mobile header start here */

.mobile-header {
  height: 17.447vw;
  display: none;
  align-items: center;
  justify-content: center;
}

.hamburger-icon {
  width: 4.928vw;
  height: 3.056vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.hamburger-icon::before {
  content: " ";
  width: 4.928vw;
  height: 0.647vw;
  background-color: #fff;
  border-radius: 1.389vw;
  position: absolute;
  top: 0;
  transition: 0.2s;
}

.hamburger-icon-mid {
  width: 4.928vw;
  height: 0.647vw;
  background-color: #fff;
  border-radius: 1.389vw;
  transition: 0.2s;
}

.hamburger-icon::after {
  content: " ";
  width: 4.928vw;
  height: 0.647vw;
  background-color: #fff;
  border-radius: 1.389vw;
  position: absolute;
  bottom: 0;
  transition: 0.2s;
}

.hamburger-activated::before {
  content: " ";
  top: 1.25vw;
  transform: rotate(45deg);
}

.hamburger-activated .hamburger-icon-mid {
  width: 0;
}

.hamburger-activated::after {
  content: " ";
  bottom: 1.1vw;
  transform: rotate(-45deg);
}

.mobile-logo {
  width: 39.667vw;
  margin-left: 2.861vw;
  margin-right: 6.833vw;
}
.mobile-logo a {
  display: flex;
}

.header-mobile-buttons {
  display: flex;
  gap: 5.278vw;
}

.mobile-language-button a {
  font-family: "GE-SS-B" !important;
  font-size: 3.272vw;
  position: relative;
  z-index: 1;
}

.mobile-language-button a:lang(ar) {
  font-family: "nexa-bold" !important;
}

.mobile-language-button a::after {
  content: " ";
  width: 4.353vw;
  height: 4.353vw;
  border-radius: 50%;
  background-color: #ff8e31;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.header-mobile-buttons button {
  width: 22.661vw;
  height: 4.444vw;
  background-color: #ff8e31;
  border: 0;
  font-size: 2.778vw;
  color: #fff;
  cursor: pointer;
  border-radius: 0.556vw;
}

.header-mobile-buttons button img {
  width: 1.614vw;
}

.mobile-nav {
  height: 0;
  background-color: #0f0f0f;
  overflow: hidden;
  transition: 0.2s;
}

.mobile-nav-activated {
  height: 100vh;
}

.mobile-nav nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: 9.722vw;
}

.mobile-nav nav::before {
  content: " ";
  width: 0.556vw;
  height: 88%;
  background-color: #fff;
  border-radius: 1.389vw;
  position: absolute;
  top: 49%;
  left: 20.556vw;
  transform: translate(-50%, -50%);
}

.mobile-nav nav:lang(ar)::before {
  left: 0;
  right: 20.556vw;
}

.mobile-list-item {
  font-size: 5.931vw;
  padding: 3.889vw 0;
}

.mobile-sub-list-item {
  font-size: 5.056vw;
  padding: 3.111vw 0;
}

.mobile-sub-list {
  height: 0;
  overflow: hidden;
  transition: 0.3s;
}

.sub-activated .mobile-sub-list {
  height: 50vw;
}

.sub-activated .mobile-sub-list:lang(ar) {
  height: 50vw;
}

.mobile-list-item img {
  width: 4.467vw;
  transform: rotate(-90deg);
  transition: 0.3s;
  cursor: pointer;
}

.mobile-list-item img:lang(ar) {
  transform: rotate(90deg);
}

.sub-activated img {
  transform: rotate(00deg);
}
.sub-activated img:lang(ar) {
  transform: rotate(00deg);
}

@media (max-width: 778px) {
  header {
    position: sticky;
    top: 0;
    z-index: 15;
    background-color: #0f0f0f;
  }
  .header-transparent {
    position: sticky;
    top: 0;
    z-index: 15;
    background-color: #0f0f0f;
  }
  .header {
    display: none;
  }
  .mobile-header {
    display: flex;
  }
}

/* header style end here */

/* footer style start here */

footer {
  height: 22.154vw;
  width: 100%;
  background-color: #252525;
  z-index: 2;
  position: relative;
}

footer:lang(ar) {
  height: 19.154vw;
}

.footer-top {
  display: flex;
  padding: 4.089vw 5.703vw 0;
  justify-content: center;
}

.footer-logo {
  display: flex;
  flex-direction: column;
  gap: 0.839vw;
  margin-top: 2.865vw;
}

.footer-logo img {
  width: 19.56vw;
}

.footer-logo p {
  font-size: 0.833vw;
  color: #fff;
  line-height: 1vw;
  font-family: "nexa-bolder";
}

.get-in-touch-container {
  display: flex;
  gap: 3.474vw;
  margin-top: 0.781vw;
  margin-left: 4.589vw;
  margin-right: 5.62vw;
}

.get-in-touch-container:lang(ar) {
  margin-top: 0;
}

.get-in-touch h4 {
  font-size: 1.054vw;
  color: #fff;
  font-family: "nexa-bold" !important;
  margin-bottom: 1.042vw;
  position: relative;
}
.get-in-touch h4:lang(ar) {
  font-family: "GE-SS-M" !important;
}
.get-in-touch h4::after {
  content: " ";
  height: 0.052vw;
  width: 2.813vw;
  background-color: #fff;
  position: absolute;
  left: 0.104vw;
  bottom: 0;
}

.get-in-touch h4:lang(ar):after {
  left: unset;
  right: 0;
}

.get-in-touch ul {
  display: flex;
  flex-direction: column;
  gap: 0.781vw;
}

.footer-icon {
  width: 0.634vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.get-in-touch ul li a {
  font-size: 0.658vw;
  display: flex;
  gap: 0.531vw;
  align-items: center;
}
.get-in-touch ul li a:first-child {
  align-items: flex-start;
}
.get-in-touch ul li a p:lang(ar) {
  font-family: "nexa-bold" !important;
}

.get-in-touch ul li:first-child a p:lang(ar) {
  font-family: "GE-SS-M" !important;
}

.main-footer-nav {
  display: flex;
  column-gap: 2.656vw;
  row-gap: 1.146vw;
  flex-wrap: wrap;
  width: 21.716vw;
}

.main-footer-nav-list {
  font-size: 1.053vw;
}

.sub-footer-nav {
  display: flex;
  flex-direction: column;
  gap: 0.208vw;
  margin-top: 0.391vw;
}

.sub-footer-nav-list {
  font-size: 0.79vw;
}

.footer-bottom {
  width: 79.109vw;
  border-top: 0.5px solid #fff;
  margin: 0 auto;
  margin-top: 0.974vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.646vw;
}

.footer-bottom p {
  font-size: 0.833vw;
  color: #fff;
  font-family: "nexa-bolder" !important;
}

.footer-bottom-icon {
  display: flex;
  align-items: center;
  gap: 1.042vw;
}

.footer-location {
  width: 0.587vw;
}

.footer-email {
  width: 0.634vw;
}

.footer-phone {
  width: 0.402vw;
}

.footer-whatsapp {
  width: 0.587vw;
}

.footer-twitter {
  width: 1.185vw;
}

.footer-instagram {
  width: 1.076vw;
}

.footer-linkedin {
  width: 1.173vw;
}

@media (max-width: 600px) {
  footer {
    height: 129.111vw;
  }

  footer:lang(ar) {
    height: 135.111vw;
  }

  .footer-top {
    flex-direction: column;
    align-items: center;
    gap: 7.5vw;
    padding: 11.944vw 8.889vw 0;
  }

  .footer-logo {
    gap: 2.5vw;
    margin: 0;
  }

  .footer-logo img {
    width: 67.222vw;
  }
  .footer-logo p {
    font-size: 2.5vw;
    line-height: 2.778vw;
  }

  .get-in-touch-container {
    flex-direction: column;
    margin: 0;
    gap: 7.5vw;
  }

  .get-in-touch h4 {
    font-size: 5.278vw;
    margin-bottom: 3.056vw;
  }

  .get-in-touch h4::after {
    height: 0.278vw;
    width: 15vw;
    left: 1%;
  }

  .get-in-touch ul {
    gap: 2.222vw;
  }

  .get-in-touch ul li a {
    font-size: 2.778vw;
    gap: 1.389vw;
  }

  .footer-icon {
    width: 2.55vw;
  }

  .footer-location {
    width: 2.222vw;
  }

  .footer-email {
    width: 2.55vw;
  }

  .footer-phone {
    width: 1.519vw;
  }

  .footer-whatsapp {
    width: 2.222vw;
  }

  .footer-nav {
    display: none;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 3.333vw;
    width: 83.333vw;
    padding-top: 1.667vw;
    margin-top: 6.389vw;
  }

  .footer-bottom p {
    font-size: 2.222vw;
  }

  .footer-bottom-icon {
    gap: 3.611vw;
  }

  .footer-twitter {
    width: 6.319vw;
  }

  .footer-instagram {
    width: 5.736vw;
  }

  .footer-linkedin {
    width: 6.256vw;
  }
}

/* footer style end here */

/* hero style start here */

.hero {
  height: 41.115vw;
  background-image: url("assets/images/shutterstock22.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: 5.029vw;
  font-family: "nexa-light" !important;
  font-weight: 100;
  margin-bottom: 0;
}

.hero-texts .top h2:lang(ar) {
  font-family: "GE-SS-L" !important;
}

.hero-texts .top h1 {
  font-size: 5.241vw;
  font-family: "nexa-bolder" !important;
  line-height: 4.792vw;
  margin-bottom: 0;
}

.hero-texts .top h1:lang(ar) {
  font-family: "GE-SS-B" !important;
  font-size: 4.4vw;
  line-height: 5.6vw;
}

.hero-texts .top h3 {
  font-size: 1.777vw;
  font-family: "nexa-bold" !important;
  margin-bottom: 0;
}

.hero-texts .top h3:lang(ar) {
  font-family: "GE-SS-M" !important;
}

.hero-texts .mid p {
  font-size: 1.042vw;
  font-family: "nexa-bold" !important;
  color: #252525;
}

.hero-texts .mid p:lang(ar) {
  font-family: "GE-SS-L" !important;
  font-size: 1.242vw;
}

.hero-texts .bottom {
  margin-top: 0.573vw;
}

.hero-texts .bottom .schedule {
  font-size: 1.524vw;
  font-family: "nexa-bold" !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 h1 {
    font-size: 11.769vw;
    line-height: 9.722vw;
  }
  .hero-texts .top h1:lang(ar) {
    font-size: 8.3vw;
    line-height: 9.6vw;
  }
  .hero-texts .top h3 {
    font-size: 3.958vw;
    margin-top: 4.167vw;
  }
  .hero-texts .mid p {
    font-size: 3.056vw;
  }
  .hero-texts .mid p:lang(ar) {
    font-size: 3.256vw;
  }
  .hero-texts .mid p br {
    display: none;
  }
  .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.224vw;
  }
  .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("assets/images/healthbg.jpg");
  background-position: center;
  background-size: cover;
  overflow: hidden;
}

.healthcare-main-container {
  background-image: url("assets/images/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 h1 {
  font-size: 3.334vw;
  color: #212121;
  line-height: 3.563vw;
}

.healthcare-text h1 .ifh-text-circle {
  position: relative;
  z-index: 4;
  color: #fff;
}

.healthcare-text h1 .ifh-text-circle::after {
  content: " ";
  width: 5.893vw;
  height: 5.893vw;
  border-radius: 50%;
  background-color: #74a6bd;
  position: absolute;
  left: -21%;
  top: 39%;
  z-index: -1;
  transform: translate(-50%, -50%);
}

.healthcare-text h1 .elevate {
  position: relative;
  z-index: 5;
}

.healthcare-text h1 .orang-text {
  color: #ff8e31;
  font-family: "nexa-extrabold";
}

.healthcare-text p {
  font-size: 1.198vw;
  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: 14;
}

.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("assets/images/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.185vw;
  color: #176087;
}

.sub-image-text p {
  font-size: 0.921vw;
  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("assets/images/right-top-circle.svg");
}

.bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
}

.bottom-left .sub-image::before {
  background-image: url("assets/images/left-bottom-circle.svg");
}

.bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}

.bottom-right .sub-image::before {
  background-image: url("assets/images/right-bottom-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: 631px) {
  .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 h1 {
    font-size: 7.367vw;
    line-height: 7.611vw;
  }
  .healthcare-text h1 .ifh-text-circle::after {
    width: 12.917vw;
    height: 12.917vw;
  }
  .healthcare-text p {
    font-size: 3.333vw;
    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: 2.783vw;
  }
}

/* healthcare style end here */

/* Our solutions style start here */

.our-solutions {
  background-color: #0f0f0f;
  background-image: url("assets/images/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 h1 {
  font-size: 4.003vw;
  color: #fff;
  text-transform: uppercase;
  line-height: 2.969vw;
  letter-spacing: 0.156vw;
}

.our-solutions-title h1 .text-circle {
  position: relative;
  color: #fff;
  z-index: 4;
}

.our-solutions-title h1 .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 h1 .text-extrabold {
  font-family: "nexa-extrabold" !important;
}

.our-solutions-title h1:lang(ar) {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  z-index: 1;
}

.our-solutions-title h1: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.037vw;
  text-align: center;
  margin-top: 0.617vw;
}

.solution-text:lang(ar) {
  height: 5.469vw;
}

.solution:nth-child(7) .solution-text:lang(ar) {
  width: 14.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: 730px) {
  .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 h1 {
    font-size: 7.367vw;
    line-height: 6.611vw;
  }
  .our-solutions-title h1:lang(ar) {
    line-height: 9.611vw;
  }
  .our-solutions-title h1 .text-circle::after {
    height: 12.917vw;
    width: 12.917vw;
  }
  .our-solutions-title h1: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: 2.361vw;
    margin-top: 1.419vw;
  }

  .solution:nth-child(7) .solution-text:lang(ar) {
    width: unset;
  }

  .solution-text:lang(ar) {
    height: 12.469vw;
  }

  .solution-text br:lang(ar) {
    display: none;
  }

  .learn-more {
    width: 20.628vw;
    height: 6.019vw;
    font-size: 2.517vw;
    margin-bottom: 1.175vw;
    margin-top: 3.614vw;
    border-radius: 0.556vw;
  }
  .free-trial {
    width: 20.628vw;
    height: 6.019vw;
    font-size: 2.517vw;
    border-radius: 0.556vw;
  }
}
/* Our solutions style start here */

/* partners style start here */

.partners {
  background-image: url("assets/images/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 h1 {
  font-size: 4.003vw;
  color: #212121;
  text-transform: uppercase;
  line-height: 2.969vw;
}

.integrated-with-title h1 .text-extrabold-integrated {
  font-family: "nexa-extrabold" !important;
  color: #7195a3;
}

.integrated-with-title h1 .text-extrabold-integrated:lang(ar) {
  font-family: "GE-SS-B" !important;
}

.integrated-with-title h1 .text-circle {
  position: relative;
  color: #fff;
  z-index: 4;
}

.integrated-with-title h1 .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%);
}

.integrated-with-title h1:lang(ar) {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  z-index: 1;
}

.integrated-with-title h1: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.025vw;
  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 h1 {
    font-size: 7.367vw;
    line-height: 6.611vw;
  }
  .integrated-with-title h1:lang(ar) {
    text-align: center;
    margin: 0 4.444vw;
  }
  .integrated-with-title h1 .text-circle::after {
    width: 12.917vw;
    height: 12.917vw;
  }

  .integrated-with-title h1: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: 2.708vw;
    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 h1 {
  font-size: 3.895vw;
  max-width: 42.813vw;
  color: #fff;
  position: relative;
  z-index: 3;
}

.ready-to-transform h1: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 h1 {
    text-align: center;
    font-size: 6.847vw;
    max-width: 104.042vw;
  }
  .ready-to-transform h1: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 */

/* codemine page style start here */
.codemine-top-bg {
  background-image: url("assets/images/codemine-2/codmine-top-bg.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-codemine {
  background-image: url("assets/images/codemine-2/codmine-new-bg-2.1.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: unset;
  height: 44.115vw;
}

.codemine {
  bottom: -24.906vw;
  right: 12.677vw;
  z-index: 1;
}
.codemine:lang(ar) {
  left: 12.677vw;
  right: unset;
}

.codemine .logo-container {
  width: 38.346vw;
  top: -10.677vw;
  right: -4.362vw;
}

.codemine .cylinder {
  width: 36.854vw;
}

.hero-codemine-text {
  align-items: center;
  position: absolute;
  margin: 0;
  left: 7.292vw;
  top: 12.891vw;
}
.hero-codemine-text:lang(ar) {
  margin-right: unset;
  margin-left: unset;
  right: 7.292vw;
  left: unset;
}

.hero-codemine-text .top img {
  width: 29.036vw;
}

.hero-codemine-text .mid p {
  text-align: center;
  font-size: 1.563vw;
}

.hero-codemine-text .bottom {
  display: flex;
  gap: 0.846vw;
}

.hero-codemine-text .bottom .schedule {
  cursor: pointer;
  font-size: 1.419vw;
  padding: 1.107vw 1.563vw;
}

.hero-codemine-text .bottom .codemine-schedule {
  background-color: #74a6bd;
}
.hero-codemine-text .bottom .codemine-schedule:hover {
  background-color: #004256;
}

.hero-codemine-text .bottom .codemine-free-trial:hover {
  background-color: #004256;
}

@media (max-width: 940px) {
  .hero-codemine {
    height: 148.283vw;
  }
  .hero-codemine-text {
    left: 50%;
    top: 32.722vw;
    transform: translate(-50%, -50%);
  }
  .hero-codemine-text:lang(ar) {
    left: 50%;
    right: unset;
    top: 32.722vw;
    transform: translate(-50%, -50%);
    width: 100%;
  }
  .hero-codemine-text .top img {
    width: 63.889vw;
    max-width: 63.889vw;
  }
  .hero-codemine-text .mid p {
    font-size: 3.611vw;
  }
  .hero-codemine-text .bottom .schedule {
    font-size: 3.056vw;
    padding: 1.944vw 3.056vw;
  }
  .codemine .logo-container {
    width: 69vw;
    top: -18.611vw;
    right: -7.5vw;
  }
  .codemine .cylinder {
    width: 66.5vw;
  }
}

/* Features benefits style start here */
.features {
  width: 100%;
  background-image: url("assets/images/codemine-2/features-benefits-bg.png");
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
}

.features-title {
  text-align: center;
  padding-top: 70px;
  padding-bottom: 70px;
}

.features-title h1 {
  font-size: 52.27px;
  color: #fff;
  text-transform: uppercase;
  line-height: 53px;
}

.features-title h1 .text-circle {
  position: relative;
  color: #fff;
  z-index: 4;
}

.features-title h1 .text-circle::after {
  content: " ";
  width: 95.28px;
  height: 95.28px;
  border-radius: 50%;
  background-color: #74a6bd;
  position: absolute;
  right: -7%;
  top: 36%;
  z-index: -1;
  transform: translate(0%, -50%);
}

.features-content {
  position: relative;
}

.features-content-container {
  display: flex;
  align-items: start;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 1318px;
  padding-bottom: 60px;
}

.features-content-texts {
  padding: 60px 9.5rem 132px;
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 287.83px;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 597px;
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
  direction: rtl;
}

.features-content-texts::-webkit-scrollbar {
  direction: rtl;
  width: 3px;
}

.features-content-texts::-webkit-scrollbar-thumb {
  width: 3px;
  background: #004256;
}

.features-content-texts::-webkit-scrollbar-track {
  background: #fff;
}

.feature-text-image {
  display: flex;
  justify-content: space-between;
  align-items: center;
  scroll-snap-align: center;
  direction: initial;
}

.feature-text-image:lang(ar) {
  flex-direction: row-reverse;
  gap: 27px;
}

.target-is-active .features-content-text {
  transform: translate(0, 0);
  opacity: 1;
  transition: 0.3s;
}

.target-is-active .features-content-text:lang(ar) {
  transform: translate(0, 0);
  text-align: right;
}

.features-content-text {
  flex: 1 1 45%;
  transform: translate(-100%, 0);
  opacity: 0;
  transition: 0.3s;
}

.features-content-text:lang(ar) {
  transform: translate(100%, 0);
}

.features-content-text p {
  font-size: 24.48px;
  color: #fff;
  font-family: "nexa-bolder";
  margin-bottom: 22.44px;
}

.features-content-text ul {
  display: flex;
  flex-direction: column;
  gap: 26px;
}

.features-content-text ul li {
  font-size: 16.32px;
  color: #fff;
  display: flex;
  gap: 5px;
}
.features-content-text ul li:lang(ar) {
  flex-direction: row-reverse;
  padding-left: 89px;
}

.features-disc {
  position: relative;
  width: 10px;
  height: 10px;
}

.features-disc:lang(ar) {
  margin-top: 8px;
}

.features-disc::before {
  content: " ";
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.features-disc::after {
  content: " ";
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.features-content-text ul li .feature-list-text {
  width: fit-content;
}

.features-content-images {
  display: block;
  position: sticky;
  top: 18.75rem;
  flex: 1 1 50%;
}

.target-is-active .features-content-image {
  transform: translate(0, 0);
  opacity: 1;
  transition: 0.3s;
}

.target-is-active .features-content-image:lang(ar) {
  transform: translate(0, 0);
}

.features-content-image {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 1 1 55%;
  transform: translate(100%, 0);
  opacity: 0;
  transition: 0.3s;
}
.features-content-image:lang(ar) {
  transform: translate(-100%, 0);
}

.features-content-image .video-gif {
  width: 100%;
  border-radius: 10px;
  box-shadow: 10px 10px 0 #1d397173;
}

.video-1-image {
  width: 134%;
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: none;
  max-width: 134%;
  transform: translate(-50%, -50%);
}

.features-content-mobile {
  display: none;
}

@media (max-width: 940px) {
  .features-title h1 {
    font-size: 30.27px;
  }
  .features-title h1 .text-circle::after {
    width: 58.28px;
    height: 58.28px;
  }
  .features-content-text {
    transform: translate(0, 0);
    opacity: 1;
  }
  .features-content-text:lang(ar) {
    text-align: right;
    transform: translate(0, 0);
  }
  .features-content-text p {
    font-size: 15.48px;
  }
  .features-content-text ul {
    gap: 17px;
  }
  .features-content-text ul li {
    font-size: 12.32px;
  }
  .features-content-text ul li:lang(ar) {
    flex-direction: row-reverse;
  }
  .features-content-container {
    display: none;
  }
  .features-content-texts {
    padding: 0px 2rem 15px;
  }
  .scroll-bar-thumb,
  .scroll-bar {
    display: none;
  }
  .features-content-mobile {
    display: block;
  }
  .features-content-texts {
    gap: 77.83px;
    height: unset;
    overflow: unset;
    direction: ltr;
  }
  .features-content-image {
    padding-bottom: 67px;
  }
  .features-content-image {
    padding-bottom: 67px;
    transform: translate(0, 0);
    opacity: 1;
  }
  .features-content-image:lang(ar) {
    transform: translate(0, 0);
  }
  .features-content-image .video-gif {
    width: 80%;
  }
  .video-1-image {
    width: 105%;
    max-width: 105%;
    position: absolute;
    top: 42%;
    left: 51%;
    pointer-events: none;
    transform: translate(-50%, -50%);
  }
  .features-disc:lang(ar) {
    margin-top: 4px;
  }
}

@media (max-width: 450px) {
  .features-content-texts {
    gap: 44.83px;
  }
  .features-content-image {
    padding-bottom: 14.889vw;
  }
  .features-content-image .video-gif {
    width: 88.578vw;
    border-radius: 2.222vw;
    box-shadow: 2.222vw 2.222vw 0 #1d397173;
  }
  .video-1-image {
    width: 120%;
    max-width: 150%;
    position: absolute;
    top: 37%;
    left: 51%;
    pointer-events: none;
    transform: translate(-50%, -50%);
  }
}

/* Features benefits style end here */

/* why codemine section style start here */
.why-codemine-n {
  background-image: unset;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* why codemine section style end here */

.subscription {
  display: flex;
  flex-direction: column;
  gap: 1.563vw;
  padding: 5.365vw 8.542vw 4.74vw;
  position: relative;
  z-index: 3;
}

.codemine-subscription {
  padding: 5.365vw 15.542vw 4.74vw;
}

.subscription .robin-title {
  padding: 1.771vw 0 3.417vw;
}

.subscription .sub-row {
  box-shadow: 0 0.521vw 0.781vw -0.313vw;
  border-radius: 1.719vw;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
  background: #fff;
  z-index: 1;
}
.tynk-subscription .sub-row {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.subscription .sub-row div:first-child {
  font-size: 1.25vw;
  display: flex;
  color: #004256;
  padding-left: 1.771vw;
  padding-right: 1.171vw;
  grid-column-start: 0;
  grid-column-end: 3;
  max-width: 13.906vw;
}
.sub-row.code{	
  grid-column-start: 0;
}

.subscription .sub-row div:first-child:lang(ar) {
  font-size: 1.2vw;
  max-width: 13.906vw !important;
}

.tynk-subscription .sub-row div:first-child:lang(ar) {
  font-size: 1.2vw;
}

.subscription .sub-row div:not(:first-child) {
  border-left: 1px dashed #707070;
  width: 16.302vw;
  height: 5.198vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.codemine-subscription .sub-row div:not(:first-child) {
  width: 13.302vw;
}

.subscription .sub-row div:not(:first-child):lang(ar) {
  border-left: 0;
  border-right: 1px dashed #707070;
}

.orange-dot {
  width: 1.384vw;
  height: 1.384vw;
  border-radius: 50%;
  background-color: #ff8e31;
  display: block;
}

.package-description {
  padding: 4.219vw 1.771vw 2.604vw;
  background: #f6f6f6;
  color: #004256;
  line-height: 1.615vw;
  width: 100%;
  margin-top: -2.969vw;
  display: none;
}

.package-description p {
  font-size: 1.094vw;
}

.subscription .sub-row:nth-child(3) {
  border-radius: 0;
}

.subscription .sub-row:nth-child(3) img {
  width: 23.021vw;
  border-radius: 0;
  box-shadow: none;
}

.subscription .sub-row:nth-child(3) div:not(:first-child) {
  height: auto;
  border: 0;
}
.subscription .sub-row:nth-child(3) div:not(:first-child):lang(ar) {
  border: 0;
}

.subscription .sub-row:nth-child(3) .pointer {
  width: 15.625vw;
  height: 5.927vw;
  background-color: #004256;
  color: #fff;
  font-size: 1.927vw;
  /* font-family: "nexa-light" !important; */
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 0.99vw;
  border-top-right-radius: 0.99vw;
  position: relative;
}

.subscription .sub-row:nth-child(3) .pointer:lang(ar) {
  height: 6.927vw;
  font-size: 1.527vw;
  text-align: center;
}

.subscription .sub-row:nth-child(3) .pointer i {
  width: 2.083vw;
  height: 2.083vw;
  background: #004256;
  transform: rotate(45deg);
  position: absolute;
  bottom: -0.521vw;
}

.subscription .sub-row:last-child {
  box-shadow: none;
  background: transparent;
}

.subscription .sub-row:last-child div:not(:first-child) {
  padding: 0;
  border-left: 0;
  border-right: 0;
  height: 3.479vw;
}

.subscription button {
  font-size: 1.442vw;
  border: 0;
  cursor: pointer;
  line-height: 1.73vw;
  padding: 0.521vw 1.354vw;
  color: #fff;
  border-radius: 0.365vw;
  position: inherit;
  padding-top: 0.9vw;
}

.subscription button:hover {
  background-color: #ff8e31;
}

.subscription .subscription-normal {
  background-color: #74a6bd;
}

.subscription .subscription-plus {
  background-color: #252525;
}

.subscription .subscription-drg {
  background-color: #004256;
}

.subscription-mobile {
  display: none;
}

.subscription-mobile .robin-title {
  padding: 11.771vw 0 6.417vw;
}

.plans-name {
  width: 100%;
  max-width: 338.85px;
  height: 28.15px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #74a6bd;
  border-radius: 50px;
}
.plans-name:lang(ar) {
  height: 40.15px;
}

.plans-name .plan-tab {
  width: 115.8px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  height: 28.15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}

.plans-name .plan-tab:lang(ar) {
  height: 40.15px;
  font-size: 11px;
}
.active-link {
  background: #000;
}

.plan-tab-content {
  width: 100%;
  max-width: 338.85px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15.7px;
  height: 0;
  overflow: hidden;
  transition: 0.3s;
}

.active-tab {
  height: 100%;
}

.active-tab#plus {
  height: 426.5px;
}

.active-tab#regular {
  height: 300.5px;
}
.active-tab#drg {
  height: 489.5px;
}

.plan-tab-content ul {
  display: flex;
  flex-direction: column;
  width: 338.85px;
}

.plan-tab-content ul:lang(ar) {
  width: 100%;
}

.plan-tab-content ul li {
  font-size: 14px;
  text-align: left;
  color: #004256;
  display: flex;
  gap: 20px;
  padding: 17px 15px;
  height: 63px;
  box-shadow: 0 4px 5px -3px #000;
}

.plan-tab-content ul li:lang(ar) {
  height: auto;
  text-align: right;
}

.plan-tab-content ul li p {
  display: flex;
  flex-direction: column;
}

.plan-tab-content ul li span {
  width: 20px;
  height: 20px;
  aspect-ratio: 1/1;
  background: orange;
  border-radius: 50%;
  margin-top: -3px;
}

.package-read-more-text-mobile {
  width: 74px !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 11px;
  transform: translate(211px, 0px);
  cursor: pointer;
}

.package-read-more-text-mobile:lang(ar) {
  transform: translate(-233px, 8px);
}

.package-description-mobile {
  font-size: 11px;
  background: #f6f6f6;
  padding: 17px;
  display: none;
}

.plan-tab-content button {
  font-size: 14.44px;
  color: #fff;
  background-color: #74a6bd;
  border: 0;
  border-radius: 5px;
  padding: 5px 15px;
}
.plan-tab-content button p {
  padding-top: 3px;
}

.title {
  font-size: 52.27px;
  color: #7195a3;
  text-transform: uppercase;
  line-height: 53px;
  text-align: center;
  padding: 0 0 110px;
  margin-top: -195px;
  z-index: 1;
  position: relative;
}

.title:lang(ar) {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  margin-top: -195px;
}

.title:lang(ar):after {
  content: " ";
  width: 95.28px;
  height: 95.28px;
  border-radius: 50%;
  background-color: #74a6bd;
  position: absolute;
  right: -54px;
  top: 24px;
  z-index: -1;
  transform: translate(0%, -50%);
}

.title .text-circle {
  position: relative;
  color: #fff;
  z-index: 4;
}

.title .text-circle::after {
  content: " ";
  width: 95.28px;
  height: 95.28px;
  border-radius: 50%;
  background-color: #74a6bd;
  position: absolute;
  right: -7%;
  top: 36%;
  z-index: -1;
  transform: translate(0%, -50%);
}

.title .orang-text {
  color: #ff8e31;
}

@media (max-width: 940px) {
  .title-news {
    margin-top: -178px;
    z-index: 0;
    position: relative;
  }

  .title-news:lang(ar) {
    margin-top: -116px;
  }
  .title {
    font-size: 34.23px;
  }
  .title .text-circle::after {
    width: 54.08px;
    height: 54.08px;
  }
  .title:lang(ar):after {
    width: 54.08px;
    height: 54.08px;
    right: -29px;
    top: 24px;
  }
  .subscription {
    display: none;
  }
  .subscription-mobile {
    display: block;
    margin-bottom: 24px;
    margin-top: 67px;
  }
}

/* In the news style start here */

.main-company {
  background-image: url("assets/images/compant-bg.png");
}

.in-the-news-banner {
  position: relative;
}

.in-the-news-banner img {
  width: 100%;
  height: 475px;
  object-fit: cover;
}

.company-fading {
  position: absolute;
  width: 100%;
  height: 475px;
  top: 0;
  background-image: linear-gradient(#ffffff00, #ffffff00, #f0f5fad1, #f0f5fa);
}

.other-page-fading {
  background-image: linear-gradient(#ffffff00, #ffffff00, #fff, #fff);
}

.title-news {
  color: #252525;
}

.news-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(451px, 1fr));
  max-width: 973.97px;
  width: 100%;
  column-gap: 66px;
  grid-row-gap: 75.75px;
  justify-items: center;
  margin: 0 auto;
  padding-top: 101.25px;
  padding-bottom: 187.5px;
}

.news {
  max-width: 451.5px;
  width: 100%;
  height: 502.5px;
  background-color: #fff;
  box-shadow: 7px 7px 5px -5px #707070;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.news-image img {
  width: 100%;
  aspect-ratio: 602/233;
  object-fit: cover;
}

.news-date p {
  color: #d65e15;
  font-family: "nexa-bolder" !important;
  text-align: center;
  padding: 8.85px 38.25px 0;
}

.news-title h3 {
  color: #252525;
  font-size: 18px;
  text-align: center;
  height: 117px;
  padding: 18.67px 10.25px 45.67px;
}

.news-description p {
  color: #8e8e8e;
  font-size: 15.75px;
  text-align: center;
  padding: 0 38.25px;
  height: 75px;
  overflow: hidden;
}

.news-read-more {
  color: #fff;
  background: #d65e15;
  border: 0;
  font-size: 20.46px;
  width: 159px;
  height: 46px;
  border-radius: 6px;
  margin-top: 38px;
}
.news-read-more:hover {
  background-color: #bf5617;
}

@media (max-width: 490px) {
  .news-container {
    grid-template-columns: repeat(auto-fit, minmax(303px, 1fr));
  }
  .news {
    max-width: 303px;
    height: 370.5px;
  }
  .news-date p {
    font-size: 12px;
  }
  .news-title h3 {
    font-size: 13px;
    height: 96px;
    padding: 15.67px 10.25px 16.67px;
  }
  .news-description p {
    font-size: 12px;
    padding: 0 16.25px;
    height: 57px;
  }
  .news-read-more {
    font-size: 15.46px;
    width: 122px;
    height: 36px;
    margin-top: 17px;
  }
}

/* In the news style end here */

/* news details style start here */

.news-details {
  max-width: 750px;
  width: 100%;
  margin: 53px auto 134px;
  box-shadow: 0 0 49px -10px;
  border-radius: 7px;
}

.news-details-image img {
  width: 100%;
}

.news-details-content {
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.news-details-date p {
  color: #d65e15;
  font-size: 17px;
}

.news-details-title h1 {
  font-size: 30px;
  color: #252525;
}

.news-details-script p {
  font-size: 15px;
}

.read-full-news {
  font-size: 14.46px;
}

@media (max-width: 750px) {
  .news-details {
    max-width: 93%;
  }
  .news-details-date p {
    font-size: 13px;
  }
  .news-details-title h1 {
    font-size: 18px;
  }
  .news-details-script p {
    font-size: 11px;
  }
}

/* news details style end here */

/* investors style start here */

.investors {
  height: 529px;
}

.investor-image img {
  width: 100%;
  aspect-ratio: 602/233;
  object-fit: contain;
  padding: 0 70px;
}

.investor-title h3 {
  color: #252525;
  font-size: 31.38px;
  text-align: center;
  height: unset;
  padding: 28px 0;
  font-family: "nexa-bolder" !important;
  position: relative;
}

.investor-title h3:lang(ar) {
  font-family: "GE-SS-B" !important;
}

.news-title h3:before {
  content: " ";
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  background: #74a6bd;
  z-index: -1;
  top: 50%;
  left: -3%;
  transform: translate(-50%, -50%);
}

.news-title h3:lang(ar)::before {
  right: -3%;
  left: unset;
  transform: translate(50%, -50%);
}

.investors-description p {
  height: unset;
  margin-bottom: 0;
}

@media (max-width: 490px) {
  .investors {
    height: 375px;
  }

  .investor-image img {
    aspect-ratio: 258/100;
    padding: 0px 54px;
  }
  .investor-title h3 {
    font-size: 19.38px;
  }
  .news-title h3:before {
    width: 40px;
    height: 40px;
  }
}

/* investors style end here */

/* Team page style start here */

.team-main-container {
  padding-bottom: 178px;
  margin-bottom: 0;
}

.team-members h3 {
  color: #ff8e31;
  font-size: 29px;
  font-family: "nexa-bolder" !important;
  text-align: center;
  margin-top: 91.7px;
  margin-bottom: 38.5px;
}

.team-members h3:lang(ar) {
  font-family: "GE-SS-B" !important;
}

.team-members-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(385px, 1fr));
  justify-items: center;
  max-width: 1208px;
  grid-column-gap: 25px;
  grid-row-gap: 42px;
  margin: 0 auto;
}

.team-member {
  position: relative;
  max-width: 385px;
  width: 100%;
  height: 509px;
  overflow: hidden;
  z-index: 3;
}

.our-team-container .team-member {
  height: 385px;
}

.team-member-image img {
  max-width: 385px;
  width: 100%;
  height: 509px;
  object-fit: cover;
}

.team-member-info {
  background: linear-gradient(#ffffff00, #688693c7, #688693f7);
  color: #fff;
  position: absolute;
  max-width: 385px;
  width: 100%;
  height: 411px;
  bottom: -186px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  transition: 0.3s;
}

.team-member-info.our-team {
  height: 287px;
  bottom: -56px;
}

.team-member-name {
  font-size: 26.29px;
}

.team-member-roll {
  font-size: 21.03px;
  font-family: "nexa-light" !important;
}

.team-member-roll:lang(ar) {
  font-family: "GE-SS-L" !important;
}

.team-member-description {
  font-size: 13.3px;
  margin-top: 6px;
  margin-bottom: 13px;
  padding: 0 24px;
  height: 144px;
  visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.our-team .team-member-description {
  height: auto;
}

.team-member-social {
  display: flex;
  gap: 25px;
  margin-bottom: 25px;
}

.team-member-social a img {
  width: 27.97px;
}

.team-member:hover .team-member-info {
  bottom: 0px;
}

.team-member:hover .team-member-description {
  visibility: visible;
}

@media (max-width: 490px) {
  /* .team-member,
  .team-member-image img,
  .team-member-info {
    width: 90%;
  } */

  .team-members-container {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  }
  .team-member {
    max-width: 340px;
  }
  .team-member-image img {
    max-width: 340px;
  }
  .team-member-info {
    max-width: 340px;
  }
  .team-member:hover .team-member-info {
    bottom: unset;
  }
  .team-member-info {
    bottom: -186px !important;
  }
  .team-member-info.our-team {
    height: 287px;
    bottom: -56px !important;
  }
  .team-member-activated .team-member-info {
    bottom: 0px !important;
  }

  .team-member-description {
    visibility: hidden !important;
  }

  .team-member-activated .team-member-description {
    visibility: visible !important;
  }
}

/* Team page style end here */

/* Our Story Style Start Here */

.story-bg {
  background-image: url("assets/images/story-bg-4.png");
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 4.167vw;
}

.story-history {
  max-width: 72.423vw;
  margin: 0 auto;
  padding-top: 23.542vw;
  padding-bottom: 8.073vw;
}

.story-history h2 {
  font-size: 2.609vw;
  color: #9397ad;
}

.story-history h2 span {
  font-family: "nexa-bold" !important;
}

.history-elements {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(17.24vw, 1fr));
  grid-row-gap: 6.917vw;
  grid-column-gap: 7.031vw;
}

.history-element {
  display: flex;
  align-items: flex-start;
  gap: 0.677vw;
}

.history-element h1 {
  font-size: 6.657vw;
  color: #004256;
  font-family: "Gotham-Black" !important;
}

.history-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.history-content h1 {
  font-size: 5.834vw;
  color: #ff8e31;
  font-family: "Gotham-Black" !important;
  line-height: 5.052vw;
}

.history-content h4 {
  font-size: 1.701vw;
  font-family: "Gotham-Black" !important;
}
.history-content h4:lang(ar) {
  font-family: "GE-SS-B" !important;
}

.history-content p {
  font-size: 1.074vw;
  text-align: center;
  line-height: 1.289vw;
}

.story {
  position: relative;
  padding-bottom: 27.656vw;
}

.story-script {
  max-width: 70.361vw;
  width: 100%;
  background: #004256e3;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 3.594vw 8.594vw;
}

.story-script p {
  font-size: 1.354vw;
  color: #fff;
  text-align: center;
}

/*  */

.story-paragraphs {
  padding: 3.125vw;
  display: flex;
  flex-direction: column;
  gap: 6.25vw;
}

.story-paragraph {
  display: flex;
  align-items: flex-start;
  gap: 0.729vw;
}

.story-paragraph-number {
  font-size: 2.981vw;
  color: #004256;
  font-family: "Gotham-Black" !important;
  position: relative;
  width: fit-content;
}

.story-paragraph-number:after {
  content: " ";
  width: 3.43vw;
  height: 3.43vw;
  border-radius: 50%;
  background: #ff8e31;
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.story-paragraph p {
  font-size: 1.25vw;
  color: #004256;
}

.orange-line {
  position: relative;
}

.orange-line span {
  width: 0;
  height: 5.208vw;
  border-left: 0.052vw dashed #ff8e31;
  position: absolute;
  top: 0.469vw;
  left: -0.625vw;
}

.orange-line span:after {
  content: " ";
  width: 0.97vw;
  height: 0.97vw;
  border-radius: 50%;
  background: #ff8e31;
  position: absolute;
  bottom: -1.094vw;
  left: -0.521vw;
}

.story-paragraph.story1 {
  margin-left: 3.75vw;
}

.story-paragraph.story1 .orange-line span {
  height: 20.652vw;
}

.story-paragraph.story2 {
  margin-left: 17.344vw;
}

.story-paragraph.story2 .orange-line span {
  height: 13.694vw;
}

.story-paragraph.story3 {
  margin-left: 32.917vw;
}

.story-paragraph.story3 .orange-line span {
  height: 8.3vw;
}

.story-paragraph.story4 {
  margin-left: 46.927vw;
}

.story-paragraph.story4 .orange-line span {
  height: 7.511vw;
}

.story-paragraph.story5 {
  margin-left: 55.677vw;
}

.story-paragraph.story5 .orange-line span {
  height: 7.511vw;
}

.story-ready {
  padding: 3.125vw 4.167vw;
  margin: 0px 0 1.458vw;
}

.story-ready h1 {
  font-size: 3.895vw;
  max-width: 43.346vw;
}

.story-ready img {
  position: absolute;
  left: -20.99vw;
  bottom: -18.333vw;
  width: 85.132vw;
  z-index: -29;
}

.story-ready div {
  gap: 1.25vw;
}

.story-ready button {
  font-size: 1.754vw;
  color: #fff;
  border: 0;
  width: 13.624vw;
  height: 3.948vw;
  border-radius: 0.313vw;
  padding-top: 0.313vw;
}
/* timeline */

.story-timeline-container {
  padding: 15.625vw 0;
  position: relative;
}
.timeline-line {
  width: 100%;
  height: 0.365vw;
  background: #878787;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.timeline {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6.51vw;
}

.timeline-item {
  position: relative;
  z-index: 1;
}

.timeline-year {
  font-family: "Gotham-Black" !important;
  color: #fff;
  width: 4.792vw;
  height: 4.792vw;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.365vw solid #fff;
  box-shadow: 0.052vw 0.156vw 2vw -0.625vw #000;
  font-size: 1.927vw;
  line-height: 1.51vw;
}

.timeline-item:nth-child(odd) .timeline-year {
  background: #74a6bd;
}

.timeline-item:nth-child(even) .timeline-year {
  background: #ff8e31;
}

.timeline-three-dots {
  display: flex;
  justify-content: center;
  gap: 0.521vw;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

.timeline-dot {
  width: 0.469vw;
  height: 0.469vw;
  background: #878787;
  border-radius: 50%;
}

.timeline-item:nth-child(odd) .timeline-three-dots {
  top: 113%;
}

.timeline-item:nth-child(even) .timeline-three-dots {
  top: -13%;
}

.timeline-text-line {
  width: 0.156vw;
  height: 7.813vw;
  background: #878787;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.timeline-text-line::after {
  content: " ";
  width: 1.042vw;
  height: 1.042vw;
  background: #878787;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.timeline-item:nth-child(odd) .timeline-text-line {
  top: 197%;
}
.timeline-item:nth-child(odd) .timeline-text-line::after {
  top: 100%;
}

.timeline-item:nth-child(even) .timeline-text-line {
  top: -97%;
}

.timeline-item:nth-child(even) .timeline-text-line::after {
  top: 0;
}

.timeline-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 21.979vw;
}
.timeline-text p {
  font-size: 0.994vw;
  color: #004256;
  text-align: center;
}

.timeline-item:nth-child(odd) .timeline-text {
  top: 302%;
  transform: translate(-50%, 0%);
}

.timeline-item:nth-child(even) .timeline-text {
  top: -200%;
  transform: translate(-50%, -100%);
}

@media (max-width: 600px) {
  .story-history {
    max-width: 78.056vw;
  }
  .story-history:lang(ar) {
    padding-top: 34.542vw;
  }
  .story-history h2 {
    font-size: 5.278vw;
  }

  .history-elements {
    grid-template-columns: repeat(auto-fit, minmax(28.611vw, 1fr));
    grid-row-gap: 6.111vw;
    grid-column-gap: 10.278vw;
  }

  .history-element {
    gap: 1.111vw;
  }

  .history-element h1 {
    font-size: 11.667vw;
  }

  .history-content h1 {
    font-size: 10.833vw;
    line-height: 9.722vw;
  }

  .history-content h4 {
    font-size: 3.666vw;
  }

  .history-content p {
    font-size: 2.444vw;
    line-height: 3.0558vw;
  }

  .history-content p:lang(ar) {
    font-size: 2.2vw;
  }

  .history-content p br:lang(ar) {
    display: none;
  }

  .story img {
    height: 23.889vw;
    object-fit: cover;
  }

  .story-script {
    max-width: 87.111vw;
    top: 61%;
    padding: 3.594vw 5.594vw;
  }

  .story-script p {
    font-size: 2.6vw;
  }
}

@media (max-width: 940px) {
  .story-paragraphs {
    padding: 3.611vw;
    gap: 3.611vw;
    padding-top: 7.5vw;
  }
  .story-paragraph {
    margin-left: 2.778vw !important;
    gap: 1.667vw;
  }
  .orange-line {
    display: none;
  }
  .story-paragraph p {
    font-size: 2.5vw;
  }

  .story-paragraph-number {
    font-size: 5.556vw;
  }

  .story-paragraph-number:after {
    width: 6.389vw;
    height: 6.389vw;
    left: 27%;
  }

  .story-ready {
    padding: 4.167vw 5.556vw;
    margin: 0px 0 3.611vw;
    gap: 4.167vw;
  }

  .story-ready img {
    display: none;
  }

  .story-ready h1 {
    font-size: 5vw;
    max-width: 57.222vw;
  }

  .story-ready div {
    gap: 1.944vw;
  }

  .story-ready button {
    font-size: 3.056vw;
    width: 31.553vw;
    height: 6.667vw;
    border-radius: 0.556vw;
    padding-top: 0.833vw;
  }

  .story-timeline-container {
    padding: 20vw 0;
  }

  .timeline {
    flex-direction: column;
    gap: 10.056vw;
  }

  .timeline-year {
    width: 6.944vw;
    height: 6.944vw;
    border: 0.556vw solid #fff;
    box-shadow: 0px 0.556vw 2.5vw -0.833vw #000;
    font-size: 2.778vw;
    line-height: 2.222vw;
  }

  .timeline-line {
    width: 0.556vw;
    height: 133.778vw;
  }

  .timeline-three-dots {
    gap: 0.278vw;
    flex-direction: column;
  }

  .timeline-dot {
    width: 0.833vw;
    height: 0.833vw;
  }

  .timeline-item:nth-child(odd) .timeline-three-dots {
    top: 50%;
    left: -15%;
  }
  .timeline-item:nth-child(even) .timeline-three-dots {
    top: 50%;
    left: 111%;
  }

  .timeline-text-line {
    width: 6.944vw;
    height: 0.278vw;
  }

  .timeline-item:nth-child(odd) .timeline-text-line {
    top: 50%;
    left: -71%;
  }

  .timeline-item:nth-child(even) .timeline-text-line {
    top: 50%;
    left: 164%;
  }

  .timeline-text-line::after {
    width: 1.667vw;
    height: 1.667vw;
  }
  .timeline-item:nth-child(odd) .timeline-text-line::after {
    top: 50%;
    left: 0;
  }

  .timeline-item:nth-child(even) .timeline-text-line::after {
    top: 50%;
    left: 100%;
  }

  .timeline-text p {
    font-size: 2.3vw;
  }

  .timeline-text p br {
    display: none;
  }

  .timeline-item:nth-child(7) .timeline-text p br {
    display: block;
  }

  .timeline-item:nth-child(odd) .timeline-text p {
    text-align: right;
    margin-right: 0.833vw;
  }
  .timeline-item:nth-child(even) .timeline-text p {
    text-align: left;
    margin-left: 0.833vw;
  }

  .timeline-text {
    width: 34.444vw;
  }

  .timeline-item:nth-child(odd) .timeline-text {
    top: 50%;
    transform: translate(-50%, -50%);
    left: -393%;
  }
  .timeline-item:nth-child(even) .timeline-text {
    top: 50%;
    transform: translate(-50%, -50%);
    left: 481%;
  }
}

/* Our Story Style End Here */

/* Careers Page Style Start Here */
.career-search {
  padding: 0 0.833vw;
}

.search-form {
  max-width: 65.815vw;
  box-shadow: 0.365vw 0.365vw 0.521vw #00000066;
  margin: 0 auto;
  padding: 2.63vw 3.766vw 6.323vw 3.052vw;
  border-radius: 0.521vw;
  display: flex;
  flex-direction: column;
  gap: 3.51vw;
  position: relative;
  margin-bottom: 2.396vw;
}

.search-form-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.search-form-top h2 {
  font-size: 1.464vw;
  color: #004256;
  font-family: "nexa-bolder";
  letter-spacing: 0.031vw;
}

.work-time {
  display: flex;
  gap: 0.974vw;
}

.work-time-lable-container {
  width: 8.917vw;
  height: 2.487vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #74a6bd;
  border-radius: 1.25vw;
}

/* The container */
.work-time-lable {
  display: block;
  position: relative;
  padding: 0.729vw 1.979vw 0.417vw;
  cursor: pointer;
  font-size: 0.99vw;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: fit-content;
  color: #74a6bd;
}

/* Hide the browser's default checkbox */
.work-time-lable input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 50%;
  right: 5%;
  height: 1.188vw;
  width: 1.188vw;
  background-color: #eee;
  border-radius: 50%;
  display: none;
  transform: translate(0, -50%);
}

/* On mouse-over, add a grey background color */
.work-time-lable:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.work-time-lable input:checked ~ .checkmark {
  background-color: #fff;
  display: block;
}

.work-time-lable:has(> input:checked) {
  padding: 0.729vw 2.448vw 0.417vw 1.51vw;
  color: #fff;
}

.work-time-lable-container:has(.work-time-lable > input:checked) {
  background-color: #74a6bd;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.work-time-lable input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.work-time-lable .checkmark:after {
  left: 0.469vw;
  top: 0.286vw;
  width: 0.26vw;
  height: 0.521vw;
  border: solid #74a6bd;
  border-width: 0 0.156vw 0.156vw 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.search-form-bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 0.365vw;
  max-width: 55.277vw;
}

.search-form-bottom-line {
  width: 0.033vw;
  height: 4.058vw;
  background-color: #43426a;
  opacity: 0.3;
}

.search-form-bottom div {
  display: flex;
  flex-direction: column;
  gap: 1.354vw;
}

.search-form-bottom div label {
  font-size: 0.926vw;
  color: #777a89;
}

input.career-jop-title {
  width: 34.736vw !important;
  max-width: 34.736vw;
  font-size: 1.464vw !important;
  height: 0.573vw !important;
  border: 0 !important;
  border-bottom: 1px solid #707070 !important;
  border-radius: 0 !important;
}

.form-title .select2-container {
  width: 34.713vw !important;
}

.form-location .select2-container {
  width: 15.042vw !important;
}

.search-form-bottom .select2-container--default .select2-selection--single {
  border: 0;
  border-bottom: 1px solid #707070;
  border-radius: 0;
  height: fit-content;
}

.search-form-bottom .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #312f35;
  line-height: unset;
  font-size: 1.464vw;
}

.select2-results__option--selectable {
  font-size: 1.042vw;
}

.search-form-bottom .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #312f35 transparent transparent transparent !important;
  border-width: 0.469vw 0.417vw 0 0.417vw !important;
  margin-left: -0.417vw !important;
}

.search-form-bottom .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #312f35 transparent !important;
  border-width: 0 0.417vw 0.469vw 0.417vw !important;
}

.select2-container--open .select2-dropdown {
  top: 1.719vw;
}

.search-form-button {
  max-width: 18.345vw;
  width: 100%;
  aspect-ratio: 352.23/87.68;
  background: #ff8e31;
  border: 0;
  color: #fff;
  border-radius: 2.396vw;
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, 50%);
  font-family: inherit !important;
  font-weight: 700;
  font-size: 1.302vw;
}

.search-form-button:hover {
  background: #004256;
}

@media (max-width: 600px) {
  .search-form {
    padding: 14.028vw 6.833vw 19.833vw;
    margin-bottom: 11.111vw;
    gap: 9.833vw;
    max-width: 88.815vw;
    align-items: center;
  }

  .search-form-top {
    flex-direction: column;
    gap: 4.722vw;
  }
  .search-form-bottom-line {
    display: none;
  }

  .search-form-top h2 {
    font-size: 5.278vw;
    text-align: center;
  }

  .work-time {
    gap: 3.611vw;
    flex-wrap: wrap;
  }

  input.career-jop-title {
    width: 74.736vw !important;
    max-width: 74.736vw;
    font-size: 5.278vw !important;
    height: 0.573vw !important;
    border: 0 !important;
    border-bottom: 1px solid #707070 !important;
    border-radius: 0 !important;
  }

  .work-time-lable-container {
    width: 35.614vw;
    height: 11.042vw;
  }

  .work-time-lable {
    padding: 3.056vw 8.333vw 2.222vw;
    font-size: 3.889vw;
  }

  .work-time-lable:has(> input:checked) {
    padding: 3.611vw 10vw 2.778vw 6.667vw;
  }

  .search-form-bottom {
    gap: 8.333vw;
    max-width: 78.277vw;
  }

  .search-form-bottom div {
    gap: 4.167vw;
  }

  .search-form-bottom div label {
    font-size: 3.889vw;
  }

  .form-title .select2-container {
    width: 75.222vw !important;
  }

  .form-location .select2-container {
    width: 75.222vw !important;
  }

  .search-form-bottom .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 5.278vw;
  }
  .search-form-bottom .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 1.944vw 1.667vw 0 1.667vw !important;
    margin-left: -1.111vw !important;
  }
  .search-form-bottom .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 1.667vw 1.944vw 1.667vw !important;
  }

  .search-form-bottom .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -0.833vw;
  }

  .select2-results__option--selectable {
    font-size: 3.333vw;
  }

  .select2-container--default .select2-results__option--disabled {
    font-size: 3.333vw;
  }

  .search-form-button {
    max-width: 48.675vw;
    border-radius: 2.396vw;
    font-size: 4.302vw;
  }
}
/*****************************/

.recent-jops {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 17px;
  padding: 100px 0;
}

.recent-jops p {
  font-size: 39px;
  color: #74a6bd;
  font-family: "nexa-bolder" !important;
}

.recent-jops p:lang(ar) {
  font-family: "GE-SS-M" !important;
}

.recent-line {
  max-width: 472.67px;
  width: 100%;
  height: 1px;
  background-color: #74a6bd;
}

.jobs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(479.98px, 1fr));
  row-gap: 100px;
  column-gap: 68px;
  max-width: 1575px;
  margin: 0 auto;
  padding: 0 35px;
  justify-items: center;
  margin-bottom: 200px;
}

.jop {
  max-width: 766.98px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  box-shadow: 7px 7px 10px #00000066;
  padding: 26px 23.3px 23.7px;
  width: 100%;
  position: relative;
  background: #fff;
  z-index: 1;
}

.jop-title {
  font-size: 32px;
  color: #004256;
  font-family: "nexa-bolder" !important;
  max-width: 483px;
  height: 78px;
}

.jop-time-location {
  display: flex;
  align-items: center;
  gap: 54.4px;
}

.jop-time-location div {
  display: flex;
  align-items: center;
  gap: 9px;
}

.jop-time-location p {
  font-size: 22.87px;
  color: #848484;
  font-family: "nexa-bolder" !important;
}

.jop-location img {
  margin-bottom: 4px;
}

.jop-description p {
  font-size: 12px;
  color: #848484;
  font-family: "nexa-bolder" !important;
  max-width: 485px;
}

.jop-apply {
  background: #ff8e31;
  color: #fff;
  border: 0;
  width: 193.34px;
  height: 56.33px;
  font-size: 18.77px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.jop-apply:lang(ar) {
  right: unset;
  left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.jop-apply:hover {
  background: #004256;
}

@media (max-width: 1600px) {
  .recent-jops {
    gap: 13.6px;
    padding: 80px 0;
  }

  .recent-jops p {
    font-size: 31.2px;
  }

  .recent-line {
    max-width: 378.13px;
  }

  .jobs {
    grid-template-columns: repeat(auto-fit, minmax(383.98px, 1fr));
    row-gap: 80px;
    column-gap: 54.4px;
    max-width: 1260px;
    padding: 0 28px;
    margin-bottom: 160px;
  }

  .jop {
    max-width: 613.58px;
    gap: 11.2px;
    box-shadow: 7px 7px 10px #00000066;
    padding: 20.8px 18.64px 18.96px;
  }

  .jop-title {
    font-size: 25.6px;
    max-width: 386.4px;
    height: 62.4px;
  }

  .jop-time-location {
    gap: 43.52px;
  }

  .jop-time-location div {
    gap: 7.2px;
  }

  .jop-time-location p {
    font-size: 18.29px;
  }

  .jop-location img {
    margin-bottom: 3.2px;
  }

  .jop-description p {
    font-size: 9.6px;
    max-width: 388px;
  }

  .jop-apply {
    width: 154.67px;
    height: 45.06px;
    font-size: 15.01px;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
  }

  .jop-apply:lang(ar) {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

@media (max-width: 1160px) {
  .jop-apply {
    top: 44%;
  }
}

@media (max-width: 1035px) {
  .jobs {
    grid-template-columns: unset;
  }
  .recent-line {
    display: none;
  }
}

@media (max-width: 520px) {
  .jop {
    flex-direction: column;
  }
  .jop-apply {
    position: unset;
    transform: unset;
    border-radius: 24px;
    width: 114.67px;
    height: 34.06px;
    font-size: 10.01px;
  }
  .jop-apply img {
    width: 14.51px;
  }
  .jop-title {
    font-size: 20px;
  }
  .jop-description p {
    text-align: center;
  }

  .jop-time-location div {
    gap: 5.2px;
  }

  .jop-time-location p {
    font-size: 12px;
  }

  .jop-location img {
    width: 9.7px;
  }

  .jop-time img {
    width: 14.56px;
  }
}
/* Careers Page Style End Here */
/* contact us page style start here */

.contact-form-contaier {
  width: 100%;
  max-width: 79.201vw;
  background-color: #fff;
  border-radius: 2.604vw;
  padding: 2.208vw 0 4.641vw;
  box-shadow: 0.365vw 0.365vw 0.26vw #00000052;
  position: relative;
  margin: 10.417vw auto;
}

.contact-form-contaier div {
  display: block !important;
}

.contact-header h1 {
  text-align: center;
  font-size: 2.917vw;
  color: #ff8e31;
  font-family: "nexa-bolder" !important;
  letter-spacing: 0.055vw;
}

.contact-radio-container {
  padding: 2.016vw 0 3.078vw;
}

span.wpcf7-form-control.wpcf7-radio.contact-radio {
  display: flex;
  gap: 2.979vw;
  justify-content: center;
}

span.wpcf7-list-item.last {
  margin: 0;
}

.contact-radio-container label {
  position: relative;
  padding-left: 1.584vw;
  display: inline-block;
  cursor: pointer;
}

.contact-radio-container label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.contact-radio-container label::before {
  content: " ";
  width: 1.12vw;
  height: 1.12vw;
  border: 3px solid #ff8e31;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.contact-radio-container label:has(input:checked)::before {
  background-color: #ff8e31;
}

.contact-radio-container label span {
  font-size: 1.235vw;
  font-family: "nexa-bolder" !important;
  color: #777a89;
}

.contact-form-data {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2.078vw;
  row-gap: 3.016vw;
  max-width: 68.208vw;
  margin-left: 9.115vw;
  align-items: center;
}

.contact-form-data div br {
  display: none;
}

.contact-data-title {
  font-size: 0.926vw;
  color: #777a89;
  margin-bottom: 0.641vw;
  font-family: "nexa-bolder" !important;
}

.contact-form-data input {
  border: 0 !important;
  border-bottom: 1px solid #707070 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  padding-left: 0.208vw !important;
  min-height: 0.956vw !important;
}

.contact-form-data .contact-f-three {
  width: 15.409vw;
}

.contact-form-data .contact-email {
  width: 19.418vw;
}

.contact-form-data .contact-subject {
  width: 19.415vw;
}

.contact-product-container .select2-container {
  width: 19.415vw !important;
}

.contact-product-container .select2-container--default .select2-selection--single {
  border: 0;
  border-bottom: 1px solid #707070;
  border-radius: 0;
  height: 1.354vw;
}

.contact-product-container .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1.25vw;
  padding-left: 0.208vw;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 1.146vw !important;
}

.contact-form-message {
  margin: 1.672vw auto 0;
  max-width: 60.938vw;
}

.contact-form-submit {
  position: absolute;
  top: 96%;
  left: 50%;
  transform: translate(-50%, 0);
}

.contact-form-submit p {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contact-send {
  width: 14.608vw;
  height: 3.636vw;
  border-radius: 1.823vw;
  background: #ff8e31 !important;
  font-size: 1.789vw !important;
  padding-top: 1.198vw !important;
}

.contact-send:hover {
  background: #004256 !important;
}

.contact-form-line {
  width: 0.63px;
  height: 2.029vw;
  background: #43426a;
  opacity: 0.3;
}

/************************************/
.location-container {
  margin-top: 5.094vw;
  display: flex;
  flex-direction: column;
  gap: 5.417vw;
  padding-bottom: 8.542vw;
  margin-bottom: 0;
}

.location {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.125vw;
  z-index: 1;
  position: relative;
}

.location h1 {
  font-size: 3.421vw;
  color: #ff8e31;
  font-family: "nexa-bolder" !important;
  display: inline-block;
  position: relative;
}

.location h1::after {
  content: " ";
  width: 100%;
  height: 0.229vw;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to left, #80e9fb, #000000);
}

.map-container {
  display: flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  box-shadow: 0.365vw 0.365vw 0.26vw #00000052;
  max-width: 78.125vw;
}

.map-info {
  background-color: #004256e3;
  width: 100%;
  max-width: 33.488vw;
  aspect-ratio: 642.97/659.44;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4.167vw;
}

.map-info div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.573vw;
}

.map-info div p {
  font-size: 1.302vw;
  text-align: center;
  color: #fff;
  max-width: 24.479vw;
}

.map {
  width: 100%;
  max-width: 44.593vw;
  aspect-ratio: 856.18/656.34;
}

.map iframe {
  width: 100%;
  max-width: 44.593vw;
  aspect-ratio: 856.18/656.34;
  height: auto;
}

@media (max-width: 603px) {
  .contact-form-contaier {
    max-width: 84.201vw;
    padding: 9.208vw 0 18.641vw;
    box-shadow: 1.365vw 1.365vw 1.26vw #00000052;
    margin: 10.417vw auto 21.417vw;
  }
  .contact-header h1 {
    font-size: 6.611vw;
    letter-spacing: 0;
  }
  .contact-radio-container {
    padding: 5.016vw 0 5.078vw;
  }
  .contact-data-title {
    font-size: 3.333vw;
    margin-bottom: 1.667vw;
  }
  .contact-product-container .select2-container {
    width: 70.415vw !important;
  }
  .contact-product-container .select2-container--default .select2-selection--single {
    height: 5.354vw;
  }
  .contact-product-container .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 5.25vw;
    padding-left: 1.208vw;
  }
  span.wpcf7-form-control.wpcf7-radio.contact-radio {
    gap: 4.444vw;
  }
  .contact-radio-container label span {
    font-size: 3.044vw;
  }
  .contact-radio-container label::before {
    width: 3.389vw;
    height: 3.389vw;
    border: 0.611vw solid #ff8e31;
  }
  .contact-radio-container label {
    padding-left: 4.811vw;
  }
  .contact-form-message {
    margin: 7.672vw auto 0;
    max-width: 74.938vw;
  }
  .contact-form-data .contact-f-three {
    width: 100%;
  }
  .contact-form-data .contact-email {
    width: 100%;
  }

  .contact-form-data .contact-subject {
    width: 100%;
  }
  .contact-form-data {
    flex-direction: column;
    margin: 0 auto;
    padding: 0 2.778vw;
    row-gap: 6.016vw;
    max-width: 76.208vw;
  }
  .contact-form-line {
    display: none;
  }
  .contact-form-submit {
    top: 94%;
  }
  .contact-send {
    width: 42.881vw;
    height: 10.236vw;
    font-size: 5.408vw !important;
    padding-top: 3.444vw !important;
  }

  .location-container {
    gap: 12.417vw;
    padding-bottom: 14.542vw;
  }

  .location h1 {
    font-size: 6.421vw;
  }
  .location h1::after {
    height: 0.529vw;
  }

  .map-container {
    padding: 0;
  }

  .map-info {
    gap: 6.667vw;
    aspect-ratio: unset;
    padding: 9.444vw 2.778vw;
    max-width: 190.261vw;
  }

  .map-info div {
    gap: 0.992vw;
  }

  .map-info div img {
    width: 5.556vw;
  }

  .map-info div p {
    font-size: 3.886vw;
    max-width: 84.167vw;
  }

  .map {
    max-width: 78.793vw;
  }

  .map iframe {
    aspect-ratio: 856.18/1021.34;
    max-width: 78.593vw;
  }
}

/* contact us page style end here */

/* Robin Page Style Start Here */

.robin-page-bg {
  background-image: url("assets/images/robin/Robin-page-bg.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-robin {
  height: 49.896vw;
}

.hero-robin-text {
  left: 7.292vw;
  top: 17.891vw;
}
.hero-robin-text:lang(ar) {
  top: 12.891vw;
}

.hero-robin-text .top img {
  width: 19.161vw;
}

.robin {
  bottom: -2.906vw;
  right: 11.823vw;
}

.robin .logo-container {
  top: -11.99vw;
  right: 2.638vw;
  width: 21.719vw;
}

.robin .cylinder {
  width: 31.686vw;
}

.robin-title {
  font-size: 4.003vw;
  color: #212121;
  text-transform: uppercase;
  padding: 1.771vw 0 0.417vw;
  text-align: center;
}

.robin-title .text-circle {
  position: relative;
  color: #fff;
  z-index: 4;
}

.robin-title .text-circle::after {
  content: " ";
  width: 7.297vw;
  height: 7.297vw;
  border-radius: 50%;
  background-color: #74a6bd;
  position: absolute;
  right: -3%;
  top: 30%;
  z-index: -1;
  transform: translate(0%, -50%);
}

.robin-title:lang(ar) {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  z-index: 1;
}

.robin-title:lang(ar):after {
  content: " ";
  width: 7.297vw;
  height: 7.297vw;
  border-radius: 50%;
  background-color: #74a6bd;
  position: absolute;
  right: -2.708vw;
  top: 4.01vw;
  z-index: -1;
  transform: translate(0%, -50%);
}

.robin-features .robin-title:lang(ar)::after {
  top: 15.01vw;
}

.robin-features {
  user-select: none;
}

@media (max-width: 940px) {
  .robin-title:lang(ar):after {
    width: 12.297vw;
    height: 12.297vw;
    right: -6.667vw;
    top: 5.833vw;
  }

  .subscription-mobile .robin-title:lang(ar):after {
    top: 15.278vw;
  }
}

/* why Robin */

.why-robin {
  padding: 0 5.532vw;
  display: flex;
  position: relative;
  margin-top: 3.542vw;
  margin-bottom: 4.948vw;
}

.why-robin:lang(ar) {
  flex-direction: row-reverse;
}

.why-robin-text {
  display: flex;
  flex-direction: column;
  gap: 2.917vw;
  position: absolute;
  right: 2.708vw;
  top: -1.354vw;
  align-items: flex-start;
}

.why-robin-img img {
  width: 52.969vw;
}

.why-robin-text .robin-title {
  margin-left: 1.25vw;
}

.why-robin-text .robin-title:lang(ar) {
  margin-right: 2.25vw;
  margin-left: 0;
}

.why-robin-text p {
  font-size: 1.458vw;
  max-width: 45.938vw;
  color: #004256;
  line-height: 1.563vw;
}

/* automating processes style start here */

.automating-title {
  margin-bottom: 10.62vw;
}

.automating-title p {
  text-align: center;
  font-size: 1.563vw;
  color: #004256;
}
.english-font {
  font-family: "nexa-bold" !important;
}
.automation-modules-container {
  height: 31.198vw;
  background-image: url("assets/images/robin/automating-bg.png");
  width: 100%;
  background-position: center;
  background-size: cover;
}

.automation-modules {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 2.083vw;
}

.module {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.417vw;
}

.module-text {
  font-size: 1.146vw;
  text-align: center;
  color: #000;
  line-height: 1.146vw;
}

.module-image {
  width: 4.115vw;
}

.module-line {
  width: 4.147vw;
  transform: translate(1.979vw, 0);
}

.module:first-child {
  transform: translate(0px, -11.927vw);
}
.module:first-child:lang(ar) {
  transform: translate(0px, -10.427vw);
}
.module:nth-child(2) {
  transform: translate(0px, -8.125vw);
}
.module:nth-child(2):lang(ar) {
  transform: translate(0px, -6.125vw);
}
.module:nth-child(3) {
  transform: translate(0px, -4.1vw);
}
.module:nth-child(3):lang(ar) {
  transform: translate(0px, -2.3vw);
}
.module:nth-child(4) {
  transform: translate(0px, -0.36vw);
}
.module:nth-child(4):lang(ar) {
  transform: translate(0px, 1.44vw);
}
.module:nth-child(5) {
  transform: translate(0px, 3.498vw);
}
.module:nth-child(5):lang(ar) {
  transform: translate(0px, 5.498vw);
}
.module:nth-child(6) {
  transform: translate(0px, 7.144vw);
}
.module:nth-child(6):lang(ar) {
  transform: translate(0px, 9.644vw);
}
.module:nth-child(7) {
  transform: translate(0px, 10.79vw);
}
.module:nth-child(7):lang(ar) {
  transform: translate(0px, 13.29vw);
}
.module:nth-child(8) {
  transform: translate(0px, 15.008vw);
}
.module:nth-child(8):lang(ar) {
  transform: translate(0px, 17.008vw);
}

.automation-rcm {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.125vw;
  margin-right: 4.807vw;
  margin-top: 7.969vw;
}

.automation-rcm h1 {
  font-size: 3.847vw;
  font-family: "nexa-bold" !important;
}

.automation-rcm h2 {
  font-size: 1.854vw;
}

.automation-rcm h2:lang(ar) {
  font-size: 1.354vw;
}

.automation-modules-mobile {
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 12.778vw;
  position: relative;
  padding: 7.222vw 0;
}

.module-mobile {
  width: 2.778vw;
  height: 2.778vw;
  background: #004256;
  border-radius: 50%;
  position: relative;
}

.module-mobile-mid-line {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #004256;
  height: 124.444vw;
  width: 0.833vw;
}

.module-mobile-con {
  position: absolute;
  display: flex;
  align-items: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 38.333vw;
}

.module-mobile-line {
  height: 0.556vw;
  width: 8.333vw;
  background: #004256;
}
.module-mobile:nth-child(odd) .module-mobile-con {
  left: -694%;
  justify-content: flex-end;
}

.module-mobile:nth-child(even) .module-mobile-con {
  left: 791%;
  justify-content: flex-start;
}

/* features style start here */
.robin-features {
  background-image: url("assets/images/robin-features-bg.png");
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 1402px;
}

.robin-features .robin-title {
  padding-top: 12.969vw;
  padding-bottom: 82px;
}

.robin-features-slider {
  position: relative;
  user-select: none;
}

.robin-features-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 58.6px;
  padding-top: 71.7px;
}

.robin-features-slide img {
  width: 185px !important;
  -webkit-box-reflect: unset !important;
}

.robin-features-slide p {
  font-size: 23px;
  max-width: 320.33px;
}

/* Intelligent Style Start Here */

.robin-itelligent-conainer {
  margin-top: -6.563vw;
  margin-bottom: 10.995vw;
}

.robin-itelligent {
  text-align: center;
}

.robin-itelligent h1 {
  font-size: 3.377vw;
  margin-bottom: 0.521vw;
}

.robin-itelligent p {
  font-size: 1.361vw;
}

.intelligent-items {
  width: 74.806vw;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 3.297vw;
}

.intelligent-item {
  display: flex;
  align-items: center;
  gap: 1.182vw;
}

.intelligent-item img {
  width: 5.521vw;
}

.intelligent-item p {
  font-size: 1.146vw;
}

/* integrated */

.robin-itegrated .integrated-with {
  gap: 4.18vw;
  padding-top: 0;
  padding-bottom: 14.583vw;
}

@media (max-width: 1600px) {
  .robin-features {
    height: 1121.6px;
  }

  .robin-features .robin-title {
    padding-bottom: 65.6px;
  }

  .robin-features-slide img {
    width: 148px !important;
  }

  .robin-features-slide p {
    font-size: 18.4px;
    max-width: 256.26px;
  }

  .robin-features-slide {
    gap: 46.88px;
    padding-top: 57.36px;
  }
}

@media (max-width: 940px) {
  .hero-robin {
    height: 148.283vw;
  }
  .hero-robin-text {
    left: 50%;
    top: 32.722vw;
    transform: translate(-50%, -50%);
    width: 100%;
  }

  .hero-robin-text .top img {
    width: 34.161vw;
  }

  .robin {
    bottom: -5.906vw;
    right: 16.823vw;
  }

  .robin .logo-container {
    width: 47vw;
    top: -26.611vw;
    right: 6.5vw;
  }

  .robin .cylinder {
    width: 66.5vw;
  }

  .robin-title {
    font-size: 6.556vw;
  }

  .robin-title .text-circle::after {
    width: 10.333vw;
    height: 10.333vw;
  }

  /* why Robin */

  .why-robin {
    flex-direction: column-reverse;
    align-items: center;
    gap: 4.167vw;
  }

  .why-robin:lang(ar) {
    flex-direction: column-reverse;
  }

  .why-robin-text {
    gap: 2.917vw;
    position: unset;
    text-align: center;
    align-items: center;
  }

  .why-robin-img img {
    width: 52.969vw;
  }

  .why-robin-text .robin-title {
    margin-left: unset;
  }

  .why-robin-text p {
    font-size: 2.758vw;
    max-width: 70.938vw;
    line-height: 2.563vw;
  }

  /* automating processes style start here */
  .automation-modules-container {
    height: auto;
  }

  .automating-title p {
    font-size: 2.763vw;
  }

  .automation-modules {
    max-width: 73.056vw;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7.778vw;
    display: none;
  }

  .automation-modules-mobile {
    display: flex;
  }

  .module {
    transform: translate(0, 0) !important;
    gap: 0.417vw;
  }

  .module-text {
    font-size: 2.746vw;
    line-height: 2.646vw;
  }

  .module-image {
    width: 11.115vw;
  }

  .module-line {
    display: none;
  }

  .automation-rcm h1 {
    font-size: 4.547vw;
  }

  .automation-rcm h2 {
    font-size: 2.854vw;
  }
  .automation-rcm h2:lang(ar) {
    font-size: 2.554vw;
    text-align: center;
    padding-left: 0;
  }

  .automation-rcm:lang(ar) {
    gap: 0;
    margin-left: 1.807vw;
    margin-right: 1.807vw;
    margin-top: 7.969vw;
  }
  /* features */
  .robin-features {
    height: 555.6px;
  }

  .robin-features .robin-title {
    padding-bottom: 40.6px;
  }

  .robin-features-slide img {
    width: 103px !important;
  }
  .robin-features-slide p {
    font-size: 11.4px;
    max-width: 179.26px;
  }

  /* integrated */
  .robin-itelligent h1 {
    font-size: 6.377vw;
    margin-bottom: 2.521vw;
  }

  .robin-itelligent p {
    font-size: 3.361vw;
    padding: 0 4.444vw;
  }

  .robin-itelligent-conainer {
    margin-bottom: 15.995vw;
    margin-top: 19.437vw;
  }

  .intelligent-items {
    width: auto;
    margin-top: 5.297vw;
    flex-direction: column;
    gap: 5vw;
  }

  .intelligent-item {
    display: flex;
    align-items: center;
    gap: 2.182vw;
    flex-direction: column;
  }

  .intelligent-item img {
    width: 13.521vw;
  }

  .intelligent-item p {
    font-size: 3.146vw;
  }

  .intelligent-item p br {
    display: none;
  }
}

/* Robin Page Style End Here */

.hero-thynk {
  background-image: url("assets/images/tynk/think-main-bg-2.png");
}

.thynk .logo-container {
  width: 32.346vw;
  top: -9.677vw;
  right: -0.362vw;
}

.thynk .logo-container .logo {
  width: 32.346vw;
}

.thynk .cylinder {
  width: 36.854vw;
}

/* Why Think */

.why-thynk {
  padding: 3.077vw 0;
}

.why-thynk p {
  font-size: 1.009vw;
  color: #004256;
  text-align: center;
  margin: 0 auto;
  margin-top: 1.302vw;
  width: 42.647vw;
}

.why-thynk-items {
  display: flex;
  flex-wrap: wrap;
  max-width: 84.375vw;
  margin: 0 auto;
  justify-content: center;
  column-gap: 4.115vw;
}

.why-thynk-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}

.why-thynk-image {
  height: 7.76vw;
  width: 13.646vw;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.why-thynk-item img {
  width: 10.104vw;
  transition: 0.3s;
}

.why-thynk-item:hover img {
  width: 11.979vw;
}

.why-thynk-item p {
  width: 25.352vw;
  height: 6.01vw;
  font-size: 0.944vw;
}

/* packages */

.tynk-subscription {
  padding: 5.365vw 12.542vw 4.74vw;
}

.subscription .tynk-sub-row:nth-child(2) .pointer {
  text-align: center;
  width: 16.625vw;
  height: 7.927vw;
}

.subscription .tynk-sub-row div:first-child {
  max-width: 58.906vw;
  width: 37.906vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.package-name p {
  font-size: 0.938vw;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.26vw;
}

.package-read-more-text {
  padding-top: 0.208vw;
}

.package-read-more {
  font-family: "GE-SS-B" !important;
  background: #74a3ba;
  border-radius: 50%;
  color: #fff;
  height: 1.354vw;
  width: 1.354vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.354vw;
  transform: rotate(0deg);
  padding-bottom: 0.156vw;
  padding-left: 0.104vw;
  transition: 0.3s;
}

.package-read-more.activated {
  transform: rotate(90deg);
  padding-bottom: 0.073vw;
  padding-left: 0.104vw;
}
.package-read-more.activated:lang(ar) {
  transform: rotate(-90deg);
}

.subscription .tynk-sub-row div:not(:first-child) {
  width: 18.302vw;
}

.plans-name .thynk-plan-tab {
  width: 160.8px;
}

/* API & Scrubber */

.scrubberSwiper {
  background-image: url("assets/images/codemine-2/features-benefits-bg.png");
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
}

.scrubberSwiper .swiper-slide {
  height: 46.982vw;
  display: flex;
  align-items: center;
}

.scrubberapi-container {
  display: flex;
  justify-content: space-between;
  height: 31.892vw;
  align-items: flex-start;
  width: 85.515vw;
  padding-top: 1.615vw;
}

.scrubberapi-text {
  text-align: left;
}

.scrubberapi-text h3 {
  font-size: 2.065vw;
  color: #fff;
  font-family: "nexa-bolder" !important;
  margin-bottom: 1.932vw;
}

.scrubberapi-text ul {
  display: flex;
  flex-direction: column;
  gap: 3.698vw;
}

.scrubberapi-text li {
  display: flex;
  gap: 1.099vw;
  align-items: flex-start;
  font-size: 1.376vw;
  color: #fff;
}

.scrubberapi-text img {
  width: 1.242vw;
}

.scrubberapi-gif-container {
  position: relative;
}

.scrubberapi-gif {
  width: 43.016vw !important;
  height: 23.515vw !important;
  box-shadow: 0.724vw 1.036vw 0 #a8c5fe;
  border-radius: 0.521vw;
  object-fit: contain !important;
}

.scrubberapi-gif-over {
  position: absolute;
  top: 49.5%;
  left: 49%;
  transform: translate(-50%, -50%);
  width: 48.854vw !important;
  min-width: 48.854vw;
  height: 37.396vw !important;
  object-fit: contain !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  bottom: 2.76vw !important;
}

/* Features */

.thynk-features .robin-title {
  padding-bottom: 0.417vw;
}

.thynk-features-sub {
  font-size: 1.615vw;
  color: #004256;
  text-align: center;
  padding-bottom: 82px;
}

.swiper-carousel-animate-opacity-thynk {
  background-color: #fff;
}

.featuresSwiper-background-2 {
  width: 359.67px;
  height: auto;
  aspect-ratio: 359.67/559.99;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.featuresSwiper-background {
  width: 359.67px;
  height: auto;
  aspect-ratio: 359.67/559.99;
  background: linear-gradient(to left, #4e2670, #ed1d24);
  position: absolute;
  top: 51.5%;
  left: 52.5%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
/* ***** */

.thynk-packages-section {
  margin-top: -6.094vw;
}
.thynk-features-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  height: 100%;
  justify-content: center;
}
.thynk-features-slide img {
  width: 86.44px !important;
  height: auto !important;
  -webkit-box-reflect: unset !important;
}
.thynk-features-slide h5 {
  font-size: 54.26px;
  color: #252525;
}
.thynk-features-slide p {
  font-size: 20px;
  max-width: 333.22px;
}

.thynk-package-desktop {
  display: block;
}

.thynk-package-mobile {
  display: none;
}

.think-packages {
  background-image: unset;
  width: 100%;
  height: 16.398vw;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.think-packages-con {
  width: 95.729vw;
  height: 13.833vw;
  background: unset;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.536vw;
}

.think-packages-con h3 {
  font-size: 1.771vw;
  color: #004256;
}

.think-packages-options {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 83%;
  border-radius: 1.302vw;
  box-shadow: 0.052vw 1.042vw 0.833vw -0.677vw #707070;
}

.think-packages-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.313vw;
  height: 7.708vw;
}

.think-packages-option:nth-child(2) {
  border-left: 1px dashed #707070;
  border-right: 1px dashed #707070;
}

.think-packages-option img {
  width: 2.656vw;
}

.think-packages-option p {
  font-size: 1.615vw;
  color: #004256;
  text-align: center;
}

.think-packages-option p:lang(ar) {
  font-size: 1.415vw;
  text-align: center;
}

@media (max-width: 940px) {
  .think-packages {
    height: 50.398vw;
  }
  .think-packages-con {
    width: 84.729vw;
    height: 44.833vw;
    gap: 4.536vw;
  }

  .think-packages-con h3 {
    font-size: 3.771vw;
  }

  .think-packages-options {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    gap: 12px;
  }

  .think-packages-option img {
    width: 3.656vw;
  }
  .think-packages-option p {
    font-size: 2.615vw;
  }
  .think-packages-option p:lang(ar) {
    font-size: 2.915vw;
  }

  .think-packages-option {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.613vw;
    height: 11.708vw;
  }

  .think-packages-option:nth-child(2) {
    border: 0;
  }
}

@media (max-width: 1600px) {
  .thynk-features-sub {
    padding-bottom: 65.6px;
  }
  .featuresSwiper-background {
    width: 287.73px;
  }
  .featuresSwiper-background-2 {
    width: 287.73px;
  }
  /* ***** */
  .thynk-features-slide {
    gap: 5.6px;
  }
  .thynk-features-slide img {
    width: 69.15px !important;
  }
  .thynk-features-slide h5 {
    font-size: 43.4px;
  }
  .thynk-features-slide p {
    font-size: 16px;
    max-width: 266.57px;
  }
}

@media (max-width: 940px) {
  .thynk .logo-container {
    width: 61vw;
    top: -18.611vw;
    right: 0.5vw;
  }
  .thynk .logo-container .logo {
    width: 61vw;
  }
  .thynk .cylinder {
    width: 66.5vw;
  }

  /* Why Think */
  .why-thynk {
    padding: 6.077vw 0;
  }
  .why-thynk p {
    font-size: 2.675vw;
    margin-top: 2.302vw;
    width: 83.647vw;
  }
  .why-thynk p br {
    display: none;
  }
  .why-thynk p:lang(ar) {
    font-size: 2.675vw;
  }
  .why-thynk-items {
    max-width: 87.375vw;
    margin-top: 5vw;
  }
  .why-thynk-item p {
    width: 41.352vw;
    height: 14.01vw;
    font-size: 2.54vw;
  }

  .why-thynk-item p br {
    display: none;
  }

  .none {
    display: none;
  }

  .why-thynk-image {
    height: 9.76vw;
    width: 25.646vw;
  }

  .why-thynk-item img {
    width: 17.104vw;
    transition: 0.3s;
  }
  .why-thynk-item:hover img {
    width: 18.979vw;
  }

  /* API & Scrubber */
  .scrubberSwiper .swiper-slide {
    height: 105.556vw;
  }

  .scrubberapi-container {
    height: 86.944vw;
    flex-direction: column;
  }

  .scrubberapi-gif-over {
    display: none !important;
  }

  .scrubberapi-text h3 {
    font-size: 3.889vw;
    margin-bottom: 2.222vw;
  }
  .scrubberapi-text ul {
    gap: 1.944vw;
  }
  .scrubberapi-text li {
    font-size: 3.056vw;
    gap: 1.111vw;
  }
  .scrubberapi-text img {
    width: 2.5vw;
  }

  .scrubberapi-gif {
    width: 84.167vw !important;
    height: 46.111vw !important;
    box-shadow: 1.389vw 2.222vw 0 #a8c5fe;
  }

  /* Features */
  .thynk-features-sub {
    font-size: 3.2vw;
    padding-bottom: 47px;
  }

  .featuresSwiper-background {
    width: 216.73px;
  }
  .featuresSwiper-background-2 {
    width: 213.73px;
  }
  .thynk-features-slide p {
    font-size: 12px;
    max-width: 194.57px;
  }

  .thynk-package-desktop {
    display: none;
  }

  .thynk-packages-section {
    margin-top: 15.278vw;
  }

  .thynk-package-mobile {
    display: block;
  }
}

.thynkAi {
  background: #c2d7d7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8.073vw 7.5vw;
}

.thynkAi-list ul {
  display: flex;
  flex-direction: column;
  gap: 3.49vw;
}

.thynkAi-list li {
  font-size: 1.302vw;
  display: flex;
  gap: 1.526vw;
}

.thynkAi-list li img {
  margin-top: -0.313vw;
  width: 1.242vw;
}

.thynkAi-images {
  width: 43.016vw;
  position: relative;
}

.thynkAi-over {
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-57%, -46%);
  width: 41.875vw;
  z-index: 0;
}

.thynkSwiper2 {
  box-shadow: 0.625vw 0.625vw 0 #7ea4d4;
  border-radius: 0.833vw;
}

.thynkSwiper {
  margin-top: 2.292vw;
  padding: 0px 9.74vw !important;
}

.thynkSwiper .swiper-slide {
  opacity: 0.4;
}

.thynkSwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.thynkSwiper .swiper-button-next {
  right: 17%;
  left: auto;
  top: 50%;
  transform: translate(50%, 19%);
}

.thynkSwiper .swiper-button-next:lang(ar) {
  right: auto;
  left: 13%;
  top: 50%;
  transform: translate(50%, 19%);
}

.thynkSwiper .swiper-button-prev {
  right: auto;
  left: 13%;
  top: 50%;
  transform: translate(50%, 19%);
}

.thynkSwiper .swiper-button-prev:lang(ar) {
  right: 17%;
  left: auto;
  top: 50%;
  transform: translate(50%, 19%);
}

.thynkSwiper .swiper-button-next,
.thynkSwiper .swiper-button-prev {
  width: 1.765vw;
  height: 1.765vw;
}

.thynkSwiper .swiper-button-prev:after,
.thynkSwiper .swiper-button-next:after {
  font-size: 1.25vw;
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 600px) {
  .thynkAi {
    flex-direction: column;
    padding: 8.073vw 3.5vw;
    gap: 7.5vw;
  }
  .thynkAi-over {
    display: none;
  }
  .thynkAi-list li {
    font-size: 2.778vw;
  }
  .thynkAi-list li img {
    margin-top: -0.813vw;
    width: 2.242vw;
  }
  .thynkAi-images {
    width: 100%;
  }

  .thynkSwiper {
    margin-top: 4.292vw;
    padding: 0 !important;
  }
}

/* qube page style start here */
.hero-qube {
  background-image: url("assets/images/qube/qube-main-bg.png");
}
.why-qube-container {
  background-image: url("assets/images/robin-features-bg.png");
  background-position: top;
  background-size: cover;
  height: 72.417vw;
}

.why-qube-items {
  margin-top: 3.125vw;
}

.qube-features {
  background-image: none;
  margin-top: -22.844vw;
}

.featuresSwiper-background-qube {
  background: linear-gradient(to left, #8c6aa4, #5dff93);
}

@media (max-width: 940px) {
  .why-qube-container {
    height: unset;
  }
  .why-qube-items {
    margin-top: 10.125vw;
  }
  .qube-features {
    margin-top: unset;
    margin-bottom: 5vw;
  }
}
/* qube page style end here */

/* technology page style start here */

.main-technology {
  background-image: url("assets/images/Background4.png");
  background-position: top;
  background-size: cover;
}

.title-technology {
  font-size: 4.004vw;
  margin-top: -4.375vw;
}
.title-technology:lang(ar) {
  margin-top: -4.375vw;
}

.title-technology .text-circle::after {
  width: 7.297vw;
  height: 7.297vw;
}

/* why santechture */

.why-santechture {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 15.104vw;
}

.why-santechture h1 {
  font-size: 7.303vw;
  font-family: "nexa-extrabold" !important;
  color: #ff8b31;
  line-height: 5.208vw;
  text-transform: uppercase;
}
.why-santechture h1:lang(ar) {
  font-family: "GE-SS-B" !important;
}
.why-santechture h2 {
  font-size: 5.259vw;
  color: #004256;
  text-transform: uppercase;
}

.why-santechture p {
  font-size: 1.458vw;
  color: #9397ad;
  width: 64.391vw;
  text-align: center;
}

/* santechture enhances */

.santechture-enhances {
  background-image: url("assets/images/santechture-enhances-bg.jpg");
  height: 38.49vw;
  background-position: center;
  background-size: cover;
  margin-top: 8.057vw;
  display: flex;
  align-items: center;
}

.santechture-enhances-text {
  display: flex;
  justify-content: center;
  border-left: 0.711vw solid #74a6bd;
  height: 17.591vw;
  flex-direction: column;
  gap: 1.823vw;
  margin-left: 11.042vw;
  padding-left: 0.792vw;
}

.santechture-enhances-text:lang(ar) {
  height: 23.591vw;
  margin-right: 7.042vw;
  padding-right: 0.792vw;
  border-right: 0.711vw solid #74a6bd;
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}

.santechture-enhances-text h1 {
  font-size: 3.74vw;
  line-height: 2.969vw;
  font-family: "nexa-light" !important;
  color: #ffff;
}

.santechture-enhances-text h1:lang(ar) {
  font-family: "GE-SS-L" !important;
  font-size: 2.74vw;
}

.santechture-enhances-text .enhances-bold {
  font-family: "nexa-extrabold" !important;
}
.santechture-enhances-text .enhances-bold:lang(ar) {
  font-family: "GE-SS-B" !important;
}

.santechture-enhances-text p {
  color: #fff;
  font-size: 1.39vw;
  width: 64.792vw;
}

/* solutions technology */

.solutions-technology-container {
  display: flex;
  flex-direction: column;
  gap: 3.833vw;
  padding: 4.823vw 0;
}

.solutions-technology-title {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.solutions-technology-title h2 {
  font-size: 4.633vw;
  color: #ff8b31;
}

.solutions-technology-title h1 {
  font-size: 5.259vw;
  color: #004256;
}

.solutions-technology {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.technology-solution {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.432vw;
}

.technology-solution p {
  font-size: 1.302vw;
  text-align: center;
  color: #004256;
}

.technology-solution img {
  width: 5.677vw;
}

.solutions-technology-buttons {
  display: flex;
  gap: 1.823vw;
  justify-content: center;
}

.solutions-technology-buttons button {
  width: 11.971vw;
  height: 3.469vw;
  border: 0;
  background: #ff8e31;
  color: #fff;
  font-size: 1.224vw;
  border-radius: 0.365vw;
  padding-top: 0.208vw;
}

.solutions-technology-buttons a:nth-child(2) button {
  background-color: #74a6bd;
  font-size: 1.541vw;
}

/* versatile */

.versatile {
  background-image: url("assets/images/versatile.jpg");
  background-position: center;
  background-size: cover;
  height: 31.875vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3.266vw;
  padding-left: 28.646vw;
  padding-top: 3.333vw;
}
.versatile:lang(ar) {
  padding-top: 0;
}

.versatile-title {
  text-align: center;
}

.versatile-title h2 {
  font-size: 4.633vw;
  color: #fff;
  line-height: 2.292vw;
}

.versatile-title h2:lang(ar) {
  line-height: 6.292vw;
}

.versatile-title h1 {
  font-size: 7.199vw;
  color: #ff8e31;
  font-family: "nexa-extrabold" !important;
  line-height: 4.896vw;
}

.versatile-title h1:lang(ar) {
  font-family: "GE-SS-B" !important;
}

.versatile-text {
  display: flex;
  flex-direction: column;
  gap: 1.661vw;
  align-items: center;
}

.versatile-text p {
  font-size: 1.458vw;
  color: #fff;
  text-align: center;
  width: 66.064vw;
}

/* our solutions */
.technology-options-container {
  display: flex;
  flex-direction: column;
  gap: 2.083vw;
  padding: 5.115vw;
}

.technology-options-title {
  text-align: center;
}

.technology-options-title h1 {
  font-size: 6.089vw;
  font-family: "nexa-extrabold" !important;
  line-height: 4.531vw;
  color: #ff8e31;
}

.technology-options-title h1:lang(ar) {
  font-family: "GE-SS-B" !important;
}

.technology-options-title h2 {
  font-size: 5.259vw;
  line-height: 5.729vw;
  color: #004256;
}

.technology-options {
  display: flex;
  justify-content: center;
  gap: 2.411vw;
}

.technology-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.526vw;
  position: relative;
  z-index: 1;
}

.technology-option-text {
  width: 19.167vw;
  height: 32.188vw;
  background-position: center;
  background-size: cover;
  border-radius: 0.521vw;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 18.802vw;
}

.technology-option-text h1 {
  font-size: 2.802vw;
  font-family: "nexa-extrabold" !important;
}

.technology-option-text h1:lang(ar) {
  font-family: "GE-SS-B" !important;
}

.technology-option-text p {
  width: 15.521vw;
  font-size: 1.088vw;
}

.technology-thynk {
  background-image: url("assets/images/technology-option1.png");
}
.technology-codemine {
  background-image: url("assets/images/technology-option2.png");
}
.technology-robin {
  background-image: url("assets/images/technology-option3.png");
}
.technology-qube {
  background-image: url("assets/images/technology-option4.png");
}

.technology-option button {
  border: 0;
  width: 11.177vw;
  height: 3.239vw;
  font-size: 1.439vw;
  color: #fff;
  background: #ff8e31;
  border-radius: 0.313vw;
}

.products-options {
  padding: 8.115vw;
}

.products-options .technology-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  row-gap: 6.411vw;
}

@media (max-width: 940px) {
  .title-technology {
    font-size: 7.004vw;
    margin-top: -86.375vw;
  }
  .title-technology:lang(ar) {
    margin-top: -86.375vw;
  }

  .title-technology .text-circle::after {
    width: 10.297vw;
    height: 10.297vw;
  }
  .why-santechture h1 {
    font-size: 13.303vw;
    line-height: 10.208vw;
  }
  .why-santechture h2 {
    font-size: 9.259vw;
  }
  .why-santechture p {
    font-size: 3.458vw;
    width: 84.391vw;
  }
  .santechture-enhances {
    height: 76.49vw;
    justify-content: center;
  }
  .santechture-enhances-text {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
    align-items: center;
    text-align: center;
  }
  .santechture-enhances-text:lang(ar) {
    height: 59.591vw;
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
    align-items: center;
    text-align: center;
  }
  .santechture-enhances-text h1 {
    font-size: 6.44vw;
    line-height: 6.969vw;
    max-width: 101.222vw;
  }
  .santechture-enhances-text h1:lang(ar) {
    font-size: 3.74vw;
  }

  .santechture-enhances-text p {
    color: #fff;
    font-size: 3.39vw;
    width: 88.792vw;
  }

  .solutions-technology-container {
    display: flex;
    flex-direction: column;
    gap: 6.833vw;
    padding: 6.823vw 0;
  }

  .solutions-technology-title h1 {
    font-size: 9.259vw;
  }

  .solutions-technology-title h2 {
    font-size: 7.633vw;
  }

  .solutions-technology {
    grid-template-columns: 1fr 1fr;
    row-gap: 8vw;
  }

  .technology-solution {
    gap: 2.432vw;
  }

  .technology-solution img {
    width: 12.677vw;
  }

  .technology-solution p {
    font-size: 3.302vw;
    text-align: center;
    color: #004256;
  }
  .solutions-technology-buttons {
    gap: 6.823vw;
  }
  .solutions-technology-buttons button {
    width: 29.971vw;
    height: 7.469vw;
    font-size: 3.224vw;
    border-radius: 0.765vw;
    padding-top: 0.508vw;
  }
  .solutions-technology-buttons button:lang(ar) {
    font-size: 3.224vw;
    height: 9.469vw;
  }
  .solutions-technology-buttons a:nth-child(2) button {
    font-size: 3.541vw;
  }
  .versatile {
    height: 77.875vw;
    padding-left: 0;
    padding-top: 0;
    gap: 7.266vw;
  }
  .versatile-title h2 {
    font-size: 10.633vw;
    line-height: 6.292vw;
  }
  .versatile-title h2:lang(ar) {
    line-height: 11.292vw;
  }
  .versatile-title h1 {
    font-size: 12.199vw;
    line-height: 8.896vw;
  }
  .versatile-text {
    gap: 3.661vw;
  }
  .versatile-text p {
    font-size: 2.858vw;
    width: 92.064vw;
  }

  .technology-options-container {
    gap: 2.083vw;
    padding: 4.115vw 2vw;
  }
  .technology-options-title h1 {
    font-size: 11.089vw;
    line-height: 8.531vw;
  }
  .technology-options-title h2 {
    font-size: 8.259vw;
    line-height: 8.729vw;
  }
  .technology-options {
    gap: 5.411vw;
    flex-wrap: wrap;
  }
  .technology-option-text {
    width: 41.667vw;
    height: 66.667vw;
    padding-top: 35.802vw;
  }
  .technology-option-text h1 {
    font-size: 5.802vw;
  }
  .technology-option-text p {
    width: 38.521vw;
    font-size: 2.988vw;
  }
  .technology-option-text p:lang(ar) {
    font-size: 2.688vw;
  }
  .technology-option {
    gap: 2.526vw;
  }
  .technology-option button {
    width: 20.833vw;
    height: 6.389vw;
    font-size: 2.939vw;
    border-radius: 0.713vw;
  }

  .products-options .technology-options {
    display: flex;
    justify-content: center;
    gap: 5.411vw;
    flex-wrap: wrap;
  }
}

/* technology page style end here */

html[lang="en-US"] [lang="ar"],
html[lang="ar"] [lang="en-US"] {
  display: none;
}
.sub-row.codemine {display:flex;gap:2px}