/* font-family: 'Sora', sans-serif;
font-family: 'Source Code Pro', monospace; */
 
@import url(rising_stars.css);

 :root{
   
    --family: 'Sora', sans-serif;
    --familySourceCode:  'Source Code Pro', monospace;
    /* 60px */
    --fs1: 3.75em; 
    /* 58px */
    --fs2: 3.625em;
    /* 48px */
    --fs3: 3em;
     /* 32px */
    --fs4: 1.8em;
    /* 24px */
    --fs5: 1.5em;
    /* 20px */
    --fsp: 1.25em;
    /* 18px */
    --fs7: 1.125em;

    --baseFS: 16px;
 

    --p_bg: #0E0C15;
    --border_color: #26242C;
    --white: #fff;
    --white10: rgba(255, 255, 255, 0.10);
    --white50:  rgba(255, 255, 255, 0.50);
    --yellow: #FFC201;
    --orange: #FF7F02;
   --grey: #86858A;
   --grey_light: #D9D9D9;
   --grey_light2: #E2DFEF;
   
   
   --transition: all 0.3s ease;

 }

 

*{
    margin: 0;
    padding:0;
    box-sizing: border-box;
}
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; }

em{ font-style: normal; }

input, textarea, select{ 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(--p_bg); color: var(--white); font-size: var(--baseFS); font-weight: 400; overflow-x: hidden; -webkit-overflow-scrolling: touch; }

/* width */
::-webkit-scrollbar {
  width: 4px; height: 4px; border-radius: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--border_color); border-radius: 4px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--yellow); border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--orange) ; border-radius: 4px;
}

.cookie-banner {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 10px;
  gap: 20px;
  display: flex;
  justify-content: space-between;
  align-items: left;
  z-index: 1000;
}

.cookie-banner p {
  margin: 0;
  text-align: left;
  font-size:13px;
}

.accept-btn {
  background-color: var(--yellow);
  color: rgb(0, 0, 0);
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}

.accept-btn:hover {
  background-color: var(--yellow);
}

.wrapper{ width: 100%; overflow: hidden; padding: 0px 30px;   }
 
.autoContent { padding:0px 20px; max-width: none;  width: 100%; margin: auto; max-width: 1320px; }

.uppercase{ text-transform: uppercase !important;}
 
.header{ width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.10);  background: rgba(14, 12, 21, 0.12); -webkit-backdrop-filter: blur(16px);  backdrop-filter: blur(16px); position: fixed; z-index:223 ; left: 0px; top: 0px;  }


.header_inner{ width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 6px 40px; }

.header_right{ padding-top: 6px;}

.logo{ display: block; width: 100%; max-width: 136px; flex-shrink: 0;}
.logo a{ display: block; }
.logo a img{ display: block; max-width: none;}

 



.all_btn {
  display: inline-block; padding: 10px 20px;
  position:relative;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; font-family: var(--familySourceCode); letter-spacing: 0.42px;
  text-transform: uppercase; color: #fff;
  overflow:hidden;
  text-decoration: none !important;
  background:transparent; border-radius: 4px; transition: var(--transition);  
   clip-path: polygon(
    0 0%,
    0% 0,
    88% 0,  
    100% 18px,
    100% 100%,
    100% 100%,
    0% 100%,
    0% 0%,
    0% 0%
  );
  border-bottom:  4px solid transparent;  
}
 


.all_btn.btn_outlined:before{ content: ''; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;
  background-color: var(--yellow);  transition: var(--transition); border-radius: 4px;  
  clip-path: polygon(
  0 0%,
  0% 0,
  88% 0,  
  100% 18px,
  100% 100%,
  100% 100%,
  0% 100%,
  0% 0%,
  0% 0%
)
}

.all_btn.btn_outlined:after{ content: ''; width: calc(100% - 4px); height: calc(100% - 4px); position: absolute; left: 2px; top: 2px;
  background-color: var(--p_bg); transition: var(--transition); border-radius: 4px;
  z-index: 2;
  clip-path: polygon(
  0 0%,
  0% 0,
  88% 0,  
  100% 18px,
  100% 100%,
  100% 100%,
  0% 100%,
  0% 0%,
  0% 0%
)
}

.all_btn.btn_white{ background: var(--white); color: var(--p_bg); }  
.all_btn.btn_white:hover{  background-color: var(--yellow);   }

.all_btn:hover{  border-bottom-color:var(--orange);  }

.all_btn span{ position: relative; z-index: 3;   }
.all_btn.btn_outlined:hover:before{border-radius: 0px;  }
.all_btn.btn_outlined:hover:after{ background-color: var(--yellow);  }
.all_btn.btn_outlined:hover{ color: var(--p_bg);}

.banner{ width: 100%; padding: 210px 0px 120px 0px; background: url(../images/bannerBg.png) no-repeat top center; min-height: 800px;}

.banner_top{ width: 100%; text-align: center; padding-bottom: 80px;}

.banner_headlines{ width: 100%;}

.banner_headlines h1{ color: var(--white); font-size: var(--fs1); font-weight: 800; line-height: 1.2em; padding-bottom: 20px; }
.banner_headlines h1 span{ color: var(--yellow);}

.banner_headlines p{color: var(--grey_light2); font-size: var(--fsp); font-weight: 400; line-height: 1.5em; padding-bottom: 30px;}

.banner_hero_main{ width: 100%;}

.banner_slider_main{ width: 100%; max-width: 1024px; padding: 0px 20px; margin: auto; text-align: center; position: relative; z-index: 2; }

.banner_slider .slick-arrow{ display: none !important;}

.banner_slider_box{ width: 100%;  }

.banner_slider_img{ position: relative; width: 100%; margin-bottom:80px;  }

.banner_slider_img:after, .banner_slider_img:before{ content: ''; width: calc(100% - 60px); height: 24px; border-radius: 0px 0px 20px 20px; background: #1B1B2E; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; }  

.banner_slider_img:after{ opacity: 0.5;  width: calc(100% - 120px); top: 100%; top: calc(100% + 24px); }

.banner_slider_img figure{ display: block;}
.banner_slider_img img{ display: block; max-width: none; width: 100%; height: auto;}

.banner_slider_box h2{ color: var(--white); font-size: var(--fs3);  font-weight: 400; line-height: 1.2em; padding-bottom: 16px;  }

.banner_slider_box p{ color: var(--grey_light2); font-size: var(--fsp);  font-weight: 400; line-height: 1.5em;   }


.energy_management_sec{ padding-bottom: 130px; width: 100%;}

.headlines{ width: 100%;  text-align: center; padding-bottom: 50px; position: relative; z-index: 1; }

.headlines h2{ color: #FFF; font-size: var(--fs3);  font-weight: 700; line-height: 1.4em; padding-bottom: 30px; }

  .headlines h2 span{ color: var(--yellow); }

.energy_management_list{ width: 100%; position: relative; z-index: 2; }

.energy_management_slider{ width: 100%;  }

.energy_management_slider .slick-arrow { display: none !important;}

.em_slider_run{ padding: 0px 15px;}

.em_box{ width: 100%; background: url(../images/smartEnergyFrame.svg) no-repeat top right; background-size: 100% 100% !important; position: relative; padding: 40px; transition: var(--transition);  }

.em_box:hover{ background: url(../images/smartEnergyFramehov.svg) no-repeat top right; }

.em_box svg path{  transition: var(--transition);  }
.em_box:hover svg path{ fill: #fff !important;}


 
 
.em_box h3{ font-size: var(--fs5); color: var(--white); line-height: 1.5em; padding-bottom: 20px; }

.em_box p{ font-size: var(--fs7); color: var(--white); line-height: 1.5em; padding-bottom: 20px; min-height: 100px; margin-bottom: 20px; }

.em_box i{ display: block;}
.em_box i img, .em_box i svg{ display: block; max-height:90px;}


 

 
.content{  border-left: 1px solid var(--border_color); border-right: 1px solid var(--border_color);}
.divider{ width: 100%; background-color:var(--border_color); position: relative; height: 1px; }

.divider::after, .divider::before{ content: ''; width: 11px; height: 11px; display: block; background: url(../images/divider_plus.svg) no-repeat center center; background-size: cover; position: absolute; left: -5px; top: 50%; transform: translateY(-50%); }

.divider::before{ left: initial; right: -5px; }



.features_sec{ padding-bottom: 115px; width: 100%;  padding: 80px 0px 100px 0px; }

.features_box{ width: 100%; position: relative;  z-index: 3; max-width: 42%; margin: auto;}

.features{ width: 100%; position: relative; z-index: 0;  }

.features:after{ content: ''; display: block; background: url(../images/features_gradient.png) no-repeat center center; background-size: cover; width: 1190px; height: 1190px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.4;  z-index: 0;}


.features_box ul{ width: 100%; height: 95%; position: absolute; left: 0px; top:5%; }

.features_box ul li{ position: absolute;  width: 100%; height: 100%; left: 0px; top: 0px; transition: var(--transition); opacity: 0;   }

.features_box ul.go li{ opacity: 1;}

.features_box ul li:first-child{ transform: translate(73%, 0%); transition-delay: 600ms; }

.features_box ul li:nth-child(2){ transform: translate(98%, 44%); transition-delay: 800ms;  }

.features_box ul li:nth-child(3){ transform: translate(73%, 90%); transition-delay: 1000ms; }

.features_box ul li:nth-child(4){ transform: translate(-73%, 90%); text-align: right; transition-delay: 1200ms; }

.features_box ul li:nth-child(5){ transform: translate(-98%, 44%); text-align: right; transition-delay: 1400ms; }
.features_box ul li:nth-child(6){ transform: translate(-73%, 0%); text-align: right; transition-delay: 1600ms; }



.features_box ul li:nth-child(4) span, .features_box ul li:nth-child(5) span, .features_box ul li:nth-child(6) span{ padding-left: 0px; padding-right: 36px; background-position: right 0px; }


.features_box ul li span{ padding-left: 36px; background: url(../images/features_tick.svg) no-repeat left 0px; background-size: 24px auto; display: inline-block; vertical-align: top; line-height: 26px; font-size: var(--fs5); }


.features_img{ width: 100%;}
.features_img img{ width: 100%; height: auto; display: block; max-width: none;}



.userCases_sec{ padding: 120px 0px 50px 0px; position: relative; z-index: 3; }


.userCases_list ul{ width: 100%; display: flex; flex-wrap: wrap; position: relative; z-index: 2; }

.userCases_list ul li{ width: 33.33%; padding: 0px 12px 24px 12px; }

.userCases_box{ width: 100%; border-radius: 32px;  border: 1px solid var(--white10);  background: var(--p_bg); padding:30px 20px; min-height: 320px; display: flex; flex-direction: column; align-items: start; justify-content: center; height: 100%; transition: var(--transition);  }

.userCases_box:hover, .userCases_box.active{ background: linear-gradient(180deg, #FFC201 0%, #FF8003 100%); }

.userCases_box:hover i svg path{ fill: #fff !important;}

.userCases_box i{ display: block; width: 60px; height: 60px; margin-bottom: 20px; }

.userCases_box i svg{ display: block; max-width: 60px; max-height: 60px; margin: auto; transition: var(--transition);  }
.userCases_box i svg path{ transition: var(--transition); }
.userCases_box h3{ color: var(--white); font-size: var(--fs4); line-height: 1.5em; padding-bottom: 14px; }

.userCases_box p{ color: var(--white50); font-size: 1em; line-height: 1.5em; }


.valueImpact_sec{ position: relative; width: 100%; padding-bottom: 100px; position: relative; z-index: 2;}

.impact_top{ width: 100%; padding: 86px; position: relative; z-index: 0; }

.impact_logo{ width: 100%; max-width: 290px; height: 290px; border-radius: 50%; margin: auto; display: flex; align-items: center; justify-content: center;  border: 3px solid #FFBF01; background: var(--p_bg); position: relative; z-index: 4;}

.impact_logo img{ display: block; max-width: 54%; margin: auto; width: 100%; height: auto; }


.impact_top .divider{ position: absolute; left: 0px; top: 50%; margin-top: -1px; z-index: 3;}

.impact_stars{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; background: url(../images/stars_group.svg) no-repeat top center; background-size: auto 100%;  }


.impact_top:after{ content: ''; display: block; width: 1428px; height: 1428px; position: absolute; left: 50%; top:  50%; transform: translate(-50%, -50%); z-index: 2; background: url(../images/impact_bg.png) no-repeat top center;  }



.impact_inner{ width: 100%; position: relative; z-index: 1;}



.impact_list{ width: 100%;  position: relative; z-index: 2; } 

.impact_list .slick-prev, .impact_list .slick-next{ content: ""; display: block; width: 130px; height: 176px; position: absolute; left: -120px; top: 50%; transform: translateY(-50%); background: url(../images/impact_left.svg) no-repeat right center; background-size: 100% auto !important; border: 0px none; outline: none; font-size: 0px; cursor: pointer; }

.impact_list .slick-next{ left: initial; right: -120px; background: url(../images/impact_right.svg) no-repeat right center; }

.impact_box{ cursor: pointer; transition: var(--transition);   width: 100%;  padding: 32px; border-radius: 32px; border: 1px solid var(--neutral-015, rgba(255, 255, 255, 0.10)); }

.impact_box:hover{ border-color: var(--yellow);}

.impact_box i{ display: block; max-width: 62px; width: 100%; height: 62px; margin-bottom: 24px; }

.impact_box i svg{ display: block; max-width:62px; max-height: 62px; margin: auto;   }

.impact_box h4{ color: var(--white); font-size: var(--fs4); line-height: 1.5em; padding-bottom: 24px; }

 
.impact_box ul{ width: 100%;}

.impact_box ul li{ border-bottom: 1px solid #353535; padding-bottom: 20px; margin-bottom: 20px; }
.impact_box ul li:last-child{ border-bottom: 0px none; padding-bottom: 0px; margin-bottom: 0px; }


.impact_box ul li h3{ font-weight: 600; color: var(--white); font-size: var(--fs2); line-height: 1.5em; }

.impact_box ul li p{ color: var(--white); font-size: var(--baseFS); line-height: 1.5em; min-height: 50px; }


.impactSlider_cell{ padding: 0px 10px;}

.slick-dots{ width: 100%; position: absolute; left: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; }

.slick-dots li{ padding: 8px; margin: 0px 3px; border-radius: 24px;  border: 1px solid transparent; cursor: pointer; transition: var(--transition);  }

.slick-dots li.slick-active{ border-color: var(--yellow);}
.slick-dots li button{ width: 6px;  height: 6px; border-radius: 50%; font-size: 0px; border: 0px none; outline: none; cursor: pointer;background-color: var(--white); display: block;  }


.slick-dotted{ padding-bottom: 80px;}



.keyFeatures_sec{ width: 100%; padding: 120px 0px 40px 0px;  }

.keyFeatures_inner{ width: 100%; position: relative; z-index: 2;}

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

.keyFeatures_box{ width: 40%; border-radius: 24px;  border: 1px solid var(--white10); background: linear-gradient(137deg, rgba(21, 19, 29, 0.00) 0%, #15131D 100%);  flex-shrink: 0; position: relative; }


.keyFeatures_box_inner{ position: relative; padding: 20px; overflow: hidden;  border-radius: 24px; background-color: var(--p_bg); }

.keyFeatures_box:after, .keyFeatures_box:before{ content: ''; position: absolute; left: 100%; top: 25px; border-radius: 0px 20px 20px 0px; background: #1B1B2E; height: calc(100% - 50px); width: 24px;  flex-shrink: 0;  }

.keyFeatures_box::before{ left: calc(100% + 24px); height: calc(100% - 100px);  top: 50px; opacity: 0.5;  }


.keyFeatures_img{ width: 100%; position: relative; min-height: 400px; display: flex; align-items: center; justify-content: center;  }

.keyFeatures_img img{ display: block; width: 100%; max-width: 60%; height: auto; margin: auto;  }


.keyFeatures_text{ width: 60%; padding-left: 160px;}

 .keyFeatures_text h2{ font-weight: 400; color: var(--white); font-size: var(--fs3); line-height: 1.4em; padding-bottom: 20px; }

.keyFeatures_text p{ color: var(--grey); font-size: var(--fsp); line-height: 1.5em;   }


.kf_gradient{ -webkit-filter: blur(125px); filter: blur(125px); position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 498.255px;  height: 412.41px; opacity: 0.2; }

.kf_gradient i{ width: 356.655px; height: 336.89px; flex-shrink: 0; background-color: #18A0FB; display: block;   position: absolute; left: 0px; top: 50%; transform: translateY(-50%); z-index: 2; }

.kf_gradient i:nth-child(2){ width: 362.555px;  height: 274.35px; background-color: #EE46D3;  position: absolute; left: 50px; top: 50%; transform: translateY(-50%); z-index: 1; }


.kfThumb_slider{ width: 100%; padding: 80px 0px 60px 0px;  }

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

.kfThumb_progress{ width: 100%; position: relative; height: 2px; margin-bottom: 40px; border-radius: 2px;  background: rgba(217, 217, 217, 0.1); overflow: hidden;  }

.kfThumb_bar{ height: 100%; width: 0%; position: absolute; left: 0px; top: 0px;background: linear-gradient(90deg, #FF8E02 -1.16%, #FFC401 104.65%); border-radius: 2px; opacity: 0;    }


.kfThumb_box strong{ color: #86858A;  font-family: var(--familySourceCode);  font-size: 1em;  font-weight: 600;  line-height: 1.5em; 
  letter-spacing: 0.56px; text-transform: uppercase; display: block; padding-bottom: 6px; }

.kfThumb_box h3{ font-weight: 400; color: var(--white); font-size: var(--fsp); line-height: 1.4em; }


.kfThumb_run{ padding: 0px 20px; cursor: pointer; }


.kfThumb_slider .slick-arrow{ display: none !important;}

.kfThumb_slider .slick-current .kfThumb_progress{  background: rgba(217, 217, 217, 1); }
.kfThumb_slider .slick-current .kfThumb_bar{ opacity: 1; width: 60%; }


.architecture_sec{ padding: 120px 0px;}

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

.architecture_inner:after{ content: ''; display: block; }  

.ar_content{ width: 100%; position: relative; z-index: 2; }

.ar_arrowsCircle{ width: 740px; height: 740px; margin: auto; display: flex; align-items: center; justify-content: center; background: url(../images/arrowCircle.png) no-repeat center center; background-size: 100% auto; position: relative; z-index: 3; }

.ar_logo{ position: relative; z-index: 4;}

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



.ar_arrowsCircle ul{ width: 100%; height: 100%; position: absolute; left: 0px; top:0%; }

.ar_arrowsCircle ul li{ position: absolute;  width: 100%; height: 100%; left: 0px; top: 0px; transition: all 1.2s ease; opacity: 0; }

.ar_arrowsCircle.go ul li{ opacity: 1;}

.ar_arrowsCircle ul li:first-child{ transform: translate(44%, 7%); transition-delay: 1000ms; }

.ar_arrowsCircle ul li:nth-child(2){ transform: translate(74%, 26%); transition-delay: 1200ms;  }

.ar_arrowsCircle ul li:nth-child(3){ transform: translate(77.5%, 55%);  transition-delay: 1400ms; }

.ar_arrowsCircle ul li:nth-child(4){ transform: translate(57%, 76%);  transition-delay: 1600ms; }

.ar_arrowsCircle ul li:nth-child(5){ transform: translate(-58%, 76%);  transition-delay: 1800ms; }

 .ar_arrowsCircle ul li:nth-child(6){ transform: translate(-77%, 55.2%);  transition-delay: 2000ms; }

 .ar_arrowsCircle ul li:nth-child(7){ transform: translate(-74%, 25%);  transition-delay: 2200ms; }

 
.ar_visual{ display: flex; gap: 20px; align-items: center; }

.ar_visual i{ width: 90px; height: 90px;  flex-shrink: 0; border: 1px solid var(--white); display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--p_bg); position: relative; z-index: 1; }

.ar_visual i img{ display: block; width: 60%; height: auto; margin: auto; }

.ar_visual span{ color: var(--fsp); line-height: 1.5em; display: block;   } 

.ar_li_right .ar_visual{ flex-direction: row-reverse; text-align: right;}



.ar_gradient{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity:0.08;  mix-blend-mode: color-dodge; -webkit-filter: blur(128px);  filter: blur(128px);  }


.ar_gradient i{ display: block; width: 691.406px; height: 549.253px; background-color: #18A0FB; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.ar_gradient i:first-child{ left: 30%; top: 30%; }

.ar_gradient i:nth-child(2){ background-color: #F2371F; transform: translate(-50%, -70%); }

.ar_gradient i:nth-child(3){ background-color: #EE46D3; transform: translate(-30%, -70%); }

.ar_gradient i:nth-child(4){ background-color: #00C5DF; transform: translate(-50%, -30%); }


.multiLayer_sec .ar_arrowsCircle{ width: 740px; height: 740px; margin: auto; display: flex; align-items: center; justify-content: center; background: url(../images/multi_circle.svg) no-repeat center center; background-size: 540px auto; position: relative; z-index: 3; }

 
.multiLayer_sec .ar_arrowsCircle ul { counter-reset: list-item; list-style-type: none; }

.multiLayer_sec .ar_arrowsCircle ul li { counter-increment: list-item; }
 
.multiLayer_sec .ar_arrowsCircle ul li .ar_visual::before { content: counter(list-item, decimal-leading-zero); font-size: 100px;  font-weight: 800; line-height: 1em; opacity: 0.05; position: absolute; left: 30px; top: -36px; }


.multiLayer_sec .ar_arrowsCircle ul li.ar_li_right .ar_visual::before{ left: initial; right: 30px; }



.multiLayer_sec .ar_gradient i:first-child{ left: 50%; top: 50%; }

.multiLayer_sec .ar_gradient i:nth-child(2){ background-color: #FF5742; width: 538.201px; height: 408.797px; transform: translate(-50%, -60%); }

.multiLayer_sec .ar_gradient i:nth-child(3){ background-color: #EE46D3; transform: translate(-70%, -60%); width: 596.176px;
  height: 448.003px; }

.multiLayer_sec .ar_gradient i:nth-child(4){ background-color: #00C5DF; transform: translate(-30%, -60%); width: 423.701px;  height: 398.756px; }


.iPlatform{ padding-bottom: 140px; width: 100%;}

.iPlatform_inner{ width: 100%; position: relative; z-index: 3; }

.iPlatform_inner ul{ display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: wrap; }

.iPlatform_shap{ width: 220px; height: 240px; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); background-color: var(--yellow); padding: 2px; }

.iPlatform_box{ width: 100%; height: 100%; display: flex; flex-direction: column; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); background-color: var(--p_bg); align-items: center; justify-content: center; padding: 30px; text-align: center; }

.iPlatform_box i{ padding-bottom: 14px; display: block; }

.iPlatform_box i img{ display: block; }

.iPlatform_box p{ font-size: var(--fsp); color: var(--white); line-height: 1.4em; }

.iPlatform_inner ul:first-child{ margin: 0px; }
.iPlatform_inner ul{ margin-top: -40px;}




.iPlatformContent{ position: relative;}

.iPlatformContent .ar_gradient i:first-child{ left: 50%; top: 50%; width: 603.906px; height: 353.756px; }

.iPlatformContent .ar_gradient i:nth-child(2){ background-color: #FF5742; width: 538.201px;
  height: 304.594px;transform: translate(-60%, -60%); }

.iPlatformContent .ar_gradient i:nth-child(3){ background-color: #EE46D3; transform: translate(-55%, -55%);width: 596.176px;
  height: 333.806px; }

.iPlatformContent .ar_gradient i:nth-child(4){ background-color: #00C5DF; transform: translate(-80%, -30%);width: 423.701px;
  height: 297.113px; }



.industries_sec{ width: 100%; padding: 120px 0px;  }


.industries_list{ width: 100%; position: relative; z-index: 2; }

.industries_list ul{ display: flex;  flex-wrap: wrap; margin: 0px -12px; }
.industries_list ul li{ width: 33.33%; padding: 0px 12px 25px 12px; display: flex; flex-direction: column; justify-content: center;  }
.industries_list ul li:first-child{ width: 66.66%;}



.industries_list h4{ font-weight: 700; color: var(--white); font-size: var(--fs3); line-height: 1em;   }

.industries_list h2{ font-weight: 700; color: var(--yellow); font-size:100px; line-height: 1em;   }


.industries_box{ width: 100%; border-radius: 32px;  border: 1px solid rgba(255, 255, 255, 0.10); background: var(--p_bg); padding: 32px; display: flex; flex-direction: column; height: 100%; }

.industries_box i{ display: block; padding-bottom: 24px; }
.industries_box i img{ display: block; max-height: 80px; max-width: 80px;}

.industries_box strong{ display: block; font-size: var(--fs5); line-height: 1.5em; color: var(--white); word-break: break-all; }


.caseStudies_sec{ padding: 120px 0px;}

.cs_top{ width: 100%; padding-bottom: 60px; display: flex; justify-content: space-between;  }

.cs_info{ width: 50%; }
.cs_content_first .cs_info{ width: 70%; }

.cs_info i{ display: block; padding-bottom: 36px; }
.cs_info i img{ display: block; width: 100%; max-width: 180px; height: auto;  }

.cs_info h3{ padding-bottom: 20px; color: var(--white); font-size: var(--fs4);  font-weight: 600; line-height: 1.4em; letter-spacing: -0.365px;  }

.cs_info p{ font-size: var(--baseFS);  font-weight: 400; line-height: 1.5em; color: #B3B3B3; max-width: 718px; padding-bottom: 30px; }

.cs_info_icon{ padding-left: 50px; position: relative; }

.cs_info_icon i{ position: absolute; left: 0; top: 0; }

.cs_info_icon strong{ font-size: var(--fs5);  font-weight: 600; line-height: 1.5em; color: #B3B3B3; padding-bottom: 10px; display: block; }

.cs_top_right{ width: 35%;}

.cs_content_first .cs_top_right{ width: 20%;}

.cs_top_right i{ display: block; }

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


.cs_savings_row{ width: 100%;    }

.cs_savings_row ul{ display: flex; flex-wrap: wrap; margin: 0px -15px;  }

.cs_savings_row ul li{ width: 25%; padding: 0px 15px 25px 15px; }

.cs_savings_box{ width: 100%; font-size: var(--baseFS);}

.cs_savings_box i{ display: block; padding-bottom: 12px;}

.cs_savings_box i img{ display: block; max-width: 46px; max-height: 46px;  }

.cs_savings_box small{ display: block; color: var(--white); font-size: 14px; font-weight: 600;  line-height: 1.5em; padding-bottom: 14px;  }

.cs_savings_box h3{background: linear-gradient(25deg, #FF7F02 8.49%, #FFC400 91.51%); background-clip: text;  -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: var(--fs4); font-style: normal; font-weight: 800;  line-height: 1.5em;  padding-bottom: 15px; }
.cs_savings_box p{ color: #E4E4E4; font-size: 1em; font-weight: 300; line-height:1.5em;  }


.cs_content{ position: relative;  }

.cs_content_inner{ width: 100%; position: relative; z-index: 2;  }

.cs_content .ar_gradient{ z-index: 1;}


.cs_content .ar_gradient i:first-child{ width: 100%; height: 100%; left: 50%; top: 50%;}


.cs_slider_scroll{  width: 100%;   }

.cs_slider{ position: relative; z-index: 3; display: flex;  }
.cs_slider > div{ width: 100%;  min-width: 0px !important; padding-right: 0px !important; }




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

.footer:before{ content: ''; width: 317px;  height: 292px; position: absolute; left: 0px; top: -188px; background: url(../images/edge_corner.svg) no-repeat top center; background-size: 100% auto; z-index: -1;  }

.footer_inner{ width: 100%; position: relative; z-index: 2; }

.footerTop{ width: 100%; padding: 40px 0px; border-left: 1px solid var(--border_color); border-right: 1px solid var(--border_color); }

.footerTop h3{ color: var(--white); font-size: 1em;  font-weight: 400; padding-bottom: 20px; }

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

.brands ul{ display: flex; gap: 30px; flex-wrap: wrap; align-items: center;}
.brands ul li a{ display: block;}
.brands ul li img{ display: block; max-width: 95px; max-height: 40px; width: auto; }
.brands ul li small{ display: block; padding-bottom: 4px; padding-left: 4px;}

.footer_menu ul{ display: flex; gap: 30px; flex-wrap: wrap; align-items: center; justify-content: flex-end;  }

.footer_menu ul li a{ color: var(--white);  font-size: 12.4px; font-weight: 400; line-height: 1.5em; display: block; }

.footer_menu ul li a:hover{ text-decoration: underline;}

.footer_rights{ width: 100%; padding:20px 0px 40px 0px; }

.footer_rights p{ color: #86858A; font-size: 14px;  font-weight: 400; line-height: 1.5em; text-align: center;}




.custom_popup{ width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 9998; display: flex; align-items: center; justify-content: center; overflow-y: auto;}

.popup_inner{ width: 100%; padding: 20px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}

.popup_overlay{  width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 0; background: rgba(30, 27, 39, 0.60); -webkit-backdrop-filter: blur(20px);  backdrop-filter: blur(20px); }


.popup_box{ border-radius: 20px;  border: 1px solid #26242C;  background: #0E0C15; width: 100%; max-width: 640px; position: relative; z-index: 2; margin: auto;  } 

.popupHeader{ display: flex; justify-content: space-between; align-items: center; position: relative; padding: 20px; }

.popupHeader h3{ font-size: 22px; line-height: 1.2em; font-weight: 700; color: #fff; }

.popup_close{ width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: #FFC401; transition: all 0.3s ease; }

.popup_close:hover svg path{ transition: all 0.3s ease; }

.popup_content{  width: 100%; padding: 20px; }
.privacy_popup .popup_content{ max-height: calc(100vh - 170px);  overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; border-radius: 20px;  }

.privacy_popup .popup_box{ padding-bottom: 20px;}

.popup_close:hover svg path{ stroke: #fff; }

.demo_form ul li{ padding-bottom: 20px; }
.demo_form ul li:last-child{ padding-bottom: 0px; }

.form_field{ width: 100%; font-size: 14px; font-weight: 500; color: #fff; padding: 12px 16px; border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.50); transition: all 0.3s ease; } 

.form_field:focus{ border-color: #FFC401; }

.popup_footer{ display: flex; justify-content: center; padding: 20px 20px 20px 20px; }

.btn_yellow{ background: #FFC401; color: #0E0C15; }
.popup_footer .btn_yellow{ padding: 15px 60px; }

.countrypicker{ width: 100% !important; }


.countrypicker .btn-default{ background: transparent !important; font-size: 14px !important; font-weight: 500 !important; color: #fff !important; padding: 12px 16px !important; border-radius: 5px !important; border: 1px solid rgba(255, 255, 255, 0.50) !important; transition: all 0.3s ease; }

.countrypicker.bootstrap-select .dropdown-toggle:focus{ outline: none !important; border-color: #FFC401; }

.custom_popup{ display: none; }


.privacy_popup .popup_box{ max-width: 1200px; }

.privacy_section{ padding-bottom: 15px; }

.privacy_section strong, .privacy_section b{ font-size: 18px; line-height: 1.5em; font-weight: 700; color: #fff; display: block; padding-bottom: 10px; }

.privacy_section b{ font-size: 14px; padding: 15px 0px; }
.privacy_section p{ padding-bottom: 15px;}
.pad0{ padding: 0px !important;}
.privacy_section p, .privacy_section li{ font-size: 14px; line-height: 1.5em; color: #fff; }

.privacy_section ul{ padding:10px 0px 0px 20px; }
.privacy_section ol{ padding:0px 0px 15px 10px; }

.privacy_section ul li{ list-style: disc; }
.privacy_section li span{ width: 60px; margin-right: 5px; display: inline-block; }


.privacy_section ol li{ list-style: upper-roman; }
.privacy_section ol li::marker{ color: #FFC401; }

.privacy_section a{ color: #FFC401;transition: all 0.3s ease; text-decoration: underline; }
.privacy_section a:hover{ text-decoration: none !important;}
.error_text{ font-size:14px; line-height:1.5em; display:block; color:#d32e2e;  }
.error_stroke{ border-color:#d32e2e !important; }

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

.sucessPop_content{ text-align: center; padding: 50px 15px;}

.sucessPop_content i{ display: block; width: 100%; padding-bottom: 20px;  }

.sucessPop_content i img{ display: block; width: 100%; max-width: 200px; margin: auto;}

.sucessPop_content h3{ padding-bottom: 30px; font-weight: 600; font-size: 18px; line-height: 1.5em; max-width: 450px; margin: auto;  }

.sucessPop_content a{ min-width: 160px;}


.g-recaptcha{ display: flex; justify-content: flex-end; flex-wrap: wrap; }


.loader{ width: 100%; height: 100%; position: fixed; left: 0px;  top: 0px; z-index: 999; background: #0E0C15; -webkit-backdrop-filter: blur(20px);  backdrop-filter: blur(20px); display: flex; align-items: center; justify-content: center; }

.loader span{ display: block; width: 100%; max-width: 300px; }

.loader span img{ display: block; width: 100%; height: auto;  animation: zoomAnimation 2s infinite alternate; }


@keyframes zoomAnimation {
  0% {
      transform: scale(1);
  }
  100% {
      transform: scale(1.3);
  }
}


@media(max-width:480px){
  .em_box{
    transition: none;
  }
}