* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: "Inter", sans-serif;
    }
    body{
        background-color: #000; margin: 0; padding: 0;
    }
   html{margin: 0; padding: 0;}
    #header {
      padding: 20px 40px;
      width: 100%;
      position: absolute;
      top: 0;
      z-index: 99999;
    }

    #header .nav a {
      text-decoration: none;
    }

    #header .logo h2 {
      color: white;
      font-size: 28px;
      margin-bottom: 0;
      font-weight: 700;
    }
    #header .logo h2 span{
        color: #63dcef;
    }

    #header .navwrap {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
	#header.fixed{width:100%;position:fixed;top:0;left:0;right:0;z-index:60;background:#050d1ad1;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff17;transition:background 0.35s,border-color .35s}
    .menu {
      position: relative;
    }

    .menu ul {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding-left: 0;
    }

    .menu #navMenu li {
      list-style: none;
    }

    .menu #navMenu li a {
      text-decoration: none;
      color: rgb(159, 173, 196);
      font-size: 14.5px;
    font-weight: 500;
    padding: 10px 14px;
    border-radius: 999px;
      transition: .4s ease-in-out;
      position: relative;
	 
	 
    }
	
    .sub-menu{
        border: 1px solid rgba(255, 255, 255, 0.1);
        background-color: #080e1a !important;
    }

    .menu #navMenu li a:hover::after {
      width: 100%;
    }
    .hamburger {
      width: 28px;
      height: 22px;
      display: none;
      flex-direction: column;
      justify-content: space-between;
      cursor: pointer;
      z-index: 1001;
    }

    .hamburger span {
      width: 100%;
      height: 3px;
      background: #fff;
      border-radius: 2px;
      transition: all 0.4s ease;
    }
	.hamburger.active span{background: #000;}
    .hamburger:hover span {
      background: #d82578;
    }
    .contact a{
        text-decoration: none;
        display: inline-block;
    background: rgb(99, 220, 239);
    color: #000;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 22px;
    border-radius: 999px;
    box-shadow: rgba(99, 220, 239, 0.35) 0px 6px 22px;
        transition: .3s ease-in-out;
    }
    .contact a:hover{
        background: #d82578;
        color: #fff;
    }
    .contact-link{
        display: none !important;
        padding: 12px 18px;
        font-weight: 500;
        background: #d82578;
        text-decoration: none;
        color: #fff;
        transition: .3s ease-in-out;
    }
    .contact-link:hover{
        background: #299ec3;
        color: #fff;
    }
    #navMenu li {
    position: relative;
}
#navMenu li a{
    padding: 10px 0;
}

/* Submenu - initially hidden */
.sub-menu {
    position: absolute;
    top: 150%;
    left: 0;
    background-color: #fff;
    min-width: 250px;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
    border-radius: 15px;
    z-index: 1000;
    padding: 10px 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, visibility 0.4s;
}

/* Submenu links */
.sub-menu li a {
    display: block;
    padding: 12px 16px !important;
    text-decoration: none;
    color: black !important;
    font-size: 16px !important;
    transition: background-color 0.3s ease;
}

.sub-menu li a:hover {
    color: #d82578 !important;
    background-color: #efefef;
}

/* Show submenu on parent li hover */
#navMenu li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


/* Dropdown toggle button */
.submenu-toggle {
    cursor: pointer;
    margin-left: 0;
    user-select: none;
    display: inline-block;
    transition: transform 0.3s ease;
    font-size: 0.8em;
    color: #fff;
}

/* Rotate arrow when submenu is open */
.submenu-toggle.open {
    transform: rotate(180deg);
}

/* Show submenu when active via click */
.sub-menu.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.submenu-toggle i{
    color: #fff;
    transition: .4s ease-in-out;
}
#navMenu li:hover .submenu-toggle i{
    transform: rotate(180deg);
    color: #fff;
}
#navMenu li a:hover{
    background-color: #0f1e2b;
    color: #fff;
}
.sub-menu li a:hover{
    color: #d82578 !important;
}

/* Mobile Styles */
@media screen and (max-width: 850px) {
	
	#header .navwrap{justify-content: normal; flex-direction: row; }
	.logo{margin-left:15px;}
	.navwrap > :last-child{margin-left: auto;}
	.ban-text2 h1{letter-spacing:-1px;}
    .hamburger {
        display: flex;
        z-index: 10001;
    }
    #navMenu li:hover .submenu-toggle i{
    transform: rotate(0);
    color: #d82578;
}
    .submenu-toggle i{
    color: #000;
    transition: .4s ease-in-out;
}
    #navMenu li:hover > a {
    color: #d82578 !important;
}
    .menu ul {
        position: fixed;
        top: 0;
        left: -250px;
        width: 250px;
        height: 100vh;
        background: #fff;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0;
        padding-top: 80px;
        transition: left 0.4s ease;
        z-index: 1000;
    }

    .menu ul li {
        width: 100%;
    }

    .menu #navMenu li a {
        font-size: 15px;
        color: #000;
        padding: 15px 25px !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
	.menu #navMenu li a:hover::after{display:none;}
	.menu #navMenu li:hover {background-color:#000 !important;}
	
    #navMenu .contact-link{
        font-size: 18px !important;
        margin-top: 20px !important;
        padding: 10px 25px !important;
        margin-left: auto;
        width: 90% !important;
        border: none;
        display: flex !important;
        text-align: center !important;
        margin-right: auto;
        justify-content: center;
    }
    #navMenu .contact-link:hover{
        color: #fff !important;
    }
    
    .menu ul.active {
        left: 0;
    }
    
    .contact{
        display: none;
    }
    
    .contact-link{
        margin-top: 0 !important;
        display: block;
        color: #fff !important;
        text-align: center;
    }
    
    .contact-link::after{
        display: none;
    }
    
    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        opacity: 0;
        visibility: hidden;
        transition: 0.3s ease;
        z-index: 999;
    }

    .overlay.active {
        opacity: 1;
        visibility: visible;
    }
    
    .hamburger.active span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }

    .hamburger.active span:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active span:nth-child(3) {
        transform: rotate(-45deg) translate(8px, -8px);
    }
    
    /* Mobile submenu styles */
    .sub-menu {
        position: static;
        background-color: transparent;
        box-shadow: none;
        border-radius: 0;
        padding: 0;
        margin: 0;
        transform: none;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        opacity: 1;
        visibility: visible;
        width: 100%;
    }
    
    .sub-menu.active {
        max-height: 500px;
    }
    
    .sub-menu li a {
        color: #000 !important;
        padding: 12px 35px !important;
        font-size: 16px !important;
        border-bottom: 1px solid #f0f0f0;
    }
    
    .submenu-toggle {
        color: #000 !important;
    }
    
    /* Hide submenu on mobile by default */
    .sub-menu:not(.active) {
        display: none;
    }
    
    /* Make entire menu item clickable on mobile */
    .menu-item-with-submenu {
        cursor: pointer;
    }
}
@media screen and (max-width: 500px) {
	
  .ban-text2 h1 {
    padding: 0 0px;
  }
  .ban-text2 h1 br {
    display: none;
  }
}
#in-con-banner{
    position: relative;
    height: 400px;
    overflow: hidden;
}
#in-con-banner img{
    height: 400px;
    vertical-align: top;
}
#in-con-banner .ban-text2 h4 {
    text-align: center;
    color: white;
    line-height: 1.2;
    font-size: 40px;
    padding: 0 30px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;
}
#in-con-banner .ban-text2 div {
    text-align: center;
    color: white;
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    font-size: 17px;
    padding: 0 30px;
    text-transform: uppercase;
    font-weight: 600;
}
#in-con-banner .ban-text2 div a{
    color: white;
    opacity: 1;
    text-decoration: none;
    margin-right: 10px;
    transition: .4s ease-in-out;
}
#in-con-banner .ban-text2 div a:hover{
    color: #d82578;
}
#in-con-banner .ban-text2 div span{
    color: white !important;
    opacity: 0.8;
    text-decoration: none;
    margin-right: 10px;
}
#in-con-banner .over{
    background-color: rgba(0, 0, 0, 0.45);
}
#in-con-banner .ban-text2{
    top: 60%;
}
/* #in-con-form .form{
    width: 1000px;
    margin: 0 auto;
} */
#in-con-form .form-grid{
    width: 50%;
}
#in-con-form .in-con-form-right{
    background-color: white;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
}
.in-con-form-right h2{
    font-weight: 700;
    color: black;
    font-size: 35px;
    text-transform: uppercase;
}
#in-con-form .btn-custom {
    margin-top: 15px;
      background-color: #d82578;
      color: white;
      display: inline;
      padding: 14px 22px !important;
      text-transform: uppercase;
      border-radius: 0;
      transition: .4s ease-in-out;
    }

    #in-con-form .btn-custom:hover {
      background-color: #299ec3;
      color: white;
    }
#footer{
    padding: 20px 0;
    text-align: center;
    background-color: #299ec3;
}
#footer .logo h2 {
      color: white;
      font-size: 24px;
      margin-bottom: 0;
    }
#footer a{
    text-decoration: none;
}

.lanselect{display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(8px);
    border-radius: 999px;
    padding: 8px 10px;
    color: rgb(234, 240, 250);
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;}
.lanselect i{color:#FFF; font-size:13px;margin-left:0px;}
.lanselect img{width:20px; height:auto; margin-right:5px; position:relative; top:-1px;}
.lanselect ul{margin:0;padding:0; list-style:none;}
.lanselect ul li{position:relative;}
.lanselect ul li a{color:#FFF; text-decoration:none;}
.lanselect ul li ul{    position: absolute;
    top: calc(100% + 16px);
    right: -15px;
    min-width: 170px;
    background: rgba(10, 16, 32, 0.97);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    padding: 6px;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 20px 50px;
    backdrop-filter: blur(14px);
    z-index: 60;}
.lanselect ul li:hover ul{display:block;}
.lanselect ul li ul li{display:block;}
.lanselect ul li ul li a{    display: flex;
    align-items: center;
    gap: 2px;
    width: 100%;
    text-align: left;
    cursor: pointer;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    background: transparent;
    color: rgb(195, 207, 226);
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 11px 14px;
    border-radius: 11px;
    transition: background 0.2s;}
    .lanselect ul li ul li a.active{
        background-color: #101d41;
    }
.lanselect ul li ul li:last-child a{border-bottom:none;}


#banner{
    width: 100%;
    padding: 0;
    height: 880px;
    overflow: hidden;
    position: relative;
}
#banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

    .over {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
       /*background: linear-gradient(88deg, rgb(0, 0, 0) 6%, rgba(5, 13, 26, 0.55) 42%, rgba(5, 13, 26, 0.05) 78%), linear-gradient(0deg, rgb(0, 0, 0) 2%, transparent 34%); */
      background-color: rgba(0, 0, 0, 0);
	     /* background: linear-gradient(88deg, rgb(7, 26, 51) 6%, rgba(9, 30, 58, 0.55) 42%, rgba(9, 30, 58, 0.05) 78%), linear-gradient(0deg, rgb(7, 26, 51) 2%, transparent 34%);*/

    }

    .ban-text2 {
        padding: 0 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 1320px;
    transform: translate(-50%, -50%);
}
.ban-text-wrap{
    max-width:1000px;
}

    .ban-text2 h1 {
      color: #eaf0fa;
      /*line-height: 0.97;*/
	  line-height:1.1;
      letter-spacing: -3px;
      font-size: 96px;
      font-weight: 700;
          margin-bottom: 28px;
    }
    .ban-text2 h1 span{
        /*background: linear-gradient(102deg, rgb(99, 220, 239), rgb(228, 213, 245));*/
		background: linear-gradient(to left, rgb(184, 150, 255) 47px, rgb(0, 246, 255) 131.6px, rgb(0, 255, 240) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    }
    .ban-text2 p{
     font-size: 21px;
    line-height: 1.55;
    /*color: rgb(170, 184, 207);*/
	color: rgba(255, 255, 255,0.9);
    max-width: 580px;
    margin-bottom: 36px;
    }
    .ban-head{
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 28px;
    }
    .ban-head span{
        display: inline-block;
        color: #63dcef;
        text-transform: uppercase;
        font-size: 12.5px;
        letter-spacing: 2px;
    }
    .ban-head .line{
        width: 30px;
        height: 1.5px;
        background-color: #63dcef;
    }
    .ban-btn a{
            text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.22);
    color: rgb(234, 240, 250);
    font-weight: 500;
    font-size: 16.5px;
    padding: 17px 32px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    transition: .4s ease-in-out;
    }
    .ban-btn a:hover{
        background-color: #63dcef;
        color: #000;
    }

    #header ul li a i{
        color: #63dcef;
        font-size: 3px;
        margin-left: 10px;
        transform: translateY(-2px);
    }
    .maindvlng i{
        color: #fff !important;
        font-size: 12px !important;
        transform: translateY(2px) !important;
        margin-left: 4px !important;
    }
   .sub-maindvlng {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.35s ease;
}

.sub-maindvlng.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.heading h1{
    font-weight: 700;
    font-size: 58px;
    line-height: 1.1;
    letter-spacing: -0.028em;
    color: #fff;
    margin-bottom: 28px;
}
.heading h1 span{
    /*background: linear-gradient(102deg, rgb(99, 220, 239), rgb(228, 213, 245));*/
	background: linear-gradient(to left, rgb(184, 150, 255) 38px, rgb(0, 246, 255) 106.4px, rgb(0, 255, 240) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.heading .top-head{
    font-size: 12.5px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #FFF;
    margin-bottom: 22px;
    display: inline-block;
}
.heading p{
    font-size: 18px;
    line-height: 1.6;
    color: #FFF;
}
#platform p{
    font-size: 18.2px;
    line-height: 1.7;
    color: #FFF;
}
#platform2 h6{
    font-size: 17.5px;
    line-height: 1.7;
    color: #FFF;
    margin-bottom: 30px !important;
}
#platform2 p{
    font-size: 16.5px;
    line-height: 1.7;
    color: #FFF;
}
#ai h6{
    font-size: 17.5px;
    line-height: 1.7;
    color: #FFF;
    margin-bottom: 15px !important;
}
#ai p{
    font-size: 16.5px;
    line-height: 1.7;
    color: #FFF;
}
#ai img{
    width: 100%;
}
section{
    padding: 80px 0;
}
#asset{
    background: rgba(255, 255, 255, 0.02);
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}
#asset img{
    /*margin: 40px 0;*/
    width: 100%;
}
#asset .as-wrap{
        background: linear-gradient(165deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.016));
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 18px;
    padding: 36px 32px;
}
#asset .as-wrap h2{
    font-weight: 600;
    font-size: 22px;
    letter-spacing: -0.015em;
    margin-bottom: 12px;
    line-height: 1.2;
    color:rgb(234, 240, 250);
}
#asset .as-wrap span{
    display: inline-block;
    font-size: 13px;
    color: #FFF;
    margin-bottom: 22px;
}
#asset .as-wrap p{
    font-size: 15.5px;
    line-height: 1.65;
    color: #FFF;
    margin-bottom: 0;
}
#commercial{
    overflow: hidden;
	border-top:1px solid rgba(255,255,255,0.09)
}
#commercial .effect-wrap{
    position: relative;
}
#commercial img{
    position: relative;
    z-index: 3;
    width: 100%;
}
#commercial .heading{
    position: relative;
    z-index: 3;
}
#commercial ul{
    position: relative;
    z-index: 3;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 34px;
    padding-left: 0;
}
#commercial .effect{
    position: absolute;
    inset: -50px -30px;
    background: radial-gradient(circle, rgba(47, 107, 255, 0.4), transparent 65%);
    animation: 6s ease-in-out 0s infinite normal none running enGlow;
}
#commercial ul li{
	display:block;
	padding-left:25px;
	position:relative;
    /*display: flex;
    gap: 14px;
    align-items: flex-start;*/
    font-size: 16.5px;
    color: #FFF;
    line-height: 1.55;
}
#commercial ul li span{
    flex: 0 0 auto;
    margin-top: 9px;
    width: 7px;
    height: 7px;
    background: rgb(47, 107, 255);
    border-radius: 50%;
    box-shadow: rgb(47, 107, 255) 0px 0px 10px;
	position:absolute; left:0; top:2px;
}
#commercial .com-wrap{
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}
#commercial .com-info{
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.02);
    border-radius: 14px;
    padding: 16px 24px;
    font-weight: 600;
    font-size: 16px;
    color: rgb(220, 230, 245);
}
#commercial .com-info i{
    margin-right: 3px;
}


#management{background:#000;border-top: 1px solid rgba(255, 255, 255, 0.10); position:relative; padding:0px 0;}
#management:before{content:'';position:absolute; left:0; right:0; width:100%; height:100%;  background: url(img/One-System.bg.jpg) no-repeat; background-position:right center; background-size:cover; opacity:0.3 }
#management .container{padding-top:80px; padding-bottom:80px; position: relative;z-index: 1;}
.custom-tabs{border:none;gap:12px}
.custom-tabs .nav-link{font-weight: 600;font-size:13.5px;line-height:1.25;letter-spacing:-0.01em;color: rgb(143, 160, 184);background:rgba(255,255,255,0.03);border:1px solid #ffffff14;border-radius:18px;min-height:98px;text-align:left;padding:18px 20px;position:relative;transition:.35s}
.custom-tabs .nav-link span{margin-bottom:20px; display:block;}
.custom-tabs .nav-link:hover{color:#fff;background:#173966}
.custom-tabs .nav-link::after{content:'';position:absolute;left:16px;right:16px;bottom:14px;height:3px;background:#ffffff26;border-radius:20px}
.custom-tabs .nav-link.active{background:#173966;color:#fff;border-color:rgba(255,255,255,0.8);}
/*.custom-tabs .nav-link.active::before{content:'';position:absolute;left:16px;bottom:14px;width:45px;height:3px;background:#2f63ff;border-radius:20px;z-index:2}*/
.content-box{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.04);border-radius:30px;padding:35px;margin-top:28px}
.image-box{overflow:hidden;border-radius:22px;border: 1px solid rgba(255, 255, 255, .1);box-shadow: 0 26px 60px rgba(0, 0, 0, .4);}
.image-box img{width:100%;display:block;border-radius:22px}
.small-title{color: #FFF;letter-spacing: 0.16em;font-size:12.5px;text-transform:uppercase;margin-bottom:20px}
.big-title{font-size:40px;line-height:1.2;font-weight:700;margin-bottom:15px; color:#FFF;}
.description{color:#FFF;font-size:16.5px;line-height:1.6;margin-bottom:25px}
.feature-list{list-style:none;padding:0;margin:0 0 15px 0}
.feature-list li{display:flex;align-items:flex-start;color:#FFF;font-size:16.5px;margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,0.08);}
.feature-list li::before{content:'';width:9px;height:9px;border-radius:50%;background:#2d6cff;margin-top:7px;margin-right:18px;flex-shrink:0}

.custom-tabs .nav-link.active::before{content:'';position:absolute;left:16px;bottom:14px;width:0;height:3px;background:#2f63ff;border-radius:20px;z-index:2;animation:tabProgress 6s linear forwards}
@keyframes tabProgress {
from{width:0}
to{width:calc(100% - 32px)}
}
.tab-pane{opacity:0;transform:translateX(80px);transition:.65s ease;display:block;position:absolute;width:100%;visibility:hidden}
.tab-pane.active{opacity:1;transform:translateX(0);visibility:visible;position:relative;z-index:2}
.tab-pane.slide-out{opacity:0;transform:translateX(-80px)}
.tab-content{position:relative}



.cta-box{background:rgba(255,255,255,0.08);border:1px dashed #ffffff2e;border-radius:28px;padding:36px 40px;position:relative;overflow:hidden; margin-top:45px;}
.cta-title{color:#fff;font-size:25px;font-weight:700;line-height:1.15;margin-bottom:12px}
.cta-text{color:#FFF;font-size:16.5px;line-height:1.7;max-width:760px;margin:0}
.btn-feature{background:linear-gradient(90deg,#69e8ff,#64d5ff);color:#08213d;border:none;border-radius:50px;font-size:15.5px;font-weight:600;padding:15px 28px;transition:.35s;position:relative;z-index:2; box-shadow: rgba(99, 220, 239, 0.35) 0px 10px 30px;}
.btn-feature:hover{transform:translateY(-3px);color:#08213d}
.btn-wrapper{position:relative;display:inline-block}

.controller-section{padding:0; position:relative; overflow:hidden;}
.controller-section .container{padding-top:80px; padding-bottom:80px;}
.controller-section:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(img/heart-bg.jpg) no-repeat;
    background-position: right top;
    background-size: cover;
    opacity: 0.4;
}


.small-heading{color:#FFF;font-size:12.5px;letter-spacing:0.16em;text-transform:uppercase;margin-bottom:20px}
.main-heading{font-size:58px;font-weight:700;line-height:1.1;margin-bottom:28px;color:#fff}
.main-heading span{/*background:linear-gradient(102deg, rgb(99, 220, 239), rgb(228, 213, 245));*/    background-image: linear-gradient(to left, rgb(184, 150, 255) 31px, rgb(0, 246, 255) 86.8px, rgb(0, 255, 240) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.cdescription{font-size:18px;color:#FFF;line-height:1.6;max-width:620px;margin-bottom:45px}
.device-image{width:100%;border-radius:18px;display:block;border: 1px solid rgba(255, 255, 255, 0.1);box-shadow: rgba(0, 0, 0, 0.5) 0px 30px 70px;}
.spec-list{margin-top:18px}
.spec-item{display:flex;gap:55px;padding:22px 0;border-bottom:1px solid #ffffff14}
.spec-title{width:170px;flex-shrink:0;color:#FFF;font-size:13px;letter-spacing: 0.08em;text-transform:uppercase}
.spec-content{color:#D8DDE8;font-size:16.5px;line-height:1.7}

.ai-cloud-wrap{/*background:#081F3D;*/padding:90px 0}
.ai-cloud-text{color:#FFF;font-size:17px;line-height:1.7;max-width:610px;margin-bottom:55px}
.ai-feature-list{width:100%}
.ai-feature-row{display:flex;gap:35px;padding:18px 0;border-bottom:1px solid #ffffff14}
.ai-feature-row:first-child{border-top:none}
.ai-feature-heading{width:170px;flex-shrink:0;color:#FFF;text-transform:uppercase;letter-spacing:0.08em;font-size:13px;}
.ai-feature-desc{color:#FFF;font-size:16.5px;line-height:1.7}
.ai-image-box{display:flex;align-items:center;justify-content:center;height:100%}
.ai-image-box img{width:100%;max-width:760px;display:block;filter:drop-shadow(rgba(0, 0, 0, 0.55) 0px 40px 70px);}

.cyber-sec-area{position:relative;background:#000;padding:0; border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1)}
.cyber-sec-area:before{content:'';position:absolute; left:0; right:0; width:100%; height:100%;  background: url(img/cy-bg.jpg) no-repeat; background-position:center center; background-size:cover; opacity:0.4 }
.cyber-sec-area .container{padding-top:90px; padding-bottom:110px; position: relative;z-index: 1;}



.cyber-small-title{color:#5C7DFF;font-size:14px;font-weight:600;letter-spacing:3px;text-transform:uppercase;margin-bottom:20px}
.cyber-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cyber-info-card{border:1px solid rgba(255,255,255,0.3);border-radius:18px;padding:28px 26px;transition:.35s;min-height:128px}
.cyber-info-card:hover{transform:translateY(-5px);border-color:#3C7DFF}
.cyber-card-title{color:#FFF;font-size:18px;font-weight:500;margin-bottom:10px}
.cyber-card-text{color:#FFF;font-size:15px;line-height:1.7; margin-bottom:0;}
.cyber-bottom-text{margin-top:70px;text-align:center;color:#AFC6FF;font-size:32px;font-weight:700;line-height:1.2}


.oem-brand-section{background: rgb(10, 33, 64);padding:90px 0;overflow:hidden; position:relative;}
.radialbg{position:absolute;top:-180px;right:-120px;width:640px;height:640px;background:radial-gradient(circle,#2f6bff40,transparent 62%)}
.oem-brand-label{color:#5C80FF;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:3px;margin-bottom:22px}
.oem-brand-title{font-size:72px;line-height:1.05;font-weight:800;color:#F5F8FE;margin-bottom:28px}
.oem-gradient-text{background:linear-gradient(90deg,#55E9FF 0%,#8DD6FF 55%,#E8C0FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.oem-brand-desc{max-width:820px;color:#AFC0D9;}
.oem-card-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:55px}
.oem-step-box{background:#11284A;border:1px solid #ffffff14;border-radius:18px;padding:32px 32px;min-height:265px;transition:.35s}
.oem-step-box:hover{transform:translateY(-5px);border-color:#376EFF}
.oem-step-no{font-size:44px;line-height:1;font-weight:700;margin-bottom:24px;background:linear-gradient(rgb(110, 155, 255), rgba(110, 155, 255, 0.2)) text;-webkit-text-fill-color: transparent;}
.oem-step-title{color:#FFF;font-size:22px;font-weight:600;margin-bottom:14px}
.oem-step-text{color:#FFF;font-size:15.5px;line-height:1.6}
.oem-footer-box{background: linear-gradient(120deg, rgba(47, 107, 255, 0.14), rgba(255, 255, 255, 0.02)); border: 1px solid rgba(110, 155, 255, 0.3);
    border-radius: 20px;padding:34px 36px}
.oem-logo-tag{display:inline-flex;align-items:center;justify-content:center;min-width:145px;height:42px;border-radius:12px;border:1px solid #6e9bff80;background:#214A91;color:#fff;font-size:15px;font-weight:700}
.oem-footer-text{color:#FFF;font-size:16px;line-height:1.6;margin:0}
.oem-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#59E6FF,#72D8FF);color:#052340;text-decoration:none;font-size:15.5px;font-weight:600;padding:15px 28px;border-radius:50px;transition:.35s;box-shadow:0 0 35px #5ae1ff59}
.oem-btn:hover{transform:translateY(-2px);color:#052340}

.ei-sec{padding:90px 0;border-top: 1px solid rgba(255, 255, 255, 0.07);
    background: #000;}
	.ei-tag{color:#FFF;letter-spacing:0.16em;font-size:12.5px;text-transform:uppercase; margin-bottom:22px;}
.ei-title{font-size:58px;font-weight:700;line-height:1.05;color:#FFF;margin-bottom:22px;}.ei-sub{font-size:30px;color:#FFF;max-width:620px}
.ei-title span{/*background: linear-gradient(102deg, rgb(99, 220, 239), rgb(228, 213, 245));*/background-image: linear-gradient(to left, rgb(184, 150, 255) 31px, rgb(0, 246, 255) 86.8px, rgb(0, 255, 240) 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color:transparent;}
.ei-p{color:#FFF;font-size:18px;line-height:1.8}
.ei-img{width:100%;border-radius:16px}
.ei-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,.12);border-radius:15px;padding:15px;height:100%;display:grid; grid-template-columns:1fr 4fr;align-items:center; gap:5px}
.ei-icon{width:40px;height:40px;border-radius:12px;background:#234d73;display:flex;align-items:center;justify-content:center;margin-bottom:0}
.ei-card h5{font-size:15px;font-weight:600;color:#FFF; margin-bottom:0px;}
.ei-card p{margin:0;color:#d8e5f5}

.architecture-main-container{max-width:960px;width:100%;position:relative;padding-top:120px; margin-top:80px;}
.cloud-badge-anchor{position:absolute;top:0;right:15px;display:inline-flex;align-items:center;gap:10px;background: rgba(127, 216, 234, .12);
    border: 1px solid rgba(127, 216, 234, .45);backdrop-filter: blur(6px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .4);border-radius:50px;padding:10px 18px;color:#fff;font-weight:600;font-size:14px;text-decoration:none; /* Floating animation */
   animation: floatingBadge 5s ease-in-out infinite;
    will-change: transform;}
	@keyframes floatingBadge{
    0%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-12px);
    }
    100%{
        transform:translateY(0);
    }
}
/*.cloud-badge-anchor::after{content:"";position:absolute;bottom:-80px;right:130px;width:2px;height:80px;border-left:2px dashed #4fa3d1}*/
.cloud-badge-anchor:after{content:"";position:absolute;bottom:-80px;right:100%;width:2px;height:80px;background:repeating-linear-gradient(to bottom,#4fa3d1 0 8px,transparent 8px 16px);animation:dashFlow 1s linear infinite}
@keyframes dashFlow{
    from{
        background-position: 0 0;
    }
    to{
        background-position: 0 16px;
    }
}


.twin-panel-layout{display:flex;border-radius:24px;overflow:visible;box-shadow:0 20px 40px #0000004d;position:relative}
.white-grid-surface{background-color:#fff;border-top-left-radius:24px;flex:1.3;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);position:relative;padding:10px 0}
.grid-node-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px 15px;position:relative;min-height:80px}
.white-grid-surface::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#e5edf5}
.white-grid-surface::after{content:"";position:absolute;top:0;bottom:0;left:33.333%;width:1px;background-color:#e5edf5}
.right-vertical-divider{position:absolute;top:0;bottom:0;left:66.666%;width:1px;background-color:#e5edf5;z-index:1}
.grid-intersection-dot{position:absolute;background-color:#d6e2ee;border-radius:50%;width:20px;height:20px;z-index:2}
.dot-top-left{top:50%;left:33.333%;transform:translate(-50%,-50%)}
.dot-top-right{top:50%;left:66.666%;transform:translate(-50%,-50%)}
.dot-mid-left{left:33.333%;top:50%;transform:translate(-50%,-50%)}
.dot-mid-center{left:50%;top:50%;transform:translate(-50%,-50%)}
.dot-mid-right{left:66.666%;top:50%;transform:translate(-50%,-50%)}
.node-caption{font-size:11px;font-weight:600;color:#1a365d;text-transform:uppercase;letter-spacing:.5px;margin-top:15px;line-height:1.3}
.node-icon-holder{height:40px;display:flex;align-items:center;justify-content:center}
.node-icon-holder svg{fill:none;stroke:#1a365d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dark-hero-surface{background:linear-gradient(145deg,#232529,#111215);border-radius:24px;flex:.9;margin-left:0px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;position:relative;z-index:5;}
.dark-hero-surface::before{content:"";position:absolute;left:0px;top:50%;transform:translateY(-50%);width:40px;height:60px;background-color:#fff;border-top-right-radius:40px;border-bottom-right-radius:40px;z-index:6}
.brand-headline{color:#fff;font-size:42px;font-weight:800;margin:0;line-height:1.1}
.brand-subheadline{color:#fff;font-size:28px;font-weight:400;margin:0 0 20px}
.brand-divider-line{width:60px;height:1px;background-color:#fff3;margin-bottom:25px}
.brand-tagline-text{color:#8a929a;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1px;line-height:1.5;max-width:220px}


.partner-market-section{background:#000;padding:110px 0; border-top:1px solid rgba(255,255,255,0.09);}
.partner-small-title{ color: #FFF;letter-spacing: 0.16em;font-size: 12.5px;text-transform: uppercase;margin-bottom:22px}
.partner-main-title{color:#FFF;font-size:58px;font-weight:700;line-height:1.02;margin-bottom:35px}
.partner-main-title span{/*background:linear-gradient(102deg, rgb(99, 220, 239), rgb(228, 213, 245));*/background-image: linear-gradient(to left, rgb(184, 150, 255) 31px, rgb(0, 246, 255) 86.8px, rgb(0, 255, 240) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.partner-description{color:#FFF;font-size:18px;line-height:1.6;max-width:640px;margin-bottom:32px}
.partner-list{list-style:none;margin:0;padding:0}
.partner-list li{display:flex;align-items:flex-start;gap:6px;color:#FFF;font-size:16px;margin-bottom:10px;line-height:1.6}
.partner-list svg{min-width:22px;margin-top:5px}
.partner-image{width:100%;border-radius:22px;display:block;box-shadow:0 35px 70px #0000004d}

.theintelengnce{background:#000;border-top: 1px solid rgba(255, 255, 255, 0.07);}
.theintelengnce .oem-step-box{background:rgba(255,255,255,0.03);}
.theintelengnce .oem-step-box span{font-size: 12px;letter-spacing: 0.12em;text-transform: uppercase; color: #FFF; margin-bottom:20px; display:block; }
.theintelengnce .oem-footer-box{border:1px solid rgba(99, 220, 239, 0.3);background:rgba(99, 220, 239, 0.05);}




/* SLIDER RECTIFICATION CSS */
/*.stack-slider{position:relative;width:100%;height:100vh;overflow:hidden;background-color:#000}*/
/*.ei-sec{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;}*/
/*.partner-market-section,.theintelengnce{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;display:flex;transform:translateX(100%)}*/
/*.partner-market-section{z-index:2}*/
/*.theintelengnce{z-index:3; padding-top:150px;}*/




.retro-section{padding:110px 0;background:#000; border-top:1px solid rgba(255,255,255,0.09);  border-bottom:1px solid rgba(255,255,255,0.09)}
.retro-wrapper{background:rgba(255,255,255,0.04);border:1px solid #ffffff14;border-radius:28px;padding:55px}
.retro-label{font-size:12.5px;letter-spacing:0.16em;color:#FFF;margin-bottom:22px;}
.retro-title{font-size:42px;font-weight:700;line-height:1.05;color:#fff;margin-bottom:25px}
.retro-title span{background: linear-gradient(to left, rgb(184, 150, 255) 47px, rgb(0, 246, 255) 131.6px, rgb(0, 255, 240) 100%); -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.retro-text{font-size:17px;line-height:1.6;color:#FFF}
.retro-step{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid #ffffff14}
.retro-step:last-child{border-bottom:none}
.retro-step h4{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px}
.retro-step p{margin:0;font-size:15px;line-height:1.6;color:#FFF}
.retro-divider{margin:40px 0 35px;border-color:rgba(255, 255, 255, 0.3);}
.retro-btn{display:inline-flex;align-items:center;gap:12px;padding:15px 28px;background:linear-gradient(90deg,#5BE7FF,#72D8FF);border-radius:50px;text-decoration:none;font-size:16.5px;font-weight:600;color:#06233D;box-shadow:0 0 40px #59e6ff59}
.retro-btn:hover{color:#06233D}


[data-aos="blur-up"]{
    opacity:0;
    filter:blur(30px);
    transform:translateY(60px) scale(.96);
    transition-property:opacity,transform,filter;
}

[data-aos="blur-up"].aos-animate{
    opacity:1;
    filter:blur(0);
    transform:translateY(0) scale(1);
}


span.logodot{color: #63dcef !important;-webkit-text-fill-color:#63dcef !important;-webkit-background-clip:none;position: relative !important;     display: inline-block !important; margin:0 !important; font-size: 20px !important;
    line-height: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    top: 0 !important;}
	
	
.footer{padding: 45px 0;border-top: 1px solid rgba(255, 255, 255, 0.07); background:#000; position:relative;}
.footercol{padding:25px 25px;}
.footercol h5{color:#00357d; margin-bottom:25px; font-weight:600; position:relative;}
/*.footercol h5:after{content:''; position:absolute; bottom:0; left:0; width:50px; height:1px; background:#00357d;}*/
.footercol ul{padding-left:0px; list-style:none;}
.footercol ul li{margin:10px 0;}
.footercol ul li a{color:rgba(255,255,255,0.7); text-decoration:none; font-weight:400;display:flex;align-items:center;}
.footercol ul li a i{margin-right:8px;font-size:12px;color:#14a1e8;}
.footercol span,.copyright{color:#303030;}
.footercol span a{text-decoration:none; color:#303030;}

.footercol ul.social{display:flex; margin-top:10px;}
.footercol ul.social li{margin-right:10px;}
.footercol ul.social li a i{width:40px; height:40px; text-align:center; line-height:40px; border:1px solid #0070ad; color:#0070ad; border-radius:5px;}
.footercol ul.social li a:hover i{ background:#0070ad; color:#FFF;}


.footercol h5, .footercol ul li a, .footercol span, .copyright, .footercol span a{color:#FFF;}
.footercol ul li a, .copyright, .footercol span a{font-size:15px; color:rgba(255,255,255,0.7);}
.footercol ul.social li a i{background:#0070ad; color:#FFF;}
.footercol ul li a{display:flex; align-items:center;}
.footercol ul li a i{margin-right:8px; font-size:12px;color:#14a1e8;}
.copyright{border-top: 1px solid rgba(255, 255, 255, 0.07);padding-top:25px; background:#000;font-size:14px;}
.footer{padding:45px 0 25px;}


#cookie-consent{display:flex;position:fixed;bottom:0;left:0;width:100%;background:#41546f;color:#fff;padding:15px 20px;display:none;z-index:9999;box-shadow:0 -2px 10px #0003;        justify-content: space-between;
        align-items: center;}
#cookie-consent a{color:#60a5fa;text-decoration:underline}
.cookie-text{font-size:14px;margin-bottom:10px}
.cookie-actions{display:flex;gap:10px}
#cookie-consent button{padding:8px 14px;border:none;cursor:pointer;font-size:14px;border-radius:4px}
#accept-cookies{background:#14a1e8;color:#FFF}
#reject-cookies{background:#374151;color:#fff}


.officesarea{border-top:1px solid rgba(255,255,255,0.09)}
.shedcolor{color:rgba(255,255,255,1);}
.officesarea .inneraddress{background:rgba(255,255,255,0.04);border:1px solid #192031;border-radius:10px; padding:25px;}
.officesarea .inneraddress h3{color: #FFF; font-size:22px; font-weight:700;}

.powersenction{background:#000;}
.powertitle{font-size: 40px; font-weight: 700; line-height: 1.2; color: #fff;}
.powertitle span{   /* background: linear-gradient(102deg, rgb(99, 220, 239), rgb(228, 213, 245));*/     background: linear-gradient(to left, rgb(184, 150, 255) 47px, rgb(0, 246, 255) 131.6px, rgb(0, 255, 240) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;}
.video-wrapper {aspect-ratio: 16 / 9;width: 100%;}
.video-wrapper video {width: 100%;height: 100%;object-fit: cover; /* or contain */border-radius:20px; box-shadow: 0 35px 70px #0000004d;}


.innovationarea{background:url(img/picture3.png) no-repeat; background-size:cover; padding:100px 0; background-position:center center; margin:40px 0; position:relative;}
.innovationarea:before{content:""; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0)); top:0; left:0;}
.textsec{padding:50px; color:#FFF;border-radius:20px;}
.textsec h2{font-size:58px; font-weight:700; line-height:1.1}
.textsec h2 span{-webkit-text-fill-color: transparent;color: transparent;/*background: linear-gradient(102deg, rgb(99, 220, 239), rgb(228, 213, 245)) text;*/ background: linear-gradient(to left, rgb(184, 150, 255) 31px, rgb(0, 246, 255) 86.8px, rgb(0, 255, 240) 100%) text;}
.textsec a{color:#FFF; display:inline-block; padding:15px 25px; border-radius:25px; background:#93B200; font-size:14px; line-height:14px; text-decoration:none; margin-top:25px;}
.textsec p{font-size:17.5px;line-height:1.7;}


.canvas-container{position:relative;border-radius:0;overflow:hidden;aspect-ratio:1920 / 600;background:#0a0b0d;margin:40px 0 80px}
.bg-image{width:100%;height:100%;object-fit:cover;display:block;animation:brightenLift 2s cubic-bezier(0.22,0.61,0.36,1) forwards}
.overlay-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}


.mar{margin-top:30px}
.puzzle-section{height:433px;margin-bottom:80px}
.puz-wrap{position:sticky;top:40%;display:flex;align-items:center;overflow:hidden}
.puz-wrap img{height:433px;flex-shrink:0;transition:transform 1.2s cubic-bezier(0.22,1,0.36,1)}
.img2{transform:translateX(500px)}
.img3{transform:translateX(1200px)}
.img2{margin-left:-88px}
.img3{margin-left:-45px}
.mobile{display:none;}


@media(max-width:1199px) {
.cyber-card-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:991px) {
.big-title{font-size:40px}
.description{font-size:18px}
.feature-list li{font-size:17px}
.cta-box{text-align:center;padding:35px 25px}
.cta-title{font-size:34px}
.cta-text{font-size:18px;margin-bottom:30px;max-width:100%}

.main-heading{font-size:48px}
.cdescription{font-size:18px}
.spec-item{display:block}
.spec-title{width:100%;margin-bottom:12px}

.ai-cloud-wrap{padding:70px 0}
.ai-cloud-text{font-size:18px}
.ai-image-box{margin-top:60px}
.ai-feature-row{display:block}
.ai-feature-heading{width:100%;margin-bottom:14px}

.oem-brand-title{font-size:48px}

.oem-card-wrap{grid-template-columns:1fr}
.oem-footer-box{text-align:center}
.oem-footer-text{margin:20px 0}

.twin-panel-layout{flex-direction:column}
.white-grid-surface{border-bottom-left-radius:0;border-top-right-radius:24px}
.dark-hero-surface{border-top-left-radius:0;border-bottom-right-radius:24px;margin-left:0;margin-top:-2px;padding:60px 20px}
.dark-hero-surface::before{display:none}

.architecture-main-container{padding-top:100px}
.cloud-badge-anchor{right:50%;transform:translateX(50%)}

.retro-wrapper{padding:35px}
.retro-title{font-size:44px}
.retro-btn{font-size:18px}


}
@media(max-width:768px) {
.cyber-sec-area{padding:70px 0}
.cyber-card-grid{grid-template-columns:1fr}
.cyber-bottom-text{font-size:32px;margin-top:50px}

.ei-title{font-size:48px}.ei-sub{font-size:22px}
#header{padding:20px 0px;}

#cookie-consent{display:flex;justify-content:space-between;align-items:center}
.cookie-text{margin-bottom:0}


}


@media(max-width:576px) {
#header{padding:8px 0;}
#banner{height:100vh;}
.ban-text2 h1{letter-spacing: -1px;font-size:42px;}	
.ban-text2{top:40%;}
.cta-title{font-size:28px}
.btn-feature{width:100%;font-size:18px;padding:16px}

.textsec{padding:0px;}
.textsec h2{font-size:40px;}

.controller-section{padding:0px 0}
.controller-section .container{padding-top: 50px;
  padding-bottom: 50px; position:relative; z-index:1;}
  .heading h1 br{display:none;}
.main-heading{font-size:40px}
.main-heading br{display:none;}
.description{font-size:17px}
.spec-content{font-size:16px}

.ai-cloud-text{font-size:17px}
.ai-feature-desc{font-size:16px}

.oem-brand-title{font-size:38px}
.oem-step-no{font-size:48px}
.oem-btn{width:100%}

.retro-title{font-size:36px}
.retro-wrapper{padding:25px}
.retro-btn{width:100%;justify-content:center;font-size:16px}

section{padding:30px 0; overflow:hidden;}
.heading h1{font-size:40px;}
#platform .heading,  #platform2 .heading{margin-bottom:25px;} 
#asset{padding:30px 0 0;}
#asset .as-wrap{padding:25px; margin-bottom:25px;}
#commercial{padding:0 0 30px;}
#commercial .com-info{padding:10px 15px; font-size:13px;}
.custom-tabs li.nav-item{width:48%;}
.big-title{font-size:35px;}
.description{margin-bottom:0px;}
.btn-feature{font-size:15px;}
.spec-list{margin-top:0px;}
.cdescription{margin-bottom:25px;}
.ai-cloud-wrap{padding:0 0;}
.ai-cloud-text{margin-bottom:25px;}
.cyber-info-card{min-height:auto;}
.cyber-sec-area{padding:25px 0;}
.architecture-main-container{margin-top:30px;}
.partner-main-title{font-size:30px; margin-bottom:15px;}
.partner-description{margin-bottom:12px;}
.partner-market-section, .oem-brand-section{padding:50px 0 0;}
.oem-step-box{min-height: auto;}
.theintelengnce .oem-step-box span, .oem-step-title{margin-bottom:10px;}
.theintelengnce .heading h1{font-size:30px; margin-bottom:15px;}
.theintelengnce .heading p{font-size:16px;}
.oem-step-text{margin-bottom:0;}
.oem-card-wrap{margin-top:10px; margin-bottom:10px;}
.oem-step-box{padding:20px;}
.retro-section{padding:35px 0;}

.footer{padding:35px 0;}
.footercol{padding:15px;}
.copyright{padding:25px 15px 0;}

.innovationarea{padding:50px 0;}
.innovationarea:before{background: rgba(0,0,0,0.3);}
.innovationarea .container{position:relative; z-index:1;}
#platform2{padding-top:0px;}
.canvas-container{margin: 40px 0px 40px;}
#management .container{padding-top:30px; padding-bottom:30px;}

.cyber-sec-area .container{padding-top:40px; padding-bottom:40px;}
.ei-tag{margin-bottom: 12px;}
.ei-sec{padding:30px 0;}
.partner-image{height:auto; margin-top:25px;}
.powertitle{margin-top:25px; font-size:30px;}

.stromtarif-banner, #in-con-banner{margin-top:25px;}
#in-con-form .in-con-form-right{padding:25px;}
.in-con-form-right h2{font-size:30px; margin-bottom:30px;}


.desktop{display:none;}
.mobile{display:block;}
}