body{
  /*height: 100vh;*/
  /*background-color: var(--tc1);*/
  font-family: "STC Forward";
  direction: ltr;
  overflow-x: hidden;
}
.pg_headers{
  position: relative;
  padding: 4vw 0 0 5vw;
}
.pgt{
  /*font-size: 3vw;
  line-height: 3.5vw;
  color: var(--tc1);
  font-weight: bold;
  display: inline-block;*/
}
.sidemenu_wrapper{
  /*transition: all .2s ease-in;*/
  border-right: 1px solid var(--tc4);
  z-index: 1000;
}
.sm_link{
  display: flex;
  flex-direction: column;
  width: 100%;
}
.lw, .lp{
  display: none;
}
.sm_link > a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 5vw;
  border-bottom: 1px solid var(--tc4);
}
.hm_navs{
  display: block !important;
  padding-left: 1.4vw;
}
.hm_navs .hm_navs_labels{
  writing-mode: tb-rl;
  transform-origin: left center;
  transform: rotate(-180deg);
  padding: 1.5vw 0 .5vw 0;
  font-size: 1vw;
  overflow: hidden;
  position: relative;
  left: 1.9vw;
  line-height: 2vw;
  display: none;
}

.hm_navs > div{
  width: 2vw;
  height: 2vw;
  cursor: pointer;
  /*border-bottom: 1px solid #fff;*/
}
.hm_track{
  transition: all .3s linear;
}
.hm_progress{ 
  fill: transparent;
  stroke-width: 0;
  stroke-linecap: round;
  transform: rotate(270deg);
  transform-origin: center;
  transition: all 0s linear;
}

/*for sidemenu background color*/
[data-home-screen='1'].sidemenu_wrapper{
  /*background-color: var(--tc1); --- */
}
[data-home-screen='2'].sidemenu_wrapper,
[data-home-screen='3'].sidemenu_wrapper,
[data-home-screen='4'].sidemenu_wrapper{
  /*background: #fff; --- */
}
/*for main logo colors*/
[data-home-screen='1'].sidemenu_wrapper .lw{
  display: block;
}
[data-home-screen='2'].sidemenu_wrapper .lp,
[data-home-screen='3'].sidemenu_wrapper .lp,
[data-home-screen='4'].sidemenu_wrapper .lp{
  display: block;
}
/*enable disable slide label as per slide numbers*/
[data-home-screen='1'].sidemenu_wrapper .lbl1{
  color: #fff;
  display: block;
}
[data-home-screen='2'].sidemenu_wrapper .lbl2{
  color: var(--tc1);
  display: block;
}
[data-home-screen='3'].sidemenu_wrapper .lbl3{
  color: var(--tc1);
  display: block;
}
[data-home-screen='4'].sidemenu_wrapper .lbl4{
  color: var(--tc1);
  display: block;
}
/*for circular progress stroke and fill colors*/
[data-home-screen='1'].sidemenu_wrapper .hm_track{
  fill: #fff;
}
[data-home-screen='2'].sidemenu_wrapper .hm_track,
[data-home-screen='3'].sidemenu_wrapper .hm_track,
[data-home-screen='4'].sidemenu_wrapper .hm_track{
  fill: var(--tc1);
}
[data-home-screen='1'].sidemenu_wrapper .hm_progress{
  stroke:#fff;
}
[data-home-screen='2'].sidemenu_wrapper .hm_progress,
[data-home-screen='3'].sidemenu_wrapper .hm_progress,
[data-home-screen='4'].sidemenu_wrapper .hm_progress{
  stroke: var(--tc1);
}
.sidemenu_wrapper .active .hm_progress{
  stroke-width: 1;
  transition: stroke-dashoffset 7s linear;
}
.sidemenu_wrapper .active .hm_track{
  fill: var(--tc2);
}
.inner_page_navs{
  transform-origin: left center;
  transform: rotate(-180deg);
  padding: 4vw 0 4vw 0;
  left: 100%;
  writing-mode: tb-rl;
  cursor: pointer;
  text-align: center;
}
.inner_page_navs span{
  margin: 1px 0;
}
.chapters_slides_wrapper{
  width: 100%;
  height: 100vh;
  position: relative;
  top: 0;
  right: 0;
  text-align: right;
  /*overflow: hidden;*/
}
.chapters_slides{
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  overflow: hidden;
}
.sld1 > div{
  /*position: absolute;
  right: 5vw;
  width: 93vw;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 5vw 0 0 0;*/
  height: 100vh;
  left: 5vw;
  width: 93vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 5vw 0;
  text-align: left; 
}
.sld1 .elm1sld1{
  /* position: absolute; */
  /* top: 5vw; */
  /* right: 20vw; */
  position: relative;
  display: inline-block;
  left: 12vw;
  font-weight: bold;
  z-index: 11;
  pointer-events: none;
  text-align: left;
}
.sld1 .elm2sld1{
  max-width: none;
  width: 110vw;
  display: block;
  position: relative;
  margin-left: 0vw;
  margin-top: -7vh;
  margin-bottom: 3vw;
  position: relative;
  transition: right 8s cubic-bezier(0, 1.4, 1, 1) .03s;
  /*transition: right 8s cubic-bezier(0.35, 1.43, 1, 1) .03s;*/
}
.sld1 .elm2sld1 img{
  width: 60%;
}
.sld1 .elm2sld1 em{
  position: absolute;
  width: 100%;
  height: 102%;
  top: -1%;
  left: 0;
  background: var(--tc1);
  z-index: 5;
}
.sld1 .elm3sld1{
  /* position: absolute; */
  /* bottom: 5vw; */
  /* right: 20vw; */
  font-weight: 100;
  /*pointer-events: none;*/
}
.sld1 .elm4sld1{
  /* position: absolute; */
  /* bottom: 4.5vw; */
  /* left: 5vw; */
  /* font-weight: 100; */
}
.x1 > div > p{
  width: 65%;
}
.sld2 .elm2sld2 em{
  position: absolute;
  width: 104%;
  height: 102%;
  top: -1%;
  left: -2%;
  background: #fff;
  z-index: 5;
}
.sld2 .elm5sld2 div em{
  position: absolute;
  width: 104%;
  height: 102%;
  top: -1%;
  left: -2%;
  background: #fff;
  z-index: 5;
}
.sld4 .sect1{
  width: 70vw;
  height: 55vh;
  position: absolute;
  top: 5vw;
  left: 5vw;
  z-index: 1;
}
.sld4 .sect1a{
  width: 20vw;
  position: absolute;
  top: 5vw;
  right: 5vw;
  z-index: 10;
}
.sld4 .sect1a > img{
  width: 75%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  float: right;
}
.sld4 .sect1b{
  width: 40vw;
   height: 30vh; 
  display: flex;
  position: absolute;
  top: 5vw;
  left: 30vw;
  z-index: 10;
}
.inner_submenu_items ul {
    background: #efefef;
}
.sld4 .sect1b > div {
    margin-left: 0;
    padding: 3vw;
    width: 64vw;
}
.sld4 .sect2 .clearfix p {
    font-size: 1vw;
}
.sld4 .sect2{
  position: absolute;
  left: 5vw;
  width: 95vw;
  display: flex;
  -webkit-transform: translateZ(0);
}
.sld3 .elm3sld3 em{
  position: absolute;
  width: 100%;
  height: 102%;
  top: -1%;
  left: 0;
  background: #fff;
  z-index: 5;
}

.sld4 .elm2sld4 > div em,
.sld4 .elm2sld4 > span em,
.sld4 .elm3sld4 > em,
.sld4 .elm4sld4 > em,
.sld4 .elm5sld4 em{
  position: absolute;
  width: 104%;
  height: 102%;
  top: -1%;
  left: -2%;
  background: var(--tc6);
  z-index: 5;
}
/*bod*/
  .bod_list_wrapper{
    display: flex;
    flex-direction: column;
  }
  .bod_item{
    position: relative;
    width: 100%;
    height: 13vw;
    border-bottom: 1px solid var(--tc4);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in;
    background: transparent;
    cursor: pointer;
  }
  .bod_item::before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #470080;
    /*opacity: .2;*/
    z-index: -1;
    transition: background .4s ease-out, border .4s ease-out;
    transform: scaleY(0);
    transform-origin: center bottom;
  }
  .bod_item:hover::before{
    transform: scaleY(1);
    /*background-color: var(--tc2);*/
    border-color: transparent;
  }
  .bod_item.active{
    border-color: transparent;
  }
  .bod_item.active::before{
    background-color: var(--tc2);
    transform: scaleY(1);
    border-color: transparent;
  }
  .bod_item:last-child{
    border: 0;
  }
  .bod_item img {
    width: 6.5vw;
  }
  .bod_img_wrapper{
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
  .bod_img_wrapper .bod_img{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
  }
  .bod_img_wrapper .bod_img.active{
    /*z-index: 1;*/
  }
/*bod*/

/*cons. financials*/
  .cf_grid_wrapper{
    overflow: hidden;
    padding-right: 5%;
  }
  .cf_grid_wrapper > div{
    width: 45%;
    margin-left: 2vw;
    overflow: hidden;
    float: left;
  }
  .cf_gi{
    width: 100%;
    height: 4vw;
    margin-bottom: 2vw;
    display: inline-flex;
    align-items: center;
    position: relative;
    float: right;
    background: #fff;
  }
  .cf_gi p{
    padding: 0 1vw;
    width: 80%
  }
  .cf_gi a{
    display: block;
    width: 4vw;
    height: 4vw;
    right: 0;
    bottom: 0;
    display: inline-flex;
    justify-content: center;
  }

  /*cons. financials*/
    /*.cf_grid_wrapper{
      overflow: hidden;
      padding-right: 7%;
    }
    .cf_gi{
      min-height: 15vh;
      margin-bottom: 5vw;
      display: inline-flex;
      align-items: center;
      position: relative;
      float: right;
    }
    .cf_gi p{
      padding: 0 1vw 0 1vw;
    }
    .cf_gi a{
      position: absolute;
      display: block;
      width: 4vw;
      height: 4vw;
      left: 1vw;
      bottom: -3vw;
      display: inline-flex;
      justify-content: center;
    }*/
  /*cons. financials*/
/*cons. financials*/

/*operations*/
  /*.opr_grid*/
/*operations*/

/*our values*/
  .values_List_wrapper {
  }

  .value_item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .value_item h3 {
  }
  .value_item span {
  }

  .value_item>div {
  }

  .value_item>div>div {
  }
  .value_item>div>div img {
    height: 10vh;
    /*margin: 0 30px 0 0;*/
    float: right;
    transform: rotate(180deg);
  }

  .value_item>div>div p {
  }
/*our values*/

/*main menu*/
  .main_menu_wrapper{
    /*display: none;*/
    /*clip-path: inset(0 0 0 100vw);*/
    transition: all 1.5s cubic-bezier(0.9, 0.01, 0, 1);
    /*will-change: clip-path;*/
    background: #000;
    overflow: hidden;
    right: -100%;
    position: absolute;
  }
  .main_menu_wrapper.open{
    background: var(--tc1);
    /*clip-path: inset(0);*/
    right: 0;
  }

  .sidemenu_wrapper_inner {
    opacity: 0 !important;
    /*display: none !important;*/
    transition: all 1.5s cubic-bezier(0.9, 0.01, 0, 1);
  }
  .sidemenu_wrapper_inner.open {
    opacity: 1 !important;
    /*display: block !important;*/
  }

  .sidemenu_wrapper {
    opacity: 1 !important;
    z-index: 100000;
    /*display: block !important;*/
    transition: all 1.5s cubic-bezier(0.9, 0.01, 0, 1);
  }
  .sidemenu_wrapper.open {
    opacity: 0 !important;
    /*display: none !important;*/
  }
  
  .main_menu_wrapper .main_menu_slider{
    padding: 13vh 0;
  }
  .main_menu_slider{
    overflow: visible;
  }
  .main_menu_slider .swiper-wrapper{
    /*transition-duration: 2s !important;*/
    /*transition-timing-function: cubic-bezier(0.9, 0.01, 0, 1);*/
  }
  .main_menu_slider .swiper-slide{
    height: 100%;
    position: relative;
    /*transition: all 1s linear;*/
  }
  .main_menu_slider .swiper-slide:last-child{
    width: 100vw;
  }
  .main_menu_slider .swiper-slide h1{
    position: absolute;
    top: 40%;
    left: -10vw;
    transform: translateY(-50%);
    z-index: 5;
    font-weight: 600;
    /*pointer-events: none;*/
  }
  .main_menu_slider .swiper-slide h1 span {
    display: block;
    opacity: 0;
  }
  .main_menu_slider .swiper-slide img {
    width: 40%;
    /*transform-origin: left bottom;*/
    transform: scale(.8) rotate(-15deg);
    /*clip-path: inset(7vw);*/
    display: block;
    filter: grayscale(1);
    /*transition: all 2s cubic-bezier(0.9, 0.01, 0, 1);*/
    transition: all 1s linear;
    animation: liquid_border 6s linear infinite;
  }
  .main_menu_slider .swiper-slide .ms_content{
    position: absolute;
    width: 60%;
    top: 50%;
    left: 40%;
    /*display: none;*/
    transform: translateY(-50%);
    transition: all .2s ease-in;
    padding-left: 5vw;
    /*opacity: 0;*/
  }
  .main_menu_slider .swiper-slide .ms_content .swiper-pagination{
    bottom: auto;
    left: auto;
    text-align: right;
    right: 0;
    top: 0;
    margin-right: 5vw;
    position: relative;
    margin-bottom: 2vw;
    color: #fff;
  }
  .main_menu_slider .swiper-slide .ms_list a{
    font-size: calc( 1.2* var(--base_font_size) );
    line-height: calc( 2* var(--base_lineheight) );
    color: #fff;
    font-weight: 400;
    margin-bottom: .5vw;
    display: inline-block;
    width: max-content;
    position: relative;
  }
  .main_menu_slider .swiper-slide .ms_list a:hover{
    opacity: 1;
  }
  .main_menu_slider .swiper-slide .ms_list a.active::before,
  .main_menu_slider .swiper-slide .ms_list a:hover::before{
    display: block;
    width: .5vw;
    height: .45vw;
    content: "";
    border: 1px solid #fff;
    position: absolute;
    left: -2vw;
    border-radius: 100%;
    top: 50%;
  }
  .menu_frpg{
    position: relative;
    overflow: hidden;
    text-align: left;
    margin-bottom: 3vw;
  }
  .menu_frpg::before{
    width: .7vw;
    height: .65vw;
    display: inline-block;
    border-radius: 100%;
    right: 0;
    top: 50%;
    position: relative;
    content: "";
    background: #fff;
    margin-right: 1vw;
  }
  .menu_frpg span,
  .menu_frpg em,
  .menu_frpg b{
    display: inline-block;
    color: #fff;
    font-size: calc( var(--base_font_size) * 1);
    line-height: calc( var(--base_lineheight) * 1.5);
  }
  .menu_frpg em{
    margin: 0 .5vw;
  }
  .menu_frpg span{
    opacity: .3;
  }
  .main_menu_slider .swiper-slide.swiper-slide-active .ms_content{
    opacity: 1;
  }
  .main_menu_slider .swiper-slide.swiper-slide-active img {
    transform: scale(1) rotate( 0deg);
    clip-path: inset(0);
    filter: grayscale(0);
  }
  .mimg_wrap{
    transition: all 1s linear;
  }
  .swiper-container.loader-slider {
      height: 50px;
      text-align: center;
  }
  ._fader{
    z-index: 9999;
    background: var(--tc7);
    top: 0;
    left: 0;
    display: none;
    opacity: 0;
  }
/*main menu*/

/*custom select*/
  .inner_submenu_wrapper {
    z-index: 9;
    top: 70vh;
    right: 10vw;
    display: flex;
    cursor: pointer;
    flex-direction: column;
    opacity: 0;
    /*transition: left .7s ease-out;*/
  }
  .inner_submenu_wrapper span i.la-minus{
    display: none;
  }
  .inner_submenu_wrapper span i.la-plus{
    display: block;
  }
  .inner_submenu_wrapper span.open i.la-plus{
    display: none;
  }
  .inner_submenu_wrapper span.open i.la-minus{
    display: block;
  }
  .inner_submenu_wrapper.fixed{
    flex-direction: column-reverse;
    top: auto;
    right: auto;
    bottom: 0;
    right: -37vw;
  }
  .inner_submenu_wrapper em{
    position: absolute;
    top: 0;
    left: -3vw;
    width: 3vw;
    height: 100%;
    display: block;
    background: var(--tc2);
    z-index: 1;
  }
  .inner_submenu_wrapper span img{
    position: absolute;
    top: 0;
    left: -7vw;
    width: 4vw;
    height: 100%;
    display: block;
    z-index: 1;
    background: var(--tc1);
    object-fit: contain;
    object-position: center;
  }
  .inner_submenu_wrapper > img{
    width: 8vw;
    position: absolute;
    top: 0;
    left: -11vw;
    cursor: default;
  }
  .video_wrapper.main{
    display: block;
  }
  .video_wrapper.mobile{
    display: none;
  }
  img.bodlogo {
      display: block;
  }
  img.bodlogomob {
      display: none;
  }
  .sidemenu_wrapper_inner.open img.purp {
      display: none;
  }
  .sidemenu_wrapper_inner.open img.wht {
      display: block;
  }
  .sidemenu_wrapper_inner img.purp {
      display: block;
  }
  .sidemenu_wrapper_inner img.wht {
      display: none;
  }
/*custom select*/

@media only screen and (min-width: 1400px) and (min-height: 800px) {
  .sld4 .sect1b .fs1s{
    font-size: calc( var(--base_font_size) * 1.5);
    line-height: calc( var(--base_lineheight) * 2.5);
  }
  .sld4 .sect1b {
      width: 40vw;
      left: 35vw;
  }
  .sld4 .sect1a {
    width: 25vw;
  }
  .sect2 .fs1{
    font-size: calc( var(--base_font_size) * 1.3);
    line-height: calc( var(--base_lineheight) * 2);
  }
}

@media screen and (device-aspect-ratio: 16/9) {
  /*body{ display: none !important; }*/
}