html{background-color:#ececec;}
header{position: absolute;left:0;top:0;z-index:999;width: 100%;}
.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;}
.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;}
.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;}
*, *::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;}
  .content blockquote {position: absolute;top: 35%;left: 8%;z-index: 2;max-width: 35%;}
  blockquote p {font-size: 48px;margin-bottom: 5%;color:#FF7332;font-weight: 600;}
  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:440px;}
.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;}
.aar a{display: flex;align-items: center;justify-content: center;height: 440px;}

.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;}
.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:14px;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:16px;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;}
.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;}
.slick-slide {margin: 0px 20px;padding:15px 30px;}
.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:#32333E;}
.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%;}
.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:15%;margin:-1% 1% 0 0;}
.farea 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;}

.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:100px;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%;margin-top:100px;position:relative;}
.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 100px;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:20px;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:20px;line-height: 25px;margin:20px 0;}
.ta2-left span{float:left;width:100%;color:white;font-family:'Inter', sans-serif;font-size:20px;line-height: 25px;margin-left:-20px;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: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:24px;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:30px 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:20px;line-height:25px;font-family:'Inter', sans-serif;margin:15px 0;}

.career-form{float:left;width:100%;padding: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;text-transform: uppercase;font-size:20px;line-height: 30px;font-weight: 500;}
.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;}
.spr-right{float:left;width:20%;height:400px;display: flex;align-items: center}.spr-right img{float:left;width:100%;}

.brc-area{float:left;width:100%;padding:0 0 100px;}
.brc-btn{float:left;width:48%;margin:0 1%;padding:60px 5%;background-color:#32333E;color:#d9d9d9;font-size:20px;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:15%;}

.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:420px;color:white;font-family:'Inter', sans-serif;font-size:20px;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:20px;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:40px;font-weight: 700;line-height: 50px;padding-bottom:20px;}
.bdata-area3 p{float:left;width:45%;margin-right:55%;font-size:18px;font-family:'Inter', sans-serif;font-weight: 400;line-height: 25px;padding:20px 0;}
.bdata-area3 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-area3 span{float:left;width:100%;font-size:24px;line-height: 30px;font-weight: 500;margin-top:10px;}
.bdata-area4{float:left;width:100%;height:1000px;background-size:cover;background-position: center;color:#d9d9d9;background-color:#ececec;}
.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% - 100px);}
.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;}
.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: 20px;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:500vh;position:absolute;top:0;right:-150%;background-color:#001d55;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:-10px;}

.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%;}
@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%;}
  
}

@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%;}
  
}
@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) {
    .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%;}
    .service-item img{width:70%;margin:2% 15% 10%;}
    .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;}
    .fdesc{width:100%;}
    .f1{float:left;width:45%;}
    .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: 475px) {
  .container{max-width:400px;margin:0 calc(50% - 200px);}
  .ucgen{display:none;}
  .sucgen, .sucgen2{border-width:50px 50px;}
  .content blockquote{left:15%;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:90px;margin-top:-2%;}

  .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%;}
  .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: 405px) {
  .container{max-width:370px;margin:0 calc(50% - 185px)}
  .content blockquote{left:20%;max-width:80%;}
  blockquote p{font-size:25px;}
  .cd-slider{height:80vh;}
  blockquote span{width:95%;}
}
@media (max-width: 345px) {
  .container{max-width:320px;margin:0 calc(50% - 160px)}
  .content blockquote{left:30%;max-width:75%;}
  blockquote p{font-size:23px;}
}
@media (min-width: 1920px) {
  .container{max-width:2000px;margin:0 calc(50% - 1000px);}
  .content{background-size:cover;}
}
@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;}
}