html{background-color:#ececec;}

header{position: absolute;left:0;top:0;z-index:999;width: 100%;transition:0.5s;}
.header-s{position: absolute;left:0;top:0;z-index:999;width: 100%;transition:0.5s;background-color:black;}

.stay{position:fixed;top:0;width:100%;background-color:#32333E;}

.dfac{display:flex!important;align-items: center!important;}

.dfjc{display:flex!important;justify-content: center!important;}

.tac{text-align: center;}

.bb{border-bottom:1px solid #FF7332;}

.r{font-size:20px;position:absolute;top:10px;margin-left:5px;}
.r1{font-size:20px;position:absolute;top:3px;margin-left:5px;}

.mt20{margin-top:20px!important;}.pt20{padding-top:20px!important;}

.mt30{margin-top:30px!important;}.pt30{padding-top:30px!important;}

.mt50{margin-top:50px!important;}.pt50{padding-top:50px!important;}

.container{max-width:1450px;margin:0 calc(50% - 725px);}

.lheader{float:left;height:100%;width:25%;}

.rheader{float:right;height:100%;width:75%;}

.logo{height:80px;margin:10px 0;}

.menu{float:right;margin-right:10%;height: 80px;display: flex;align-items: center;justify-content: center;margin-top:10px;}

.menu:hover{color:#FF7332;}

.mbuton{color:white;text-decoration: none;font-size:12px;padding:10px 20px;text-transform: uppercase;transition:0.5s;cursor:pointer;}

.mbuton:hover{color:#FF7332;font-weight: bold;}



.knr{float:left;position:absolute;width:100px;height:700px;left:0;background-image:url('../../assets/images/knr.png');background-size:contain;background-position: left;background-repeat:no-repeat;}

.knr2{float:left;position:absolute;width:100px;height:600px;margin-top:-150px;left:0;background-image:url('../../assets/images/knr.png');background-size:contain;background-position: left;background-repeat:no-repeat;}



.mdis{position: relative;display: inline-block;padding:35px 0;transition:2s;}

.mdis:hover .altmenu{display: block;opacity: 1;transition:2s;}

.altmenu{float: left;position:absolute;width: 250px;margin-left:20px;background-color: #fff;display:none;top:80px;transition:2s;opacity:0;}
.altmenu a{cursor:pointer;}
.altmenu2{width: 320px;}

.altmenu-item{float: left;width: 100%;padding:0 10px 0 20px;color:#32333E;font-size:12px;font-weight: 500;line-height: 35px;position:relative;}

.altmenu-item:hover{background-color: #FF7332;}

.ucgen{border-color:  transparent transparent transparent #fff;border-style: solid;border-width: 5px;width: 0px;height: 0px;position: absolute;left:7px;top:12px;}
.amenus{display:none;position:absolute;left:100%;width:100%;z-index:999;min-height: 200px;}
.amenus a{float:left;width:100%;color:#01121B;font-size:12px;line-height: 35px;font-weight: 600;padding:0 10px;background-color:white;}
.amenus a:hover{background-color: #FF7332;}
*, *::before, *::after {box-sizing: border-box;padding: 0;margin: 0;border: 0;}

  body {font-family: 'Orbitron', sans-serif;max-width: 100%;overflow-x:hidden;}

  a {text-decoration: none;}

  .cd-slider {position: relative;width: 100%;height: 850px;overflow: hidden;background-color:#000;}

  .cd-slider.ie9 nav div span {display: none;}

  .cd-slider ul li {position: absolute;top: 0;left: 0;width: 100%;height: 100%;visibility: hidden;transition: visibility 0s .6s;}

  .content {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: 50% 100%;background-size: auto 100%;background-repeat: no-repeat;mix-blend-mode: lighten;opacity: 0;transform: scale(1.2);transition: opacity .4s .6s, transform .4s .6s;background-color: #ececec;
  display: flex;align-items: center;padding-top:5%;
}

  .content blockquote {
    /*position: absolute;top: 35%;left: 8%;*/
    z-index: 2;max-width: 50%;margin-left:20%;}

  blockquote p {font-size: 44px;margin-bottom: 30px;color:#FF7332;font-weight: 600;}
  .sspan {color:#FF7332;}

  blockquote span {float:left;width:75%;font-size: 16px;color:white;font-size:16px;line-height: 25px;font-family: 'Inter', sans-serif;}

  blockquote a{float:left;margin-top:10%;background-color:#192641;font-size:16px;font-weight: 600;line-height: 25px;color:white;padding:15px 30px;border-radius:5px;width:205px;margin-right:calc(100% - 205px);transition:0.5s;cursor:pointer;}

  blockquote a:hover{background-color: #FF7332;}

  .cd-slider li.current_slide {visibility: visible;}

  .cd-slider li.current_slide::before {border-width: 16rem;}

  .cd-slider li.current_slide .content {opacity: 1;}

  .sucgen{border-color:  transparent transparent #ececec #ececec;border-style: solid;border-width: 170px 170px;width: 0px;height: 0px;position: absolute;left:0;bottom:7.5%;}

  .sucgen2{border-color:  transparent #ececec #ececec transparent ;border-style: solid;border-width: 170px 170px;width: 0px;height: 0px;position: absolute;right:0;bottom:7.5%}

  nav div {position: absolute;top: 50%;left: 4%;width: 50px;height: 50px;margin-top: -2.5rem;list-style: none;}

  nav div:last-of-type {left: auto;right: 4%;}

  .prev, .next {position: relative;z-index: 100;width: 100%;height: 100%;display: block;border-radius: 10px;transition: box-shadow .3s;background-color: #D9D9D9;}

  .prev::before, .prev::after, .next::before, .next::after {content: '';position: absolute;left: 43%;background: #192641;width: .4rem;min-width: 3px;border-radius: 3px;height: 34%;}

  .prev::before {transform: rotate(45deg);top: 24%;}

  .prev::after {transform: rotate(-45deg);bottom: 24%;}

  .next::before, .next::after {left: auto;right: 43%;}

  .next::before {transform: rotate(-45deg);top: 24%;}

  .next::after {transform: rotate(45deg);bottom: 24%;}

  .prev:hover, .next:hover {box-shadow: 0 0 0 1rem rgba(0, 0, 0, 0.15);}

  nav > div > span {position: absolute;top: 50%;left: 50%;width: 0;height: 0;border-radius: 10px;z-index: 5;pointer-events: none;will-change: width, height;transform: translate(-50%, -50%);transition: width .6s, height .6s;}



.about-area{float:left;width:100%;padding:200px 0;background-color: #ececec}

.aal{float:left;width:40%;height:340px;}

.aal h2{float:left;font-size:48px;line-height: 48px;font-weight: 700;}

.aal p{float:left;font-size:16px;line-height: 20px;margin-top:10%;max-width: 80%;font-family: 'Inter', sans-serif;}

.aar{float:left;width:55%;margin-left:5%;height:440px;background-size:cover;background-position: center;position:relative;}

.aar a{display: flex;align-items: center;justify-content: center;height: 440px;position:absolute;top:0%;left:calc(50% - 25px);cursor:pointer;}



.services-area{float:left;width: 100%;background-size:cover;background-position: center;padding:10% 0;}

.services-area2{float:left;width: 100%;background-size:cover;background-position: center;padding:10% 0;overflow:hidden;}

.service-items{min-height:600px;}

.service-item{float:left;width:22%;height:auto;border:1px solid #d9d9d94d;border-radius: 20px;padding:5% 15px;margin:0 1.5%;transition:0.5s;}

.service-item img{float:left;width:80px;height:80px;margin:2% calc(50% - 40px) 10%;}

.service-item h3{float:left;font-size:32px;font-weight: 400;border-bottom:1px solid #FF7332;color:white;padding:20px 10px;}

.service-item p{float:left;width:100%;font-size:16px;font-weight:400;padding:40px 10px;color:white;height:160px;overflow: hidden;}

.service-item:hover{background-color: #32333E;padding:7% 15px;margin-top:-1.5%;}



.product-area{float:left;width:100%;padding:5% 0;background-color: #ececec}

.tab-product{float:left;width:500px;height:60px;margin:0% calc(50% - 250px) 5%;background-color:#949292;padding:5px;border-radius:10px;}

.tp1{float:left;background-color:#32333E;color:white;height:50px;width:240px;text-align:center;line-height:50px;border-radius:10px;cursor:pointer;}

.tp2{float:left;background-color:#949292;color:white;height:50px;width:240px;text-align:center;line-height:50px;border-radius:10px;cursor:pointer;}

.product-left{float:left;width:48%;}

.product-left h4{float:left;font-size:36px;font-weight:700;margin:5% 0;}

.product-left p{float:left;font-size:16px;font-weight:400;font-family: 'Inter', sans-serif;margin:2% 0;}

.product-left a{float:left;padding:15px 30px;background-color:#FF7332;color:white;margin-top:10%;cursor:pointer;transition: 0.5s;}

.product-left a:hover{padding:16px 31px;font-size:18px;}

.product-right{float:left;margin-left:4%;width:48%;padding:5%;}

.product-right img{max-width: 100%;border-radius:20px;}

.octagon-area{float:left;width:100%;margin:5% 0;}

.octagon{transition:0.5s;float:left;width:14.5%;height:160px;margin:1%;background-image:url('../../assets/images/octagon.png');background-size:contain;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;padding-top:0.5%;color:#606060;}

.octagon p{float:left;font-size:14px;line-height:18px;font-weight:700;text-align:center;width:80%;margin:10%;font-family: 'Inter', sans-serif;cursor:pointer;}

.octagon:hover{background-image:url('../../assets/images/octagon-light.png');color:#FF7332;height:160px;}

.oa1{float:left;width:100%;}

.oa2{float:left;width:84%;margin:0 8%;}

.oct2{width:17.8%;}

.oa3{float:left;width:60%;margin:0 20%;}

.oct3{width:23%;}

.oa4{float:left;width:45%;margin:0 27% 0 28%;}

.oct4{width:31%;}



.look-area{float:left;width:100%;padding:10% 0;background-color:#32333E;}

.lleft{float:right;width:48%;padding:12% 5%;}

.lleft h4{float:left;font-size:36px;font-weight: 500;line-height:45px;color:white;}

.lleft p{float:left;font-size:16px;font-weight:400;color:white;margin:5% 10% 0 0;max-width:90%;font-family: 'Inter', sans-serif;}

.lleft a{float:left;padding:15px 30px;background-color:#FF7332;color:white;margin-top:10%;border-radius:10px;cursor:pointer;transition:0.5s;}

.lleft a{padding:16px 31px;font-size:18px;}

.lright{float:right;width:38%;margin-left:14%;}

.lr1{float:left;max-width:290px;margin:0 calc(50% - 150px) 0 5%;}

.lr2{float:left;max-width:350px;margin:-15% calc(50% - 150px) 0 25%;z-index:999;position:relative;}

.lr3{float:left;max-width:320px;margin:-18% calc(50% - 150px) 0 0;z-index:1;}



.logo-area{float:left;width:100%;padding:200px 0;background-color: #ececec;min-height: 800px;overflow:hidden!important;}

.logo-area h3{font-size:48px;font-weight: 700;margin-bottom:8%;margin-left:20px;}

.pcon{float:left;margin:5% 10%;max-height: 160px;}

.slide{height:120px!important;display:flex!important;align-items:center;justify-content:center;background-color:white;padding:0 10px;border-radius:5px;}

.slick-slide {margin: 0px 20px;padding:15px 30px;box-shadow: 1px 1px 10px 1px #ccc;}

.slick-slide img {width: 100%;}

.slick-slider{max-height:160px;position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}

.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}

.slick-list:focus{outline: none;}

.slick-list.dragging{cursor: pointer;cursor: hand;}

.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

.slick-track{position: relative;top: 0;left: 0;display: block;}

.slick-track:before,.slick-track:after{display: table;content: '';}

.slick-track:after{clear: both;}

.slick-loading .slick-track{visibility: hidden;}

.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}

.slick-slide img{display: block;}

.slick-slide.slick-loading img{display: none;}

.slick-slide.dragging img{pointer-events: none;}

.slick-initialized .slick-slide{display: block;}

.slick-loading .slick-slide{visibility: hidden;}

.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}

.slick-arrow.slick-hidden {display: none;}



footer{float:left;width:100%;padding:3% 0 1%;background-color:#2c2c35;}

.flogo{float:left;width:100%;margin-bottom:3%;}

.flogo img{float:left;height:70px;}



.fdesc{float:left;width:16%;color:white;font-family: 'Inter', sans-serif;font-size:12px;margin-right:3%;margin-bottom: 10px;}

.fdesc img{float:left;margin-bottom:15%;}

.fdesc p{float:left;width:100%;margin-bottom:15%;color:#D9D9D9}

.fdesc a{float:left;width:100%;color:white;margin-bottom:10px;}



.farea { float: left; width: 18%; margin: -1% 0 0 1%;margin-bottom: 5px; }
.farea2 { float: left; width: 11%; margin: -1% 0 0 1%;margin-bottom: 5px; }
.farea h5, .farea2 h5 { float: left; font-size: 14px; font-weight: 500; margin: 5% 0; line-height: 15px; color: #D9D9D9; font-family: 'Inter', sans-serif; }
.farea a { float: left; width: 100%; font-size: 12px; line-height: 22px; font-weight: 300; color: #D9D9D9; font-family: 'Inter', sans-serif; text-transform: capitalize; text-decoration: none; transition: all 0.3s ease; }
.farea a:hover { color: #D9D9D9; font-weight: 600; text-decoration: none; }




.fcopy{float:left;width:100%;margin-top:5%;}

.fcopy p{float:left;font-family: 'Inter', sans-serif;font-size:12px;line-height: 14px;font-weight: 400;color:#d9d9d9;}

.fcopy img{float:right;width:50px;margin-top:-1%;}



.about-slide{width:100%;height:650px;background-color:#32333E;background-size:cover;background-position: center;background-repeat: no-repeat;position: relative;overflow-x: hidden;}

.sword-area{float:left;width:100%;position:absolute;bottom:10%;left:15%}

.about-slide h2{font-size:48px;font-weight: 700;color:#FF7332;width: 450px;margin-bottom:40px;}

.about-slide p{font-family: 'Inter', sans-serif;font-size:16px;line-height: 20px;font-weight: 400;color:#D9D9D9;max-width: 650px;margin-bottom:20px;}

.asu{bottom:0%;border-color:transparent transparent #32333E #32333E;}

.asu2{bottom:0%;border-color:transparent #32333E #32333E transparent;}



.about-area{float:left;width:100%;background-color:#32333E;}

.aa-left{float:left;width:52%;display:flex;align-items:center;justify-content: center;position:relative;padding:8%;}

.aa-left img{float:left;max-width: 110%;}

.aa-left i{background-image:url('../images/about-1-back.png');background-position:center;background-size:contain;background-repeat:no-repeat;width: 100%;height:100%;position:absolute;}

.aa-right{float:left;width:44%;margin-left:4%;padding:10% 0;}

.aa-right h3{float:left;width:100%;font-size:48px;font-weight:700;color:#FF7332;margin:5% 0 2% 0;}

.aa-right p{float:left;width:100%;color:#D9D9D9;font-size:16px;font-weight:400;font-family: 'Inter', sans-serif;}





.our-values{float:left;width:100%;margin:100px 0 50px; }

.ov-cont{max-width:1500px;margin: 0 calc(50% - 750px);}

.our-values h2{float:left;width:100%;font-size:48px;font-weight:700;color:#32333E;margin:5% 0;}

.our-value{float:left;width:17%;margin:15% 1.5%;}

.value2{margin:5% 1.5%;}

.our-value h3{float:left;width:100%;font-size:24px;font-weight:700;line-height:30px;color:#32333E;padding:15px 0;border-bottom:1px solid #FF7332;}

.our-value p{float:left;width:100%;size:16px;line-height:20px;font-family:'Inter', sans-serif;margin:15px 0;}

.our-value img{float:left;width: 100%;}



.dif-area{float:left;width:100%;padding-top:100px;position:relative;background-color:#01121B;}

.dif{bottom:0%;border-color:transparent transparent #01121B #01121B;}

.dif2{bottom:0%;border-color:transparent #01121B #01121B transparent;}

.dif-area{float:left;width:100%;background-size:cover;background-position: center;}

.da-left{float:left;max-width:400px;margin:25% 0 15%;}

.da-left p{float:left;width:100;color:#D9D9D9;font-size:20px;line-height:25px;margin-bottom:30px;}

.da-left h3{float:left;width:100%;color:#D9D9D9;font-size:36px;line-height:43.5px;font-weight: 700;}

.rct1{position:absolute;background-size:cover;background-position:center;background-image:url('../images/rct1.png');width:1045px;height:900px;right:120px;bottom:110px;}



.tch{bottom:0;}

.tarea h2{width:800px;}

.tech-area{float:left;width:100%;background-color:#ececec;padding:200px 0 0;position:relative;}

.t-area{float:left;width:100%;margin-bottom:100px;position: relative;}

.ta-left{float:left;width:55%;}

.ta-left img{float:left;width:100%;}

.ta-right{float:left;width:40%;margin:5% 0 5% -5%;background-color:#32333eed;padding:5%;height:400px;border-radius:15px;display:flex;align-items:center;position:relative;z-index:2;backdrop-filter:blur(10px);}

.ta-right p{float:left;width:100%;color:white;font-family:'Inter', sans-serif;font-size:16px;line-height: 25px;}

.t-area i{float:left;position:absolute;width:28%;height:55%;background-color:#FF7332;top:33%;left:49.7%;transform:skew(5deg, 5deg);}



.t-area2{float:left;width:100%;margin-bottom:100px;position: relative;}

.t-area2 i{float:left;position:absolute;width:28%;height:50%;background-color:#FF7332;top:38%;left:12.3%;transform:skew(-5deg, -5deg);}

.ta2-right{float:left;width:55%;margin-left:-5%;}

.ta2-right img{float:left;width:100%;}

.ta2-left{float:left;width:40%;margin:5% 0 5% 0%;background-color:#32333eed;padding:4% 5%;border-radius:15px;position:relative;z-index:2;height:400px;backdrop-filter:blur(10px);}

.ta2-left p{float:left;width:100%;color:white;font-family:'Inter', sans-serif;font-size:16px;line-height: 25px;margin:20px 0;}

.ta2-left span{float:left;width:100%;color:white;font-family:'Inter', sans-serif;font-size:16px;line-height: 25px;margin-left:10px;font-weight: 600;}

.ta2-left i{float:left;width:20px;height:20px;background-image:url('../images/k-a.png');background-size:cover;background-position: center;transform:skew(0deg, 0deg);background-color:#fff0;position:relative;top:2px;left:-10px;}



.ta-text{float:left;width:100%;padding:0 0 100px 0;text-align:center;background-color:#ececec;}

.ta-text h3{float:left;width:100%;text-align:center;font-size:32px;font-weight: 600;font-family:'Inter', sans-serif;line-height: 40px;color:#01141E;}

.ta-text p{float:left;width:100%;text-align:center;font-size:32px;font-weight: 400;font-family:'Inter', sans-serif;line-height: 40px;color:#01141E;}

.ta-text a{float:left;width:100%;text-align:center;font-size:14px;font-weight: 400;font-family:'Inter', sans-serif;margin-top:10px;color:#01141E;text-decoration:underline;}



.ta-double{float:left;width:100%;background-color:#ececec;}

.tad-left{float:left;width:50%;background-color:#FF7332;padding:0 5% 0 17%;height:500px;display:flex;align-items: center;}

.tad-left{float:left;color:white;font-size:20px;font-weight: 600;font-family:'Inter', sans-serif;}

.tad-right{float:left;width:50%;background-color:#32333E;height:500px;display: flex;align-items: center;}

.tad-right p{float:left;font-size:36px;font-weight: 700;color:white;padding:0 40% 0 5%;}



.tdesc-area{float:left;width:100%;background-color: #ececec;padding:200px 0;}

.tdesc-area p{float:left;width:100%;color:#01141E;font-weight: 600;font-size:20px;line-height: 25px;margin-bottom:25px;font-family: 'Inter', sans-serif;}

.tdesc-area h4{float:left;width:500px;color:#FF7332;font-weight: 600;font-size:36px;line-height: 44px;margin:15px calc(50% - 250px);font-family: 'Inter', sans-serif;text-align: center;}



.career-area{float:left;width:100%;padding:100px 0;background-color:#ececec;}

.career-area-p{float:left;width:100%;font-family:'Inter', sans-serif;margin-top:30px;font-size:16px;line-height: 29px;}

.career-left{float:left;width:40%;background-image:url('../images/career-1.png');background-size:cover;background-position:center;height:662px;}

.career-left h3{float:left;width:70%;margin:0px 15% 0;color:#FF7332;font-size:30px;line-height: 38px;font-weight: 500;text-align:center;}

.career-left h4{float:left;width:70%;margin:10px 15% 0;color:#d9d9d9;font-size:30px;line-height: 38px;font-weight: 500;text-align:center;}

.career-right{float:left;width:46%;height:662px;margin:0 7%;display:flex;align-items:center;}

.career-right p{float:left;width:100%;font-size:16px;line-height:25px;font-family:'Inter', sans-serif;margin:15px 0;}



.career-form{float:left;width:100%;padding:50px 20% 100px 20%;background-color:#ececec;}

.c-form h3{float:left;width:93%;margin:1% 5% 1% 2%;color:#D9D9D9;font-size:24px;font-weight: 500;line-height: 30px;background-color:#32333E;padding:10px 20px;}

.c-form input{float:left;width:45%;margin:1% 1% 0 2%;color:#32333E;background-color:#fff;padding:15px 20px;}

.c-form input[type='checkbox']{float:left;width:1%;margin:1% 1% 1% 2%;color:#32333E;background-color:#fff;padding:15px 20px;}

.c-form textarea{float:left;width:93%;margin:1% 5% 1% 2%;color:#32333E;background-color:#fff;padding:15px 20px;}

.c-form p{float:left;font-family:'Inter', sans-serif;margin:7px 0;font-size: 12px;color:#323E48;}

.c-form a{color:#323E48;font-family:'Inter', sans-serif;font-size: 12px;font-weight: 600;}

.c-form button{float:right;padding:13px 15px;margin-right:2%;color:white;font-size:14px;font-family: 'Orbitron', sans-serif;border-radius:5px;cursor:pointer;}

.sendbtn{background-color:#32333E;margin-right:5%!important;}

.cvbtn{background-color:#FF7332;}



.sec-area{float:left;width:100%;background-size:cover;background-position:center;height:850px;position:relative;display:flex;align-items:center;font-size:20px;line-height: 30px;font-weight: 400;}

.sarea-rnt{float:left;width:635px;height:950px;background-size:cover;background-position:center;background-image:url('../images/pr-c.png');position:absolute;}

.sec-area i{float:left;width:20px;height:20px;background-image:url('../images/k-a.png');background-size:cover;background-position: center;transform:skew(0deg, 0deg);background-color:#fff0;position:relative;top:2px;left:-10px;}

.sec-area p{float:left;margin:10px 0;color:white;width:100%;}

.fsec-area{float:left;width:76%;margin:0 4%;}

.sec-area span{float:left;position:relative;padding-left:20px;text-transform:none;color:white;font-weight:700;margin-bottom:20px;margin-left:57px;width:100%;}



.fsecd-area{float:left;width:38%;margin:1% 0% 1% 4%;}.fatw{margin:1% 0% 1% 3%;}

.fsecd-area span{float:left;position:relative;padding-left:20px;text-transform:none;color:white;font-weight:700;margin-bottom:25px;}

.fsecd-area p{position:relative;padding-left:20px;}

.fsecd-area i{position:absolute;top:5px;}



.spr-area{float:left;width:100%;padding:100px 0;background-color:#fff;}

.spr-left{float:left;width:55%;padding:150px 0;}.spr-left h4{float:right;width:60%;text-align:left;font-size:36px;font-weight: 600;color:#FF7332;position:relative;}

.spr-right{float:left;width:20%;height:400px;display: flex;align-items: center}.spr-right img{float:left;height:400px;}



.brc-area{float:left;width:100%;padding:0 0 100px;background-color: #fff;}

.brc-btn{float:left;width:48%;margin:0 1%;padding:60px 5%;background-color:#32333E;color:#d9d9d9;font-size:18px;line-height: 25px;font-weight: 600;display:flex;align-items:center;border-radius:10px;transition:0.5s;}

.brc-btn:hover{background-color:#192641;}

.brc-btn p{float:left;width:85%;}.brc-btn img{float:left;width:18%;}



.bdata-area{float:left;width:100%;height:1000px;background-size:cover;background-position: center;background-color:#ececec;background-attachment: fixed;}

.blur-area{float:right;width:50%;height:1000px;backdrop-filter: blur(5px);background-color: rgba(50, 51, 62, 0.4);display:flex;align-items: center;}

.blur-area h3{float:left;margin-left:10%;max-width:550px;color:#FF7332;font-size:32px;line-height: 40px;font-weight: 500;margin-bottom:30px;}

.blur-area p{float:left;margin-left:10%;max-width:480px;color:white;font-family:'Inter', sans-serif;font-size:16px;line-height: 24px;margin-bottom:20px;}

.bdata-area2{float:left;width:100%;height:1000px;background-size:cover;background-position: center;background-color:#ececec;background-attachment: fixed;}

.bdata-area2 p{float:left;width:55%;color:#d9d9d9;font-family:'Inter', sans-serif;font-size:16px;line-height: 24px;font-weight: 400;margin-bottom:20px;}

.bdata-area3{float:left;width:100%;height:1000px;background-size:cover;background-position: center;color:#d9d9d9;background-color:#ececec;background-attachment: fixed;}

.bdata-area3 h3{float:left;width:45%;margin-right:55%;font-size:36px;font-weight: 700;line-height: 45px;padding-bottom:20px;}

.bdata-area3 p{float:left;width:45%;margin-right:55%;font-size:16px;font-family:'Inter', sans-serif;font-weight: 400;line-height: 25px;padding:20px 0;}

.bdata-area3 i{float:left;width:20px;height:18px;background-image:url('../images/k-a.png');background-size:cover;background-position: center;transform:skew(0deg, 0deg);background-color:#fff0;position:relative;top:30px;left:-10px;}

.bdata-area3 span{float:left;width:100%;font-size:20px;line-height: 30px;font-weight: 500;margin:5px 0 5px 20px;font-family: 'Orbitron', sans-serif;text-transform: uppercase;}

.bdata-area4{float:left;width:100%;height:1000px;background-size:cover;background-position: center;color:#d9d9d9;background-color:#ececec;background-attachment: fixed;}

.bdata-area4 h3{float:left;width:45%;margin-right:55%;font-size:40px;font-weight: 700;line-height: 50px;}

.bdata-area4 p{float:left;width:45%;margin-right:55%;font-size:24px;font-family:'Inter', sans-serif;font-weight: 400;line-height: 30px;padding:15px;}

.bdata-area4 i{float:left;width:20px;height:20px;background-image:url('../images/k-a.png');background-size:cover;background-position: center;transform:skew(0deg, 0deg);background-color:#fff0;position:relative;top:5px;left:-10px;}

.bdata-area4 span{float:left;width:100%;font-size:24px;line-height: 30px;font-weight: 500;margin-top:10px;font-family:'Inter', sans-serif;}



.app-info-area{float:left;width:100%;height:800px;background-color:#ececec;}

.app-info-area img{float:left;width:150px;margin:0 calc(50% - 75px);}

.app-info-area h4{float:left;width:650px;margin:50px calc(50% - 325px);color:#FF7332;font-size:32px;font-weight: 600;line-height: 39px;text-align:center;}

.app-info-area a{float:left;width:650px;color:#32333E;font-size:36px;font-weight: 700;line-height: 45px;text-align:center;}



.custom-area{float:left;width:100%;padding:200px 0;background-color:#01121B;}

.ca-left{float:left;width:48%;height:600px;color:#d9d9d9;}

.ca-left h3{float:left;width:100%;font-size:32px;font-weight: 700;line-height: 40px;margin-bottom:30px;}

.ca-left p{float:left;width: 100%;font-size: 16px;font-weight: 400;line-height: 24px;margin:10px 0;font-family:'Inter', sans-serif;}

.ca-right{float:left;width:48%;margin-left:4%;height:600px;}

.ca-right img{float: left;height:100%;}



.contact-area{float:left;width: 100%;padding:200px 0;background-color:#ececec;}

.c-area{float:left;width:30%;margin:0 1.66%;}

.c-img{float:left;width:100%;height:100px;display:flex;align-items: center;justify-content: center;}.c-img img{width:50px;}

.c-text{float:left;width:300px;margin:0 calc(50% - 150px);height:100px;display: flex;align-items: center;justify-content: center;text-align:center;}.c-text p{font-family:'Inter', sans-serif;font-size:20px;line-height: 24px;}







.web-header{display:block;}

.mobil-header{display:none;width:100%;height:120px;padding:20px;z-index:999;}

.mlogo-area{float:left;}

.menu-area{float:right;padding:15px 0;width:50px;}.menu-area a{cursor:pointer;}

.menu-area img{width:50px;}

.m-menu{width:calc(100% + 15px);height:100vh;position:absolute;top:0;right:-150%;background-color:#192641;margin-right:-10px;transition:1s;padding:10% 5%;display:none;overflow-x:hidden;}

.m-menu img{margin-bottom:50px;width: 80%;margin-left:10%;}

.m-menu a{float:left;width:70%;font-size:20px;font-weight: 600;margin:30px 15% 0;color:#d9d9d9}

.m-menu p{float:left;width: 100%;color:#d9d9d9;font-size:30px;font-weight:700;position:relative;top:-30px;left:85%;}



.maltmenu{float:left;width:100%;height:0;overflow:hidden;}

.ma-item{width:80%!important;font-size:16px!important;}

.ma-item:last-child{margin-bottom:50px;}



.services-area{display:block;}

.services-area2{display:none;}

.refdis{position:absolute;width:92%;right:-2%;}

.nop{padding:0!important;width:70%!important;margin-right:30%!important;}

.shop-area{float:left;width:100%;margin:10% 0}
.shop-item{float:left;width:33.33%;padding:20px;display: flex;align-items: center;justify-content: center}
.shop-item a{width:90%;margin:5%;position:relative;border:1px solid #ff7231;;}
.shop-img{width:100%;height:400px;background-repeat:no-repeat;background-size:cover;background-position:center;}
.shop-text{float:left;width:100%;padding:7% 5% 7%;color:#222;font-weight:600;font-size:18px;text-align:center;background-color: #fff;height:110px;display:flex;align-items: flex-start;justify-content: center;}
.shop-button{position:absolute;width:200px;margin:0 calc(50% - 100px);color:#222;font-weight:600;font-size:18px;text-align:center;background-color:#ff7231;padding:10px;bottom:-20px;}



@media (max-width: 1600px) {

  .container{max-width:1200px;margin:0 calc(50% - 600px);}

  .cd-slider{height:850px;}.sucgen, .sucgen2{border-width:140px 140px;}

  .content blockquote{left:12%;}.blockquote p{font-size:36px;margin-bottom:3%;}blockquote span{font-size:14px;}blockquote a{margin-top:5%;}

  .service-item h3{font-size:28px;height:155px;display:flex;align-items: center;}

}



@media (max-width: 1440px) {

  .container{max-width:1100px;margin:0 calc(50% - 550px);}

  .content blockquote{max-width: 50%;}

  .career-right,.career-left{height:503px;}

  .ta-right,.ta2-left{font-size:18px;padding:2% 3%;}

  .mbuton{padding:10px 15px;}

}

@media (max-width: 1200px) {

  .container{max-width:990px;margin:0 calc(50% - 495px);} 

  .career-right,.career-left{height:452px;}

  .fsec-area{margin:0 10% 0 15%}

}





@media (max-width: 1000px) {
  .sword-area{left:5%;max-width:95%;}
  .octagon{width:31%;margin:1%;}
  .oa2,.oa3,.oa4{width:100%;margin:0;}
    .services-area{display:none;}

    .services-area2{display:block;width: 120%;margin-right:-20%;}

    .container{max-width:740px;margin:0 calc(50% - 370px);}

    .web-header{display:none;}

    .mobil-header{display:block;}

    .content blockquote{max-width: 60%;top:37%;left:15%;}blockquote p{margin-bottom:3%;}blockquote a{margin-top:7%;}

    .sucgen, .sucgen2{border-width:100px 100px;}

    .aal{width:70%;margin:0 15%;text-align:center;height: auto;}.aal h2{font-size:32px;line-height: 38px;font-weight: 600;}.aal p{width:80%;margin:5% 10% 110px;}

    .aar{width: 80%;margin:0 10%;height:300px;}.aar a{height: 300px;}

    .si-slider .slide{background-color:#fff0;height:600px!important;}

    .service-item{width: 100%;}

    .slick-slide{margin:0 10px;padding:15px;}
    .service-item img{width:34%;margin:2% 33% 10%;}
    .service-item h3{height:160px;}
    .service-item p{height: 200px;}

    .slick-dots{float:left;width:100%;text-align: center;width:90%;display:flex!important;justify-content: center;}

    .slick-dots li{float:left;width:35px;}

    .slick-dots li::marker{float:left;font-size:40px;width:35px;color:white;}

    .slick-dots li button{background-color: #fff0;color:#fff0;}

    .product-area{padding:5% 0 100px;}

    .product-left{width:54%;}

    .product-right{margin-left:2%;width:43%;padding:0;height: 400px;display: flex;align-items: center;}

    .octagon{width:29%;margin:3% 2%;}

    .lleft{width: 100%;text-align: center;padding:10%;}

    .lright{width: 90%;margin-top:-20%;}

    .lr1{max-width:306px;}

    .lr2{max-width:385px;}

    .lr3{max-width:340px;}

    .lleft a{width:240px;margin:10% calc(50% - 120px) 0;}

    .logo-area{padding:200px 0 300px;}

    .refdis{width:118%;right:-18%;}

    .flogo{display: flex;justify-content: center;margin-bottom:7%;}

    .farea{display:none;}
    .farea2{display:none;}

    .fdesc{width:100%;}

    .f1{float:left;width:45%;margin-bottom: 10px;}

    .f2{float:left;width:25%;margin:0 5%;}

    .f3{float:left;width:20%;}

    .fcopy img{margin-top:-2%;}

    

    .about-area{padding:200px 0 100px;}

    .about-slide{height:850px;}

    .sword-area{bottom:30%;}

    .about-slide h2{width:650px;}

    .sucgen, .sucgen2{border-width:70px 80px;}

    .aa-left{width:80%;margin:0 10%;}

    .aa-right{width:90%; margin: 0 5%;text-align: center;}

    .ov-cont{max-width: 780px;margin:0 calc(50% - 390px);}

    .our-value{width:17%;margin:10% 1.5%;}

    .our-value h3{font-size:16px;}

    .our-value p{font-size:14px;}



    .ta-left{width:50%;}

    .ta-right{width:55%;padding:2% 5%;margin:3% 0 3% -5%;height:260px;}

    .ta-right p{font-size:16px;line-height:20px;}

    .t-area i{top:43%;left:45%;}

    

    .ta2-left{width:55%;margin:3% 0 6% 0;padding:1% 5%;height:260px;}

    .ta2-right{width:50%;}

    .t-area2 i{left:30%;}

    .ta2-left i{left:-7px;width:18px;height:18px;}

    .ta2-left span{font-size:16px;line-height:20px;}

    .ta2-left p{font-size:16px;line-height:20px;margin:15px 0;}



    .ta-text p{font-size:22px;margin-top:20px;}



    .tad-left{padding:0 5% 0 7%;}



    .tdesc-area{padding:150px 0;}

    .career-area{padding:100px 0 0;}

    .career-left{width:50%;margin:0 25%;height:423px;}

    .career-left h3{font-size:24px;line-height:28px;width:60%;margin:0 20%;}

    .career-left h4{font-size:24px;line-height:28px;width:60%;margin:20px 20% 0;}

    .career-right{height:auto;width: 80%;text-align: center;margin:5% 10% 0;}



    .fsec-area{margin:0 2% 0 22%;}

    .brc-btn{font-size:16px;}

}

@media (max-width: 675px) {
  .about-slide h2{width:475px;}
  .fcopy img{width:45px;margin-top:0;}
  .container{max-width: 500px;margin:0 calc(50% - 250px);}
  .our-value{width:47%;}
  .t-area i,.t-area2 i{display:none;}

  .ta-right i,.ta2-left i{display: block;}

  .ta-left{width:100%;}

  .ta-right{width:96%;margin:-10% 2% 3% 2%;height:auto;padding:5% 5% 5% 10%;}

  .ta-left img{border-radius: 5px;}

  .ta2-left{width:96%;margin:0 2% -5% 2%;padding:3% 5% 3% 10%;height:auto;}

  .ta-right p,.ta2-left span,.ta2-left p{font-size:16px;line-height:20px;}

  .ta2-right{width: 100%;margin:-5% 0 0}

  .ta2-right img{border-radius: 5px;}

  

  .ta-text h3{font-size:26px;line-height: 30px;}

  .ta-text p{font-size:20px;line-height:25px;}



  .tad-left{width:100%;font-size:18px;height:300px;}

  .tad-right{width:100%;height:350px;}

  .tad-right p{font-size:32px;padding:0 4% 0 4%;}

  .shop-area{margin:30% 0;}
  .shop-item{width:100%;}
  .product-image{float:left;width:100%;}
  .product-detail{float:left;width:100%;}
  
}
@media (max-width: 475px) {
  footer{padding:9% 0 2%;}
  .logo-area{min-height:630px;}
  .service-item img{width:30%;margin:5% 35% 10%;}
  .octagon{width:31%;margin:1%;}
  .oa2,.oa3,.oa4{width:100%;margin:0;}
  .bdata-area,.blur-area,.bdata-area2,.bdata-area3{height:850px;}
  .container{max-width:420px;margin:0 calc(50% - 200px);}

  .ucgen{display:none;}

  .sucgen, .sucgen2{border-width:50px 50px;}

  .content blockquote{left:10%;max-width:95%;}

  blockquote p{font-size:28px;font-weight: 600;}

  .prev, .next{display:none;}

  .cd-slider{height:100vh;}

  .about-area{padding:100px 0;}

  .aal{width:90%;margin:0 5%;}.aal p{width:90%;margin:10% 5% 100px;}

  .aar{width:90%;height:200px;margin:0 5%;}.aar a{height:200px;}

  .services-area2{width:100%;margin-right:0;}

  .slick-dots{width:calc(100% + 70px)}

  .tab-product{width:90%;margin:5%;}

  .tp1{width:50%;}.tp2{width:50%;}

  .product-left{width:90%;margin:5%;}.product-left a{width:200px;text-align:center;margin:10% calc(50% - 100px);}

  .product-right{display:none;}

  .octagon p{font-size:12px;font-weight: 600;width:75%;}

  .lr1{max-width:160px;}

  .lr2{max-width:210px;}

  .lr3{max-width:180px;}

  .lleft{padding:10% 5%;}

  .lleft h4{font-size:32px;}

  .refdis{width:135%;right:-35%;}

  .fdesc{width:90%;margin:0 5%;}

  .f1{width:100%;}

  .f2{width:50%;margin:0 10% 0 0;}.f3{width:40%;}

  .fcopy{width:90%;margin:5% 5% 1% 5%;}.fcopy img{width:45px;margin-top:0;}



  .about-slide h2{width:320px;font-size:32px;font-weight: 600;}

  .about-slide p{width:320px;font-size:14px;}

  .our-value{width:44%;margin:5% 3%;}

  .value2{width:44%;margin:5% 3%;}



  .tech-area{padding:150px 0 0;}



  .t-area i,.t-area2 i{display:none;}

  .ta-right i,.ta2-left i{display: block;}

  .ta-left{width:100%;}

  .ta-right{width:96%;margin:-10% 2% 3% 2%;height:auto;padding:5% 5% 5% 10%;}

  .ta-left img{border-radius: 5px;}

  .ta2-left{width:96%;margin:0 2% -5% 2%;padding:3% 5% 3% 10%;height:auto;}

  .ta-right p,.ta2-left span,.ta2-left p{font-size:16px;line-height:20px;}

  .ta2-right{width: 100%;margin:-5% 0 0}

  .ta2-right img{border-radius: 5px;}

  

  .ta-text h3{font-size:26px;line-height: 30px;}

  .ta-text p{font-size:20px;line-height:25px;}



  .tad-left{width:100%;font-size:18px;height:300px;}

  .tad-right{width:100%;height:350px;}

  .tad-right p{font-size:32px;padding:0 4% 0 4%;}



  .tdesc-area{padding:100px 0;}

  .tdesc-area p{font-size:18px;text-align: center;}

  .tdesc-area h4{width:100%;font-size:32px;margin:15px 0;}



  .career-left{width:100%;margin:0;background-size:contain;background-repeat:no-repeat;}

  .c-form input{width:93%;margin:2% 1% 2% 2%;}

  .c-form input[type='checkbox']{width:5%;margin:5% 0 5% 0;}

  .c-form p{margin:5% 0 5% 2%;width:90%;}



  .sec-area{font-size:18px;}

  .spr-area{padding:100px 0 30px 0;}

  .sarea-rnt{display:none;}

  .fsec-area{width:90%;margin:0 5%;}

  .sec-area span{margin-left:20px;}

  .fsecd-area{width:90%;margin:0 5%;}

  .spr-left{width:100%;padding:0 10%;}

  .spr-left h4{width:100%;font-size:32px;}

  .spr-right{width:70%;margin:5% 15%;height:auto;}

  .brc-btn{width:90%;margin:5%;}



  .blur-area{width:80%;}

  .bdata-area2 p{width:90%;margin:0 5%;}

  .bdata-area3 h3{width:90%;font-size:32px;line-height: 35px;margin:0 5%;}

  .bdata-area3 p{width:90%;margin:0 5%;}

  .nop{padding:0!important;}
  .bdata-area3 i{top:23px;}
  .bdata-area3 span{font-size:18px;line-height: 23px;width:90%;margin:0 5%;}

  .app-info-area{height:700px;}

  .app-info-area img{width: 160px;margin:0 calc(50% - 80px);}

  .app-info-area h4{width:90%;margin:5% 5% 0;font-size:26px;line-height: 30px;}

  .app-info-area a{width:90%;margin:5% 5% 0;font-size:32px;line-height:35px;}



  .ca-left{width:100%;}

  .ca-right{width:100%;display: none!important;}



  .contact-area{padding:100px 0;}

  .c-area{width:100%;}

  .c-text p{font-size:16px;line-height: 20px;}

}
@media (max-width: 435px) {
.container{max-width:370px;margin:0 calc(50% - 185px);}
}
@media (max-width: 405px) {

  .container{max-width:370px;margin:0 calc(50% - 185px)}

  .content blockquote{left:10%;max-width:80%;}

  blockquote p{font-size:25px;}

  .cd-slider{height:80vh;}

  blockquote span{width:95%;}
  .slick-slide{margin:0 10px;padding:15px;}
  .service-item img{width:30%;margin:5% 35% 10%;}
  .octagon{width:46%;margin:2%;}
  .oa2,.oa3,.oa4{width:100%;margin:0;}

}

@media (max-width: 345px) {

  .container{max-width:320px;margin:0 calc(50% - 160px)}

  .content blockquote{left:15%;max-width:75%;}

  blockquote p{font-size:23px;}
  .slick-slide{margin:0 10px;padding:15px;}
  .service-item img{width:30%;margin:2% 35% 10%;}
  .octagon{width:46%;margin:2%;}
  .oa2,.oa3,.oa4{width:100%;margin:0;}
  .logo-area{min-height:500px;padding:150px 0;}
  .logo-area h3{font-size:32px;}
  .fcopy img{width:70px;}
}

@media (min-width: 2050px) {

  .container{max-width:2000px;margin:0 calc(50% - 1000px);}

  .content{background-size:cover;}
  .t-area i{height:37%;}
  .t-area2 i{height:32%;}

}

@media (min-width: 2559px) {

  .container{max-width:2000px;margin:0 calc(50% - 1000px);}

  .content{background-size:cover;}

  .aal{height:650px;}

  .aar{height:650px;}

  .aar a{height:650px;}

  .octagon{height:200px;}.octagon p{width:60%;}

  .slick-slide{padding:0.5%;display:flex;align-items:center;justify-content:center;}

  .slick-slide img{max-width:205px;max-height:120px;}

}