@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
/* font-family: 'Poppins', sans-serif; */
@font-face {
  font-family: 'Sofia Pro';
  src: url('../fonts/SofiaPro-Medium.woff2') format('woff2'),
      url('../fonts/SofiaPro-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sofia Pro';
  src: url('../fonts/SofiaPro-ExtraLight.woff2') format('woff2'),
      url('../fonts/SofiaPro-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sofia Pro';
  src: url('../fonts/SofiaPro-Light.woff2') format('woff2'),
      url('../fonts/SofiaPro-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sofia Pro';
  src: url('../fonts/SofiaPro.woff2') format('woff2'),
      url('../fonts/SofiaPro.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sofia Pro';
  src: url('../fonts/SofiaPro-SemiBold.woff2') format('woff2'),
      url('../fonts/SofiaPro-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sofia Pro';
  src: url('../fonts/SofiaPro-Bold.woff2') format('woff2'),
      url('../fonts/SofiaPro-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sofia Pro';
  src: url('../fonts/SofiaPro-Black.woff2') format('woff2'),
      url('../fonts/SofiaPro-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rodfellows_wackyregular';
  src: url('../fonts/rodfellowswacky-n920.woff2') format('woff2'),
       url('../fonts/rodfellowswacky-n920.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'freckle_faceregular';
  src: url('../fonts/freckleface-gag1.woff2') format('woff2'),
       url('../fonts/freckleface-gag1.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}


@font-face {
  font-family: 'hermitbold';
  src: url('../fonts/hermit-bold.woff2') format('woff2'),
       url('../fonts/hermit-bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}


.ac{text-align: center;}
.uc{text-transform: uppercase;}
a{color: #000;}
a:hover{text-decoration: none;}
p{font-size: 20px; line-height: 32px; color: #fff; font-weight: 300;}
.bold{font-weight: 700 !important;}
h1, h2, h3, h4, h5, h6{font-family: 'Sofia Pro'; padding: 0;margin: 0;}

body{font-family: 'Sofia Pro'; font-weight: 400; font-size: 18px; line-height: 32px; color: #656565; padding: 0; margin: 0; background: #fff;}

ul{list-style: none; padding: 0; margin: 0;}
.header_area{position: fixed; left: 0; top: 25px; z-index: 999999; width: 100%;}
 
.top_row{display: flex;}
.top_right ul { display: flex;}
.top_right{display: flex; justify-content: end; align-items: center;}
.top_right h6 { font-size: 20px;color: #fff;}
.top_right .fa{color: #d4ae39; margin-right: 10px;}
.top_right ul.top_adm li{margin-right: 10px; padding-right: 10px; color: #fff; line-height: 20px;}
.top_right ul.top_adm li:first-child{border-right: 1px solid #fff;}
.top_right ul.top_social{display: flex; align-items: center ;}

.nav_container{display: inline;}
/* .nav-menus-wrapper{width: 85%; float: left; text-align: center;} */
.nav-menu { margin: 0; float: none; text-align: center; display: inline-block;}
.nav-right{width: 85%; float: right; margin: 35px 0 0 0; display: flex; justify-content: end; align-items: center;}
.nav-header { width: 9%;}
.main_header_area  .container{max-width: 1607px; width: 100%;}
.search-container { width: 160px; float: right;}
.search-container{width: auto;}
.nav_container {justify-content: center; align-items: center;}

.sticky {position: fixed;  width: 100%; background: #fff; padding:0; top: 0;}
.sticky + .content { padding-top: 60px;}

.rcs ul li{margin: 0 0 0 15px;}

.header_area{z-index: 9999999;}
.nav-header .logo img{width: 90%;}

.nav_container{display: flex;}
.search-container { margin: 0px 0px 0 0; display: flex; justify-content: end;}

.header_area {  background: transparent; padding: 0 0; border-bottom: 1px solid transparent;}
.nav-header .logo img { width: auto;}
.logo_sticky{display: none;}
.header_area.sticky .nav-right{margin-top: 15px;}
.header_area.sticky .logo_sticky{display: block;}
.header_area.sticky .logo_nor{display: none;}
.header_area.sticky .top_right ul.top_adm li{color: #fff;}
.header_area.sticky{background: rgb(203 199 199 / 70%)}
.header_area.sticky .nav-menu > li > a{color: #fff;}
.header_area.sticky .nav-header .logo img { width: 80px; transition: 2s;}

.header_area.sticky { background:  rgb(0 0 0 / 80%);  box-shadow: 0px 0px 22px rgb(0 0 0 / 10%);}


.top_cart{float: right; margin: 15px 0 0 15px;}
.top_cart .fa {margin-left: 15px;}

.searchbutton {	position: relative;}
.clr{clear: both;}
.top_phone{color: #fff; white-space: nowrap; font-weight: 600; font-size: 24px;}
.top_btn a{white-space: nowrap; background: #0577f6; font-size: 16px; font-weight: 600; color: #fff; padding: 18px 28px; margin-left: 30px; border-radius: 10px;} 

.btn_1{background: #bc2601; padding: 15px 20px; color: #fff; font-size: 16px; line-height: 20px; border-radius: 50px; }
.btn_1:hover{background: #bc2601; color: #fff; }



.logo_left{width: 165px;}
.menu_right{width: 80%;}



/* ================ HOME PAGE ===================*/

/* ---Banner sec--- */

.banner{background: #53bfff; height: 1079px; position: relative;}
.slider_row { width: 100%; background-image: url(../img/slide1_left_img.png), url(../img/slide1_right_img.png); height: 100%;
  background-repeat: no-repeat, no-repeat; background-position:bottom left, bottom  right; background-size: 29% auto, 32% auto; position: absolute; left: 0; bottom: 0;}
.slider_container { width: 100%; height: 100%; position: relative;}
.slider_content_box{ max-width: 48%; margin: 0 auto;}

/* .slider_row{display: flex; align-items: top;height: 850px;} */
.slider_left{width: 28%;display: flex; align-items: end;}
.slider_right{width: 33%; display: flex; align-items: end;}
.slider_mid{width: 59%;display: flex; align-items: baseline;}
.slider_content_box{}

.slider_row_mob{display: none;}



.slider_content{text-align: center; color: #fff; padding: 19% 0 0 0%;}
.slider h1{font-size: 85px; line-height: 85px; text-transform: uppercase; font-family: 'rodfellows_wackyregular'; padding: 20px 0; font-family: 'freckle_faceregular'; letter-spacing: 5px;}
.slider h2{font-size: 52px; line-height: 50px; font-family: 'freckle_faceregular'; letter-spacing: 2px;}
.slider h2 span.slide_small{font-size: 30px; display: block;}
.slider h3{font-size: 24px; line-height: 24px; font-weight: 700; padding: 0 0 10px;}
.slider p{font-size: 20px; line-height: 32px; font-weight: 400; color: #fff; max-width: 77%; margin: 0 auto;}

.slider_social ul{display: flex; justify-content: center; align-items: center; padding: 50px 0 0 0;}
.slider_social ul li{margin: 0 16px;}
.slider_social ul li a{font-size: 35px; line-height: 35px; color: #fff;display: flex; align-items: center; justify-content: center; width: 40px; height:40px; text-align: center; background: #53bfff; border-radius: 5px;}
.slider_social ul li a:hover{ background: #75c8f9; }
.slider_social ul li a .fa{font-size: 35px; line-height: 35px; color: #fff;}
.slider_social img{width: auto;}



.slider{ margin-top:0px; }
.slider .container { max-width: 1460px;}
.slider .carousel-inner{height: 100%;}
.slider .carousel-inner .carousel-item{height: 100%;}
.slider .carousel { height: 100%;}
.slider .carousel-caption { right: 5%;left: 5%;}
.carousel-caption { bottom: auto;  display: flex; top: 27%;}
img.slide_img{width: 100%; height: 100%; object-fit: cover;}
.carousel-caption{text-align: left;}
.carousel-control-prev-icon { background-image:url(../img/carousel_arrow_prev.png);}
.carousel-control-next-icon { background-image:url(../img/carousel_arrow_next.png);}
.carousel-control-next-icon, .carousel-control-prev-icon{width:73px; height: 73px; border-radius: 100%;}
.carousel-item h1{font-size: 54px; line-height:72px; color: #fff; padding: 0 0 20px; font-weight: 600;}
.carousel-item h3{color: #808080; font-size: 24px; line-height: 23px; }

.carousel-caption p{ color: #fff; font-size: 18px; line-height: 30px; font-weight: 500; padding-bottom: 0px;}
.carousel-caption .caption_box{width: 80%;}
.carousel-caption .caption_box a.btn_1{padding: 22px 55px; margin: 30px 0 0 0; font-size: 22px; display: flex; align-items: center; width: fit-content; }
.carousel-caption .caption_box a.btn_1 span{margin-left: 40px;}

 
.common_sec{padding: 0;}
.title{margin-bottom: 40px;}
.title h6{color: #fff; font-size: 27px; line-height:30px; padding: 0 0 20px}
.title h2{color: #fff; font-size: 100px; line-height:100px; font-weight: 600; padding: 0 0 25px; position: relative;}
.title h4{color: #fff; font-size: 20px; font-weight: 700;}
.title p{color: #fff; font-size: 30px; line-height:46px; font-weight: 500;  margin: 0 auto;}
.title img{width: auto;}
.h3{font-size: 30px; font-weight: 600; margin: 0 0 30px; color: #fff;}
.font_25{font-size: 25px !important; line-height: 40px !important;}

.title h2 .first{text-transform: uppercase; font-weight: 900; color: #fff; display: block; margin-bottom: 30px; font-size: 100px !important; line-height: calc(3vw + 1rem); position: relative; z-index: 99;}
.title h2 .second { position: absolute; left: 0; right: 0; top: -80px; z-index: 0; color: #0c0f16; -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #2e2e2e; z-index: 9; font-size: 101px;}

.title h2 .second.light {-webkit-text-stroke-color: #6e7081;}
.title h2 .second.trans_color {color: transparent;}

.documentary_sec .title h2 .second{-webkit-text-stroke-color: #7a7a81; top: -80px;}
  

.shadow1{box-shadow: 0px 0px 40px rgba(255, 255, 255, 0.5);}
.shadow2{box-shadow: 15px 15px 0px rgba(0, 0, 0, 0.5);}
.img_box{}

section{padding:150px 0 90px;}

/*----- Art Sec ----  */
.art_sec{background:#0c0f16}
.art_sec .container{max-width: 1607px; width: 100%;}
.art_img_box{max-width: 650px; margin: 0 auto 70px;}
.art_img_box img{border-radius: 50px; width: 100%;}

/*----- Documentary Sec ----  */
.documentary_sec{}
.documentary_sec p{font-weight: 300; line-height: 39px; font-size: 22px;}
.documentary_sec .documentary_img1 img{border-radius: 40px; width: 100%;}

/* .film_cycle{position: relative; width: 100%; height: auto; background: url(../img/cyclic_arrow.png) center top no-repeat;  display: flex; align-items: center; justify-content: center; max-width: 1200px; height: 1080px; width: 100%;  background-size: 100%; margin: 95px auto 0;} */
/* .film_cycle{position: relative; width: 100%; height: auto; background: url(../img/cyclic_arrow1.png) center top no-repeat;  display: flex; align-items: center; justify-content: center; max-width: 1200px; height: 1080px; width: 100%;  background-size: 100%; margin: 95px auto 0;} */
.film_cycle .texts{position: absolute; z-index: 1;}
.film_cycle .film_text1{ left: 48%; top: 0%;}
.film_cycle .film_text2{left: 80%; top: 28%;}
.film_cycle .film_text3{ left:64%; top: 70%;}
.film_cycle .film_text4{left: 10%; top: 71%;}
.film_cycle .film_text5{ left: 0; top: 29%;}
.film_cycle p{font-size: 30px; line-height: 42px; font-weight: 600; padding: 0; margin: 0;}
.ben_mg{position: relative; }
.film_cycle_ftr p{margin: 0;}
/* .ben_mg{position: absolute; left: 50%; top:50%; z-index: 1; transform: translate(-50%, -50%);} */
.film_cycle{margin-top: 90px;}


/* -new 07.10.22-- */
.film_cycle .film_text1 { left: 39%; top: 7%;}
.film_cycle .film_text2{width: 500px; left: 70%; top: 36%;}
.film_cycle .film_text3 { left: 33%;top: 78%;}
.film_cycle .film_text4 { left: 0%; top: 46%;}
span.rnd_number{background: #0576f6; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; margin: 0 15px 0 0; border-radius: 100%;}
.film_cycle p { display: block; align-items: center;}
.film_cycle_img{margin: 0 0 80px;}

/* --end 07.10.22-- */


.benifit_sec .img_box{background: #181b21; border-radius: 15px; height: 100%;}
.benifit_sec .img_box .benifit_img img{border-radius: 15px 15px 0 0; width: 100%;}
.img_title{padding: 15px 7px;}
.benifit_sec .img_title h3{color: #fff; font-size: 19px; line-height: 32px; font-weight: 600;}


.edcn_sec{background:url(../img/edcn_bg.png) left top no-repeat, url(../img/edcn_img_left.png) bottom left no-repeat , url(../img/edcn_img_rti.png) bottom right no-repeat; background-color: #3dfff5; background-size: 17% auto, 20% auto, 22% auto;}
.edcn_sec .title h2{color: #000;}
.edcn_list{padding: 0 0 140px; width: 75%;}
.edcn_list ul li{list-style: none; background: url(../img/list_icon1.png) left 10px no-repeat; padding: 0 0 25px 35px; font-size: 25px; line-height: 32px; color: #000; font-weight: 500; }

.story_sec .title p{font-size: 20px; line-height: 36px; font-family: 'Poppins', sans-serif;}
.story_sec .title{margin-bottom: 60px;}
.story_img1 img{border-radius: 15px; width: 100%;}

.faq_box{display: flex; background: #3c414b; border-radius: 10px; padding: 0; margin:0 0 15px; position: relative;}
.faq_icon{margin:25px 0 0 -44px;}
.faq_desc{padding: 25px 25px 25px 30px;}
.faq_desc h3{color: #fff; font-size: 26px; font-weight: 600; padding: 0 0 15px}
.faq_desc p{color:#dedede ; font-size: 18px; line-height: 30px; font-weight: 300;}



.roadmap_content .container {display: flex;flex-wrap: wrap;}
.roadmap_content .single-box {display: flex;flex-wrap: nowrap;justify-content: center;width: 100%;}
.roadmap_content .date-area {display: flex;background:#43697e;order: 2; text-align: center;color: #fff;font-size: 28px;flex-basis: 19px;}
.roadmap_contentc .date-area>span {font-size: 20px;line-height: 70px;margin: auto;background: #14b6c1;width: 70px;height: 70px;border-radius: 50%;}
.roadmap_content .content {text-align: center;padding: 20px;border-radius: 25px;color: #858585;order: 3;width: 80%;padding-left: 10px;background: #fff; margin-bottom: 3%;}
.roadmap_content .content h2 {margin: 0;font-size: 14px;text-transform: uppercase;}
.roadmap_content .content h3 {margin: 5px;font-size: 14px;color: #000;}
.roadmap_content .content, .roadmap_content .custom {width: 40%;}
.roadmap_content .box-right .content {order: 1;padding-right: 10px;border-radius: 25px;}
.roadmap_content .box-right .custom {order: 3;}

.roadmap_content .date-area>span { position: absolute; left: 50%; width: 118px; height: 118px; display: flex; align-items: center;
  justify-content: center; transform: translate(-50%, 15%); font-size: 60px; font-weight: 600; color: rgba(255, 255, 255, 0.5); border-radius: 100%;}
.pink_bg{background-color: #ff33cc !important;}
.blue_bg{background-color: #0f6ded !important;}
.green_bg{background-color: #1a9b11 !important;}

.color_pink{color: #ff33cc !important;}
.color_blue{color: #0f6ded !important;}
.color_green{color: #1a9b11 !important;}



.date-area{padding-top: 100px;}
.date-area.date_area_top{padding-top: 100px; border-radius: 50px 50px 0 0;}
.date-area.date_area_mid{padding-top: 100px; border-radius: 0;}
.date-area.date_area_bottom{padding-top: 100px; border-radius: 0 0 50px 50px;}
.roadmap_content .content, .roadmap_content .custom { width: 48%; margin-top: 135px;}
.roadmap_content .content {background: transparent; text-align: left;}
.rm_content{padding-left: 80px;}
.rm_content h4{font-size: 34px; font-weight: 600; padding: 0 0 30px;}
.rm_content ul li{list-style: none; background: url(../img/list_icon1.png) left 10px no-repeat; padding: 0 0 25px 45px; font-size: 20px; line-height: 30px; color: #fff; }
.box-right .rm_content{padding: 0 80px 0 0;}



.copyright{padding: 20px 0 0 0;; margin: 0; font-size: 15px;}
.footer_sec{background: #000000; padding: 0;}
.contact_rnd_box{background: #0b97e7; border-radius: 100%; width: 500px; height: 500px; display: flex; align-items: center; padding: 50px;}
  
.copyright{padding: 20px 0 0 0;; margin: 0; font-size: 15px;}
    
.footer_bottom{padding: 100px 0 30px;}
.ftr_content ul{padding: 0; margin: 0; }
.ftr_content ul li{list-style-type:none; padding:5px 0; margin: 0; }
 
ul.ftr_contact li{color: #fff; font-size: 18px; display: flex;}
ul.ftr_contact li .contact_icon{margin-right: 18px;}

.footer_bottom h3{color: #fff; font-size: 24px; text-transform: uppercase; font-weight: 700;}
  
.copyright{ padding: 30px 0 0; margin-top: 55px; color: #fff; font-size: 16px; display: flex; justify-content: space-between; }
.footer_bottom .top_left ul li{color: #000; font-size: 18px; padding: 8px 0;}
.ftr_logo{margin-bottom: 20px;}

.ftr_content.news_letter a{color: #fff;}

.copyright .footer_icons img{width: 100%;}
.copyright_text{margin-top: 20px;}

.copyright_right ul{display: flex;}
.copyright_right ul li{margin-left: 10px;}

.ftr_left{width: 70%;}

ul.ftr_social{display: flex; padding: 0px 0 0 0;}
ul.ftr_social li{margin: 0 10px 0 0; width: auto;}

.back-to-top { position: fixed; display: none;  border-radius: 3px; right: 15px; bottom: 15px; transition: display 0.5s ease-in-out; z-index: 99999;}




/* serch menu */
.button {	display: inline-block;	margin: 4px 2px;	background-color: #444;	font-size: 14px;	padding-left: 32px;
	padding-right: 32px;	height: 50px;	line-height: 50px;	text-align: center;	color: white;	text-decoration: none;
	cursor: pointer;	-moz-user-select: none;	-khtml-user-select: none;	-webkit-user-select: none;	-ms-user-select: none;
	user-select: none;}
.button:hover {	transition-duration: 0.4s;	-moz-transition-duration: 0.4s;	-webkit-transition-duration: 0.4s;}


.owl-carousel.owl-two .owl-stage-outer{width: 100%; margin: 0 auto;}
.owl-carousel.owl-two .owl-nav{position: absolute; left: -4%; top: 45%; display: flex; width: 108%; justify-content: space-between; }

.owl-carousel.owl-two .owl-nav .owl-next, .owl-carousel.owl-two .owl-nav .owl-prev{width: 19px; height: 49px; border:none; font-size: 0;}
.owl-carousel.owl-two .owl-nav .owl-next{ background: url(../img/aro_next.png) right top no-repeat;} 
.owl-carousel.owl-two .owl-nav .owl-prev { background: url(../img/aro_prev.png) right top no-repeat;}

.owl-carousel.owl-two h5{color: #000; font-size: 24px; font-weight: 600;}
.owl-carousel.owl-two h6{color: #e0484b;font-size: 16px;font-weight: 300; background: #ffedf4; padding: 8px 15px; border-radius: 6px; width: fit-content; margin: 0 0 10px;}
.owl-carousel.owl-two h3{color: #000;font-size: 23px;font-weight: 500; padding: 8px 0;}
.owl-carousel.owl-two h4{color: #000;font-size: 16px; line-height:25px; font-weight: 400; padding: 8px 0;}
.owl-carousel.owl-two .item_desc{padding: 30px;}
.trans_title a img{width: auto !important;}
.home_sec2 .owl-dots{display: none;}


.slider .overlay{display: none;}
.slider .overlay { background: rgb(0 0 0 /40%);}

.sec1_rt{height: 100%; display: flex; align-items: center;}


.slider.inner_slider .carousel-item .carousel-caption .caption_box { width: 50%;}
.slider.inner_slider .carousel-item h1{text-transform: none; color: #000;}
.slider.inner_slider .carousel-item h5{color: #000; font-size: 20px; line-height: 33px; font-weight: 600;}
.slider.inner_slider .carousel-item p{color: #131313; font-size: 18px; line-height: 36px; }

.slider.inner_slider  .carousel-caption { width: 100%; height: 100%; left: 0; top: 0; right: 0; display: flex !important; align-items: center;}


.btn-primary, .btn-secondary{background: #fff; border: 2px solid #000; outline: none; color: #7e7e7e; font-size: 18px; padding: 17px 45px; text-transform: uppercase; border-radius: 0;}
.btn-primary:hover, .btn-primary:focus{outline: none; background: #000; color: #fff; border-color: #000; box-shadow:none}
.btn-secondary{background: #000; color: #fff;}
.btn-secondary:hover, .btn-secondary:focus{background: #fff; color: #000; outline: none; box-shadow:none}


.single_sec_btm .cols{width: 17.5%; margin: 0 15px;}
.jc{justify-content: center;}

.carousel-item h1, .carousel-item h3{color: #fff;  }
.carousel-item h3{margin-bottom: 20px;}




.copyright { margin-top: 25px;}
.ftr_content ul li a:hover{text-decoration: underline;}
.ftr_left{padding-top: 5px;}


.sec1_links.mob_links{display:none;}

.mob_logo{display: none;}

.carousel-caption .caption_box { width: 45%;}

.footer_bottom { padding: 50px 0 30px;}
.ftr_content ul li {padding: 0px 0;}
.ftr_content ul li a { line-height: 35px;}
.copyright{padding-top: 0;}


 
 .clear { clear: both;}
 .vc{display: flex; align-items: center;}

 .home_sec3{margin: 100px 0 0;}
 .home_sec3 .title{padding-bottom: 100px;}

/* --about us-- */
.about_sec1 .about_img img{width: 100%;}

.slider.inner_banner .carousel-caption { bottom: auto; display: flex; top: 18%; width: 100%; height: 100%; justify-content: center; align-items: center;left: 0;}
.slider.inner_banner .carousel-caption .caption_box { width: 100%;}
.inner_banner img.slide_img{max-height: 694px;}

.inner_banner .carousel-caption .caption_box { padding-top: 10%;}


.socials a{margin-right: 30px;}
.socials a .fa{font-size: 30px;}
.socials {margin-top: 30px;}



.ftr_logo img{width: auto;}
.footer_sec{ padding:0 ; background: #11141b;}
.footer_sec p{ color: #fff; font-size: 16px; line-height: 26px; }
.ftr_left_bg{background:url(../img/ftr_left_bg.jpg) center top no-repeat #002e6e; background-size: cover; padding: 100px 0;}
.footer_sec .ftr_content .fa{margin: 0 18px 0 0;}
.ftr_right_bg img{width: 100%; height: 100%;}
.ftr_left_content{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; margin: 0 auto;}
.ftr_left_content h2{font-size:47px; line-height: 64px; color: #fff; padding: 0 0 15px;}
.ftr_left_content h2 span{color: #ffcc00;}
.ftr_left_content p{color: #fff; font-size: 20px; line-height: 36px; padding-bottom: 30px;}
.ftr_left_content .form-inline{width: 100%; justify-content: center;}
.ftr_left_content .form-inline .form-control {width: 50%; border-radius: 0; padding: 15px; border: 1px solid #fff;	}
.ftr_left ul{display: flex;}
.ftr_left ul li{margin-right: 15px;}

.footer_bottom{padding: 100px 0 30px;}
.ftr_row{display: flex; justify-content: space-between; flex-wrap: wrap;}
.ftr_content ul{padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
.ftr_content ul li{list-style-type:none; padding:2px 0; margin: 0; width: 48%;}
.ftr_content ul li a{ font-size: 16px; line-height: 25px; font-weight: 600; color: #b0b0b0;}
.ftr_content ul li a:hover{color: #d3af37; text-decoration: none;}
.ftr_content h5{font-size: 20px; line-height: 35px; font-weight: 600; padding: 0 0 15px; color: #fff;}
ul.ftr_contact li{color: #fff; font-size: 18px; display: flex;}
ul.ftr_contact li .contact_icon{margin-right: 18px;}

.footer_bottom .col1{width:17%; padding: 0 2% 0;}
.footer_bottom .col2{width: 60%;padding: 0 2% 0}
.footer_bottom .col3{width: 17%;padding: 0}
.footer_bottom .col4{width: 24%;padding: 0 2% 0}

.ftr_social .fa{color: #fff; font-size: 22px;}
.ftr_social .fa:hover{color: #d3af37;}
ul.ftr_social{ display: flex;}
ul.ftr_social li {  margin: 0 20px 0 0; width: auto;}

.news_letter .form-control, .news_letter .btn{border-radius: 0; background: #fff; border: none;}

.copyright{ padding: 30px 0 0; margin-top: 10px; color: #d7d7d7;font-size: 17px; display: flex; justify-content: center; border-top: 2px solid #d7d7d7; display: flex; justify-content: space-between;}
.copyright a{color: #d7d7d7;}
.footer_bottom .top_left ul li{color: #fff; font-size: 18px; padding: 8px 0;}
.ftr_logo{margin-bottom: 40px;}
.copyright .footer_icons img{width: 100%;}
.copyright_text{margin-top: 20px;}


.breadcrumb{background: transparent; padding: 0; margin:0;}
.breadcrumb a, .breadcrumb li{color: #fff;    font-size: 25px; font-weight: 700;}
.breadcrumb-item.active { color: #d4ae39;}
.breadcrumb-item+.breadcrumb-item::before {display: inline-block; padding-right: 0.5rem;padding-left: 0.5rem; color: #fff; content: "/";}

.inner_sec .container{max-width: 1170px;}
.inner_sec .title h2 { font-size: 50px; line-height: 70px;}

/* -----Team section---- */

.team_sec .container{max-width: 1435px; width: 100%;}
.team_sec .col1{max-width: 17%; width: 100%; margin: 0 15px 15px;}
.team_img {position: relative;}
.team_img img{width: 100%; position: relative;}
.team_img .team_title{position: absolute; left: 0; bottom: 0px; width: 100%; z-index: 99; padding: 25px;}
.team_img .team_title h3{font-size: 27px; line-height: 30px; font-weight: 600; color: #fff;}
.team_content .row{justify-content: center;}

.documentary_sec, .benifit_sec, .story_sec, .roadmap_sec, .team_sec, .faq_sec{background-size: cover !important;}

/* --for animation--10.10.22 */

.banner .box {transform: translateY(100vh);animation: floatUp 4s linear infinite alternate; }
@keyframes floatUp {
	0% {transform: translateY(20vh);}
	100% {transform: translateY(-20vh);}
}
.banner .boxouter {display: inline-block;position: relative;animation: wiggle 1s ease-in-out infinite alternate;}
@keyframes wiggle {
	0% {transform: translateX(-50px);}
	100% {transform: translateX(50px);}
}
.banner .goo-defs {width: 0;height: 0;}
/* h1 {width: calc(100% - 400px);text-align: center;position: absolute;top: 30vh;color: #fff;font: 700 120px/120px 'Orbitron', sans-serif;;text-shadow: 0px 0px 4px #ffffff;} */
/* body{background: #53bfff !important; background-image: none;} */
.slider{overflow: hidden;}
.slider_content { position: absolute; z-index: 999999; width: 100%; left: 0; top: 0; height: 100%;}
.slider_anim{width: 100%; height: 100%;}


/* ====================== [ Start Cursor Style ] ====================== */

.cursor { width: 50px; height: 50px; border-radius: 100%;  transition: all 200ms ease-out; position: fixed;
  pointer-events: none; left: 0; top: 0; transform: translate(calc(-50% + 15px), -50%); z-index: 999999999;  background-color:transparent; border: 1px solid red; pointer-events: none; border-radius: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); }
.cursor2 { width: 20px; height: 20px; border-radius: 100%; background-color: black; opacity: .3; position: fixed; transform: translate(-50%, -50%); pointer-events: none; transition: width .3s, height .3s, opacity .3s;
  margin-left: 2px; margin-top: 2px; width: 6px; height: 6px; z-index: 10000001;  background-color: #f77220; -webkit-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
  -o-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
  transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;}
.hover { background-color: red; opacity: 0.5;}
.cursorinnerhover { width: 50px; height: 50px; opacity: .5;}
.nav-menu > li:hover > a .cursor , .nav-menu > li.active > a .cursor , .nav-menu > li.focus > a .cursor { width: 100px; height:100px; }

/* ====================== [ End Cursor Style ] ====================== */




/* --paralax scrolling-effect-- */


/* --End paralax scrolling-effect-- */

/* ====================== [ Start Text Animation & Images ] ====================== */

/* ====================== [ End Text Animation & Images ] ====================== */

/* --11.10.22-- */

.team_img .team_title { position: relative; padding: 15px 0;}
.team_img .team_title h6{color: #fff; font-size: 18px; font-weight: 300; padding-top: 8px;}
.rm_content ul li { padding: 0 0 30px 45px; font-size: 21px;font-family: 'freckle_faceregular'; letter-spacing: 4px; }
.rm_content h4 { font-size: 36px; font-family: 'freckle_faceregular'; letter-spacing: 2px;}
.documentary_sec p.font_36{font-size: 34px; line-height: 38px;}
.documentary_sec p.font_30{font-size: 30px; line-height: 38px;}
.font_25 { line-height: 32px !important;}


.slider_row { background-size: 25% auto, 28% auto;}

/* [data-scroll] {transform: translateY(6rem) scale(0.93); transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);} */

[data-scroll=in] { opacity: 1; transform: translateY(0) scale(1);}

.splitting .char { color: transparent;}
.splitting .char:after { visibility: visible; color: #fff; opacity: 0; transform: translateY(30%); transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-delay: calc(.2s + (.04s * var(--char-index) ) );}
[data-scroll=in] .char:after { opacity: 1; transform: translateY(0);}


@media (max-width: 600px) {
  h1 { font-size: 3.4rem; line-height: 3.6rem;}
  p { font-size: 1.7rem; line-height: 2.5rem;}
  .site-wrap { padding: 6rem 1rem;}
  /* section { margin-bottom: 6rem; padding: 2.4rem;} */
}



.cycle_desktop{display: block;}
.cycle_mob{display: none;}

h2.splitting { color: #84a8ff;}
h2.splitting .char { transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear; transition-delay: calc( 20ms * var(--char-index) );}
h2.splitting[data-scroll=out] .char { opacity: 0.1; transform: translateY(0.25em);}

/* --13.10.22-- */

.title h2{font-family: 'freckle_faceregular';}
.title h2 .second{display: none;}
section { padding: 90px 0 ;}
.art_img_box {  max-width: 300px; margin: 0px auto 40px;}
.documentary_sec p.font_36 {font-size: 30px;line-height: 34px;}
.documentary_sec p.font_30 { font-size: 28px; line-height: 34px;}
.font_25 { line-height: 30px !important;}
.title h2{padding: 0;}
.roadmap_content .date-area>span {padding-top: 38px; display: block;}

.landing_screen{background: #481466; width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center;}
.landing_screen .landing_box{width: auto; margin: 0 auto; text-align: center;}

.enter_btn{margin-top: 30px;}

/* ====================== [  Start Button Style ] ====================== */
.btn-curve { background: transparent; padding: 12px 35px; border: 1px solid #1e1e1e; position: relative; overflow: hidden; cursor: pointer; }
.btn-curve:focus { outline: none; }
.btn-curve:hover { outline: none; }
.btn-curve:hover:after { bottom: -30px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
.btn-curve:hover span { color: #fff; }
.btn-curve:after { content: ''; position: absolute; top: -30px; left: -30px; right: -30px; bottom: 130%; background: #1e1e1e; -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; }
.btn-curve span { font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; position: relative; z-index: 2;
    -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; }
.btn-curve.btn-lit { border-color: #fff; color: #fff; }
.btn-curve.btn-lit:hover span { color: #6039ff; }
.btn-curve.btn-lit:after { background: #fff; }
.btn-curve.btn-blc { background: #1e1e1e; }
.btn-curve.btn-blc:after { background: #fff; }
.btn-curve.btn-blc span { color: #fff; }
.btn-curve.btn-blc:hover span { color: #1e1e1e; }
.btn-curve.btn-color { background: #6039ff; border-color: #6039ff; }
.btn-curve.btn-color:after { background: #fff; }
.btn-curve.btn-color span { color: #0c0f16; }
.btn-curve.btn-color:hover span { color: #6039ff; }
.btn-curve.btn-lg { padding: 14px 40px; }
.btn-curve.btn-lg span {font-size: 14px; }
.btn-curve.btn-wit { background: #fff; border-color: #fff; }
.btn-curve.btn-wit:after { background: #090909; }
.btn-curve.btn-wit span { color: #1e1e1e; }
.btn-curve.btn-wit:hover span { color: #fff; }
.btn-curve.btn-radius { border-radius: 30px; }

/* ====================== [  End Button Style ] ====================== */


/* ====================== [ Start Text Animation & Images ] ====================== */
.splitting.animated .char { -webkit-animation: fadeInUp 0.4s cubic-bezier(0.3, 0, 0.7, 1) both; animation: fadeInUp 0.4s cubic-bezier(0.3, 0, 0.7, 1) both; -webkit-animation-delay: calc(30ms * var(--char-index)); animation-delay: calc(30ms * var(--char-index)); }

.splitting .whitespace { width: 5px; }

@-webkit-keyframes fadeInUp {
  0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 
  }

@keyframes fadeInUp {
  0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1;-webkit-transform: translateY(0); transform: translateY(0); } 
}

.splitting.txt.animated .char { -webkit-animation: fadeIn 0.2s cubic-bezier(0.3, 0, 0.7, 1) both; animation: fadeIn 0.2s cubic-bezier(0.3, 0, 0.7, 1) both; -webkit-animation-delay: calc(5ms * var(--char-index)); animation-delay: calc(5ms * var(--char-index)); }

.splitting.txt .whitespace { width: 5px; }

@-webkit-keyframes fadeIn {
  0% {opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; } }

.imago { -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
 -webkit-transition: all .8s;  -o-transition: all .8s; transition: all .8s; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; }
.imago.animated { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }

/* ====================== [ End Text Animation & Images ] ====================== */
/* ====================== [ Start Cursor Style ] ====================== */
/* body { cursor: none; }
.mouse-cursor { position: fixed; left: 0; top: 0; pointer-events: none; border-radius: 50%; -webkit-transform: translateZ(0); transform: translateZ(0); visibility: hidden; }
.cursor-inner { margin-left: 2px; margin-top: 2px; width: 6px; height: 6px; z-index: 10000001; background-color: #f77220; -webkit-transition: width .3s ease-in-out, height .3s ease-in-out,
 margin .3s ease-in-out, opacity .3s ease-in-out; -o-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out; transition: width .3s ease-in-out,height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out; }

.cursor-inner.cursor-hover { margin-left: -40px; margin-top: -40px; width: 80px; height: 80px; background-color: #f77220; opacity: .3; }

.cursor-outer { margin-left: -15px; margin-top: -15px; width: 40px; height: 40px; border: 3px solid #f77220; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 10000000; opacity: .5; -webkit-transition: all .08s ease-out; -o-transition: all .08s ease-out; transition: all .08s ease-out; }
.cursor-outer.cursor-hover { opacity: 0; } */

/* ====================== [ End Cursor Style ] ====================== */
/* ====================== [ Start progress-wrap ] ====================== */




html { scroll-behavior: smooth; scroll-padding-top: 90px;} 

#myBtn { display: none; position: fixed; bottom: 20px; right: 30px; z-index:9; font-size: 18px; border: none; outline: none; background-color: #d293a3; color: white;cursor: pointer; padding: 15px; border-radius: 4px; display: block;}
.title h2 .first { font-size: 80px !important; letter-spacing: 3px;}

/* --14.10.22 */

.align-center{align-items: center;}
.roadmap_content .date-area>span{font-family: 'freckle_faceregular';}
.roadmap_content .date-area>span { padding-top: 44px;}
.art_img_box { max-width: 500px;}



.pace.pace-inactive { width: 100vw; opacity: 1;}
.pace { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99999999999999; position: fixed; margin: auto; top: 0; left: 0; right: 0; bottom: 0; width: 400px; border: 0px; height: 4px; overflow: hidden; background: rgba(255, 255, 255, 0.05); -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -moz-animation: cssAnimation 0s ease-in 5s forwards; -webkit-animation: cssAnimation 0s ease-in 5s forwards; -o-animation: cssAnimation 0s ease-in 5s forwards; animation: cssAnimation 0s ease-in 5s forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.pace.pace-inactive .pace-progress { max-width: 100vw;}
.pace .pace-progress { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); max-width: 300px; position: fixed;
  z-index: 99999999999999; display: block; position: absolute; top: 0; right: 100%; height: 100%; width: 100%; background: white;
  -moz-animation: cssAnimation 0s ease-in 5s forwards; -webkit-animation: cssAnimation 0s ease-in 5s forwards; -o-animation: cssAnimation 0s ease-in 5s forwards; animation: cssAnimation 0s ease-in 5s forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}

#preloader.isdone { visibility: hidden; -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s;}
#preloader { width: 100%; height: 100vh; overflow: hidden; position: fixed; z-index: 9999999999999999;}
#preloader.isdone:after, #preloader.isdone:before {height: 0; -webkit-transition: all 0.5s cubic-bezier(1, 0, 0.55, 1); -o-transition: all 0.5s cubic-bezier(1, 0, 0.55, 1); transition: all 0.5s cubic-bezier(1, 0, 0.55, 1); -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s;}
#preloader:before { top: 0;}
#preloader:after, #preloader:before { content: ''; position: fixed; left: 0; height: 50%; width: 100%; background: #252531;
  -webkit-transition-timing-function: cubic-bezier(0.19, .5, 0.22, .4); -o-transition-timing-function: cubic-bezier(0.19, .5, 0.22, .4);
  transition-timing-function: cubic-bezier(0.19, .5, 0.22, .4); z-index: 999999999999999999999999;}


#preloader:after { bottom: 0;} 


/* ====================== [ Start Preloader ] ====================== */
.pace { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99999999999999999999; position: fixed; margin: auto; top: 0;left: 0; right: 0; bottom: 0; width: 400px; border: 0px; height: 4px; overflow: hidden; background: rgba(255, 255, 255, 0.05); -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;  -moz-animation: cssAnimation 0s ease-in 5s forwards;
  /* Firefox */
  -webkit-animation: cssAnimation 0s ease-in 5s forwards;
  /* Safari and Chrome */
  -o-animation: cssAnimation 0s ease-in 5s forwards;
  /* Opera */
  animation: cssAnimation 0s ease-in 5s forwards;-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
  .pace .pace-progress { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); max-width: 300px; position: fixed; z-index: 99999999999999; display: block; position: absolute; top: 0; right: 100%;  height: 100%;  width: 100%;  background: white;  -moz-animation: cssAnimation 0s ease-in 5s forwards;
      /* Firefox */
      -webkit-animation: cssAnimation 0s ease-in 5s forwards;
      /* Safari and Chrome */
      -o-animation: cssAnimation 0s ease-in 5s forwards;
      /* Opera */
   animation: cssAnimation 0s ease-in 5s forwards;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards;  }

.pace.pace-inactive { width: 100vw; opacity: 0; }
.pace.pace-inactive .pace-progress { max-width: 100vw; }
    
@keyframes cssAnimation {
    to { width:0; height:0; overflow:hidden; }
}
@-webkit-keyframes cssAnimation {
    to { width:0; height:0;visibility:hidden; }
}

#preloader { width: 100%; height: 100vh; overflow: hidden; position: fixed; z-index: 9999999999999999; }
#preloader:after, #preloader:before { content: ''; position: fixed; left: 0; height: 50%; width: 100%; background: #252531; -webkit-transition-timing-function: cubic-bezier(0.19, .5, 0.22, .4); -o-transition-timing-function: cubic-bezier(0.19, .5, 0.22, .4); transition-timing-function: cubic-bezier(0.19, .5, 0.22, .4); }
#preloader:before { top: 0; }
#preloader:after { bottom: 0; }
#preloader.isdone { visibility: hidden; -webkit-transition-delay: .6s; -o-transition-delay: .6s;  transition-delay: .6s; }
#preloader.isdone:after, #preloader.isdone:before { height: 0; -webkit-transition: all 0.5s cubic-bezier(1, 0, 0.55, 1); -o-transition: all 0.5s cubic-bezier(1, 0, 0.55, 1); transition: all 0.5s cubic-bezier(1, 0, 0.55, 1); -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; }

.loading-text { font-weight: 300; text-transform: uppercase; letter-spacing: 10px; position: absolute; top: calc(50% - 30px); left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #6039ff; font-family: 'Teko', sans-serif;  z-index: 9999; }
.loading-text.isdone { top: 50%; opacity: 0; -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; }

/* ====================== [ End Preloader ] ====================== */

.film_cycle_img { margin: 0 0 35px;}
.nav-overlay-panel{}
.banner{height: 920px;}
.slider_row { background-size: 21% auto, 24% auto;}
.art_img_box { max-width: 475px;}
.story_sec .h3 { margin: 0 0 15px;}
.rm_content ul li { padding: 0 0 30px 45px; font-size: 20px; line-height: 32px; font-family: 'Sofia Pro'; letter-spacing: 0px;    font-weight: 300;}
.art_sec { margin-bottom: -1px;}

/* .nav-toggle:focus .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open { left: 0;} */


/* ---new nav--- */

.nav-header { float: left;}

.main-nav {margin:0;padding:0;position:relative; }
.hide_logo, .menu-button, .search_hide {display:none;}

.mainnav {float:none; padding:0; margin:10px 0 00;display: flex; align-items: center;}
.mainnav ul {margin:0;padding:0; text-align: right;}
.mainnav ul li {margin:0;padding:0 20px;    display: inline-block;position: relative;}
.mainnav ul li:last-child a{ padding-right: 0px;}
.mainnav ul li a {color: #fff; padding: 0px 0px 5px; font-size: 20px; line-height: 26px; font-weight: 500; display: block;}
.mainnav ul li:last-child{ padding-right: 0;}
.mainnav ul li.active a,.mainnav ul li a:hover { color: #fff}

.mainnav ul li.dropdown a{ padding-right: 20px;}
.mainnav ul li.dropdown a .sub-menu--button{ margin-top: 5px;}


.sub-menu {display:none; position:absolute; width:200px;background:#fff; z-index:99999; left: 0;top:30px;border: 1px solid #e9e9e9;}
.mobile_primary  ul li ul.sub-menu li { float:none; padding:0 0; margin:0; border-bottom:1px solid #e9e9e9;display: block; }
.mobile_primary  ul li:hover .sub-menu { display:block}
.mobile_primary  ul li.menu-item-has-children .sub-menu li a { background:none; font-size:18px; padding:8px 15px; color:#1c1c1c; text-align: left;}
.mobile_primary  ul li.menu-item-has-children .sub-menu li:last-child  { border:none}
.mobile_primary ul li.menu-item-has-children a {    background: transparent url(../img/drop.png) no-repeat scroll 100% 11px;
    padding-right: 15px;}

.mobile_primary  ul li.menu-item-has-children .sub-menu li a:hover, .mobile_primary  ul li.menu-item-has-children.active a {color:#000;background: none;border-radius: 0;}


.sub-menu:before { display: inline-block; content: ''; width: 0; height: 0; border-bottom:10px solid #fff; border-bottom-color: #e9e9e9; border-right: 10px solid transparent;
    border-left: 10px solid transparent; position: absolute; top: -10px; left: 40px;}
.sub-menu:after { display: inline-block; content: ''; width: 0; height: 0; border-bottom:9px solid #fff; border-right: 9px solid transparent; border-left: 9px solid transparent; position: absolute; top: -8px; left: 40px;}


.buy-btn a{background-color: #0577f6; padding: 10px 20px !important; display: block !important; border-radius: 8px; }

.splitting-mark.splitting{display: none;}

/* --25.10.22-- for top video sec--  */

.top_video_sec{background: #000; padding: 200px 0 80px;}
ul.video_list li{font-family: 'hermitbold'; color: #39FF14; font-size: 20px; letter-spacing: 0px;}
ul.video_list li a{color: #6538ff;}
ul.video_list.video_list_btm li{padding: 0 0 25px ;}
.top_video_box{margin: 35px 0;}
.top_video_box img{width: 100%;}

@media (max-width : 992px) {
.top_video_sec {  padding: 140px 0 50px;}
}
@media (max-width : 766px) {
  .top_video_sec {  padding: 100px 0 30px;}
  ul.video_list.video_list_btm li { padding: 0 0 15px;}
  ul.video_list li{font-size: 17px; line-height: 22px;}
}

@media (max-width : 575px) {
.top_video_box iframe{width: 100%; height: 300px !important;}
.top_video_box { margin: 0;}
}