*{padding: 0;margin: 0}
html {scroll-behavior: smooth;}
body{font-family: 'Inter', sans-serif;font-size: 0.875rem;background: #014459}
/*section .container{max-width: 60%}*/
/* removing blue outline from buttons */
button:focus, button:active { outline: none;}
a,a:hover,a:focus{text-decoration: none;color: inherit;}
p{font-size: 18px;font-weight: 400;line-height: 1.2;}
header{top: 0;z-index: 9999;}
.logo img{ }
/*.inner-wrap{background: #dde2e6}*/
.banner .img-wrap,.img-wrap.bottom{width: 35%;position: absolute;right: 0;top: -90px;}
.banner .img-wrap.left{left: 0;top: 70%;width: 25%}
.img-wrap.bottom{bottom: 0; top: auto;width: 25%}
.banner-card h1,.banner-card h3,.banner-card h4,.banner-card h5,.banner-card h6{font-family: 'Saira Extra Condensed', sans-serif;}
.page-title h1{font-weight: 900;white-space: nowrap;transform: skewX(-10deg);color: #efc565;
	background: -webkit-linear-gradient(45deg,#e0b965, #ffee94, #d7b15e,#fff5b6,#fff9bc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.page-title h3{font-size: 2.5rem}
.page-title h3>span:first-child{font-size: 3rem}
.page-title h5{line-height: 33px;}
.page-title h5 span{font-size: 1.625rem;border: 1px solid #014459; border-radius: 30px;padding: 4px 15px;}
.page-title h3,.page-title h4,.page-title h5 span{font-weight: 600}
.font-sm{font-size: 13px;font-weight: 400}
/*------btn style-------*/
.btn{font-size: 1.125rem;font-weight: 500; color: #ffffff; font-family: 'Inter', sans-serif;will-change: transform;position: relative;z-index: 999; transition: all .2s ease;will-change: transform;latter-spacing:0.2px;overflow: hidden}
.btn-secondary{background-image: linear-gradient(6deg, #037e91 0%, #004559 100%);background-color: transparent;color: #ffffff;}
.btn-org,.bg-org{background: #f79421}
.btn-blue,.bg-blue{background: #014459 !important;color: #ffffff}
.btn-border{border: 1px solid #ffffff;}
.btn-border-org{background: transparent;color: #f79520;border: 1px solid #f79520;}
.btn-border-org:hover{background: #f79520;color: #ffffff;border: 1px solid #f79520;}
.btn-border-blue{background: transparent;color: #017e91;border: 1px solid #017e91;}
.btn-border-blue:hover{background: #017e91;color: #ffffff;border: 1px solid #017e91;}

section .bg-light{background: #f7fafd!important}
.bg-light-blue{background: #00809f}
.bg-light-org{background: #eb8820;}
.bg-org-dark {background: #f77e02;}
.bg-gradient-primary{background: linear-gradient(50deg, #004559 0, #047e98 100%) !important;}

.text-light{color:#1f85a7 !important;}
.text-org{color: #f79421;}
.text-blue,label,.links a:hover,.foot-item:hover p{color: #2c819f}
.text-blue-dark,.custom-checkbox .custom-control-label{color: #014459;}

.card{border: 0;height: 100%;justify-content: center;border-radius: 2rem;}

/*------footer light end---------*/
.footer-light{background: #f1f2f2}
footer .btn{clip-path: none;}
.foot-item{display: flex;align-items: center;padding: 2px;border-radius: 38px;transition: all .8s;width: 90%;}
.foot-item:hover{background: #ffffff; ;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
.foot-item img{border-radius: 50%;width: 32%}
.foot-item:hover img{ }
.foot-item P{color: #1f85a7;margin-bottom: 0;font-weight: 600}
/*.social-icons a:hover i,.caption-link .custom-btn:hover,.caption-link .custom-btn:focus,.footer-top .btn{color: #ffffff}*/
footer .foot-item P,.footer-bottom p{color: #333333}
footer .foot-item P,.social-icons a:hover i,.caption-link .custom-btn:hover,.caption-link .custom-btn:focus{color: #014459}
footer hr{border-top: 1px solid rgb(0 69 89 / 52%)}

.social-icons a{width: 36px;height: 36px;background: #2c819f; border: 1px solid #2c819f;color: #ffffff; border-radius: 50%;margin-left: 10px;
	transition: transform .8s ease;display: inline-block;transform: rotateY(0deg);}
.social-icons a i{font-size: 20px;line-height: 34px}
.foot-item a:hover,.social-icons a:hover{background: transparent;border: 1px solid #2c819f}
.footer-dark .footer-top .btn{border-radius: 30px;border: 1px solid rgb(235 136 32 / 58%);padding: 8px 0;transition: all 1.5s;}
.footer-dark .footer-top .btn:hover{transform: scale(1.07);color: #ffffff}
.footer-top .btn img{width: 5%;margin: 0 3px;position:relative;top:-3px}
.footer-bottom p{font-size: 0.875rem;}
.footer-top .btn{
	border-radius: 30px;
	border: 1px solid rgb(235 136 32 / 58%);
    transition: all 1.5s;
    font-size: 14px;
	text-align: right;overflow: unset;}
/*.footer-dark .footer-top .btn:hover{transform: scale(1.07);color: #ffffff}*/
.footer-top .btn img{width: 5%;margin: 0 3px;position:relative;top:-3px}
.footer-bottom p{font-size: 0.875rem;font-weight: 500}
.footer-top span.foot-logo img{position: absolute;left: 7%;width: 14%;top: -11.5px}
.footer-top .button:before{background: #2c809f;border-radius: 30px}
.footer-top .button:hover{color: #ffffff}
/*---------------*/
.item-img{border-radius: 8px;}
label{font-size: 1rem !important; font-weight:600}
.form-check-label,.custom-control .custom-control-label{color: #607d8b;font-size: 17px;font-weight:400}
.form-group{margin-bottom: 1.25rem !important;align-items: center;}
.form-control:focus,.custom-control-input:focus~.custom-control-label::before{box-shadow: none}
.form-control{height:48px;color: rgb(42 47 65 / 66%);border-radius: 15px;padding: 0.25rem 1.75rem;}
.form-control:disabled, .form-control[readonly] {background-color: rgb(255 255 255 / 57%) !important;}
input::placeholder{color: rgb(42 47 65 / 66%);}
select{-webkit-appearance: none;background-image: url("../images/down-arrow.png");background-position: calc(100% - 20px);background-size: 14px;background-repeat: no-repeat;}
/*----------------*/
.health-credits h4{color: #3c3c3b;line-height: 1.8}
.health-credits span{border-radius: 8px;border: 2px solid #3c3c3b}
.custom-checkbox .custom-control-label{font-size: 0.875rem !important;line-height: 1.5;}
.custom-control-input:checked~.custom-control-label::before {border: 2px solid #014459 !important;background-color: #014459;box-shadow: none;}
.custom-checkbox .custom-control-label::before,.custom-control-label::after {border-radius: .125rem;width: 14px;height: 14px;box-shadow: none; left: -1.25rem;}
/*---------------*/

.button:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.button:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #fff;
  transition: all 0.5s;
  z-index: -1;
}
.button:hover {color: #ec8820;}
.button:hover:before {width: 100%;}
/*-----------*/
.footer-light .button:before{background: #017e91}
.footer-light .button:hover {color: #ffffff;}
/*------------*/
.wrapper{
	position: relative;
  display: flex;
/*  width: 400px;*/
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 3px 15px;
}
.wrapper::before{
	content: '';
	background: url("../images/logos/vs.png") no-repeat;
	background-size: 100%;
    width: 40px;
    height: 100%;
    position: absolute;
    z-index: 999999;
    text-align: center;
    left: 47%;
    top: 31%;
}
.tc{
  font-size: 10px;
}
.wrapper .option{
  background: #fff;
  height: 150px;
  width: 150px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-evenly;
  margin: 0 3px;
  border-radius: 8px;
  cursor: pointer;
  padding: 5px 10px 0;
  transition: all 0.3s ease;
}
.wrapper .option .img-wrap{
	height: 80px;
    width: 80px
}
.wrapper .option .img-wrap img{width: 100%;height: 100%;object-fit: cover}
.wrapper .option .dot{
  height: 20px;
  width: 20px;
/*  background: #d9d9d9;*/
  border-radius: 50%;
  position: relative;
}
.wrapper .option .dot::before{
  position: absolute;
  content: "✓";
  top: -2px;
  left: 1px;
  width: 12px;
  height: 12px;
/*  background: #0069d9;*/
  border-radius: 50%;
  opacity: 0;
  transform: scale(1.5);
  transition: all 0.3s ease;
}
input[type="radio"]{
  display: none;
}
#option-1:checked:checked ~ .option-1,
#option-2:checked:checked ~ .option-2,
#option-3:checked:checked ~ .option-3,
#option-4:checked:checked ~ .option-4,
#option-5:checked:checked ~ .option-5,
#option-6:checked:checked ~ .option-6,
#option-6:checked:checked ~ .option-6,
#option-7:checked:checked ~ .option-7,
#option-8:checked:checked ~ .option-8,
#option-9:checked:checked ~ .option-9,
#option-10:checked:checked ~ .option-10,
#option-11:checked:checked ~ .option-11,
#option-12:checked:checked ~ .option-12,
#option-13:checked:checked ~ .option-13,
#option-14:checked:checked ~ .option-14,
#option-15:checked:checked ~ .option-15,
#option-16:checked:checked ~ .option-16{
  border-color: #f79520;
  background: #f79520;
}
#option-1:checked:checked ~ .option-1 .dot,
#option-2:checked:checked ~ .option-2 .dot,
#option-3:checked:checked ~ .option-3 .dot,
#option-4:checked:checked ~ .option-4 .dot,
#option-5:checked:checked ~ .option-5 .dot,
#option-6:checked:checked ~ .option-6 .dot,
#option-7:checked:checked ~ .option-7 .dot,
#option-8:checked:checked ~ .option-8 .dot,
#option-9:checked:checked ~ .option-9 .dot,
#option-10:checked:checked ~ .option-10 .dot,
#option-11:checked:checked ~ .option-11 .dot,
#option-12:checked:checked ~ .option-12 .dot,
#option-13:checked:checked ~ .option-13 .dot,
#option-14:checked:checked ~ .option-14 .dot,
#option-15:checked:checked ~ .option-15 .dot,
#option-16:checked:checked ~ .option-16 .dot{
  background: #fff;
}
#option-1:checked:checked ~ .option-1 .dot::before,
#option-2:checked:checked ~ .option-2 .dot::before,
#option-3:checked:checked ~ .option-3 .dot::before,
#option-4:checked:checked ~ .option-4 .dot::before,
#option-5:checked:checked ~ .option-5 .dot::before,
#option-6:checked:checked ~ .option-6 .dot::before,
#option-7:checked:checked ~ .option-7 .dot::before,
#option-8:checked:checked ~ .option-8 .dot::before,
#option-9:checked:checked ~ .option-9 .dot::before,
#option-10:checked:checked ~ .option-10 .dot::before,
#option-11:checked:checked ~ .option-11 .dot::before,
#option-12:checked:checked ~ .option-12 .dot::before,
#option-13:checked:checked ~ .option-13 .dot::before,
#option-14:checked:checked ~ .option-14 .dot::before,
#option-15:checked:checked ~ .option-15 .dot::before,
#option-16:checked:checked ~ .option-16 .dot::before{
/*  content: "✓";*/
  opacity: 1;
  transform: scale(1);
}
.wrapper .option span{
  font-size: 14px;
	font-weight: 400;
  color: #000000;
}
#option-1:checked:checked ~ .option-1 span,
#option-2:checked:checked ~ .option-2 span,
#option-3:checked:checked ~ .option-3 span,
#option-4:checked:checked ~ .option-4 span,
#option-5:checked:checked ~ .option-5 span,
#option-6:checked:checked ~ .option-6 span,
#option-7:checked:checked ~ .option-7 span,
#option-8:checked:checked ~ .option-8 span,
#option-9:checked:checked ~ .option-9 span,
#option-10:checked:checked ~ .option-10 span,
#option-11:checked:checked ~ .option-11 span,
#option-12:checked:checked ~ .option-12 span,
#option-13:checked:checked ~ .option-13 span,
#option-14:checked:checked ~ .option-14 span,
#option-15:checked:checked ~ .option-15 span,
#option-16:checked:checked ~ .option-16 span{
  color: #fff;
}

/*-----Thank you Page-------*/
.thankyou_page .banner-top{
	margin-bottom: 11%
}
.thankyou_page .banner-top .img-wrapper{
	position: absolute;
    width: 35%;
    top: 18%;
    left: 32%;
	z-index: 999999;
}
.content-wrapper{position: relative;z-index: 9999}
.content-wrapper+img{position: absolute;top:-45%;width: 100%;height: 198%}
.winner{height: 180px}
/*.winner .insta{width: 35%}*/
.winner .lucky-winner{width: 75%}
.offers .card{background: #cde6fc;color: #106091;border:1px solid #c2973b}
.offers .card:nth-child(3){background: #ffe4c7;color: #af7c4a}
.offers .card:nth-child(4){background: #d2f7ff;color: #0d9fb7}
.offers .cta{color: #000; display: inline-block;width: 38%;text-align: center;z-index: 1;font-size: 1.125rem;
    font-weight: 600;line-height: 2;}
.offers .cta img,.offers .card .img-wrap img{position: absolute;bottom: 0}
.offers .cta img{left: 0; z-index: -1}
.offers .card .code{display: inline-block;border: 1px dashed #106091;padding: 3px 7px;border-radius: 5px;}
.offers .card .code strong{font-size: 1.25rem}
.offers .card .img-wrap img{width: 57%}
.card-title h3{font-weight: 600}

/*-------------------------*/

 /**Styling scrollable elements*/

.js-scroll {
	opacity: 0;
	transition: opacity 500ms;
  }
  
  .js-scroll.scrolled {
	opacity: 1;
  }
  
  .scrolled.fade-in {
	animation: fade-in 1s ease-in-out both;
  }
  
  .scrolled.fade-in-bottom {
	animation: fade-in-bottom 1s ease-in-out both;
  }
  
  .scrolled.slide-left {
	animation: slide-in-left 1s ease-in-out both;
  }
  
  .scrolled.slide-right {
	animation: slide-in-right 1s ease-in-out both;
  }
  
  /* ----------------------------------------------
   
   * ---------------------------------------------- */
  
  @keyframes slide-in-left {
	0% {
	  -webkit-transform: translateX(-100px);
	  transform: translateX(-100px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	  opacity: 1;
	}
  }
  
  @keyframes slide-in-right {
	0% {
	  -webkit-transform: translateX(100px);
	  transform: translateX(100px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	  opacity: 1;
	}
  }
  
  @keyframes fade-in-bottom {
	0% {
	  -webkit-transform: translateY(50px);
	  transform: translateY(50px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	  opacity: 1;
	}
  }
  
  @keyframes fade-in {
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
  }
/*-------Media start----------*/
@media only screen and (min-width: 1441px){
	header .container-fluid{padding: 0 6rem}
}
@media only screen and (max-width: 1440px){
}

@media only screen and (min-width: 992px){
	.page-title h1{font-size: 5.5rem;line-height: 1;}
	.winner h3{font-size: 2rem;}
	.banner-content{top:10%}
	ul li{margin-bottom: 0.25rem;font-size: 16px;}
	.foot-item P{font-size: 14px;line-height: 18px;font-weight: 600;}
	label{font-size: 1.125rem !important;}
	.prize-card h3{font-size: 2.25rem}
	.banner-card img{position: absolute;top: -38%;width: 97.5%;}
	
}

@media only screen and (max-width: 991px){
	
	.page-title h5{font-size: 1rem;font-weight: 400;}
	.custom-btn{font-size: 16px}
	.foot-item P{font-size: 12px;line-height: 16px;}
	
	
}
@media (min-width: 768px) and (max-width: 991px) {
	.page-title h1{font-size: 3rem;line-height: 44px;}
	.banner-card img{position: absolute;bottom: -24px;width: 95%;}
}

@media only screen and (min-width: 768px){
	.logo img{width:12%; }
	.winner .insta{width: 25%}
	.winner .lucky-winner{width: 50%}
	.btn.btn-md{font-size:1.25rem;padding: 0.325rem 3.75rem;}

}

@media only screen and (max-width: 768px){}
@media only screen and (max-width: 767px){
  .page-title h1{font-size: 1.75rem;line-height: 36px;}
  .page-title h3{font-size: 19px;line-height: 22px}
	.page-title h3>span:first-child{font-size: 1.25rem}
  .tc{font-size: 5px;}
  .logo img{width:12%;  }
	footer .row div[class*=col]{margin-bottom: 1rem}
	.foot-item{padding: 0}
	.foot-item p{font-weight: 600}
	.footer-top .btn{padding: 0.75rem}
	.footer-top span.foot-logo img{left: 6.5%;width: 13%;top: auto;bottom:-1px}
	.foot-item{width: 100%}
	.wrapper::before{width: 30px;left: 45%;}
	.wrapper .option{width: 120px;height: 120px}
	.wrapper .option .img-wrap {height: 50px; width: 50px;}
/*	.wrapper .option .dot::before{top: 1px;left: 4px;}*/
	.wrapper .option .dot{height: 15px; width: 15px;}
	.banner .img-wrap.left{top: 75%;width: 18%;}
	.thankyou_page .banner-top .img-wrapper {width: 76%;top: 34%;left: 15%;}
	.thankyou_page .banner-top {margin-bottom: 18%;}
	.thankyou_page .content-wrapper+img{top: -34%;height: 145%;}
	.thankyou_page .winner h3{font-size: 1rem}
	.thankyou_page .page-title h2{font-size: 1.125rem}
	.thankyou_page .offers .card-title h3{font-size: 1rem}
	.thankyou_page .offers .cta{width: 95%;;font-size: 0.825rem}
	.thankyou_page .offers .card .img-wrap img{width: 98%}
	.thankyou_page .offers .card .code strong{font-size: 1rem}
	.winner .insta{width: 70%}
	.winner {height: 173px;}
	
}
	
@media only screen and (max-width: 481px){
  .tc{font-size: 5px}
  .logo img{width:12%; }
	.foot-item P{font-size: 8.5px;line-height: 12px}
	.success-msg{font-size: 0.825}
	.health-credits h4{font-size: 14px}
	.health-credits h4 span{display: inline-block}
	.page-title h4{font-size: 1.25rem}
	.page-title h5,h5{font-size: 1.125rem;line-height: 27px}
	p{font-size: 0.875rem}
}
@media (min-width: 320px) and (max-width: 481px) {
	.logo img{width:12%; }
    .uper-section{display: none;}
	.banner{background-size: auto;border-radius: 0 0 2rem 2rem}
	.prize-card h3{font-size: 0.875rem;font-weight: 600;}
	.card{border-radius: 1rem}
	
}

@media (min-width: 321px) and (max-width: 375px){
  .tc{
    font-size: 5px;
  }
  .logo img{width:12%;
    }
	.foot-item P{font-size: 8px}
	.footer-top .btn {font-size: 12px;}
	label {font-size: 0.825rem !important;}
}
@media only screen and (max-width: 360px){
	footer .row .col-4{padding-right: 0}
}
/* .option
 .option-1{
  background:grey !important;
}
.option .option-2{
  background:grey !important;
} */
#disabled{
  -webkit-user-select: none;
  -moz-user-select: none;  
  -khtml-user-select: none;
  -webkit-touch-callout: none;
  -ms-user-select: none;
  user-select: none; 
  background-color: grey;
  
  }

  .faa{
    color: white;
  }