/* Bwlow code in style.css */
:root {
    --white: #fff;
    --black: #000;
     --blue:#002EFF;
    scroll-behavior: auto!important
}
a.blog-btn2[href="#"] {
    display: none !important;
}
html.lenis,html.lenis body {
    height: auto
}

.lenis.lenis-smooth {
    scroll-behavior: auto!important
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

.lenis.lenis-smooth iframe {
    pointer-events: none
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    margin: 0;
    padding: 0
}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html { margin: 0; padding: 0; }
body { margin: 0; padding: 0;   background:var(--black);
	letter-spacing: 0; line-height: normal;
	 font-family: 'HelveticaNowText';
	 font-weight: bold;
	font-weight: normal;
	
	}


input, select, textarea, button { outline: none; box-shadow: none; font-family: inherit;}
input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
.input-text::-moz-placeholder,
.input_text::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-p,
.input-text::-webkit-input-placeholder,
.input_text::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=text]::-ms-placeholder,
input[type=search]::-ms-placeholder,
.input-text::-ms-placeholder,
.input_text::-ms-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-ms-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-ms-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

a { text-decoration: none;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
a:hover { text-decoration: none;}

.flxrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flxcol {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column; 
	flex-direction: column;
}
.flxfix {
	-ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.flxflexi {
	-ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
}
/* Common CSS for All components : End */


@media (min-width: 240px) {
  .container {
    width: 100%;
    max-width: 100%;
    padding: 0 24px;
  }
}

@media (min-width: 576px) {
  .container {
    width: 100%;
    max-width: 100%;
    padding: 0 24px;
  }
}

@media (min-width: 768px) {
  .container {
    width: 750px;
    padding: 0 24px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1160px;
  }
}

@media (min-width: 1320px) {
  .container {
    width: 1246px;
  }
}
 
 .container { position: relative; z-index: 10; margin: 0 auto; display: block;  padding: 0 24px;  }
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
 
	 
}
 
h1 {
	font-size: 42px;
	 
}
h2 {
	font-size: 36px;
	 
}
h3 {
	font-size: 32px;
	 
}
h4 {
	font-size: 28px;
 
}
h5 {
	font-size: 24px;
 
}
h6 {
	font-size: 20px;
	 
}
p{margin: 0; padding: 0; color: var(--dark); font-weight: 400;font-size: 16px;line-height: 150%;}
p + p{ padding-top: 24px;; }
ul{ margin: 0px; padding: 0px; }
ul li{ list-style: none; }
.row { margin-left: -15px !important; margin-right: -15px !important;}
.row>* { padding-left: 15px !important; padding-right: 15px !important;}

.main_wapper{ overflow:hidden; }

#header{ z-index: 5; border-bottom: var(--white) solid 2px;;  position: fixed; left: 0; top: 0; width: 100%; background: #000; }
#header .header-wapper .header-top{ display: flex; align-items: center; } 
#header .header-wapper .header-top .logo{ padding: 0 64px;width: auto; display: flex;}
#header .header-wapper .header-top .logo a{ width: auto; display: flex;}
#header .header-wapper .header-top .logo a img{ height: 98px; width: auto; width: auto; display: flex;}
.main-menu{ display: flex ; align-items: center;}
.main-menu ul{  display: flex ; align-items: center;}
.main-menu ul li  { border-right: var(--white) solid 2px; }
.main-menu ul li a{ font-size: 18px;; color: var(--white); padding: 0 40px; min-height: 98px; display: flex ;align-items: center;}
.header-right{ gap: 20px;; border-left: var(--white) solid 2px; margin-left: auto;  min-height: 98px;; padding: 0 32px;; display: flex; align-items: center; justify-content: center; }  
.header-right a{ display: flex ;align-items: center; justify-content: center;}
.header-right a img{ width: auto; height: 26px; }
.header-right a:hover{ opacity: 0.5; }
.main-menu ul li a:hover{ color: var(--blue); }
.home-page-contain{ position: relative; display: block;}
.home-stickey-bg{ display: block; width: 100%; height: 100vh; left: 0; top: 0; position: fixed; top: 0;}
.home-stickey-bg span{ position: sticky; left: 0; top: 0; display: flex; width: 100%; height: 100vh; }
.home-stickey-bg span img{ object-fit: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.contain-wapper{ position: relative; z-index: 2; }
.home-section-1{ position: relative; z-index: 4; }
.full-logo-section{  padding: 125px 0 0 0; display: flex ;align-items: center; justify-content: center; width: 100%; height: 100vh;}
.full-logo-section .home-logo{ display: flex ;align-items: center; justify-content: center;}
.full-logo-section .home-logo img{ max-width: 90%; max-height: calc(70vh - 125px); width: auto;} 

.contain-section{ display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 120px 0;position: relative !important;}
.contain-section .home-tagline-block{ max-width: 1200px;; }
.contain-section .home-tagline-block h3{ font-size: 54px; color: var(--white);}

.menu-icon {display: none; z-index: 120; position: absolute;right: 0;top: 50%;margin: -32px 0 0;}
.menu-icon a {justify-content: center;width: 64px;height: 64px;display: flex;align-items: center;}
.menu-icon a span {justify-content: center;position: relative;display: flex;flex-direction: column;gap: 6px;width: 26px;height: 18px;}
.menu-icon a span .line {border-radius: 0px;position: absolute;left: 0;top: 0;width: 100%;height: 2px;background: var(--white);transition: all 0.3s ease-in-out;}
.menu-icon a span .line.line-2 {top: 8px;}
.menu-icon a span .line.line-3 {top: 16px;}
.menu-icon a.active span .line-1 {top: 8px;transform: rotate(45deg);}
.menu-icon a.active span .line-2 {opacity: 0;}
.menu-icon a.active span .line-3 {top: 8px;transform: rotate(-45deg);}
.mobile-div-inner  .header-right{ display: none; }

.banner-text h2{ text-align: center; font-weight: 900; font-size: 160px; line-height: 1.1; color: var(--white); }

.blog-banner-block{ display: block; width: 100%; height: 80vh !important; display: flex ;align-items: center; justify-content: center; }
.blog-banner-block .vdi-bg{ pointer-events: none; position: absolute; left: 0; top: 0; width: 100%; height: 100vh; }
.blog-banner-block .vdi-bg img {
    object-fit: cover !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 80vh !important;
}

.blog-banner-block .vdi-bg video{ object-fit: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100vh; }

.blog-page-contain{ border-top: var(--white) solid 2px; border-bottom: var(--white) solid 2px; }
.blog-row{ overflow: hidden; display: flex; align-items: flex-start; width: 100%;}
.blog-row + .blog-row{ border-top: var(--white) solid 2px;}
.block-row-inner{ position: relative; display: flex; align-items: center;}
.block-row-inner .blog-right,
.block-row-inner .blog-left{ width: 50%; position: relative;}
 .block-row-inner::after{ width: 2px; position: absolute; left: 50%; margin: 0 0 0 -1px; content: ''; height: 100%; background: var(--white); }
.block-row-inner .blog-left{ display: flex; justify-content: flex-end;}

.block-row-inner .blog-left .blog-img{ width: 100%;position: relative;  display: flex;min-width: 50vw;  justify-content: flex-end;}
.block-row-inner .blog-left .blog-img .img{ position: relative; display: flex ;align-items: center; min-width: 50vw;}
.block-row-inner .blog-left .blog-img .img img{ min-height: 320px; object-fit: cover; width: 100%; display: flex;}
.block-row-inner .blog-left .play-icon-text{ display: flex ; position: absolute; right: 30px; bottom: 30px;; align-items: center0 ;}
.block-row-inner .blog-left .play-icon-text a{ gap: 20px; font-size: 24px;; display: flex ;align-items: center; color: var(--white);}
.block-row-inner .blog-left .play-icon-text a i{ display: flex;  width: 44px;;}
.block-row-inner .blog-left .play-icon-text a i img{ width: 100%; height: auto;}
.block-row-inner .blog-right .blog-text{ padding: 24px 0 24px 40px;; }
.block-row-inner .blog-right .blog-text h5{ font-weight: 900; font-size: 32px;  display: block; line-height: 1.2; color: var(--blue); }
.block-row-inner .blog-right .blog-text p{ padding: 16px 0 0 0; font-size: 32px;  display: block; line-height: 1.2; color: var(--white);}

.blog-btn {
  text-decoration: none;
  display: inline-flex;
  cursor: pointer;
  border: none;
  border-radius: 0;
  padding: 12px 32px;
  background-color: #002EFF;
  color: #ffffff;
  font: 700 16px/1 'HelveticaNowText';
  margin-top: 16px;
  transition: all 0.3s;
}

.blog-btn:hover {
  background-color: #ffffff;
  color: #002EFF;
}

.blog-row:nth-child(2n+0) .block-row-inner{ flex-direction: row-reverse; }
.blog-row:nth-child(2n+0) .block-row-inner .blog-left{ justify-content: flex-start;   }
.blog-row:nth-child(2n+0) .block-row-inner .blog-left .blog-img{ justify-content: flex-start; }
.blog-row:nth-child(2n+0) .blog-right .blog-text{ padding: 24px 40px 24px 0px;; }

.custom-modal-main{ opacity: 0; transition: all 0.3s ease-in-out; visibility: hidden; pointer-events: none;  display: flex; align-items: center; justify-content: center; z-index: 120; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; }
.custom-modal-main .overlay-bg{  z-index: 10; position: fixed; left: 0; top: 0; width: 100%; height: 100%;   background: rgba(0, 0, 0, 0.8); }
.modal-main-block{ max-height: 90vh; overflow: auto; position: relative; z-index: 15; padding:70px 24px 24px;; display: block; width: 900px; max-width: 90vw;; margin: 0 auto; display: block; background: #000; border: var(--white) solid 2px;; }
.modal-inner{ display: block; width: 100%; }
.modal-inner .audio-block{ display: flex; width: 100%; }
.modal-inner .audio-block audio{ display: flex; width: 100%; }
.modal-inner .modal-data{ padding: 20px 0 0 0; }
.modal-inner .modal-data h5{ font-weight: 900; font-size: 20px;  display: block; line-height: 1.2; color: var(--blue); }
.modal-inner .modal-data p{ padding: 16px 0 0 0; font-size: 18px;  font-weight: normal; display: block; line-height: 1.2; color: var(--white);}
.modal-main-block .modal-close{ position: absolute; right: 0; top: 0;  border-bottom: var(--white) solid 2px; border-left: var(--white) solid 2px;; }
.modal-main-block .modal-close a{ background: url(../images/modal-close.png) no-repeat center center; background-size: 20px auto;  width: 40px; height: 40px;;  display: flex ; }

.custom-modal-main.active-modal{ opacity: 1; visibility: visible; pointer-events: all; }

body.modal-show{ overflow: hidden; }
.xd-content-light {
	color:#fff !important;
	font-size:28px !important;
	font-weight:100 !important;
	padding-bottom:50px;
}
.xd-content-light h4 {
	color:#fff !important;
	font-size:28px !important;
	font-weight:100 !important;
	
}
.xd-content {
	color:#fff !important;
	font-size:28px !important;
	font-weight:900 !important;
	padding-bottom:50px;
}
.xd-content h4 {
line-height:1.3em !important;
color:#fff !important;
}
.txt-center 
{ 
text-align:center !important;
}
.post-content h1 {
	font-size:28px !important;
	font-weight:900 !important;
}
.post-content p {
	color:#fff !important;
	font-size:28px !important;
}


@media only screen and (max-width: 600px) {
.xd-content-light h4 {

	font-size:24px !important;
	
	
}
.xd-content h4{
	font-size:24px !important;
   
}
.post-content h1 {
    font-size: 24px !important;
    
}
.post-content p {
    color: #fff !important;
    font-size: 24px !important;
}
.site-main > h1:first-of-type {
  display: none;
}

.post-content h1 {
    margin-top: 50px !important;
}
}