:root{
  --base-font: 'Verdana', 'Geneva', sans-serif;
  --red: #e70000;
  --blue: #0098DB;
  --green: #13CF07;
}

/* 
** HELPER CLASSES
*/
.font-family-base{font-family: var(--base-font);}
.body_font_size{font-size: 20px;}
.text-small{font-size: 12px;}
.color-red{color:var(--red);}
.color-blue{color: var(--blue);}
.color-green{color: var(--green);}

.cta-btn{
  border-radius: 3px;
  color: #fff;
  text-decoration: none;
  height: fit-content;
  padding: 3px 20px;
  min-width: 200px;
  text-align: center;
  font-weight: bold;
  box-sizing: border-box;
  letter-spacing: 1px;
  box-shadow: 1px 2px 4px 2px #bbb;
  transition: all .3s ease-in-out;
}
.cta-btn:hover{color: #fff;box-shadow: 1px 2px 4px 2px #aaa;}

.btn-blue{background-color:var(--blue);}
.btn-blue:hover{background-color:#0054a6;}
.btn-green{background: var(--green);}
.btn-green:hover{background-color: #015f07;}

.clipped-img{
	height: 300px;
	background-size: cover;
	background-position: top;
}

/* 
** TRANSITION STYLES
*/
#transition_wrapper{height:400px; transition: height .5s ease-in-out;}

#transition_wrapper section,
#question_wrap .question_block,
.preload_text{opacity: 0;z-index: -1;}

#transition_wrapper section:nth-of-type(1),
#question_wrap .question_block:nth-of-type(1){display:block;opacity: 1;z-index: 9;}

.question_block{position: absolute; top: 0; width: 100%;height: 350px;}

.fade_out{opacity: 0!important; z-index: -1!important;}
.fade_in{opacity: 1!important; z-index: 9!important; transition: opacity 1.5s ease-in-out;}

/* 
** FLASHING BUTTON ANIMATION
*/
@keyframes blink {
  0% { box-shadow: 0 0 35px var(--blue); }
  50% { box-shadow: none; }
}

/* 
** PROGRESS BAR ANIMATION
*/
@keyframes slide {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: 3500px;
  }
}

/* 
** ELEMENT STYLES
*/

/* FOR STICKY BUTTON - body height set with jquery */
body{
  width: 100%;
  overflow: auto;
}

main{
  width: 100%;
  height: 100%;
}
/* /FOR STICKY BUTTON */


header{background-color: #DEEBF1;border-bottom: 1px solid #96b6ea;}
.header-text{font-size: 1rem;}

.atf_img{position:relative;height:210px;}
.atf_img::before{content: "";position: absolute; top:0; left:0; z-index: 0;width: 100%;height: 100%;background-image: linear-gradient(to bottom, transparent 40%, #ffffff);}

.start_title,.process_sub_title {font-size: 30px;}
.start_sub_title {font-size: 40px;}

#ins_par_flex div {
  width: 60px;
  height: 60px;
}

#prog_bar{
  height: 30px;
  width: 100%;
  margin: 60px auto;
  border-radius: 50px;
  overflow: hidden;
  border: 1px solid #bbbbbb;
}

#prog_bg{
  width: 33%;
  display: block;
  height: 100%;
  background-color: var(--blue);
  background-image: repeating-linear-gradient(45deg, transparent, transparent 15px, #0054a6 3px, #0054a6 27px);
  animation: slide 80s linear infinite;
  color: #fff;
  font-weight: bold;
  transition: width .5s ease-in-out;
}

#preload_wrap{min-height: 300px;}

.benefit_btn{
  background-color: rgba(45,56,98,1);
  color: #fff;
  border-radius: 25px;
  background-repeat: no-repeat;
  background-position: left center;
}

.benefit_btn:hover{color: #ffffff;background-color: #04BD0F;}

.benefit_btn#bene_btn_1{background-image: url('..//assets/images/medi-heart-icon.png');}
.benefit_btn#bene_btn_2{background-image: url('..//assets/images/eye-icon.png');}
.benefit_btn#bene_btn_3{background-image: url('..//assets/images/tooth-icon.png');}
.benefit_btn#bene_btn_4{background-image: url('..//assets/images/pill-icon.png');}
.benefit_btn#bene_btn_5{background-image: url('..//assets/images/brain-icon.png');}
.benefit_btn#bene_btn_6{background-image: url('..//assets/images/hospital-icon.png');}


#cta-sticky {
  bottom: 5%;
  right: 5%;
  z-index: 99;
  width: 125px;
  height: 55px;
  font-size: 20px;
  background: linear-gradient(to bottom, #1CF30E, #13CF07);
  color: white;
  border: none;
  line-height: 2.8;
  border-radius: 50px;
  transition: all 0.4s linear;
  cursor: pointer;
  animation: blink 5.0s linear infinite;
}

#cta-sticky:hover{background:#015f07;}

#cta-sticky i{
  border-radius: 50%;
  animation: blink 5.0s linear infinite;
}

#disclaimer{font-size: 12px;}

@media only screen and (max-width:768px) {
	.header-text,
	.body_font_size{font-size: 14px;}
	#transition_wrapper{height:360px;}
	.atf_img{height:130px;}
	.start_title {font-size: 20px;}
	.start_sub_title {font-size: 16px;}
	#ins_par_flex div {width: 35px;height: 40px;}
	.process_sub_title{font-size: 16px;}
	.clipped-img{height: 170px;}
}