/* font-family: 'Satoshi', sans-serif; */

*,
*::before,
*::after {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  outline: none;
}


@font-face {
    font-family:'s';
    src: url('../font/sdemiBoldItalic.eot');
	src: url('../font/sdemiBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../font/sdemiBoldItalic.woff2') format('woff2'),
		url('../font/sdemiBoldItalic.woff') format('woff'),
		url('../font/sdemiBoldItalic.svg#s DemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}


@font-face {
    font-family:'Sometype Mono Medium';
    src: url('../font/sometype-mono-medium-italic.eot');
	src: url('../font/sometype-mono-medium-italic.eot?#iefix') format('embedded-opentype'),
		url('../font/sometype-mono-medium-italic.woff2') format('woff2'),
		url('../font/sometype-mono-medium-italic.woff') format('woff'),
		url('../font/sometype-mono-medium-italic.svg#Sometype Mono Medium Italic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-2044;
}

@font-face {
    font-family:'Sometype Mono';
    src: url('../font/sometype-mono-bold-italic.eot');
	src: url('../font/sometype-mono-bold-italic.eot?#iefix') format('embedded-opentype'),
		url('../font/sometype-mono-bold-italic.woff2') format('woff2'),
		url('../font/sometype-mono-bold-italic.woff') format('woff'),
		url('../font/sometype-mono-bold-italic.svg#Sometype Mono Bold Italic') format('svg');
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-2044;
}
@font-face {
    font-family:'Aeonik';
    src: url('../font/aeonik-bold-italic.eot');
	src: url('../font/aeonik-bold-italic.eot?#iefix') format('embedded-opentype'),
		url('../font/aeonik-bold-italic.woff2') format('woff2'),
		url('../font/aeonik-bold-italic.woff') format('woff'),
    url('../font/aeonik-boldItalic.ttf') format('ttf'),
		url('../font/aeonik-bold-italic.svg#Aeonik Bold Italic') format('svg');
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-2212;
}

@font-face {
    font-family:'Aeonik Black';
    src: url('../font/aeonik-black-italic.eot');
	src: url('../font/aeonik-black-italic.eot?#iefix') format('embedded-opentype'),
		url('../font/aeonik-black-italic.woff2') format('woff2'),
		url('../font/aeonik-black-italic.woff') format('woff'),
    url('../font/aeonik-blackItalic.ttf') format('ttf'),
		url('../font/aeonik-black-italic.svg#Aeonik Black Italic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-2212;
}

@font-face {
    font-family:'Aeonik Medium';
    src: url('../font/aeonik-medium-italic.eot');
	src: url('../font/aeonik-medium-italic.eot?#iefix') format('embedded-opentype'),
		url('../font/aeonik-medium-italic.woff2') format('woff2'),
		url('../font/aeonik-medium-italic.woff') format('woff'),
    url('../font/aeonik-mediumItalic.ttf') format('ttf'),
		url('../font/aeonik-medium-italic.svg#Aeonik Medium Italic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-2212;
}

/* @font-face {
    font-family:'Aeonik Medium';
    src: url('../font/Aeonik-MediumItalic.eot');
    src: url('../font/Aeonik-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Aeonik-MediumItalic.woff2') format('woff2'),
        url('../font/Aeonik-MediumItalic.woff') format('woff'),
        url('../font/Aeonik-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aeonik';
    src: url('../font/Aeonik-BoldItalic.eot');
    src: url('../font/Aeonik-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Aeonik-BoldItalic.woff2') format('woff2'),
        url('../font/Aeonik-BoldItalic.woff') format('woff'),
        url('../font/Aeonik-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
      font-family: 'Aeonik Black';
    src: url('../font/Aeonik-BlackItalic.eot');
    src: url('../font/Aeonik-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Aeonik-BlackItalic.woff2') format('woff2'),
        url('../font/Aeonik-BlackItalic.woff') format('woff'),
        url('../font/Aeonik-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
} */


html, body {
  font-family:'Aeonik';
  font-size:18px;
  color:#0b0b0b;
  line-height:1.5;
  padding:0;
  margin:0;
  background: #000000;
  -webkit-font-smoothing: antialiased;
  font-style: italic;

}

a {
  color:#0b0b0b;
  text-decoration:none;
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  display: inline-block;
}
ul {
  color: #8edffe !important;
}

.md-8{margin: 0 -8px}
.pd-8{padding: 0 8px}

.container{max-width:1392px;}

.wapper{overflow: hidden;}
.header-main{margin: 0px; padding: 40px 0px 0px 0px; width: 100%; position: relative; z-index: 11}
.header-main .container{display: flex; justify-content: space-between; align-items: flex-start;}
.header-main ul.menu-right{margin:2px 190px 0px 0px; padding: 0px; list-style: none; display: flex;}
.header-main ul.menu-right li{margin: 0px; position: relative; height: 28px}
.header-main ul.menu-right li a{font-size: 14px; color: #fff; font-family:'s'; line-height: 26px; text-decoration: none; position:relative; z-index: 1; vertical-align: top; padding: 2px 20px 0 20px}
.header-main ul.menu-right li:hover::after{content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 28px; transform: skew(-44deg); background: #1F00C7;}
.header-main ul.menu-right li.current-menu-item::after{content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 28px; transform: skew(-44deg); background: #1F00C7;}
/* .header-main ul.menu-right li:last-child::after{content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 28px; transform: skew(-44deg); background: #1F00C7;} */
.header-main .btn-menu{font-size: 14px; color: #fff; font-family:'s'; line-height: 26px; text-decoration: none; position:relative; z-index: 1; vertical-align: top; padding: 2px 25px 2px 25px; cursor: pointer; margin: 10px 15px 0px 0; display: none}
.header-main .btn-menu span{position: relative; z-index: 1}
.header-main .btn-menu::before{content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 28px; transform: skew(-28deg); background: #1F00C7;}

.top-area{ margin-top: -93px; position: relative; margin-bottom: 75px; z-index: 1}
.top-area .inner-main{position: relative;}
.top-area .inner-main .main-img{width: 100%}
.top-area .content-area{position: absolute;  top: 260px; left: 40px}
.top-area .inner-main .large-img{position: absolute; top: 90px; right: -22px}
.top-area .inner-main h1{font-family:'Aeonik Black'; color: #FFF; font-size: 62px; font-weight: 900; line-height: 97%; /* 60.14px */ text-transform: uppercase; margin: 0 0 15px 20px}
.top-area .inner-main h1 span{color: #8EDFFE}
.top-area .inner-main p{color: #FFF; font-family:'Aeonik Medium'; font-size: 16px; font-weight: 500; line-height: 146.5%; text-transform: capitalize; max-width: 450px; margin-left: 20px; margin-bottom: 0px}
.top-area .inner-main ul.three-box{margin:132px 0px 0px 0px; padding: 0px; display: flex; list-style: none}
.top-area .inner-main ul.three-box li{position: relative; width: 180px; border: #1F00C7 2px solid; padding: 14px 14px 105px 14px; border-radius: 8px; margin-right: 12px; background: rgba(0, 0, 0, 0.19); backdrop-filter: blur(5px); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 83%, 81% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 83%, 81% 100%, 0% 100%); }
.top-area .inner-main ul.three-box li::after{content: ''; position: absolute; background: #1F00C7; height: 3px; width: 100%; bottom: 0px; right: -58px; transform: rotate(135deg);}
.top-area .inner-main ul.three-box li .title{font-family:'Sometype Mono Medium'; color: #FFF; font-size: 13px; font-weight: 500; line-height: 146.5%; text-transform: capitalize;}
.top-area .inner-main ul.three-box li .number{font-family:'Sometype Mono'; color: #8EDFFE; font-size: 57px; font-weight: 700; line-height: 60px;}
.top-area .inner-main ul.three-box li img{position: absolute; bottom: 0px; left: 50%; margin-left: -92px}

.the-industry-area{padding: 50px 0 100px; position: relative;}
.the-industry-area .container{position: relative;}
.the-industry-area .container::before{content: ''; position: absolute; right: -70px; top: 0px; background: url(../images/bg-fade.svg) center center no-repeat; width: 562px; height: 2066px}
.the-industry-area h2{font-family:'Aeonik Black'; color: #8EDFFE; font-size: 95px; font-weight: 900; line-height: 100.8%; text-transform: capitalize;}
.the-industry-area h2 span{font-size: 54px}
.the-industry-area .inner-area{display: flex; position: relative; z-index: 1}
.the-industry-area .inner-area .left{width: 50%; padding-right: 40px}
.the-industry-area .inner-area .right{width: 50%; padding-left: 30px; padding-right: 10px}
.the-industry-area h3{font-family:'Aeonik Black'; color: #FFF; font-size: 25px; font-weight: 900; line-height: normal; text-transform: uppercase;}
.the-industry-area p{color: #FFF; font-family:'Aeonik Medium'; font-size: 16px; font-weight: 500; line-height: 146.5%; }

.vr-fight-area{position: relative; z-index: 2;}
.vr-fight-area .main-img{width: 100%}
.vr-fight-area .inner-area{position: relative;}
.vr-fight-area .inner-area .photo-1{position: absolute; bottom: 65px; right: 14px; width: 500px;}
.vr-fight-area .inner-area .photo-1 img{width: 100%}
.vr-fight-area .inner-area .vr-name{position: absolute; top: 150px; left: 60px;}
.vr-fight-area .inner-area .baby-vr{position: absolute; top: 64px; left: 375px;}
.vr-fight-area .inner-area .bottom-dot{position: absolute; bottom: 0px; left: 200px; display: flex;}
.vr-fight-area .inner-area .bottom-dot span{width: 28px; height: 44px; background: #1F00C7; display: block; transform: skew(-44deg); margin-right: 15px;}
.vr-fight-area .inner-area .text-block-background-mobile { display: none; }


.product-area{padding: 60px 0;}
.product-area h2{font-family:'Aeonik Black';color: #8EDFFE; font-size: 80px; font-weight: 900; line-height: 100.8%; text-transform: capitalize; margin: 0 0 40px 0}
.product-area .product-box{padding: 14px 14px 20px 14px; position: relative; -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 80% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 80% 100%, 0% 100%); border-radius: 10px; background: rgba(0, 0, 0, 0.19); border: #1F00C7 2px solid; backdrop-filter: blur(5px);}
.product-area .product-box::after{content: ''; position: absolute; background: #1F00C7; height: 3px; width: 100%; bottom: 0px; right: -100px; transform: rotate(132deg);}
.product-area .product-box .pro-img{width: 100%; height: 292px; margin-bottom: 20px; position: relative; overflow: hidden; -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 83%, 81% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 83%, 81% 100%, 0% 100%);  border-radius: 10px;  border: #1F00C7 2px solid; }
.product-area .product-box .pro-img img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.product-area .product-box .pro-img::after{content: ''; position: absolute; background: #1F00C7; height: 3px; width: 100%; bottom: 0px; right: -95px; transform: rotate(139deg);}
.product-area .product-box .pro-name{font-family:'Aeonik';color: #FFF; font-size: 24px; font-weight: 700; line-height: normal; text-transform: uppercase; margin-left: 8px}
.product-area .product-box .info{font-family:'Aeonik Medium'; color: #8EDFFE; font-size: 16px; font-weight: 500; line-height: 146.5%; text-transform: capitalize; margin-top: 25px; position: relative; padding-top: 28px; margin-left: 8px}
.product-area .product-box .info::before{content: ''; position: absolute; top: 0px; left: 0px; width: 36px; height: 3px; background: #fff;}

.text-block{padding: 0 0 60px 0}
.text-block .border-block{ padding: 26px; width: 100%; position: relative;   border-radius: 10px;  background: rgba(0, 0, 0, 0.19); border: #1F00C7 2px solid; backdrop-filter: blur(5px);}
.text-block .border-block::before{content: ''; position: absolute; background: url('../images/bottom-fade.png')center center no-repeat; width: 50px;height: 50px;bottom: -2px;right: -2px;}
.text-block .border-block h2{font-family:'Aeonik';color: #E1E1E1; font-size: 16px; font-weight: 700; line-height: 146.5%; margin: 0 0 25px 0}
.text-block .border-block .description-block{ position:relative; color: #8EDFFE; font-family:'Aeonik Medium'; width: 80%;height: 52px; overflow: hidden;}
.text-block .border-block .description-block .dot-colaps { position: absolute;  bottom: -3px; right: 14px }
.text-block .border-block .text-link{text-align: right; margin-right: 64px}
.text-block .border-block .button-text-block{ cursor: pointer; color: #FFF; font-family:'Aeonik Medium'; font-size: 16px; font-weight: 500; line-height: 146.5%; text-transform: capitalize; position: relative;}
.text-block .border-block .button-text-block::after{content: '>>'}
.text-block .border-block .button-text-block.active::after{content: '<<'}

.subscribe-area{padding: 0 0 60px 0; position: relative;}
.subscribe-area .main-photo{width: 100%}
.subscribe-area .inner-area{position: relative;}
.subscribe-area .inner-area::before{content: ''; position: absolute; bottom: -15px; width: 400px; height: 15px; background: #000; right: 0px; z-index: 1}
.subscribe-area .inner-area .subscribe-photo{position: absolute; bottom: 0px; right: 100px; }
.subscribe-area .inner-area .subscribe-block{position: absolute; top: 140px; left: 115px; z-index: 1;}
.subscribe-area .inner-area .subscribe-block h3{font-family:'Aeonik'; color: #FFF; font-size: 25px; font-weight: 700; line-height: 163.3%; text-transform: uppercase; margin: 0 0 10px 0}
.subscribe-area .inner-area .subscribe-block h2{font-family:'Aeonik'; color: #8EDFFE; font-size: 50px; font-weight: 700; line-height: 123.8%; text-transform: uppercase; margin: 0 0 15px 0}
.subscribe-area .inner-area .subscribe-block .input-area{ display: flex; width: 720px; position: relative; }
.subscribe-area .inner-area .subscribe-block .input-area .form-control{font-family: 'Aeonik Medium'; border: #1F00C7 1px solid; background: transparent; color: #FFF; font-style: italic;font-size: 16px; font-weight: 500; line-height: 24px; text-transform: capitalize; padding: 20px 25px; height: auto; border-radius: 0px; transform: skew(-10deg); margin-right:20px;   width: 492px;}
.subscribe-area .inner-area .subscribe-block .input-area .btn-subscribe{ font-style: italic; font-family: 'Aeonik'; background: #1F00C7; border: #1F00C7 1px solid; color: #FFF; font-size: 16px; line-height: 24px; text-transform: uppercase; padding: 20px 25px; transform: skew(-10deg); position: absolute; top: 0px; right: 70px;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{ display: none; }
.subscribe-area .inner-area .subscribe-block .input-area .form-control:focus{box-shadow: none}
.subscribe-area .inner-area .subscribe-block .input-area .form-control::-moz-placeholder {color: #fff !important; opacity: 1;}
.subscribe-area .inner-area .subscribe-block .input-area .form-control:-ms-input-placeholder {color: #fff !important;}
.subscribe-area .inner-area .subscribe-block .input-area .form-control::-webkit-input-placeholder {color: #fff !important;}
.subscribe-area .inner-area .subscribe-block .input-area .wpcf7 form .wpcf7-response-output{margin: 0; text-align:center;}

.testimonial-area{padding: 0 0 100px 50px; position: relative; z-index: 1}
.testimonial-area h2{font-family:'Aeonik'; color: #8EDFFE; font-size: 80px; font-weight: 700; line-height: 138.557%; text-transform: capitalize; margin: 0 0 10px 0}
.testimonial-area .review-block{margin: 0px}
.testimonial-area .review-block p{font-family: 'Aeonik Medium'; color: #E1E1E1; font-size: 16px; font-weight: 500; line-height: 146.5%; margin: 0 0 30px 0}
.testimonial-area .review-block .name{font-family:'Sometype Mono'; color: #8EDFFE;font-size: 20px; font-weight: 700; line-height: 146.5%; text-transform: capitalize;}
.testimonial-area .review-block .name span{display: block; font-family: 'Aeonik Medium'; color: #8EDFFE; font-size: 16px; font-weight: 500; line-height: 146.5%; text-transform: capitalize;}
.testimonial-area .owl-stage {padding-left: 0px !important;}


.footer-area{position: relative; padding-bottom: 40px;}
.footer-area .inner-box{position: relative;}
.footer-area .inner-box .main-img{width: 100%; position: relative; z-index: 1}
.footer-area .inner-box .content-block{position: absolute; top: 0px; width: 100%; display: flex; height: 100%; z-index: 2}
.footer-area .inner-box .content-block .left{width: 40%; padding-left: 80px; display: flex; align-items:center;}
.footer-area .inner-box .content-block .menu-area{width: 60%; display: flex; padding-right: 86px; padding-top: 140px}
.footer-area .inner-box .content-block .menu-area .inner-list{width: 30%; padding-right: 30px}
.footer-area .inner-box .content-block .menu-area .inner-list:last-child{width: 40%; padding-right: 0px}
.footer-area .inner-box .content-block h2{font-family:'Aeonik';  color: #8EDFFE; font-size: 150px; font-weight: 700; line-height: 100.8%; text-transform: lowercase;}
.footer-area .inner-box .content-block h2 span{ font-size: 80px;line-height: 0%; display: block;}
.footer-area .inner-box .content-block h3{font-family:'Aeonik'; color: #8EDFFE; font-size: 20px; font-weight: 700; line-height: 146.5%; text-transform: uppercase; margin: 0 0 8px 0}
.footer-area .inner-box .content-block ul.link{margin: 0px; padding: 0px; list-style: none}
.footer-area .inner-box .content-block ul.link li a{font-family: 'Aeonik Medium'; color: #E1E1E1; font-size: 16px; font-weight: 500; line-height: 30px; text-transform: capitalize; text-decoration: none}
.footer-area .inner-box .content-block .info{font-family: 'Aeonik Medium'; color: #E1E1E1; font-size: 16px; font-weight: 500; line-height: 30px; text-transform: capitalize; text-decoration: none}
.footer-area .inner-box .content-block .info a{color: #E1E1E1}
.footer-area .inner-box .content-block .address-align{ text-decoration: none; font-family: 'Aeonik Medium'; color: #E1E1E1; font-size: 14px; font-weight: 500; line-height: 24px; text-transform: capitalize; margin: 20px 0 35px 0}
.footer-area .inner-box .content-block ul.social-media{margin: 0px; padding: 0px; list-style: none; display: flex;}
.footer-area .inner-box .content-block ul.social-media li{margin-right: 18px}
.footer-area .inner-box .bottom-dot{position: absolute; bottom: 0px; left: 200px; display: flex;}
.footer-area .inner-box .bottom-dot span{width: 28px; height: 44px; background: #1F00C7; display: block; transform: skew(-44deg); margin-right: 15px;}
.footer-area .inner-box .bottom-text{position: absolute; bottom: 0px; right: 0px; display: flex;  z-index: 2;}
.footer-area .inner-box .bottom-text p{margin: 0px 0px 0px 24px; color: #fff; font-size: 16px; line-height: 28px; letter-spacing: 0.10px; font-family:'Sometype Mono Medium';}
.footer-area .inner-box .bottom-text p a{color: #fff; text-decoration: none;}
.home-page .footer-area .inner-box::before{content: ''; position: absolute; left: -100px; bottom: -1130px; background: url(../images/home-bottom-fade.svg) center center no-repeat; width: 562px; height: 2066px}
.aboutus-page .footer-area .inner-box::before{content: ''; position: absolute; left: -100px; bottom: -470px; background: url(../images/home-bottom-fade.svg) center center no-repeat; width: 562px; height: 2066px}
.contact-page .footer-area .inner-box::before{content: ''; position: absolute; right: 223px; bottom: -1148px; background: url(../images/bg-fade.svg) center center no-repeat; width: 562px; height: 2066px}


.inner-banner{ margin-top: -93px; position: relative; margin-bottom: 40px; z-index: 1}
.inner-banner .inner-main{width: 100%; height: 496px; padding: 2px; position: relative; background: #1e00c6; border-radius: 10px; -webkit-clip-path: polygon(0% 0%, 16.3% 0%, 19% 7.5%, 85.3% 7.5%, 88% 0%, 100% 0%, 100% 7.5%, 97.5% 14%, 100% 22%, 100% 84.5%, 55.5% 84.5%, 50% 100%, 0% 100%); clip-path: polygon(0% 0%, 16.3% 0%, 19% 7.5%, 85.3% 7.5%, 88% 0%, 100% 0%, 100% 7.5%, 97.5% 14%, 100% 22%, 100% 84.5%, 55.5% 84.5%, 50% 100%, 0% 100%)}
.inner-banner .inner-main .photo-block{width: 100%; height: 100%; border-radius: 10px; overflow: hidden; position: relative; -webkit-clip-path: polygon(0% 0%, 16.3% 0%, 19% 7.5%, 85.3% 7.5%, 88% 0%, 100% 0%, 100% 7.5%, 97.5% 14%, 100% 22%, 100% 84.5%, 55.5% 84.5%, 50% 100%, 0% 100%); clip-path: polygon(0% 0%, 16.3% 0%, 19% 7.5%, 85.3% 7.5%, 88% 0%, 100% 0%, 100% 7.5%, 97.5% 14%, 100% 22%, 100% 84.5%, 55.5% 84.5%, 50% 100%, 0% 100%)}
.inner-banner .inner-main .photo-block img{width: 100%; height: 100%; object-fit: cover; top: 0px; bottom: 0px; left: 0px; right: 0px; position: absolute; }
.inner-banner .inner-main .photo-block::before{content: ''; position:absolute;top: 12px; right: 142px; width: 65px; height: 3px; background: #1e00c6; z-index: 1; transform: rotate(-45deg);}
.inner-banner .inner-main .photo-block::after{content: ''; position: absolute; top: 48px; right: -12px; width: 54px; height: 3px; background: #1e00c6; z-index: 1; transform: rotate(-43deg);}
.inner-banner .inner-main .fade-img{position: absolute; top: 29px; right: 28px}
.inner-banner .inner-main .bottom-dot{position: absolute; bottom: 26px; right: 0px; display: flex;}
.inner-banner .inner-main .bottom-dot span{width: 18px; height: 30px; background: #1F00C7; display: block; transform: skew(-38deg); margin-right: 15px;}
.inner-banner .inner-main h1{position: absolute; bottom: 0px; margin: 0px; left: 54px; bottom: 40px; font-family:'Aeonik Black'; color: #FFF; font-size: 62px; font-weight: 900; line-height: 100.8%; text-transform: uppercase;}

/* .inner-banner .inner-main .blue-bg{width: 100%; height: 496px; position: relative; background: #1e00c6; border-radius: 10px; -webkit-clip-path: polygon(0% 0%, 16.3% 0%, 19% 7.5%, 85.3% 7.5%, 88% 0%, 100% 0%, 100% 7.5%, 97.5% 14%, 100% 22%, 100% 84.5%, 55.5% 84.5%, 50% 100%, 0% 100%); clip-path: polygon(0% 0%, 16.3% 0%, 19% 7.5%, 85.3% 7.5%, 88% 0%, 100% 0%, 100% 7.5%, 97.5% 14%, 100% 22%, 100% 84.5%, 55.5% 84.5%, 50% 100%, 0% 100%)} */

.product-detail{padding: 0}

.product-detail p{font-family: 'Aeonik Medium'; color: #FFF; font-size: 16px; font-weight: 500; line-height: 146.5%; text-transform: capitalize; margin: 0px}
.product-detail p b{font-family:'Aeonik'; color: #8EDFFE; font-weight: 500;}
.product-page .product-area{padding: 40px 0 120px 0}
.product-page .product-area h2{font-family:'Aeonik Black'; color: #8EDFFE; font-size: 53px; font-weight: 900; line-height: 100.8%; text-transform: capitalize;}
.product-page .product-area .container{position: relative;}
.product-page .product-area .container::before{content: ''; position: absolute; right: 263px; top: 0px; background: url(../images/bg-fade.svg) center center no-repeat; width: 562px; height: 2066px}

.gallery-area{padding: 20px 0 30px 0; position: relative; z-index: 1}
.gallery-area .container{position: relative;}
.gallery-area .container::before{content: ''; position: absolute; right: 198px; top: 105px; background: url(../images/bg-fade.svg) center center no-repeat; width: 562px; height: 2066px}
.gallery-area ul.gallery-list{margin: 0px -10px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.gallery-area ul.gallery-list li{width: 25%; padding: 0 10px; margin-bottom: 18px}
.gallery-area .gallery-box{ min-height: 359px; padding: 14px 12px; position: relative; -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 80% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 80% 100%, 0% 100%); border-radius: 10px; background: rgba(0, 0, 0, 0.19); border: #1F00C7 2px solid; backdrop-filter: blur(5px);}
.gallery-area .gallery-box::after{content: ''; position: absolute; background: #1F00C7; height: 3px; width: 100%; bottom: 0px; right: -100px; transform: rotate(140deg);}
.gallery-area .gallery-box .img-block{width: 100%; height: 292px; margin-bottom: 14px; position: relative; overflow: hidden; -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 83%, 81% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 83%, 81% 100%, 0% 100%);  border-radius: 10px;  border: #1F00C7 2px solid; }
.gallery-area .gallery-box .img-block img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.gallery-area .gallery-box .img-block::after{content: ''; position: absolute; background: #1F00C7; height: 3px; width: 100%; bottom: 0px; right: -95px; transform: rotate(139deg);}
.gallery-area .gallery-box .name{font-family: 'Aeonik Medium'; color: #E1E1E1; font-size: 16px; font-weight: 500; line-height: 22px; text-transform: capitalize;}

.contact-banner{ margin-top: -95px; position: relative; margin-bottom: 40px; z-index: 1}
.contact-banner .container{position: relative;}
.contact-banner .image-area{background: #1F00C7; border-radius: 10px; position: relative; padding: 2px; -webkit-clip-path: polygon(0% 0%, 16% 0%, 19% 4%, 85% 4%, 87.6% 0%, 100% 0%, 100% 4%, 97.5% 7.5%, 100% 10.5%, 100% 92%, 56% 92%, 50% 100%, 0% 100%); clip-path: polygon(0% 0%, 16% 0%, 19% 4%, 85% 4%, 87.8% 0%, 100% 0%, 100% 4%, 97.5% 7.5%, 100% 10.5%, 100% 92%, 56% 92%, 50% 100%, 0% 100%);}
.contact-banner .blue-bg{width: 100%; height: 100%; border-radius: 10px; position: relative; overflow:hidden;  -webkit-clip-path: polygon(0% 0%, 16% 0%, 19% 4%, 85.3% 4%, 87.8% 0%, 100% 0%, 100% 4%, 97.5% 7.5%, 100% 10.5%, 100% 92%, 56% 92%, 50% 100%, 0% 100%); clip-path: polygon(0% 0%, 16% 0%, 19% 4%, 85.3% 4%, 88% 0%, 100% 0%, 100% 4%, 97.5% 7.5%, 100% 10.5%, 100% 92%, 56% 92%, 50% 100%, 0% 100%)}
.contact-banner .blue-bg img{width: 100%; }
.contact-banner .blue-bg::before{content: ''; position: absolute; top: 34px; right: -51px; width: 100px; height: 3px; background: #1f00c7; transform: rotate(135deg);}
.contact-banner .form-section{width: 695px; min-height: 820px; padding:125px 100px 30px 100px;  background: #1f00c7; position: absolute; top: 28px; right: 44px; -webkit-clip-path: polygon(0 3.5%, 77% 3.5%, 81% 0, 97% 0, 92.8% 4.8%, 100% 11%, 100% 100%, 0 100%); clip-path: polygon(0 3.5%, 77% 3.5%, 81% 0, 97% 0, 92.8% 4.8%, 100% 11%, 100% 100%, 0 100%);}
.contact-banner .form-section h1{font-family:'Aeonik Black'; color: #8EDFFE; font-size: 40px; font-weight: 900; line-height: 100.8%; text-transform: uppercase; margin: 0 0 14px 0}
.contact-banner .form-section .info{font-family: 'Aeonik Medium';  color: #FFF; font-size: 14px; font-weight: 500; line-height: 165%; text-transform: capitalize; margin: 0 0 12px 0; position: relative; padding-left: 34px}
.contact-banner .form-section .info img{position: absolute; top: 4px; left: 0px}
.contact-banner .form-section .phone{font-family: 'Aeonik Medium'; color: #FFF; font-size: 16px; font-weight: 500; line-height: 185.5%;text-transform: capitalize;margin: 0 0 12px 0; position: relative; padding-left: 34px}
.contact-banner .form-section .phone img{position: absolute; top: 4px; left: 0px}
.contact-banner .form-section .info a,
.contact-banner .form-section .phone a{color: #fff; text-decoration: none;}
.contact-banner .form-section .form-block{margin: 0px;}
.contact-banner .form-section .form-block .form-group{margin: 0 0 20px 0}
.contact-banner .form-section .form-block .form-control{padding: 18px 0; height: auto; font-style: italic; border:none; font-family: 'Aeonik Medium'; line-height:20px; color: #FFF; font-size: 14px; font-weight: 500; text-transform: capitalize; border-bottom: #fff 1px solid; border-radius: 0px; background-color: transparent}
.contact-banner .form-section .form-block .form-control::placeholder{color: #fff}
.contact-banner .form-section .form-block .form-control:focus{box-shadow: none}
.contact-banner .form-section .form-block .btn-area{text-align: center; position: relative; margin-top: 50px}
.contact-banner .form-section .form-block .btn-area .wpcf7-spinner{ position: absolute; bottom: -37px; right: 43%; }
.contact-banner .form-section .form-block .btn-area .btn-send{background: #fff;  font-style: italic; color: #1F00C7; border:none; padding: 15px 58px; font-family:'s'; font-size: 14px; font-weight: 600; text-transform: uppercase;}



.about-page{padding: 30px 0 80px; position: relative;}
.about-page .container{position: relative;}
.about-page .container::before{content: ''; position: absolute; right: 263px; top: 150px; background: url(../images/bg-fade.svg) center center no-repeat; width: 562px; height: 2066px}
.about-page h2{font-family:'Aeonik';  color: #8EDFFE; font-size: 53px; font-weight: 700; line-height: 100.8%; text-transform: capitalize; margin: 0 0 30px 0}
.about-page .inner-area{display: flex; position: relative; z-index: 1}
.about-page .inner-area .left{width: 50%; padding-right: 40px}
.about-page .inner-area .right{width: 50%; padding-left: 30px; padding-right: 10px}
.about-page h3{font-family:'Aeonik Black'; color: #FFF; font-size: 25px; font-weight: 900; line-height: normal; text-transform: uppercase;}
.about-page p{color: #FFF; font-family:'Aeonik Medium'; font-size: 16px; font-weight: 500; line-height: 146.5%; }


.mission-area{padding: 50px 0 20px; position: relative;}
.mission-area h2{font-family:'Aeonik';  color: #8EDFFE; font-size: 53px; font-weight: 700; line-height: 100.8%; text-transform: capitalize; margin: 0 0 30px 0}
.mission-area .inner-first{display: flex; position: relative; z-index: 1; margin: 0 0 50px 0}
.mission-area .inner-first .left{width: 50%; padding-right: 40px}
.mission-area .inner-first .right{width: 50%; padding-left: 30px; padding-right: 10px}
.mission-area p{color: #FFF; font-family:'Aeonik Medium'; font-size: 16px; font-weight: 500; line-height: 146.5%; margin: 0px;}
.mission-area .inner-second{display: flex; position: relative; z-index: 1; margin: 0 0 40px 0}
.mission-area .inner-second .photo-area{width: 50%; position: relative;}
.mission-area .inner-second .photo-area img{width: 100%}
.mission-area .inner-second .photo-area .blue-box{width: 100%; height: 234px; border-radius: 10px; background: #1F00C7; padding:2px; -webkit-clip-path: polygon(0 20%, 29% 21%, 36% 0%, 100% 0%, 100% 100%, 10% 100%, 0 72%); clip-path: polygon(0 20%, 29% 21%, 36% 0%, 100% 0%, 100% 100%, 10% 100%, 0 72%);}
.mission-area .inner-second .photo-area .blue-box .photo{width: 100%; height: 100%; border-radius: 10px; overflow: hidden; position: relative; -webkit-clip-path: polygon(0 20%, 29% 21%, 36% 0%, 100% 0%, 100% 100%, 10% 100%, 0 72%); clip-path: polygon(0 20%, 29% 21%, 36% 0%, 100% 0%, 100% 100%, 10% 100%, 0 72%);}
.mission-area .inner-second .photo-area .blue-box .photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.mission-area .inner-second .point{width: 50%; padding-left: 50px;}
.mission-area .inner-second .point ul{margin: 0px; padding: 0px; list-style: none;}
.mission-area .inner-second .point ul li{ font-family:'Aeonik Medium'; color: #FFF; font-size: 16px; font-weight: 500; line-height: 26px; text-transform: capitalize; position: relative; padding-left: 26px}
.mission-area .inner-second .point ul li::before{content: ''; position: absolute; top: 9px; left: 0px; background: url(../images/dot-icon.png) center center no-repeat; width: 11px; height: 10px;}

.key-benefits-area{padding: 10px 0 50px 0; position: relative; z-index: 1}
.key-benefits-area h2{font-family:'Aeonik'; color: #8EDFFE; font-size: 53px; font-weight: 700; line-height: 100.8%; text-transform: capitalize; margin: 0 0 40px 0}
.key-benefits-area .slider-area{position: relative; }
.key-benefits-area .slider-area .main-img{width: 100%}
.key-benefits-area .slider-area .benefit-slider{position: absolute; top: 0px; left: 0px}
.key-benefits-area .slider-area .slide-inner{display: flex; align-items: center; padding: 12px 0}
.key-benefits-area .slider-area .slide-inner .left{width: 54%; padding: 0 95px 0 62px}
.key-benefits-area .slider-area .slide-inner h3{font-family:'Aeonik'; color: #8EDFFE; font-size: 51px; font-weight: 700; line-height: 100.8%; /* 53.424px */text-transform: capitalize; margin: 25px 0 30px 0}
.key-benefits-area .slider-area .slide-inner p{font-family:'Aeonik Medium'; color: #FFF; font-size: 15px; font-weight: 500; line-height: 146.5%; margin: 0px;}
.key-benefits-area .slider-area .slide-inner .photo-block{width: 46%; height: 292px; background: #1F00C7; padding: 2px; margin-right: 16px; -webkit-clip-path: polygon(0 0, 90% 0, 90% 58%, 100% 82%, 100% 100%, 0 100%); clip-path: polygon(0 0, 90% 0, 90% 58%, 100% 82%, 100% 100%, 0 100%); }
.key-benefits-area .slider-area .slide-inner .photo-block .inner-photo{width: 100%; height: 100%; position: relative; overflow: hidden;}
.key-benefits-area .slider-area .slide-inner .photo-block .inner-photo::before{content: ''; position: absolute; top: 0px; right: 60px; background: #1f00c7; height: 167px; width: 2px; z-index: 1;}
.key-benefits-area .slider-area .slide-inner .photo-block .inner-photo::after{content: ''; position: absolute; bottom: 34px; right: 28px; background: #1f00c7; height: 102px; width: 2px; z-index: 1; transform: rotate(-41deg);}
.key-benefits-area .slider-area .slide-inner .photo-block .inner-photo img{width: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; height: 100%}
.key-benefits-area .slider-area .owl-dots{display: none}
.key-benefits-area .slider-area .owl-nav{position: absolute; right: 0px; bottom: -50px; display: flex; border-bottom: #1F00C7 2px solid}
.key-benefits-area .slider-area .owl-nav .owl-next{display:flex; align-items: center; color: #8EDFFE; font-family:'Aeonik Medium'; font-size: 16px; font-weight: 500; line-height: 24px; padding: 7px 0 7px 25px !important; border-left: #1F00C7 1px solid}
.key-benefits-area .slider-area .owl-nav .owl-next svg{margin-left: 5px}
.key-benefits-area .slider-area .owl-nav .owl-prev{display:flex; align-items: center; color: #8EDFFE; font-family:'Aeonik Medium'; font-size: 16px; font-weight: 500; line-height: 24px; padding: 7px 25px 7px 0 !important; border-right: #1F00C7 1px solid }
.key-benefits-area .slider-area .owl-nav .owl-prev svg{margin-right: 5px}

.subscribe2-area{padding: 0 0 40px 0; position: relative; z-index: 1}
.subscribe2-area .inner-area{-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 6.6% 100%, 0 85%); clip-path:polygon(0 0, 100% 0, 100% 100%, 6.6% 100%, 0 85%); padding: 12px; display: flex; align-items: center; position: relative;  border-radius: 10px; background: rgba(0, 0, 0, 0.19); border: #1F00C7 2px solid; backdrop-filter: blur(5px);}
.subscribe2-area .inner-area::after{content: ''; position: absolute; background: #1F00C7; height: 150px; width: 4px; bottom: -31px; left: 30px; transform: rotate(-51.2deg);}
.subscribe2-area .inner-area .photo-area{width: 40%; min-height: 450px; position: relative; overflow: hidden; border: #1F00C7 2px solid; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%, 0 85%); clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%, 0 85%);}
.subscribe2-area .inner-area .photo-area img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.subscribe2-area .inner-area .photo-area::before{content: ''; position: absolute; bottom: -25px; left: 40px; width: 3px; height: 111px; background: #1f00c7; z-index: 1; transform: rotate(-50deg);}
.subscribe2-area .inner-area .subscribe-block{margin: 0px; width: 60%; padding: 0 60px}
.subscribe2-area .inner-area .subscribe-block h3{font-family:'Aeonik'; color: #FFF; font-size: 25px; font-weight: 700; line-height: 32px; text-transform: uppercase; margin: 0 0 10px 0}
.subscribe2-area .inner-area .subscribe-block h2{font-family:'Aeonik'; color: #8EDFFE; font-size: 50px; font-weight: 700; line-height: 65px; text-transform: uppercase; margin: 0 0 15px 0}
.subscribe2-area .inner-area .subscribe-block .input-area{ display: flex; width: 720px; position: relative; }
.subscribe2-area .inner-area .subscribe-block .input-area .form-control{font-family: 'Aeonik Medium'; font-style: italic;border: #1F00C7 1px solid; background: transparent; color: #FFF; font-size: 16px; font-weight: 500; line-height: 24px; text-transform: capitalize; padding: 20px 25px; height: auto; border-radius: 0px; transform: skew(-10deg); margin-right:20px;   width: 492px;}
.subscribe2-area .inner-area .subscribe-block .input-area .btn-subscribe{  font-family: 'Aeonik'; background: #1F00C7;  font-style: italic; border: #1F00C7 1px solid; color: #FFF; font-size: 16px; line-height: 24px; text-transform: uppercase; padding: 20px 25px; transform: skew(-10deg); position: absolute; top: 0px; right: 70px;}
.subscribe2-area .inner-area .subscribe-block .input-area .form-control:focus{box-shadow: none}
.subscribe2-area .inner-area .subscribe-block .input-area .form-control::-moz-placeholder {color: #fff !important; opacity: 1;}
.subscribe2-area .inner-area .subscribe-block .input-area .form-control:-ms-input-placeholder {color: #fff !important;}
.subscribe2-area .inner-area .subscribe-block .input-area .form-control::-webkit-input-placeholder {color: #fff !important;}
.subscribe2-area .inner-area .subscribe-block .input-area .wpcf7 form .wpcf7-response-output{margin: 0}
.screen-reader-response{display: none;}
.wpcf7-not-valid-tip{color: #ffb900; text-align: center; padding-top: 5px;}

.safety-area{padding: 0px 0px 20px 0px}
.safety-area .container{position: relative;}
.safety-area .container::before{content: ''; position: absolute; right: 226px; top: 106px; background: url(../images/bg-fade.svg) center center no-repeat; width: 562px; height: 2066px}
.safety-area p{font-family: 'Aeonik Medium'; color: #FFF; font-size: 16px; font-weight: 500; line-height: 146%; text-transform: capitalize; margin: 0 0 25px 0}
.safety-area .inner-area{background:url(../images/safety-bg.png); display: flex; padding: 12px; align-items: center; background-size: 100% 100%; position: relative; z-index: 1; margin: 0 0 30px 0;}
.safety-area .inner-area .left{width: 48%; position: relative;}
.safety-area .inner-area .left img{width: 100%}
.safety-area .inner-area .right{width: 52%; padding-left: 62px; padding-right: 40px}
.safety-area .inner-area:nth-of-type(2n+2){background:url(../images/safety-bg-flip.png); background-size: 100% 100%; flex-direction: row-reverse;}
.safety-area .inner-area:nth-of-type(2n+2) .left{-webkit-transform: scaleX(-1); transform: scaleX(-1);}
.safety-area .inner-area:nth-of-type(2n+2) h2{margin-left:25px;}
.safety-area h2{font-family:'Aeonik'; color: #8EDFFE; font-size: 80px; font-weight: 700; line-height: 100.8%; text-transform: capitalize; margin: 0px}
.safety-area h3{font-family: 'Aeonik Medium'; color: #FFF; font-size: 25px; font-weight: 500; line-height: 137%;text-transform: uppercase; margin: 30px 0}
.safety-area ul{margin: 0px; padding: 0px; list-style: none;}
.safety-area ul li{ font-family:'Aeonik Medium'; color: #FFF; font-size: 16px; font-weight: 500; line-height: 26px; text-transform: capitalize; position: relative; padding-left: 26px}
.safety-area ul li::before{content: ''; position: absolute; top: 9px; left: 0px; background: url(../images/dot-icon.png) center center no-repeat; width: 11px; height: 10px;}
.safety-area .bottom-dot{position: absolute; top: 20px; right: 0; transform: skew(0deg,24deg);}
.safety-area .bottom-dot span{width: 48px; height: 13px; background: #1F00C7; display: block; margin: 0 0 10px 0;}
 /* transform: skew(-44deg); */

.wpcf7 form.sent .wpcf7-response-output {color:#fff; text-align:center;}
.wpcf7 form .wpcf7-response-output {color: #fff;  text-align: center;}



.privacy-page span, .privacy-page p, .privacy-page a, .privacy-page b, .privacy-page ul{ z-index:1; position:relative; }

.key-benefits-area .slider-area .owl-nav .owl-next.disabled{ opacity:0.4 }
.key-benefits-area .slider-area .owl-nav .owl-prev.disabled{ opacity:0.4 }