*{margin:0px; padding:0px;}


html{overflow-x: hidden;}
body{overflow-x: hidden; font-weight: 500;  font-family: "Carlito", serif; color: #fff; background: #000; font-size: 17px;}
a, a:active, a:focus, a:hover {outline: none; transition: all 0.5s ease; text-decoration: none;}
button, button:active, button:focus, button:hover {outline: none; transition: all 0.5s ease; text-decoration: none;}
p{font-size: 18px; color: #bbb;}
.container{max-width: 1400px;}

#return-to-top{display: flex; z-index: 11; justify-content: center;align-items: center; width: 40px; transition: all 0.3s ease; height: 40px; border-radius: 50%; position: fixed; right: 20px; bottom: 20px; background: #409edb; color: #fff;}
#return-to-top img{width: 13px; filter: brightness(0) invert(1);}

.overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000000;}
.overlay .overlayDoor:before, .overlay .overlayDoor:after {content: ""; position: absolute; width: 50%; height: 100%; background: #000; transition: 0.5s; transition-delay: 0.8s; }
.overlay .overlayDoor:before {left: 0; }
.overlay .overlayDoor:after {right: 0;}
.overlay.loaded .overlayDoor:before {left: -50%;}
.overlay.loaded .overlayDoor:after {right: -50%;}
.overlay.loaded .overlayContent {opacity: 0; margin-top: -15px;}
.overlay .overlayContent {position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;	transition: 0.5s}
.overlayContent img{width:180px;}

header{padding: 18px 0px; z-index: 1111; background: #0000002b; position: fixed; left: 0; right:0; }
header .navbar{padding: 0;}

header.menu_fixed{background-color:#000;}
.navbar-toggler:focus {box-shadow: none; border: none;}

.navbar-brand {margin-right: 10px; padding-top: 0px; padding-bottom: 0px; padding-right: 30px;}
.header_logo{width: 140px;}
.navbar-nav .nav-item .nav-link{color: #fff; font-weight: 500; }
.navbar-nav .nav-item .nav-link:hover{color:#afc9f0;}
.navbar-nav .nav-item .nav-link.active{color:#afc9f0;}
.navbar-nav .nav-item{margin-left: 10px;}
.navbar-collapse {flex-grow: unset;}
.navbar {padding: 0px;}
.navbar-toggler-icon {filter: brightness(0) invert(1);}
.navbar-toggler {border: none;}


.line-height-30{line-height: 30px;}
.line-height-35{line-height: 35px;}


.fw-300{font-weight: 300 !important;}
.fw-400{font-weight: 400 !important;}
.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600 !important;}
.fw-700{font-weight: 700 !important;}
.fw-800{font-weight: 800 !important;}
.fw-900{font-weight: 900 !important;}

.font-14{font-size: 14px;}
.font-15{font-size: 15px;}
.font-16{font-size: 16px;}

.width_80{width: 80%;}
.width_70{width: 70%;}
.width_60{width: 60%;}
.width_50{width: 50%;}
.width_40{width: 40%;}
.width_30{width: 30%;}
.width_20{width: 20%;}
.width_10{width: 10%;}

.theme_color{color: #50c7e7;}

.btn_style{border: 2px solid #50c7e7 !important; display: inline-block; color: #000; align-items: center; justify-content: center; padding: 7px 30px; text-align: center; border-radius: 40px;  background:#50c7e7;}
.btn_style:hover {color: #50c7e7; background: transparent;}
.btn_style.white_btn{background: #fff; border: 2px solid #fff !important;}
.btn_style.white_btn:hover{color: #fff; background: transparent;}

.btn_style.white_btn.white_btn_transparent{color: #fff; background: transparent;}
.btn_style.white_btn.white_btn_transparent:hover{color: #000; background: #fff;}

.big_btn {padding: 16px 45px;}
.btn_style.arrow_btn{padding-right: 10px;}
.arrow_btn .arrow_btn_icon{background: #000; transition: all 0.3s ease; transform: rotate(-30deg); margin-left: 10px; width: 25px;height: 25px;display: flex;  justify-content: center; color: #fff; border-radius: 50%;}
.btn_style.arrow_btn:hover{background: #249ebe; color: #000; border: 2px solid #249ebe !important;}
.arrow_btn:hover .arrow_btn_icon{transform: rotate(0deg);}

.heading_text{display: block;}
.heading_text h2{font-size:50px; font-family: "Gantari", serif; font-weight: 500;}
.heading_text p{margin-bottom: 0px;}
.heading_middle{max-width: 1000px; margin: auto; text-align: center;}
.heading_width{max-width: 900px;}

.theme_circle_shadow { width: 500px; height:500px; border-radius: 50%; background: #50c6e73b; filter: blur(125px);}
.left_p_shadow {position: absolute; top: -10%; left: -10%;}
.right_p_shadow {position: absolute; top: -10%; right: -10%;}
.left_b_p_shadow {position: absolute; bottom: 0%; left: -10%;}
.middle_shadow{position: absolute; left: 0; right: 0; top:0; bottom: 0; margin: auto;}

.Banner_video{position: absolute; transform: scaleX(-1); left: 0;  right: 0; top: 0;}
.Banner_video::before{content: ""; background: #000000bd; position: absolute; left: 0; right: 0; top:0; bottom: 0;}
.Banner_video video{width: 100%;}
.banner-section {display: flex; align-items: center; justify-content: center; height: calc(100vh - 00px); position: relative; }
.banner-section .container{z-index: 11; position: relative;}
.framer-1hhkxcy{position: absolute; background: #000000a8; left: 0; right: 0; top:0; bottom: 0;}
.bannerflare{position: absolute;  right: 0; top:0;}

.banner-section::after {content: ""; position: absolute; width: 100%; left: 0; right:0; background: black; background: linear-gradient(0deg, black 20%, rgba(0, 0, 0, 0) 100%); height: 20%; bottom: 0;}

header .tabcontent {display: none;}
.site-menu-main .sub-menu{padding: 15px 0px;}
.sub-menu--item{display: flex;}
.sub-menu--item .tab-left{width: 40%;}
.sub-menu--item .tab-right{width: 60%; margin:0px 10px 0px 0px; color: #fff;}
.sub-menu--item .tab-left a{padding: 8px 20px; color: #fff; display: block;}
.sub-menu--item .tab-left a:hover{background: linear-gradient(90deg, #212121 0%, #353535 50%, #212121 100%);}
.tab_right_box{background: #000; position: relative;  border-radius: 10px;}
.tab_right_box .frame_image{position: absolute; left: 0; right: 0;}
.tab_right_box img{width: 100%; border-radius: inherit;}
.tab_right_box_text{padding: 10px;}
.site-menu-main .sub-menu {min-height: 280px;}
.tab_right_box_text p{margin-bottom: 0; color: #adb19a; font-size: 14px;}
.fugu-responsive-btn a.btn_style {padding: 13px 30px; line-height: unset;}
.banner_text h1{font-size:68px; font-family: "Gantari", serif;}
.border_bg{position: relative; padding-bottom: 15px;}
.border_bg{background: url(../img/line.png) no-repeat bottom;}
.banner_text{margin-right: 50px;}

.watter_mark_list{list-style: none;  padding: 0; margin: 0; display: flex; gap: 15px;}
.watter_mark_list li{background: #101010; padding: 15px; display: flex; align-items: center; justify-content: center; border-radius: 10px; width: 90px; height:90px;}
.watter_mark_list li img{width: 100%;}
.watter_mark_list li:hover{background: #0c0c0c; box-shadow: 0px 0px 8px 2px #50c7e7b2;}
.watter_mark_list li.mark_icon img{width: 25px;}
.watter_mark_list_rotation{transform: rotate(-10deg); position: relative; display: flex; gap: 15px; flex-wrap: wrap;}
.watter_mark_list_rotation::before{content: ""; height: 500px; width: 500px; position: absolute; left: -200px;  top:-100px;  background: #000; filter: blur(125px);}
.watter_mark_list_rotation::after{content: ""; height: 200px; width: 500px; position: absolute; right: -200px;  top:-100px;  background: #000; filter: blur(125px);}

.image2_box img{max-width: 350px; display: block; margin: auto; z-index: 1;}
.shadow_400{width: 400px; height: 400px}
.shadow_300{width: 300px; height: 300px}
.index_down{z-index: -1;}

.small_box{background: #0e0e0e; padding: 20px; border-radius: 10px;}
.small_box:hover{background: linear-gradient(90deg, #202020 0%, #353535 50%, #202020 100%);}
.icon_box{background: #249ebe; padding: 7px; border-radius: 10px; width: 55px; height: 55px; display: flex; align-items: center; justify-content: center;}
.icon_box img{width: 100%;}

.globe_bg{min-height: 500px; position: relative; background: url(../img/globe_bg.png) no-repeat; background-size: cover;}
.globe_bg::after {content: ""; position: absolute; width: 100%; left: 0; right:0; background: black; background: linear-gradient(0deg, black 20%, rgba(0, 0, 0, 0) 100%); height: 10%; bottom: 0;}
.globe_bg::before {content: ""; position: absolute; width: 100%; left: 0; right:0; background: black; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 20%, #000 100%); height: 10%; top: 0;}
.mac_linux_box_outer{display: grid; max-width: 400px; margin: auto; grid-template-columns: 1fr 1fr 1fr; z-index: 1; position: relative; gap: 40px;}
.mac_linux_box{display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; padding: 20px; border-radius: 10px; background: #0000006b; border: 1px solid #cccccc47;}
.mac_linux_box img{width: 100%;}
.lien_list{list-style: none; position: relative; padding: 0; display: grid; grid-template-columns: 1fr; gap: 20px;}
.lien_list li{font-size: 19px; position: relative; padding-left: 30px;}
.lien_list li::before{content: ""; background: #249ebe; height: 13px; width: 13px; position: absolute; left: 0; top:7px; display: inline-block; border-radius: 50%;}
.lien_list::before{content: ""; position: absolute; inset-block: 0; inset-inline-start: 0;width: 1px; background: linear-gradient( transparent, hsl(192.7, 75.9%, 61%) 30%, hsl(192.7, 75.9%, 61%) 70%, #50c7e7 ); left: 6px; bottom: -24px; top: -30px}
.lien_list::after{content: ""; background: url(../img/curveLine.png) no-repeat; width: 200px; height: 60px; background-size: contain; position: absolute; bottom: -71px; left: 6px;}
.lien_list_box{max-width: 400px; margin: auto;}
.md_container{max-width: 1100px; margin: auto;}
.step_circle{background: #249ebe; box-shadow: 0px 0px 40px 6px #50c6e795; margin: auto; display: block; color: #000; font-size: 35px; font-weight: 600; font-family: "Gantari", serif; padding: 5px; border-radius: 100px; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center;}
.step_box{padding: 0px 20px; position: relative;}
.long-Arrow{width: 70%; position: absolute; top: 25px; left: 239px; right: 0; margin: auto;}

.footer_box{background: #1f1f1f; border-radius: 15px;}
.copy_right_box{background: #249ebe; color: #000; padding: 15px 0px;}

.footer_top_bg{background: url(../img/footer_bg.png) no-repeat; background-size: cover;}


.menu_link{padding: 0px; margin: 0px; list-style: inside;}
.menu_link li{margin-bottom: 10px;  display: block;}
.menu_link li:last-child{margin-bottom: 0;}
.menu_link li a{color: #fff; opacity: .7; text-decoration: none;}
.menu_link li span{color: #fff; opacity: .7;}
.menu_link li a:hover{color: #249ebe; opacity: 1;}
.footer_logo{max-width: 210px;}
.footer_content_box{ color: #ccc; max-width: 900px;}
.footer_media {list-style: none; margin-bottom: 0px; display: flex; gap: 8px; padding: 0px;}
.footer_media li {display: inline-block;}
.footer_media li a {color: #fff; font-size: 16px; width: 35px; height: 35px; background: #3f9eb8a6; border: 1px solid #3f9eb8; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.footer_media li a:hover {background: #3f9eb8; border: 1px solid #3f9eb8;}
.footer_menu{padding: 0px; margin: 0px; list-style: none;}
.footer_menu li{display: inline-block; margin-right: 15px; position: relative;}
.footer_menu li a{color: #249ebe; font-weight: 600; position: relative; text-decoration: none;}
.footer_menu li::before{content: ""; background: #249ebe; width: 1.5px; height: 17px; display: inline-block; position: absolute; right: -11px; top: 5px;}
.footer_menu li a:hover{opacity: .7;}
.footer_menu li:last-child:before{display: none;}
.copy_right_box .footer_menu li a{color: #000;}
.copy_right_box .footer_menu li::before{background: #000;}