@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300;400;500;600;700&display=swap');

:root{
	/* Color */
	--primary_color: #FB6C51;
	--secondary_color: #272727;

	/* Font Size */
	--jumbo_taxt: 3rem;
	--title: 1.5rem;
	--jumbo_m-size: 2.4rem;
	--sub_title: .9rem;
	--cont_heading: 1.1rem;
	--containt: .9rem;
}

/*======= List =======
1. Slider
2. Icofont
====================*/


/* Slider */
.slider_area-top_fixed{
	position: relative;
	margin-top: -200px;
}

.slider_1{
	background-image: url('../../web/images/aaic-home-page-banner-1920x1080.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.slider_2{
	background-image: url('../../web/images/untitled-design-4-1920x1080.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.slider_3{
	background-image: url('../../web/images/untitled-design-3-1920x1080.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.slider-img_views{
	height: 700px;
}

.carousel-caption{
	bottom: 279px !important;
}

/* Icofont */
.icon-box{
	display: inline-block;
	width: 80px;
	height: 80px;
	padding: 20px;
	text-align: center;
	border-radius: 50px 0 50px 50px;
}

.icon-box_gradient-approx{
	background: linear-gradient(40deg,#fb6c51 0%,#fdc0b5 100%);
	box-shadow: 0 14px 30px rgb(251 108 81 / 40%);
	color: #FFF !important;
}

.icon-box_gradient-dark{
	background: linear-gradient(40deg,#272727 0%,#5a5a5a 100%);
	box-shadow: 0 14px 30px rgb(39 39 39 / 40%);
	color: #FFF;
}

.icon-box_gradient-light{
	background: linear-gradient(40deg,#879a9f 0%,#c0cacc 100%);
	box-shadow: 0 14px 30px rgb(135 154 159 / 40%);
	color: #FFF;
}

.icon-box_gradient-ash{
	background: linear-gradient(40deg,#82786e 0%,#b2aba4 100%);
	box-shadow: 0 14px 30px rgb(130 120 110 / 40%);
	color: #FFF;
}

.icofont-dbl_size{
	font-size: 40px;
}

#navbar{
	background-color: transparent;
}

.menu-item{
	color: #fff !important;
	font-size: 14px;
}

@media only screen and (min-width: 320px) and (max-width: 991px){
	#navbar{
		background-color: #fff;
	}
        .menu-item{
		color: #272727 !important;
	}
}