@font-face {
    font-family: "GillSans";
    src: url("../font/GillSans.ttc") format("truetype");
  }


  body{
    font-family: "GillSans";
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: 100vh;

  }

  .mobile_display{
	display: none;
  }

  .txt_label{
	font-size: 18px;
  }

  .orage_wak{
    color:#FF6C20;
    font-size: 28px;
    font-weight: bold;
  }
  .blue_wak{
    color:#4CD3CC;
    font-size: 28px;
    font-weight: bold;
  }
  .yellow_wak{
    color:#FCBB25;
    font-size: 28px;
    font-weight: bold;
  }
  .purple_wak{
	color:#B093FF;
	font-size: 28px;
	font-weight: bold;
  }
    
.btn_wak_orange {
	background-color: #FDD5A3;
	border: 3px solid #FDD5A3;
	border-radius: 50px;
	font: 24px "GillSans", sans-serif;
	outline: none;
	cursor: pointer;
	position: relative;
	transition: 0.8s ease-in-out;
}

.btn_wak_blue {
	background-color: #4cd3cc73;
	border: 3px solid #4cd3cc73;
	border-radius: 50px;
	font: 24px "GillSans", sans-serif;
	outline: none;
	cursor: pointer;
	position: relative;
	transition: 0.8s ease-in-out;
}

.btn_wak_yellow {
	background-color: #fcbb257e;
	border: 3px solid #fcbb257e;
	border-radius: 50px;
	font: 24px "GillSans", sans-serif;
	outline: none;
	cursor: pointer;
	position: relative;
	transition: 0.8s ease-in-out;
}
.btn_wak_dark{
	background-color: #3333307e;
	border: 3px solid #3333307e;
	border-radius: 50px;
	font: 24px "GillSans", sans-serif;
	outline: none;
	cursor: pointer;
	position: relative;
	transition: 0.8s ease-in-out;
}

.btn_wak_pruple {
	background-color: #b093ffb7;
	border: 3px solid #b093ffb7;
	border-radius: 50px;
	font: 18px "GillSans", sans-serif;
	outline: none;
	width: 350px;
	cursor: pointer;
	position: relative;
	transition: 0.8s ease-in-out;
}

.btn_wak_pruple2 {
	background-color: #b093ffb7;
	border: 3px solid #b093ffb7;
	border-radius: 50px;
	font: 18px "GillSans", sans-serif;
	outline: none;
	width: 350px;
	cursor: pointer;
	position: relative;
	transition: 0.8s ease-in-out;
}
#Btn_Home{
	position: absolute;
	top: 60px;
	width: 100%;
}
#Btn_Home img{
	width: 180px;
}

.button-typewriter p{
		animation: typing 6s steps(12) infinite;
		display: inline-block;
		overflow: hidden;
		white-space: nowrap;
        margin-bottom: 0px;
		color:#333333;
	
	
}
  .button__wrapper img{
	width: 50px;
	height: 50px;
   }
.button__wrapper:hover p {
		animation: blink 0.3s infinite;
	}

@keyframes typing {
	0% {
		width: 0;
	}
	50% {
		width: 100%;
	}
	55%,
	65%,
	75% {
		opacity: 1;
	}
	60%,
	70% {
		opacity: 0;
	}
	80% {
		width: 100%;
	}
	100% {
		width: 0;
	}
}


  /* marquee div container */
.marquee {
  rotate: -2deg ;
    font-size: 1.5vw;
    color: #fff;
    font-family: 'Courier New', Courier, monospace;
    height: 2.5vw;
    overflow: hidden;

    position: relative;
}

.marquee_blue{
    background-color: #4CD3CC;
}
.marquee_blue i{color:#FF6C20}
.marquee_orange{
    background-color: #FF6C20;
}
.marquee_orange i{color:#FCBB25}

.marquee_yellow{
    background-color: #FCBB25;
}
.marquee_yellow i{color:#FF6C20}


.marquee_dark{
    background-color: #333333;
}
.marquee_dark i{color:#4CD3CC}

.marquee_purple{
    background-color: #B093FF;
}
.marquee_purple i{color:#FF6C20}


/* nested div inside the container */
.marquee div {
    display: block;
    width: 200%;
    position: absolute; 
    overflow: hidden;
    animation: marquee 12s linear infinite;
}
/* span with text */
.marquee span {
    float: left;
    width: 50%;
}

/* keyframe */
@keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}


.iti--separate-dial-code .iti__selected-flag {
    background-color:  #4cd3ccce;
    color: #000;
}

.iti__country-list{
	background-color: #4cd3ccce ;
}
.iti__preferred{
	font-size: 14px;
}
.iti__flag-container{
	font-size: 14px;
	background-color: #4cd3ccce;
}

.wak_input{
		background-color: #4cd3ccad;
}

@media (max-width: 768px) {
	.menu_top {
		width: 100%;
		font-size: 13px;
	}

	#Btn_Home{
	top: 10px;
	}
#Btn_Home img{
	width: 120px;
}
}

  @media (max-width:578px) { 
   .mobile_hidden{
		display: none !important;
   }
   .mobile_display{
		display: block !important;
   }
   .marquee{
	font-size: 3.5vw;
    color: #fff;
    font-family: 'Courier New', Courier, monospace;
    height: 6vw;
   }
   .btn_wak_orange, .btn_wak_blue, .btn_wak_yellow, .btn_wak_dark, .btn_wak_pruple, .btn_wak_pruple2 {
	font-size: 16px;
   }
   .button__wrapper img{
	width: 30px;
	height: 30px;
   }
}

footer{
	background-color: #333333;
	color: #fff;
	padding: 20px;
	text-align: center;
	position: relative;
	bottom: 0;
	width: 100%;
}