@font-face {
  font-family: quickSandRegular;
  src: url('../font/Quicksand-Regular.ttf');
}

body{
	font-family: quickSandRegular;
}

.bg-home{
	background-image: url("../images/BG@2x.png");
	background-repeat: no-repeat;
	max-height: 100vh !important;
	background-size: cover;
}

.home-flex-gap{
	gap: 5rem;
}


@media only screen and (max-width: 820px){
	.home-flex-gap{
	gap: 2rem !important;
	}
	
	.home-desc{
		font-size: 16px !important;
	}
	
	.home-title{
		font-size: 20px !important;
	}
	
	.home-title-div{
		margin-top: 10px !important;
	}

}



#aboutUsSection:target:before {
    content:"";
    display:block;
    height:90px; /* fixed header height*/
    margin:-90px 0 0; /* negative fixed header height */
}

#contactUsSection:target:before {
    content:"";
    display:block;
    height:90px; /* fixed header height*/
    margin:-90px 0 0; /* negative fixed header height */
}



.home-title-div{
	background: rgba(1, 64, 169, 0.2);
	backdrop-filter: blur(7.5px);
/* Note: backdrop-filter has minimal browser support */
	padding: 20px;
	width: 477px;
	min-height: 115px;
	border-radius: 25px;
	margin-top: 10px;
}

.fs-12{
	font-size: 12px;
	line-height: 17px;
	color: #000000;
}

.fs-24{
	font-size: 24px;
	line-height: 30px;
}

.fs-16{
	font-size: 16px;
	line-height: 20px;
}

.accordion-button:not(.collapsed){
	color: #000000 !important;
	background-color: #fff !important;
	border: none !important;
	box-shadow: none !important;
}

.accordion-item {
	border: none !important;
	background: #FFFFFF;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25) !important;
	border-radius: 3px !important;
}

.accordion-item:focus{
	border-color: none !important;
}

.accordion-button:focus{
	border-color: #fff !important;
	box-shadow: none !important;
}

.accordion-button{
	font-weight: 600 !important;	
	padding: 10px 1.25rem !important;;
}

.accordion-button:not(.collapsed)::after{
	background-image: url("../images/arrow.svg") !important;
}

.accordion-button::after {
	background-image: url("../images/arrow.svg") !important;
}

.accordion-body{
	padding-top: 0px !important;
}

.footer-card{
	background: #fff;
	height: 44px;
}

.show-only-mobile{
	display: none !important;
}

.show-only-desktop{
	display: block !important;
}

.mt-80{
	margin-top: 80px !important;
}

.mb-30{
	margin-bottom: 30px;
}

.text-blue{
	color: #0140A9 !important;
}

@media (min-width: 768px){
	.navbar-toggle {
	    display: none;
	}
}

@media only screen and (max-width:480px){
	
	.show-only-mobile{
		display: block !important;
	}
	
	.show-only-desktop{
		display: none !important;
	}
	
}

@media only screen and (max-width: 1024px){
	.app-image{
		max-height: 500px !important;
	}
}

@media only screen and (max-width: 820px){
	.app-image{
		max-height: 800px !important;
	}
}

@media only screen and (max-width: 376px){
	.app-image{
		max-height: 450px !important;
	}
}

@media only screen and (max-width: 280px){
	.app-image{
		max-height: 400px !important;
	}
}