@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* Main */
:root {
  --white: #fff;
  --main: #050927;
}

*,*::before,*::after{box-sizing: border-box;}


body{font-size:16px;font-family: 'Open Sans';overflow-x: hidden !important;max-width: 100%;margin: 0 auto;font-weight: 400;background-color: var(--main);min-width: 1440px;}
img{max-width:100%;height:auto;vertical-align: top;}
a,input,textarea{outline:none;padding:0px;}
a,a:hover{text-decoration: none;}
p{margin: 0;}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.slick *{outline: none;}
.w-clear:after{display:block;content:"";clear:both;}
.hidden{display:none;}
.clear{clear:both;}
.none{display:none;}
.hidden-seoh{visibility:hidden;height:0px;margin:0px;overflow:hidden;}
.wrap-main,.wrap-content{max-width: 92%;margin: auto;}
.wrap-home{max-width:100%;padding:0px;}
.wrap-content{margin:auto;align-items: center;}
.alert{width: 100%}
.in-page .breadCrumbs{margin-top: 30px;margin-bottom: 15px;}
.in-page .logo-header a{width: 70%;height: 122px;transition: all 0.6s;}
.in-page .logo-header a img{max-width: 80%;transition: all 0.6s}
.in-page .footer{margin-top: 25px;}
.container_main {
  max-width: 92%;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0px auto;
}
ul{padding: 0;margin: 0;}
li {
  list-style: none;
}


/* spacing shorthand */
.mw{max-width: 1200px;width: 100%;margin: 0 auto;position: relative;z-index: 9;}

.w50{width: 50%;}

.df{display: flex;}
.fwrap{flex-flow: wrap;}
.fcol{flex-flow: column;}

.aib{align-items: baseline;}
.aic{align-items: center;}
.jcc{justify-content: center;}
.jcsb{justify-content: space-between;}

.g8{gap: 8px;}
.g10{gap: 10px;}
.g16{gap: 16px;}
.g24{gap: 24px;}
.g40{gap: 40px;}
.g60{gap: 60px;}
.g80{gap: 80px;}
.g120{gap: 120px;}

.py8{padding: 8px 0;}
.py40{padding: 40px 0;}
.py60{padding: 60px 0;}
.py120{padding: 120px 0;}
/* spacing shorthand */

header{
  /* width: 100vw; */
  min-height: 100vh;
  height: 100%;
  position: relative;background: url('../images/web/bg.webp') center/cover no-repeat;animation: backgroundZoomIn 90s ease-in-out infinite;overflow: hidden;}

@keyframes backgroundZoomIn {
  0% {
    background-size: 100%;
  }
  50% {
    background-size: 120%;
  }
  100% {
    background-size: 100%;
  }
}

header .logo_header a{margin: 0 auto;padding-top: 40px;}
#earth{position: absolute;overflow: hidden;width: 100%;height: 100%;transform: translateX(50%);}
/* #earth canvas{position: absolute;transform: translateX(50%);} */
header .mw{position: relative;z-index: 2;gap: 35px;}
header .mw picture{margin-top: auto;transition: animation 10s ease-out;}
header .mw picture:hover{animation: bouncing 10s ease-in-out infinite;}
@keyframes bouncing {
  0%{transform: translateY(0px);}
  50%{transform: translateY(-60px);}
  100%{transform: translateY(0px);}
}
.logo_header, .header_imgs picture{opacity: 0;}

/* main */
main{background: linear-gradient(180deg, rgba(0, 0, 0, 0.167) 0%, rgba(5,9,39,1) 2%);position: relative;z-index: 2;}
section.about{padding-top: 80px;position: relative;z-index: 9;background: url(../images/web/bg.webp) center/cover no-repeat;}
.about_article_wrapper{max-width: 620px;width: 100%;position: relative;}
/* .about_article_wrapper::before{content: '';width: 156px;height: 156px;border-radius: 100%;background: rgba(0, 183, 169, .5);display: block;position: absolute;right: 73px;bottom: -50px;}
.about_article_wrapper::after{content: '';width: 89px;height: 89px;border-radius: 100%;background: rgba(240, 238, 200, .5);display: block;position: absolute;right: 14px;bottom: 12px;} */
.about_title, .about_desc, .about_content{font: 700 40px/1.4 'Open Sans';text-transform: uppercase;color: #F0EEC8;margin: 0;}
.about_desc, .about_content{font-size: 20px;color: var(--white);}
.about_content{font-weight: 400;text-transform: unset;}
.contact_now{background: var(--white);padding: 16px 15px 16px 23px;border-radius: 60px;color: var(--main);width: fit-content;border: 1px solid transparent; transition: all .3s ease-in-out;position: relative;z-index: 9;}
.contact_now:hover{border: 1px solid var(--white);color: var(--white);background: transparent;}
.about_img{position: relative;height: auto;}
.about_img .decor{position: absolute;left: 0;bottom: 0;z-index: -1;}

/* how_it_work */
.how_it_work, .products{background: url(../images/web/bg.webp) center/cover no-repeat;}
.how_it_work .how_it_work_title{margin-left: 60px;position: relative;z-index: 2;}
.how_it_work .how_it_work_title p{padding: 16px 32px 16px 24px;
  background: var(--white);
  color: var(--main);
  border-radius: 60px;
  box-shadow: rgba(255, 255, 255, 0.56) 0px 0px 18px 7px;
  width: fit-content;
  font-size: clamp(26px, 4vw, 32px);
  font-weight: 700;
  text-transform: uppercase;;position: relative;z-index: 2;}
.how_it_work_title .decor0{position: absolute;width: 332px;height: 369px;content: '';background: linear-gradient(17deg, rgba(8,150,139,1) 22%, rgba(9,13,72,1) 100%);left: -60px;z-index: -1;}
.center_circle{max-width: 1000px;max-height: 851px;border-radius: 100%;border: 4px dashed var(--white);width: 100%;height: 100%;margin: 19px auto 0;padding: 190px 340px;}
.center_item{padding: 0;max-width: 319px;}
.center_item .img{position: relative;}
.center_item .decor{position: absolute;content: '';width: 232px;height: 388px;background: linear-gradient(0deg, rgba(8,150,139,1) 0%, rgba(9,13,72,1) 100%);top: 0;right: 0;z-index: -2;border-top-left-radius: 40px;border-bottom-right-radius: 40px;}
.center_item .decor1{position: absolute;content: '';width: 232px;height: 388px;top: -19px;right: 30px;z-index: -1;border: 2px solid var(--white); border-top-left-radius: 40px;border-bottom-right-radius: 40px;}
.center_item .title{font-size: 20px;font-weight: 700;text-align: center;color: var(--white);}
.how_it_work0{position:relative;width:100%;height:100%;z-index: 9;}
.center_circle{border-radius:100%;border:4px dashed var(--white);width:1000px;height:1000px;margin:19px auto 0;padding:190px 340px;position:relative;display:flex;align-items:center;justify-content:center;}
.orbit_item{position:absolute;border-radius:50%;transform-origin:center;max-width:360px;width: 100%;}
.orbit_item .name_wrap{padding:10px;background:linear-gradient(101deg,rgba(190,254,249,1) 0%,rgba(93,101,224,1) 100%);border-radius:24px;}
.orbit_item:nth-child(odd) .name_wrap{border-radius:24px;border-bottom-left-radius:0;}
.orbit_item:nth-child(even) .name_wrap{border-radius:24px;border-bottom-right-radius:0;}
.orbit_item .name_wrap .name{font-weight:700;font-size:clamp(16px,4vw,20px);color:var(--white);background:linear-gradient(90deg,rgba(0,183,169,1) 0%,rgba(12,40,130,1) 71%);padding:14px;border-radius:24px;text-align:center;}
.orbit_item:nth-child(odd) .name_wrap .name{border-radius:24px;border-bottom-left-radius:0;}
.orbit_item:nth-child(even) .name_wrap .name{border-radius:24px;border-bottom-right-radius:0;}

.o2_hi-press .title{background: linear-gradient(270deg, rgba(0,183,169,1) 0%, rgba(12,40,130,1) 71%);font-weight: 600;font-size: clamp(20px,4vw,24px);color: var(--white);box-shadow: rgba(255, 255, 255, 0.8) 0px 0px 18px 10px;padding: 24px 40px;border-radius: 40px 0;width: fit-content;}
.o2_hi-press .content{border: 2px dashed var(--white);border-radius: 24px;color:var(--white);padding: 24px 40px;font-size: clamp(20px,4vw,24px);}


/* product */
.product_item{position: relative; background: rgba(44, 46, 83, .5);border-radius: 24px;padding: 40px;}
.product_item_bg{background: url(../images/web/pro_bg.webp) center/cover no-repeat;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;}
.product_item .group_title .decor{height:2px;width:100%;position:relative;}
.product_item .group_title .decor::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,var(--white) 50%,transparent 50%);background-size:20px 100%;}
.product_title{padding: 16px 32px 16px 24px;background: var(--white);color: var(--main);border-radius: 60px;box-shadow: rgba(255, 255, 255, 0.56) 0px 0px 18px 7px;width: fit-content;font-size: clamp(26px,4vw,32px);font-weight: 700;text-transform: uppercase;white-space: nowrap;}
.product_desc{font-size: clamp(16px,4vw,20px);font-weight: 700;color: var(--white);text-align: center;}
.product_item .col_left{width: 100%;}
.product_item .col_right{width: 100%;}
.product_item .content_title{padding: 7px 23px;border-radius: 8px;border: 1px solid var(--white);color: var(--white);font-size: clamp(20px,4vw,24px);font-weight: 700;text-transform: uppercase;width: fit-content;}
.product_item .content{padding: 23px 39px;border: 1px solid var(--white);border-radius: 16px;}
.product_item .gallery{display: flex;flex-flow: wrap;justify-content: center;}
.gallery_item{width: 100%;max-width: 47%;}
.gallery_item_name{color: var(--white);text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;text-transform: uppercase;text-wrap: pretty;}

.product_outer .group_title{position: relative;}
.product_outer .group_title .product_title{position: absolute;z-index: 1;left: 50%;transform: translateX(-50%);}

/* album-form */
section.album-form{background: url(../images/web/form.webp) center/cover no-repeat;position: relative;}
section.album-form .filter{background: linear-gradient(180deg, rgba(5,9,39,1) 0%, rgba(12,40,130,.2) 100%);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}
.album_wrapper .album_item{width: calc(100% / 3);}

.form_wrapper{position: relative;}
.form_wrapper::after{position: absolute;content: '';background: url(../images/web/form_bg.webp);width: 100%;height: 338px;bottom: -130px;left: 40px;background-repeat: no-repeat;z-index: -2;}
.form_wrapper .left_img{position: relative;max-width: 504px;width: 100%;}
/* .form_wrapper .left_img::before{content: '';position: absolute;top: 0;left: 0;width: calc(100% - 65px);height: 100%;background: rgba(4, 252, 233, .5);border-radius: 210px 0;z-index: -1;}
.form_wrapper .left_img::after{content: '';position: absolute;bottom: 0;right: 0;width: 115px;height: 85px;background: rgba(255, 248, 117, .5);border-radius: 45px 0;z-index: -1;} */
form{padding: 24px 116px;box-shadow: rgba(255, 255, 255, 0.35) 0px 5px 15px;border: 2px solid #424242;border-radius: 10px;width: 100%;position: relative;}
form::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;filter: blur(5px);background: rgba(66, 66, 66, .2);z-index: -1;}
.form_title{font-size: clamp(16px,4vw,20px);font-weight: 600;color: var(--white);text-transform: uppercase;}
.form_input{width: 100%;}
.form_input label{text-transform: uppercase;color: var(--white);}
.form_input input{width: 100%;border-radius: 60px;padding: 8px 16px;margin-top: 4px;}
.form_input input[type="placeholder"]{color: #A39C9C;}
.submit_form{padding: 14px 30px;border: 2px solid #D1D7DC;border-radius: 30px;background: var(--main);text-transform: uppercase;color: var(--white);transition: all .3s ease-in-out;cursor: pointer;}
.submit_form:hover{color: #F0EEC8;background: transparent;}
/* main */


/* footer */
footer{background: var(--main);position: relative;z-index: 9;}
.footer_title{font: 600 18px/1.2 'Open Sans';text-transform: uppercase;color: var(--white);}
a.footer_title{font-size: 24px;}
.policies li a{color: var(--white);font: 400 16px/1.2 'Open Sans';}
.copyright{background: #000;}
.copyright div{color: var(--white);}