/*==========AFS_css=======*/

body{overflow-x: hidden!important;width: 100%;height: auto;margin: auto;display: block!important;}
.typing_caption{width: 90%;height: auto;margin: auto;float: left;position: absolute;z-index: 999;top: 17%;padding: 3%;
				left: 10%;}
div.container01{
	display:flex;background-color: rgba(0, 0, 0, .3);flex-wrap: wrap;
	justify-content: left;
	align-items: center;
	min-height:0px;
	min-width: 100%;padding: 4%;
}


.line__1,
.line__2, .line__3, .line__4, .line__5 {
  white-space: nowrap; /* keep text in one line */
  overflow: hidden; /* hide text behind the cursor */
  margin: 0;float: left;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;font-weight: 700;line-height: 55px;text-transform: none;
  font-size:42px;
}

.line__1 {
  border-right:none;

  /* define animation types for text + cursor */
  animation: animated-text__1 3s steps(60, end) 1s 1 normal both,
    animated-cursor__1 900ms steps(60, end) 8;
}

.line__2 {
  border-right:none;

  /* define animation types for text + cursor */
  animation: animated-text__2 3s steps(60, end) 1s 1 normal both,
    animated-cursor__2 900ms steps(60, end) 8;
  -webkit-animation-delay: 7s;
  animation-delay: 4s;
}
.line__3 {
  border-right:none;

  /* define animation types for text + cursor */
  animation: animated-text__2 3s steps(60, end) 1s 1 normal both,
    animated-cursor__2 900ms steps(60, end) infinite;
  -webkit-animation-delay: 12s;
  animation-delay: 7s;color: #90d7f0;
}
.line__4 {
  border-right:none;

  /* define animation types for text + cursor */
  animation: animated-text__2 3s steps(60, end) 1s 1 normal both,
    animated-cursor__2 900ms steps(60, end) infinite;
  -webkit-animation-delay: 17s;
  animation-delay: 10s;color: #90d7f0;
}
.line__5 {
  border-right: 2px solid rgba(17, 17, 17, 0.9);

  /* define animation types for text + cursor */
  animation: animated-text__2 3s steps(60, end) 1s 1 normal both,
    animated-cursor__2 900ms steps(60, end) infinite;
  -webkit-animation-delay: 22s;
  animation-delay: 13s;color: #90d7f0;
}

@keyframes animated-cursor__1 {
  /* from {
    border-right-color: rgba(17, 17, 17, 0.9);
  }
  to {
    border-right-color: rgba(255, 255, 255, 0.8);
  } */
}

@keyframes animated-cursor__2 {
  /* from {
    border-right-color: rgba(17, 17, 17, 0.9);
  }
  to {
    border-right-color: rgba(255, 255, 255, 0.8);
  } */
}

@keyframes animated-cursor__3 {
  /* from {
    border-right-color: rgba(17, 17, 17, 0.9);
  }
  to {
    border-right-color: rgba(255, 255, 255, 0.8);
  } */
}

@keyframes animated-cursor__4 {
  /* from {
    border-right-color: rgba(17, 17, 17, 0.9);
  }
  to {
    border-right-color: rgba(255, 255, 255, 0.8);
  } */
}

@keyframes animated-cursor__5 {
  /* from {
    border-right-color: rgba(17, 17, 17, 0.9);
  }
  to {
    border-right-color: rgba(255, 255, 255, 0.8);
  } */
}

@keyframes animated-text__1 {
  from {
    width: 0;
  }
  to {
    width:100%;
  }
}

@keyframes animated-text__2 {
  from {
    width: 0;
  }
  to {
    width:100%;
  }
}
@keyframes animated-text__3 {
  from {
    width: 0;
  }
  to {
    width:100%;
  }
}
.content{width: 60%;}
.box-close{border: none;background-color:transparent; }
.btn_logos{background-color: transparent;border:none;}
#revolution-slider img{width:100%!important;}
.btn-line{padding: 6px 20px;background-color: #333;color: #fff;}

@media only screen and (max-width: 1400px) {
	.typing_caption{width:100%;left: 3%;}
}
@media only screen and (max-width: 1000px) {
	.typing_caption{width:100%;left: 6%;top: 10%;}
}

@media only screen and (max-width:840px) {
	.line__1, .line__2, .line__3, .line__4, .line__5 {font-size: 36px;line-height: 40px;}
}
@media only screen and (max-width:780px) {
	.typing_caption{width:60%;}
	.line__1, .line__2, .line__3, .line__4, .line__5 {font-size: 26px;line-height: 30px;}
}
@media only screen and (max-width:600px) {
	.typing_caption{width:85%;}
	.line__1, .line__2, .line__3, .line__4, .line__5 {font-size: 20px;line-height:24px;}
}

@media only screen and (max-width:480px) {
#section-steps img.img-responsive{width: 70%!important;}
.content{width: 90%!important;}
}
@media only screen and (max-width:400px) {
	.typing_caption{width:90%;left: 5%;top: 20%;}
	.line__1, .line__2, .line__3, .line__4, .line__5 {font-size: 18px;line-height:22px;}

}

@media only screen and (max-width:340px) {
	.line__1, .line__2, .line__3, .line__4, .line__5 {font-size: 16px;line-height:22px;}
}


/* Cookies Script Start */
.cookies_box{width: 400px;height:auto;margin: auto;float: left;position: fixed;bottom: 10px;left: 10px;
            border-radius: 20px;box-shadow: 0px 0px 10px #ccc;background-color: #fff;z-index: 9999;padding: 2%;}
.cookies_box h3{font-size: 24px;color: #000;width:100% ;height: auto;margin: auto;float: left;text-align: center;}
.cookies_box p{font-size: 14px;color: #000;width:100% ;height: auto;margin: auto;float: left;text-align: center;
              margin-top: 20px;}
.cookies_box p button{color: #039;}            
.cookies_btn_cntr{display: flex;width: 100%;height: auto;margin: auto;gap: 2%;padding-top: 20px;}
.cookies_btn{width: 40%;height: auto;margin: auto;float: left;background-color: #000;color: #fff;
            border: none;border-radius: 8px;padding: 6px 10px;text-align: center;}
.learn{background-color: #f2f2f2;color: #000;}
.learn:hover{color: #039!important;}
/=======Modal======/
.open_learn{background-color: transparent;border: none;}
.overlayer{display: none; width: 100%;height: 100%;position: fixed;top: 0;bottom: 0;left: 0;right: 0;
          background-color: rgba(0, 0, 0, .6);z-index: 99999;}
.popup_learn{display: none; width: 60%;min-height: 300px;position: fixed;border-radius: 10px;background-color: #fff;
            box-shadow: 0px 0px 10px #ccc;z-index: 999999;top: 10%;left: 20%;}
.titlesec{width: 100%;height: auto;margin: auto;float: left;padding: 10px;border-bottom: 1px solid #f2f2f2;}
.titlesec h3{width: 100%;font-weight: 600; height: auto;margin: auto;float: left;text-align: left;color: #000;padding: 6px;
            display: flex;flex-wrap: wrap;align-items: center;}
.titlesec h3 button{width: auto;border-radius: 20px; height: auto;padding: 6px;border:none;color: #000;margin: auto;float: right;margin-right: 0;}
.cnt_sec{width: 100%;height: auto;margin: auto;float: left;max-height: 400px;overflow-y: auto;padding: 8%;}
.cnt_sec h4{color: #000!important;font-size: 20px;font-weight: 600;}
.cnt_sec p{color: #000;font-size: 14px;font-weight: 300;}
.news hr{width: 100%;height: 1px;margin: auto;
    float: left;display: flex;background-color: #b9b9b9;border: none;margin: 3px 0;opacity: 1;}
.news ul li{color: #000;}

@media only screen and (max-width:900px) {
  .popup_learn{display: none; width: 90%;left: 5%;}
}
@media only screen and (max-width:480px) {
  .cookies_box{width:90%;}
  .cookies_box{padding: 10% 2%;}
}
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}