*{padding: 0;margin: 0px ;}
body{font-family: 'Inter', sans-serif;font-size: 0.875rem; background-color: #ffffff;}
	 /* background-image: url("../SVG/Asset\ 14.svg"); background-position:top; background-size: cover; background-repeat: no-repeat; } */
/* 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;color: #4c4c4c;}
header{position: absolute;top: 0}
.page-title h1{font-size: 2rem; color: #553C96;}
.page-title h2,.page-title h3{line-height: 34px;font-weight: 600}
.page-title h5{line-height: 33px;}
.page-title h5 span{font-size: 1.625rem;font-weight: 600;border: 1px solid #014459; border-radius: 30px;padding: 4px 15px;}
.font-sm{font-size: 13px;font-weight: 400}
/*------btn style-------*/
.btn{font-size: 1.25rem;font-weight: 500; color: #ffffff; background: #553c96; font-family: 'Inter', sans-serif;padding: 0.325rem 1.75rem;
will-change: transform;overflow: hidden;position: relative;z-index: 999;transition: all 0.5s;will-change: transform;latter-spacing:0.2px;border-radius: 30px;}
.btn-secondary{background-image: linear-gradient(6deg, #037e91 0%, #004559 100%);background-color: transparent;color: #ffffff;}
.btn.btn-md{font-size:1.325rem;padding: 0.325rem 3.75rem;width: 100%}

.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;}
.logo img{width: 9%}
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;}
.bg-light-gray{background-color: #eaeaea}
.pt-10{
	padding-top: 4rem!important;
}
.pt-11{
	padding-top: 10rem!important;
}
.Exclusive{
	background-color: white !important;
}
.text-light{color:#1f85a7 !important;}
.text-org{color: #f79421;}
.text-blue,label,.links a:hover,.foot-item:hover p,.social-icons a i{color: #2c819f}
.text-blue-dark{color: #014459;}

.card{border: 0;height: 100%;justify-content: center;}
.logo-dwld{

	width: 80%;
}
.cta-button-dwld{
	text-align: center;
	margin-top: -14px;
    color: #2a436b;
    background-color: #f7d137;
    border: 1px solid #f7d137;
    padding: 14px;
    border-radius: 28px;
    width: 52%;
    font-size: 40px;
    font-weight: 800;
	}
/*------footer light end---------*/
.foot-item{display: flex;align-items: center;padding: 2px;border-radius: 38px;transition: all .8s;}
.foot-item:hover{background: #ffffff; ;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
.foot-item img{border-radius: 50%;padding: 1px;background: #fff}
.foot-item:hover img{ }
.foot-item P{color: #1f85a7;padding-left: 1rem;margin-bottom: 0}
footer .foot-item P,.social-icons a:hover i,.caption-link .custom-btn:hover,.caption-link .custom-btn:focus{color: #ffffff}
footer hr{border-top: 1px solid rgb(255 255 255 / 52%);}

.social-icons a{width: 24px;height: 24px;background: #ffffff; border: 1px solid #ffffff;border-radius: 50%;margin-left: 10px;
	transition: transform .8s ease;display: inline-block;transform: rotateY(0deg);}
.social-icons a i{font-size: 11px;line-height: 22px}
.foot-item a:hover,.social-icons a:hover{background: transparent;border: 1px solid #fff}
.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;}


/*---------------*/
.form-inner-wrap{border-radius: 20px;margin-top: 2rem;}
.item-img{border-radius: 8px;}
.form-item form{ }
	.inner-wrap{
		margin: auto;
		display: flex;
		justify-content: center;
	
		width: auto;
	    background-color: #ffffff;
		/* background-image: url(../images/SVG-cq/Form\ Bg.svg); */
		background-size: cover;
		background-repeat: no-repeat;
		border-radius: 20px;
		border: 1px solid rgba(255,255,255,0.5) ;
		position: relative;
		top: -26px;
	}

	.inner-wrap-dwld{
		margin: auto;
		display: flex;
		justify-content: center;
	
		width: auto;
	    background-color:#2a436b;
		/* background-image: url(../images/SVG-cq/Form\ Bg.svg); */
		background-size: cover;
		background-repeat: no-repeat;
		border-radius: 20px;
		border: 1px solid #2a436b ;
		position: relative;
		top: -26px;
	}
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 .form-group{align-items: center;}
.form-control:focus,.custom-control-input:focus~.custom-control-label::before{box-shadow: none}
.form-control{height:50px;color: #afafaf;border:0;border-radius: 15px;padding: 0.25rem 1.75rem; width: 100%;}
.form-control:disabled, .form-control{background-color: #FFE7BD!important;}
input::placeholder{color: #afafaf !important}
textarea,.select2-container--default .select2-selection--single{background-color: #FFE7BD !important;border-radius: 4px !important;}
textarea{padding: 0.75rem 1.75rem !important;}
select,.select2-container--default .select2-selection--single{-webkit-appearance: none;background-image: url("../images/icons/search.svg"); background-position: 20px;background-size: 18px;background-repeat: no-repeat}
form .select2-container .select2-selection--single,textarea{height: 60px;font-size: 0.835rem;font-weight: 500;display: flex;align-items: center;border:0;padding: 0.75rem 2.75rem;}
form .select2-container--default .select2-selection--single .select2-selection__rendered,form .select2-container .select2-selection--single,textarea{color: #adadad;}
form .select2-container--default .select2-selection--single .select2-selection__arrow{display: none}
form .select2-container{width: 100% !important}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color: #C7C7C7 !important}
/*----------------*/
.swal2-styled.swal2-confirm{border-radius:30px !important}
/*---------------*/

.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: #2a436b;}
.button:hover:before {width: 100%;}
/*-----------*/
.footer-light .button:before{background: #017e91}
.footer-light .button:hover {color: #ffffff;}
/*------------*/
.dont-miss{
	color: #f7d137; font-family: Roboto; font-weight: 600; font-size: 2.3rem;
}
.date-para{
	           height: auto;
				background-color: #2a436b;
				border: 1px solid;
				border-radius: 20px;
				font-size: 13px;
				color: white;
				padding: 6px;
				text-align: center;
				font-weight: 500;
				width: 100%;
}

.white-bg {
	border-radius: 20px 0px 0px 20px;
	background-color: white;
}

.yellow-bg {
	border-radius: 2.75rem;
	background-color: #FFDA91;
}

/*------------*/
 @keyframes pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
  }
@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}

 /**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: 1440px){
}
@media (min-width: 1439px) and (max-width: 991px) {

}
@media only screen and (min-width: 992px){
	.page-title h1{line-height: 1.2;}
	.page-title h5{font-size:19px;font-weight: 600; color: #2a436b;}
	.page-title h4{font-size: 22px; font-weight: 400}
	.banner-content{top:10%}
	ul li{margin-bottom: 0.25rem;font-size: 16px;}
	.foot-item P{font-size: 14px;line-height: 18px;}
	label{font-size: 1.125rem !important;}
	p{font-size: 20px;font-weight: 300;}
	.btn{font-size: 1.75rem}
	form .select2-container .select2-selection--single, textarea{font-size: 1.125rem;}
/*	footer{width: 100%;position: fixed;bottom: 0;}*/
}


@media only screen and (max-width: 2000px) {
body{ background-size: contain; }
}





@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) {


}

@media only screen and (min-width: 768px){
	.caption-text img{width: 64% !important}
	.form-inner-wrap{width: 100%}
}

@media only screen and (max-width: 768px){

	.cta-button-dwld{
	text-align: center;
	margin-top: 0px;
    color: #2a436b;
    background-color: #f7d137;
    border: 1px solid #f7d137;
    padding: 14px;
    border-radius: 28px;
    width: 100%;
    font-size: 24px;
    font-weight: 800;
	}
	body::-webkit-scrollbar {
		width: 0;
	  }
	  
	  /* Hide the horizontal scrollbar (if needed) */
	  body::-webkit-scrollbar {
		height: 0;
	  }
	  
	  /* Optional: Style the thumb and track to be transparent */
	  body::-webkit-scrollbar-thumb {
		background: transparent;
	  }
	  
	  body::-webkit-scrollbar-track {
		background: transparent;
	  }
	
	.container-fluid {
			width: 100%;
			padding-left: 0px;
			padding-right: 0px;
		    margin-right: auto;
			margin-left: auto;
	}
	.page-title h2 {
		text-align: center;
		font-size: 2.325rem !important;
		line-height: 27px;
	}
	.heading-para {
		font-weight: 700 !important;
		color: #2a436b !important;
		text-align: center;
		font-size: 1.17rem !important;
	}
	.date-para {
		align-items: center;
		justify-content: center;
		margin-left: 28px;
		display: flex;
		height: auto;
		background-color: #f8f9fa;
		border: 1px solid;
		border-radius: 20px;
		font-size: 10px;
		color: #2a436b;
		padding: 6px;
		text-align: center;
		font-weight: 500;
		width: 80%;
	}
	.yellow-bg{border-radius: 1.5rem}


}
@media only screen and (max-width: 767px){
	.logo img{width: 50%}
	
	.page-title h1{font-size: 1.25rem}  
	footer .row div[class*=col]{margin-bottom: 1rem}
	h4{font-size: 1rem}
	.footer-top .custom-btn{width: 100%;font-size: 18px;}
	.caption-text img{width: 82% !important}
	.form-item form {background: rgb(255 255 255 / 53%);}
	textarea {padding: 1.125rem 1.25rem !important;}
	.btn.btn-md{font-size: 1rem;font-weight: 700;position: absolute;margin-top: 13%;left: 0}
}
	
@media only screen and (max-width: 481px){
	.foot-item P{font-size: 8px;line-height: 13px;padding-left: 0.5rem}
}
@media (min-width: 320px) and (max-width: 481px) {
	 
	.page-title h2{font-size: 1.125rem;line-height: 27px}
	.page-title h3{font-size: 26px;line-height: 32px}
	.page-title h5{font-size: 1rem;}
	.banner-img{height:220px}
	.banner-img img{height:100%;object-fit:cover}	
}

@media (min-width: 321px) and (max-width: 375px){
	.form-item{padding: 1rem;}
	.foot-item P{font-size: 7px}
}
@media only screen and (max-width: 360px){
	footer .row .col-4{padding-right: 0}
	.form-item{padding: 1rem;}
}


.button {
    position: relative;
}

.loader {
    display: none;
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
    position: absolute;
    right: 28px;
    top: 28%;
    transform: translateY(-50%);
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}