/* @font-face {
  font-family: 'Panton';
  src: local('Panton  Black'), local('Panton--Black'),
      url('fonts/Panton-Black.woff2') format('woff2'),
      url('fonts/Panton-Black.woff') format('woff'),
      url('fonts/Panton-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
} */


@font-face {
  font-family: 'NeueHaasGroteskDisplayPro-Black';
  src: url('fonts/NeueHaasDisplay-Black.eot');
  src: url('fonts/NeueHaasDisplay-Black.eot?#iefix') format('embedded-opentype'),
      url('fonts/NeueHaasDisplay-Black.woff2') format('woff2'),
      url('fonts/NeueHaasDisplay-Black.woff') format('woff'),
      url('fonts/NeueHaasDisplay-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'NeueHaasGroteskDisplayPro-Light';
  src: url('fonts/NeueHaasDisplay-Light.eot');
  src: url('fonts/NeueHaasDisplay-Light.eot?#iefix') format('embedded-opentype'),
      url('fonts/NeueHaasDisplay-Light.woff2') format('woff2'),
      url('fonts/NeueHaasDisplay-Light.woff') format('woff'),
      url('fonts/NeueHaasDisplay-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'NeueHaasGroteskDisplayPro-Bold';
  src: url('fonts/NeueHaasDisplay-Bold.eot');
  src: url('fonts/NeueHaasDisplay-Bold.eot?#iefix') format('embedded-opentype'),
      url('fonts/NeueHaasDisplay-Bold.woff2') format('woff2'),
      url('fonts/NeueHaasDisplay-Bold.woff') format('woff'),
      url('fonts/NeueHaasDisplay-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'NeueHaasGroteskDisplayPro-Medium';
  src: url('fonts/NeueHaasDisplay-Mediu.eot');
  src: url('fonts/NeueHaasDisplay-Mediu.eot?#iefix') format('embedded-opentype'),
      url('fonts/NeueHaasDisplay-Mediu.woff2') format('woff2'),
      url('fonts/NeueHaasDisplay-Mediu.woff') format('woff'),
      url('fonts/NeueHaasDisplay-Mediu.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'NeueHaasGroteskDisplayPro-Thin';
  src: url('fonts/NeueHaasDisplay-Thin.eot');
  src: url('fonts/NeueHaasDisplay-Thin.eot?#iefix') format('embedded-opentype'),
      url('fonts/NeueHaasDisplay-Thin.woff2') format('woff2'),
      url('fonts/NeueHaasDisplay-Thin.woff') format('woff'),
      url('fonts/NeueHaasDisplay-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}


/*  */

@font-face {
  font-family: 'LyonArabicDisplay-bold';
  src: url('fonts/LyonArabicDisplay-Bold.eot');
  src: url('fonts/LyonArabicDisplay-Bold.eot?#iefix') format('embedded-opentype'),
      url('fonts/LyonArabicDisplay-Bold.woff2') format('woff2'),
      url('fonts/LyonArabicDisplay-Bold.woff') format('woff'),
      url('fonts/LyonArabicDisplay-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'LyonArabicDisplay-light';
  src: url('fonts/LyonArabicDisplay-Light.eot');
  src: url('fonts/LyonArabicDisplay-Light.eot?#iefix') format('embedded-opentype'),
      url('fonts/LyonArabicDisplay-Light.woff2') format('woff2'),
      url('fonts/LyonArabicDisplay-Light.woff') format('woff'),
      url('fonts/LyonArabicDisplay-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

 

@font-face {
  font-family: 'LyonArabicDisplay-medium';
  src: url('fonts/LyonArabicDisplay-Medium.eot');
  src: url('fonts/LyonArabicDisplay-Medium.eot?#iefix') format('embedded-opentype'),
      url('fonts/LyonArabicDisplay-Medium.woff2') format('woff2'),
      url('fonts/LyonArabicDisplay-Medium.woff') format('woff'),
      url('fonts/LyonArabicDisplay-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'LyonArabicDisplay';
  src: url('fonts/LyonArabicDisplay-Regular.eot');
  src: url('fonts/LyonArabicDisplay-Regular.eot?#iefix') format('embedded-opentype'),
      url('fonts/LyonArabicDisplay-Regular.woff2') format('woff2'),
      url('fonts/LyonArabicDisplay-Regular.woff') format('woff'),
      url('fonts/LyonArabicDisplay-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



:root{
  --family:  "NeueHaasGroteskDisplayPro-Light"; 
  --familyBold: "NeueHaasGroteskDisplayPro-Bold"; 
  --familyMedium: "NeueHaasGroteskDisplayPro-Medium"; 
  --familyThin: "NeueHaasGroteskDisplayPro-Thin"; 

  --transition: all 0.3s ease; 
  --p_color: #363338; 
  --dark: #100917; 

  --black: #000;
  --black70: rgba(0, 0, 0, 0.70);
  --white: #fff;

  --baseFS: 16px;  
}

html[dir="rtl"]{
  --family: 'LyonArabicDisplay'; 
  --familyBold: 'LyonArabicDisplay-bold'; 
  --familyMedium: 'LyonArabicDisplay-medium'; 
  --familyThin: 'LyonArabicDisplay-light'; 
}



*{
  margin: 0;
  padding:0;
  box-sizing: border-box;
  font-optical-sizing: auto;
   font-style: normal;
}
a{ text-decoration: none; }
ol, ul, li{ margin: 0; list-style: none;  margin: 0;}

p, h1, h2, h3, h4, h5, h6, strong, b{ margin: 0; font-weight: normal; }

h1, h2{ font-family: var(--familyBold);}

em{ font-style: normal; }

input, textarea, select, button{ border:0px none; border-radius:0px; background:none; outline:none; -webkit-appearance:none; appearance:none; outline:none; font-family: var(--family); }

img{ display: block; height: auto; outline: none; }

input[type='submit']{  border-radius:0px; -webkit-appearance:none; appearance:none; outline:none; }

textarea{ resize:none; overflow:auto; }

:focus{ outline:none;}

.clearfix:after{content:""; display:block; clear:both; height:0px; visibility:hidden;}

.clearfix{ display:block; zoom:1; }

i, em{ font-style: normal;}

.overflow_hidden{ overflow: hidden !important; }

html{ min-height: 100%;   }



body { width: 100%; font-family: var(--family); background: var(--white); color: var(--white); font-size: var(--baseFS); font-weight: 500; overflow-x: hidden;   }


/* gsap */
html {
	overflow-y: scroll;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}
body {
	overflow-y: visible;
	position: relative;
  height: unset;
}
html, body {
	overflow-x: hidden;
	margin: 0;
}

 

.firstContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: yellow;
}

.lastContainer {
  display: flex;
  height: 100vh;
  background: yellow;
}

/* gsap */





.heading{ font-family: var(--familyBold); }

.wrapper{  width: 100%; margin: auto; overflow: hidden; }

.autoContent {  max-width: 1660px;  padding: 0px 20px; width: 100%; margin: auto; }
 
.all_btn{ color: var(--black); font-size: 22px; line-height: 1.2em;  padding: 10px 20px; cursor: pointer;  border-radius: 150px; background: #FFF;  transition: var(--transition); display: block; text-align: center; }

.header_btn a{ background: linear-gradient(89deg, #7D35E3 11.63%, #285FF5 113.99%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; border-radius: 33px;
border-bottom: 1px solid #C3C3C3; transition: var(--transition); font-family: 'NeueHaasGroteskDisplayPro-Light';  }

.header_btn a:hover{ background: linear-gradient(89deg, #7D35E3 11.63%, #285FF5 113.99%); color: #fff !important;  -webkit-text-fill-color: #fff;}

 

 

 

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: linear-gradient(180deg, #7D35E3 11.63%, #285FF5 113.99%);
  border-radius: 4px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(249, 247, 254, 0.80) 11.63%, #0F1E7F 113.99%);
  border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #0F1E7F  11.63%, rgba(249, 247, 254, 0.80) 113.99%);
}


.header{ direction: ltr !important; width: 100%; background: var(--white); border-bottom: 1px solid #D0D0D0; position: fixed; left: 0px;  top: 0px; z-index: 999;  }

.header_inner{ display: flex; align-items: center;   padding: 18px 0px; }

.header_left{ max-width: 143px; width: 100%; display: block; margin-right: 77px; padding-top: 6px; }
.header_logo{ display: block;}
.header_logo img{ width: 100%; height: auto; display: block; }

.header_right{ display: flex; align-items: center; width: 100%; justify-content: space-between; } 

.header_links{ width: 100%; }

.header_links ul{ display: flex; align-items: center; gap: 40px;  }

.header_links ul li a{ font-size: 20px; color: var(--black); line-height: 1.2em; position: relative; transition:var(--transition) }

.header_links ul li a::before {  content: '';  position: absolute; bottom: -3px; left: 0; width: 0; height: 3px; background-color: #7D35E3; transition: var(--transition); }

.header_links ul li a:hover::before, .header_links ul li a.active::before { width: 100%; }
.header_links ul li a:hover, .header_links ul li a.active{ color: #7D35E3; }

 
 .ps_secSlider_show{ display: none;}

.hamburger-lines {
   
  border-radius: 50%;
  cursor: pointer;
  display: none;
  flex-direction: column;
  flex-shrink: 0;
  height: 40px;
  justify-content: space-between;
  padding: 10.9px 8px;
  position: relative;
  width: 40px;
  z-index: 999
}

.hamburger-lines .line {
  background: var(--dark);
  border-radius: 10px;
  display: block;
  height: 1.4px;
  width: 100%
}

.hamburger-lines .line1 {
  transform-origin: 0 0;
  transition: all .4s ease-in-out
}

.hamburger-lines .line2 {
  transition: all .2s ease-in-out
}

.hamburger-lines .line3 {
  transform-origin: 0 100%;
  transition: all .4s ease-in-out
}

.hamburger-lines.open .line {
  margin-left: 7px; background-color: #fff;
}

.hamburger-lines.open .line1 {
  transform: rotate(45deg)
}

.hamburger-lines.open .line2 {
  transform: scaleY(0)
}

.hamburger-lines.open .line3 {
  transform: rotate(-45deg)
}
  

/* banner */

.banner{ width: 100%; min-height: 100vh; display: flex; align-items: center; justify-content: center;    position: relative; background-color: #7D35E3; }


.banner_inner{ position: relative; z-index: 3;}

.banner:after{ width: 100%; height: 100%; position: absolute;left: 0px; top: 0px; content: ''; z-index: 2; background: linear-gradient(108deg, rgba(125, 53, 227, 0.30) -9.98%, rgba(57, 86, 241, 0.30) 105.85%); display: block;  }

.banner_video_box video { position: absolute; left: 0px; top: 0px; width: 100%;  height: 100%; object-fit: cover; }


.bannerText{ text-align: center; padding:60px 0px; } 

.bannerText h1{ color: var(--white); font-size: 110px; font-weight: 700; line-height: 1.1em;  padding-bottom: 30px;     max-width: 1200px;  }

.bannerText strong{ color: var(--white); font-size: 36px; line-height: 1.2em; }



/* cascade section */

.cascade_section{ width: 100%; padding: 100px 0px; }

.cascade_section_inner{ width: 100%; }

.cs_heading{ padding-bottom: 20px; }

.cs_heading span{ font-size: 18px; font-weight: 700; line-height: 1.2em; text-transform: uppercase; background: linear-gradient(89deg, #7D35E3 11.63%, #285FF5 113.99%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 20px; display: block; font-family: var(--familyBold); }

.cs_heading h2{ color: var(--dark); font-size: 68px; font-weight: 700; line-height: 1.2em; max-width: 1240px; }
 
.cs_content{ display: flex; align-items: center; } 

.cs_content_left{ width: 40%; height: auto; max-width: 788px; padding-right: 20px; }

.cs_content_right{ width: 60%; padding-left: 20px; }
.cs_content_left img{ display: block; width: 100%; height: auto; border-radius: 20px;}


.cs_content_right h4{ color: var(--dark); font-size: 42px; line-height: 1.3em; padding-bottom: 15px; max-width: 760px;}

.cs_content_right p{ color: var(--p_color); font-size: 28px; line-height: 1.4em; }

/* solution section */

.solution_section{ width: 100%; }

.solution_section_inner{ display: flex; }

.sol_sec_left{ width: 30%; padding-right: 50px; }

.sol_sec_right{ width: 70%; padding: 120px 0px 120px 30px; }

.sol_sec_right .pin-spacer{ padding: 0px !important; }

.sol_sec_left h2{ color: var(--white); font-size:34px; font-weight: 700; line-height: 1.2em; padding-bottom: 40px; }

.sol_sec_tabsLink ul li{ padding-bottom: 30px; }

.sol_sec_tabsLink ul li:last-child{ padding-bottom: 0px; }
 
.sol_sec_tabsLink ul li a{ color: var(--white); font-size: 34px; line-height: 1.2em; padding: 20px;  display: block;  }

.sol_sec_tabsLink ul li a.active{ background: rgba(255, 255, 255, 0.30); border-radius: 20px; font-weight: 600; }

 

.markets_content ul{ display: flex; counter-reset: my-sec-counter; width: 100%; }

.markets_content ul li{ padding: 0px 20px; position: relative; width: 650px !important; height: auto !important; flex-shrink: 0;}

/* .markets_content ul li::after{ counter-increment: my-sec-counter; content: counter(my-sec-counter) ; position: absolute; left: 38px; bottom: 15px; font-size: 40px; color: var(--white); line-height: 1.2em;} */

.sol_box{ background: url("../images/solutionBg_svg.svg") no-repeat bottom center; background-size: 100% 100%;  border-radius: 40px; position: relative; flex-shrink: 0; width: 100%; height: auto; background: #293270;  backdrop-filter: blur(2px); }

.sol_box_inner{ padding: 30px; }
 

.sBox_img{ width: 100%; height: auto; padding-bottom: 30px; margin: 0px !important; border-radius: 40px; overflow: hidden; }

.sBox_img img{ width: 100%; height: auto; display: block; }

.sBox_content{ padding: 0px 10px; }

.sBox_content span { display: block;  color: #FFF; font-size: 20px; font-weight: 600; line-height: 1.2em; padding-bottom: 10px; }

.sBox_content h4{ color: var(--white);  font-size: 34px; font-weight: 600; line-height: 1.2em; padding-bottom: 15px; text-align: left; font-family: var(--familyBold); }

.sBox_content p { color: #FFF; font-size: 24px; line-height: 1.3em; min-height: 240px; margin: 0 !important;}


html[dir="rtl"] .sBox_content h4 {
  text-align: right !important; font-weight: normal; font-family: var(--familyBold);
}

html[dir="rtl"] .sol_sec_tabsLink ul li a.active{ font-weight: normal; font-family: var(--familyMedium); }
 
html[dir="rtl"] .input_group input, html[dir="rtl"] .input_group textarea{ text-align: right !important;}
html[dir="rtl"] .input_group label{ left: initial !important; right: 5px ; opacity: 0.8;}

/* sustainability section */
.sustainability_section{ width: 100%; padding: 100px 0px; }

.sus_sec_inner h2{ color: var(--dark);  font-size: 70px; font-weight: 700; line-height: 1.2em; padding-bottom: 60px; max-width: 1350px; } 


.headlines strong{ color: #7C7880;  font-size: 26px;  line-height: 1.4em; text-transform: uppercase; font-family: var(--familyMedium); padding-bottom: 20px; display: block; } 
  

.sus_heading{ padding-bottom: 60px; } 

.sus_heading span{ color: var(--dark); font-size: 40px; font-family: var(--familyBold); line-height: 1.2em; display: block; font-weight: 700; }

.sus_content{ width: 100%; }

.sus_content ul{ display: flex; align-items: center; flex-wrap: wrap; counter-reset: my-sec-counter; margin: 0px -20px; }

.sus_content ul li{ width: 33.33%; padding: 0px 20px 20px 20px; position: relative;}

/* .sus_content ul li::before{ counter-increment: my-sec-counter; content:'0' counter(my-sec-counter) ; position: absolute; right: 38px; top: 22px; font-size: 40px; color: #141A49; line-height: 1.2em;} */

.sus_impact{ padding-bottom: 80px; }

.sus_content_box{ padding: 40px 30px; background: url('../images/impactBg_vactor.svg') no-repeat 0px 0px; position: relative; border-radius: 20px; background-color: #F9F7FE;  backdrop-filter: blur(7px); transition: var(--transition);}

.sus_content_box:hover{ transform: translateY(-10px); background-color: #FAF2FA; }



.impact_icon{ width: 100%; height: auto; max-width: 100px; display: block; padding-bottom: 50px; }

.impact_icon img{ width: 100%; height: auto; display: block; max-height: 98px; }

.sus_iBox_content span{ color: var(--dark);  font-size: 18px; line-height: 1.4em; display: block; padding-bottom: 10px;  }

.sus_iBox_content h4{ color: var(--dark);  font-size: 32px;  line-height: 1.4em; padding-bottom: 10px; font-family: var(--familyMedium); }
.sus_iBox_content p{ color: var(--dark); font-size: 23px;  line-height: 1.4em;  }


 

/* partners section */

.partners_section{ padding: 180px 0px; background-color: #FAF2FA; }

.partners_section_inner{ width: 100%; }

.ps_content span{ color: #7C7880; font-size: 18px; font-weight: 600; line-height: 1.2em; text-transform: uppercase; padding-bottom: 40px; display: block; }

.ps_content h2{ color: var(--dark); font-size: 62px; font-weight: 700; line-height: 1.2em; padding-bottom: 20px;}

.ps_content p{ color: #100917; font-size: 42px; line-height: 1.3em; opacity: 0.8;  }

/* contact us */

.contact_us{ width: 100%; padding: 100px 0px; background-color: #131A49; }

.contactUs_inner{ display: flex; gap: 20px; }

.contactUs_left{ width: 48%; }  
.contactUs_right{ width: 48%; }

.contactUs_left span{ color: var(--white);  font-size: 24px; font-weight: 600; line-height: 1.2em; text-transform: uppercase; padding-bottom: 40px; display: block; }

.contactUs_left h2{ color: var(--white); font-size: 62px; font-weight: 700; line-height: 1.2em; padding-bottom: 10px; }

.contactUs_left p{ color: var(--white); font-size: 32px; line-height: 1.2em; max-width: 636px;}

 

/* form */

.input_group {
  position: relative; width: 100%;
  
}

.formRow{ margin: 40px 0 20px; }

.input_group input, .input_group textarea  {
  font-size: 20px;
  color: var(--white);
  padding: 10px 10px 10px 5px;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid var(--white);
}
 
.input_group textarea{ height: 68.8px; max-height: 200px; overflow-y: auto; }

.input_group input:focus, .input_group textarea:focus {
  outline: none;
}

.input_group label {
  color: var(--white);
  font-size: 24px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.input_group input:focus ~ label, .input_group textarea:focus ~ label,
.input_group input:valid ~ label, .input_group textarea:valid ~ label {
  top: -22px;
  font-size: 15px;
  color: var(--white);
}

.input_group input:valid, .input_group textarea:valid{
  background: #101533 !important; border-bottom-color: #101533 !important;
}

 

.input_group .bar {
  position: relative;
  display:block;
  width: 100%;
}

.input_group .bar:before,
.input_group .bar:after {
  content: '';
  height: 2px;
  width: 0;
  bottom: 0px;
  position: absolute;
  background: linear-gradient(89deg, #7D35E3 11.63%, #285FF5 113.99%);
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.input_group .bar:before {
  left: 50%;
}

.input_group .bar:after {
  right: 50%;
}

.input_group input:focus ~ .bar:before, .input_group textarea:focus ~ .bar:before,
.input_group input:focus ~ .bar:after, .input_group textarea:focus ~ .bar:after {
  width: 50%;
}

.input_group .highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}

/* .input_group input:focus ~ .highlight, .input_group textarea:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease; 
} */

/* animations */
@-webkit-keyframes inputHighlighter {
  from { background: linear-gradient(89deg, #7D35E3 11.63%, #285FF5 113.99%); }
  to   { width: 0; background: transparent; }
}
@-moz-keyframes inputHighlighter {
  from { background: linear-gradient(89deg, #7D35E3 11.63%, #285FF5 113.99%); }
  to   { width: 0; background: transparent; }
}
@keyframes inputHighlighter {
  from { background: linear-gradient(89deg, #7D35E3 11.63%, #285FF5 113.99%); }
  to   { width: 0; background: transparent; }
}

/* form */
 
.submit_btn{ text-align: center; padding: 10px 20px; border-radius: 53px; margin-top: 30px; background: linear-gradient(89deg, #7D35E3 11.63%, #285FF5 113.99%);  cursor: pointer; float: right; color: var(--white); font-size: 24px; font-weight: 600; line-height: 1.2em; min-width: 200px;} 

.submit_btn:hover{ background: linear-gradient(89deg, #285FF5 11.63%, #7D35E3 113.99%);  }

.submit_btn.disabled{ opacity: 0.2; pointer-events: none;  }

.error_text{ color: red; display: block; padding-top: 5px; }
.error_stroke.input_group input, .error_stroke.input_group textarea{ border-color: red;}

/* footer */

.footer{ width: 100%; padding: 50px 0px; }

.footer_links_icon{ display: flex; align-items: center; justify-content: space-between; padding-bottom: 30px; }

.footer_links ul{ display: flex; align-items: center; gap: 40px; }

 

.footer_links ul li a{ display: block; color: var(--dark); font-size: 22px; line-height: 1.2em;transition: var(--transition); }

.footer_links ul li a:hover{ color: #7D35E3; text-decoration: underline; }

.footer_icons ul{ display: flex; align-items: center; }
.footer_icons ul li{ padding: 0px 10px; }

.footer_icons ul li a{ width: 100%; height: auto; max-width: 32px; max-height: 32px; display: block; }

.footer_icons ul li a svg{ width: 100%; height: auto; display: block; }

.footer_icons ul li a svg path{ transition: var(--transition);}

.footer_icons ul li a:hover svg .socialFillHov{ fill: #7D35E3 ;}

.copyright p{ color: #403A45; font-size: 20px; line-height: 1.2em; }
.copyright p a{ color: #403A45; transition: var(--transition);  }

.copyright p a:hover{ text-decoration: underline; color: #7D35E3; }

.showSecSol{ overflow: hidden;  display: block; position: relative;}

.sol_sec_left{  padding:120px 80px 0px; margin-left: -20px;  max-width: 506px; position: relative; z-index: 22; background-color: #131A49;}

.solutionSec{ background-color: #131A49; }
.solutionSec, .sol_sec_left, .sol_sec_tabsLink ul li a, .sol_box, .sBox_content h4, .sBox_content p, .sBox_content span{ transition: all 0.6s ease;}

.solutionSec.color2{ background-color: #3956F1 !important;}
.solutionSec.color2 .sol_sec_left{ background-color: #3956F1 !important; }

.solutionSec.color2 .sol_box{ background-color: rgba(249, 247, 254, 0.80); backdrop-filter: blur(5.442409038543701px);  }

.solutionSec.color2 .sBox_content h4, .solutionSec.color2 .sBox_content p, .solutionSec.color2 .sBox_content span{ color: #030090;}


.solutionSec.color3 .sol_box{ background-color: rgba(249, 247, 254, 0.30); backdrop-filter: blur(5.442409038543701px); }
.solutionSec.color3 .sBox_content h4, .solutionSec.color3 .sBox_content p, .solutionSec.color3 .sBox_content span{ color: #fff;}

.solutionSec.color3{ background-color: #030090 !important;}
.solutionSec.color3 .sol_sec_left{ background-color: #030090 !important; }


.sliderr.sliderr2 .markets_content, .sliderr.sliderr3 .markets_content{ transform: translateY(60%); opacity: 0; transition:  all 0.7s ease;   }
 
.solutionSec.color2 .sliderr.sliderr2 .markets_content{  transform: translateY(0%); opacity: 1;  }
.solutionSec.color3 .sliderr.sliderr2 .markets_content{  transform: translateY(0%); opacity: 1;  }
.solutionSec.color3 .sliderr.sliderr3 .markets_content{  transform: translateY(0%); opacity: 1;  }



.sol_sec_left{ position: sticky; top: 0px;}

.lastSliderSpace_li::after{ display: none;}
.lastSliderSpace{ width: 500px; height: 100px;}
/* .sliderr_parent_row{ min-width: 9750px;} */

/* .sliderr1{ min-width:4550px ;}
.sliderr2{ min-width:3250px ;}
.sliderr3{ min-width:1950px ;} */


.showSec2{ overflow: hidden;}

.panelHeading_inner{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;  }

.panelHeading_inner h2{  color: transparent; text-stroke: 1px white; -webkit-text-stroke: 1px white;  font-size: 100px; font-style: normal; font-weight: 700; line-height: normal; display: none; }

.saprator{ width: 100%; display: flex; align-items: center; justify-content: center; height: 110vh; background: url(../images/saprateImg2.png) no-repeat center center; background-size: cover;  overflow: hidden; position: relative;}

.saprator.saprator1{ background: url(../images/saprateImg1.png) no-repeat center center;  background-size: cover; }


.saprator h2{ color: #FFF;
  text-align: center;
  font-family: var(--familyBold);
  font-size: 110px;
  line-height: 1.2em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s;}




  .switch {
    position: relative;
    display: inline-block;
     height: 34px;
    color: var(--black);
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
  }
  .switch small{ color: #7D35E3; transition: var(--transition);  font-family: 'NeueHaasGroteskDisplayPro-Light'; }
  .switch em{ font-style: normal; opacity: 0.36; transition: var(--transition); font-family: 'lyon_arabic_displayregular';}
  
  .switch:has(input:checked) em{ opacity: 1;  color: #7D35E3; }
  .switch:has(input:checked) small{  opacity: 0.36;  color: var(--black); }

  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .slider {
    position: relative;
    width: 30px;
    height: 18px;
    border: 1px solid var(--black);
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 3px;
    bottom: 3px;
    background-color: var(--black);
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    border-color: #7D35E3;
  }
  input:checked + .slider::before {
    background-color: #7D35E3;
  }
  
 
  
  input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }


 
/* 
  .solution_section_inner  {
 direction: rtl;
} */

html[dir="rtl"] .sol_sec_left{ margin-left: initial; margin-right: -20px;}
html[dir="rtl"] .cs_content_right{     padding-left: 0px; padding-right: 20px; }
 
html[dir="rtl"] .header_links ul{ flex-direction: row-reverse;}
html[dir="rtl"] .header_links ul li:first-child{ margin-right: 130px;}
html[dir="rtl"] .header_links ul{ gap: 50px;}
html[dir="rtl"] .bannerText strong{ font-family: var(--familyThin);}

html[dir="rtl"] .bannerText{ text-align: right; max-width: 1020px;}
html[dir="rtl"] .sol_sec_left h2{ font-size: 72px; font-weight: normal; font-family: var(--family);  }

html[dir="rtl"] .headlines strong,  html[dir="rtl"] .ps_content span{ background: linear-gradient(89deg, #7D35E3 11.63%, #285FF5 113.99%);  background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }


html[dir="rtl"] .sus_iBox_content span{ opacity: 0.7; font-weight: 400;}

html[dir="rtl"] .submit_btn{ float: left; font-weight: normal; font-family: var(--family); }

html[dir="rtl"] .sus_sec_inner h2, html[dir="rtl"] .ps_content h2, html[dir="rtl"] .ps_content span, html[dir="rtl"] .contactUs_left span, html[dir="rtl"] .contactUs_left h2, html[dir="rtl"] .cs_heading span, html[dir="rtl"] .cs_heading h2, html[dir="rtl"] .saprator h2{ font-weight: normal; font-family: var(--family);  }

html[dir="rtl"] .bannerText h1{ font-weight: normal; font-family: var(--familyMedium); }
html[dir="rtl"] .cs_content_left{ padding-right: 0px; padding-left: 20px;}

html[dir="rtl"] .sus_iBox_content h4{ font-family: var(--familyBold); line-height: 1.5em;  }

html[dir="rtl"] .contactUs_left p{ max-width: 400px; line-height: 1.6em;}