@charset "utf-8";





/* aos time-delay custom */
body [data-aos-delay='4000'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='4000'].aos-animate {
      transition-delay: 4s;
}

body [data-aos-delay='4200'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='4200'].aos-animate {
      transition-delay: 4.2s;
}

body [data-aos-delay='4400'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='4400'].aos-animate {
      transition-delay: 4.4s;
}

body [data-aos-delay='4600'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='4600'].aos-animate {
      transition-delay: 4.6s;
}

body [data-aos-delay='4800'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='4800'].aos-animate {
      transition-delay: 4.8s;
}


body [data-aos-delay='4500'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='4500'].aos-animate {
      transition-delay: 4.5s;
}

body [data-aos-delay='5000'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='5000'].aos-animate {
      transition-delay: 5s;
}

body [data-aos-delay='5500'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='5500'].aos-animate {
      transition-delay: 5.5s;
}

body [data-aos-delay='6000'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='6000'].aos-animate {
      transition-delay: 6s;
}

body [data-aos-delay='6500'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='6500'].aos-animate {
      transition-delay: 6.5s;
}



body [data-aos-delay='5000'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='5000'].aos-animate {
      transition-delay: 5s;
}

body [data-aos-delay='6000'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='6000'].aos-animate {
      transition-delay: 6s;
}

body [data-aos-delay='7000'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='7000'].aos-animate {
      transition-delay: 7s;
}

body [data-aos-delay='8000'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='8000'].aos-animate {
      transition-delay: 8s;
}






/* CSS Document */
@keyframes downAnimate {
      0% {

            transform: translate3d(0, -50%, 0) scaleY(0);
            opacity: 1;
      }

      100% {
            opacity: 1;
            transform: translate3d(0, 0, 0) scaleY(1);
            transition: 1s ease-in-out 1.5s;
      }
}

@keyframes down2Animate {
      0% {
            opacity: 1;
            transform: translate3d(0, -50%, 0) scaleY(0);
      }

      100% {
            opacity: 1;
            transform: translate3d(0, 0, 0) scaleY(1);
            transition: 1s ease-in-out 1.5s;
      }
}

@keyframes rightAnimate {
      0% {
            opacity: 1;
            transform: translate3d(-50%, 0, 0) scaleX(0)
      }

      100% {
            opacity: 1;
            transform: translate3d(0, 0, 0) scaleX(1);
            transition: 1s ease-in-out 3s;
      }
}



@keyframes leftAnimate {
      0% {
            opacity: 1;
            transform: translate3d(50%, 0, 0) scaleX(0);

      }

      100% {
            opacity: 1;
            transform: translate3d(-0%, 0, 0) scaleX(1);
            transition: 1s ease-in-out 3s;
      }
}

@keyframes fadeRight {
      0% {
            opacity: 0;
        transform: translate3d(-200px, 0, 0);
      }
    
      100% {
            opacity: 1;
        transform: translate3d(0, 0, 0);
      }
    }

@keyframes fadeLeft {
      0% {
            opacity: 0;
            transform: translate3d(200px, 0, 0);
            /* ADDED - start x position as -50px */
            cursor: pointer;
            transition: 0.25s all ease-in-out;
      }

      100% {
            opacity: 1;
            transform: translate3d(0, 0, 0);
      }
}

@keyframes fadeDown {
      0% {
            opacity: 0;
            transform: translate3d(0, -200px, 0);
            /* ADDED - start x position as -50px */
            cursor: pointer;
            transition: 0.25s all ease-in-out;
      }

      100% {
            opacity: 1;
            transform: translate3d(0, 0, 0);
      }
}


@keyframes fadeUp {
      0% {
            opacity: 0;
            transform: translate3d(0, 200px, 0);
            /* ADDED - start x position as -50px */
            cursor: pointer;
            transition: 0.25s all ease-in-out;
      }

      100% {
            opacity: 1;
            transform: translate3d(0, 0, 0);
      }
}


.item1,
.item2,
.item3,
.item4,
.item5 {
  opacity: 0;
}

[data-aos="image1_animate"].aos-animate {

      animation: fadeLeft 0.5s ease-in-out;
      animation-fill-mode: forwards;
}

[data-aos="image2_animate"].aos-animate {
      animation: fadeLeft 0.5s ease-in-out;
      animation-delay: 1s;
      animation-fill-mode: forwards;
}

[data-aos="image3_animate"].aos-animate {
      animation: fadeLeft 0.5s ease-in-out;
      animation-delay: 1.5s;
      animation-fill-mode: forwards;
}

[data-aos="image4_animate"].aos-animate {
      animation: fadeRight 0.5s ease-in-out;
      animation-delay: 1.6s;
      animation-fill-mode: forwards;
}

[data-aos="image5_animate"].aos-animate {
      animation: fadeUp 0.5s ease-in-out;
      animation-delay: 1.7s;
      animation-fill-mode: forwards;
}



/* .animationBefore::before {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;
}

.animationAfter::after {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;
} */

/* [data-aos="video_description"].aos-animate::after {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;

      background-color: #0f347f;
      left: 50%;
      width: 3px;
      height: 100px;
      top: 0;
      opacity: 0;

      animation: downAnimate 1s linear;
      animation-fill-mode: forwards;
} */
.video_description { position:relative}
.video_description::before {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;

      width: 45%;
      background-color: #fff;
      position: absolute;
      left: 0;
      height: 3px;
      top: 140px;
      animation: leftAnimate 0.5s linear;
      animation-fill-mode: forwards; z-index:1
}



[data-aos="region_bg_animate"].aos-animate::before {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;

      background-color: #0f347f;
      left: 50%;
      width: 3px;
      height: 100px;
      top: 0;
      opacity: 0;

      animation: downAnimate 0.5s linear;
      animation-fill-mode: forwards;
}


[data-aos="region_bg_animate"].aos-animate>.screen::before {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;

      width: 50%;
      background-color: #0f347f;
      left: 50%;
      height: 3px;
      top: 0;
      opacity: 0;

      animation: rightAnimate 0.5s ease-in-out;
      animation-delay: 0.5s;
      animation-fill-mode: forwards;
}

[data-aos="region_bg_animate"].aos-animate>.screen::after {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;

      background-color: #0f347f;
      right: 0%;
      width: 3px;
      height: calc(100% + 100px);
      top: 0;
      opacity: 0;

      animation: down2Animate 0.5s ease-in-out;
      animation-delay: 1s;
      animation-fill-mode: forwards;
}

[data-aos="region_area_animate"].aos-animate::before {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;

      background-color: #fff;
      left: 0%;
      width: 3px;
      height: calc(100% + 100px);
      top: -50px;
      opacity: 0;

      animation: down2Animate 1s ease-in-out;
      animation-delay: 0.5s;
      animation-fill-mode: forwards;
}




[data-aos="inner_menu_animate"].aos-animate::after {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;

      background-color: #db333b;
left: 0%;
width: 100%;
height: 3px;
bottom: 0;
      opacity: 0;

      animation: rightAnimate 0.5s linear;
      animation-delay: 0.5s;
      animation-fill-mode: forwards;
}




[data-aos="menu_animate"].aos-animate::after {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;

     background-color: #1c48c8;
left: 0%;
width: 3px;
height: calc(100% - 20px);
top: 10px;
      opacity: 0;

      animation: down2Animate 1s ease-in-out;
      animation-delay: 0.5s;
      animation-fill-mode: forwards;
}

/* 
.region_bg_animate::before {
      background-color: #0f347f;
      left: 50%;
      width: 3px;
      height: 100px;
      top: 0;
      opacity: 0;
      animation: downAnimate 1s linear;
      animation-fill-mode: forwards;
}

.region_bg_animate>.screen::before {
      width: 50%;
      background-color: #0f347f;
      left: 50%;
      height: 3px;
      top: 0;
      opacity: 0;
      animation: rightAnimate 1s ease-in-out;
      animation-delay: 1s;
      animation-fill-mode: forwards;
}

.region_bg_animate>.screen::after {
      background-color: #0f347f;
      right: 0%;
      width: 3px;
      height: calc(100% + 100px);
      top: 0;
      opacity: 0;
      animation: down2Animate 1s ease-in-out;
      animation-delay: 4s;
      animation-fill-mode: forwards;
}

.region_area_animate::before {
      background-color: #0f347f;
      right: 0%;
      width: 3px;
      height: calc(100% + 100px);
      top: 0;
      opacity: 0;
      animation: down2Animate 1s ease-in-out;
      animation-delay: 2s;
      animation-fill-mode: forwards;
} */



/* main1 */
.sch_information {
      padding: 100 5% 100 5%;
}

.sch_information>.screen h2 {
      /* margin:0; default:33.2px */
      position: relative;
      padding: 0;
}


[data-aos="discover_bg_animate"].aos-animate::before {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;

      background-color: #fff;
      left: 50%;
      width: 3px;
      height: 100%;
      /* 100 padding + 33.2 margin + 48 line-height / 2  */
      /*  the line-height of the h2 is change 32 48*/
      top: 0;
      /* 100 padding + 33.2 margin */
      opacity: 0;
      animation: down2Animate 0.5s ease-in-out;
      animation-fill-mode: forwards;
	  z-index: 2;

}





[data-aos="sch_information_animate"].aos-animate::before {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;

      background-color: #db333b;
      left: 0%;
      width: 3px;
      height: calc(99px);
      /* 100 padding + 33.2 margin + 48 line-height / 2  */
      /*  the line-height of the h2 is change 32 48*/
      top: 0;
      /* 100 padding + 33.2 margin */
      opacity: 0;
      animation: down2Animate 0.5s ease-in-out;
      animation-fill-mode: forwards;
	  z-index: 2;
}



[data-aos="grid_container_animate"].aos-animate::after {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;

      background-color: #db333b;
      right: 31px;
      width: calc(26% - 5px);
      height: 3px;
      bottom: -21px;
      opacity: 0;
      animation: leftAnimate 0.5s ease-in-out;
      animation-fill-mode: forwards;
	  animation-delay: 2.5s;
	  z-index: 2;
}


[data-aos="sch_information_animate"].aos-animate::after {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;

      background-color: #db333b;
      left: calc(50%);
      width: 3px;
      height: 42px;
      bottom: 0px;
      opacity: 0;
      animation: down2Animate 0.5s ease-in-out;
      animation-fill-mode: forwards;
	  animation-delay: 3s;
	  z-index: 2;
}




[data-aos="sch_information_h2_animate"].aos-animate::before {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;
      background-color: #db333b;
      left: 0%;
      width: calc(12% + 15px);
      height: 3px;
      top: 50%;
      opacity: 0;
      animation: rightAnimate 0.5s linear;
      animation-delay: 0.5s;
      animation-fill-mode: forwards;
}

[data-aos="sch_information_h2_animate"].aos-animate::after {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;
      background-color: #db333b;
      right: -20px;
      width: calc(40% + 25px);
      height: 3px;
      top: 50%;
      opacity: 0;
      animation: rightAnimate 0.5s linear;
      animation-delay: 1.5s;
      animation-fill-mode: forwards;
}



[data-aos="grid_container_animate"].aos-animate::before {
      content: "";
      position: absolute;

      background-color: #db333b;
      right: 30px;
      width: 3px;
      height:calc(100% - 16px);
      top: 37px;
      opacity: 0;
      animation: down2Animate 0.5s ease-in-out;
      animation-delay: 2s;
      animation-fill-mode: forwards;
	  z-index:2
}

/* .sch_information_animate::before {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;

      background-color: #f7b316;
      right: 0%;
      width: 3px;
      height: calc(100px + 33.2px + 24px);
      top: -133.2px;
      opacity: 0;
      animation: down2Animate 1s ease-in-out;
      animation-delay: 3s;
      animation-fill-mode: forwards;
}





.sch_information_h2_animate::before {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;
      background-color: #f7b316;
      left: 65%;
      width: calc(35% + 15px);
      height: 3px;
      top: 50%;
      opacity: 0;
      animation: leftAnimate 1s linear;
      animation-delay: 4s;
      animation-fill-mode: forwards;
}

.sch_information_h2_animate::after {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;
      background-color: #f7b316;
      left: calc(0% + -15px);
      width: calc(35% + 15px);
      height: 3px;
      top: 50%;
      opacity: 0;
      animation: leftAnimate 1s linear;
      animation-delay: 5s;
      animation-fill-mode: forwards;
}


.grid_container_animate::before {
      content: "";
      position: absolute;

      background-color: #f7b316;
      left: 0%;
      width: 3px;
      height: calc(100% + 100px - 24px);
      top: 24px;
      opacity: 0;
      animation: down2Animate 1s ease-in-out;
      animation-delay: 6s;
      animation-fill-mode: forwards;
} */

/* main2 */

.discove_area h2 {
      position: relative;
}

.discover_bg {
      padding: 100px 0;
}

[data-aos="discove_area_animate"].aos-animate>h2::before {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;
      background-color: #f7b316;
      left: calc(-10% + -15px);
      width: 10%;
      height: 3px;
      top: 24px;
      opacity: 0;
      animation: rightAnimate 0.5s linear;
      animation-delay: 0.5s;
      animation-fill-mode: forwards;
}

[data-aos="discover_bg_animate"].aos-animate>.screen::before {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;
      background-color: #f7b316;
      left: 0%;
      width: 3px;
      height: calc(100px + 33.2px + 24px);
      top: -100px;
      opacity: 0;
      animation: down2Animate 0.5s ease-in-out;

      animation-fill-mode: forwards;
}


/* .discove_area_animate>h2::before {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;
      background-color: #f7b316;
      left: calc(-10% + -15px);
      width: 10%;
      height: 3px;
      top: 24px;
      opacity: 0;
      animation: rightAnimate 1s linear;
      animation-delay: 8s;
      animation-fill-mode: forwards;
}


.discover_bg_animate>.screen::before {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;
      background-color: #f7b316;
      left: 0%;
      width: 3px;
      height: calc(100px + 33.2px + 24px);
      top: -100px;
      opacity: 0;
      animation: down2Animate 1s ease-in-out;
      animation-delay: 7s;
      animation-fill-mode: forwards;
} */


/* main3 */
.main_2 {
      position: relative;
}

[data-aos="main_2_animate"].aos-animate::before {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;
      width: 3px;
      background-color: #0471bc;
      left: 50%;
      height: 75px;
      top: 0;

      opacity: 0;
      animation: down2Animate 0.5s ease-in-out;
      animation-fill-mode: forwards;
}

/* .main_2_animate::before {
      content: "";
      position: absolute;
      animation-fill-mode: forwards;
      width: 3px;
      background-color: #f7b316;
      left: 50%;
      height: 75px;
      top: 0;

      opacity: 0;
      animation: down2Animate 1s ease-in-out;
      animation-fill-mode: forwards;

} */


/* @media (max-width: 800px) {
      html body * {
            overflow-x: hidden;
      }
} */
@media screen and (max-width: 1300px) {
.video_description::before { top:95px }
[data-aos="region_area_animate"].aos-animate::before { top:-35px }

[data-aos="sch_information_animate"].aos-animate::before { height: calc(68px);}	
[data-aos="grid_container_animate"].aos-animate::before { height: calc(100% - 35px); }
[data-aos="grid_container_animate"].aos-animate::after { bottom:-2px; width: calc(26% - 8px);}
[data-aos="sch_information_animate"].aos-animate::after{ left:calc(50%); height:30px }
.discover_bg {    padding: 50px 0;}

[data-aos="grid_container_animate"].aos-animate::after {width: calc(26% - 10px) }


	}
	
	@media screen and (max-width: 960px) {
      .video_description::after {
            display: block !important
      }

      [data-aos="region_bg_animate"].aos-animate::before {
            display: block;
      }

      [data-aos="region_bg_animate"].aos-animate>.screen::before {
            display: block;
      }

      [data-aos="region_bg_animate"].aos-animate>.screen::after {
            display: block;
      }

      [data-aos="region_area_animate"].aos-animate::before {
            display: block;
      }

      [data-aos="sch_information_animate"].aos-animate::before {
            display: block;
      }

      [data-aos="sch_information_h2_animate"].aos-animate::before {
            display: block;
      }

      [data-aos="sch_information_h2_animate"].aos-animate::after {
            display: block;
      }

      [data-aos="grid_container_animate"].aos-animate::before {
            display: block;
      }

      [data-aos="discove_area_animate"].aos-animate>h2::before {
            display: block;
      }

      [data-aos="discover_bg_animate"].aos-animate>.screen::before {
            display: block;
      }

      [data-aos="main_2_animate"].aos-animate::before {
            display: block;
      }

      /* .video_description::after {
            display: none !important
      }
      

      .sch_information_animate::before {
            display: none !important
      }

      .sch_information_h2_animate::before {
            display: none !important
      }

      .sch_information_h2_animate::after {
            display: none !important
      }

      .grid_container_animate::before {
            display: none !important
      }

      .discove_area_animate>h2::before {
            display: none !important
      }

      .main_2_animate::before {
            display: none !important
      }

      .discover_bg_animate>.screen::before {
            display: none !important
      } */
	  [data-aos="sch_information_animate"].aos-animate::before {    height: calc(63px);}
	  [data-aos="grid_container_animate"].aos-animate::before,[data-aos="grid_container_animate"].aos-animate::after,[data-aos="discover_bg_animate"].aos-animate::before  { display:none}
	  [data-aos="main_2_animate"].aos-animate::before{ height:55px}
	  .video_description::before {    top: 65px;}
	  [data-aos="region_area_animate"].aos-animate::before {    top: -25px;}
	  [data-aos="sch_information_h2_animate"].aos-animate::before {    display: none;}
	  [data-aos="sch_information_animate"].aos-animate::before { display:none}
	  [data-aos="menu_animate"].aos-animate::after {background-color: #ffa700;}

}

@media screen and (max-width: 460px) {
	.video_description::before {    top: 40px;}	
	[data-aos="region_area_animate"].aos-animate::before {    top: -17px;}
	[data-aos="main_2_animate"].aos-animate::before {    height: 35px;}
	
		}