@import "common.css";
.round-social-icon {
    background: #0A66C2;
    width: 53px;
    height: 53px;
    border-radius: 100%;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 0px;
}
.round-social-icon.facebook{
	align-items: flex-end;
	background: #1677f1;
}
a.round-social-icon:hover {
    text-decoration: none;
    color: #ffffff;
    transform: scale(1.1);
}
.round-social-icon .fa-brands {
    font-size: 38px;
    line-height: 38px;
    color: #ffffff;
}
/*style for navigation start*/
.aee-navbar{
	padding: 15px 20px;
	background: var(--white);
	transition: all 0.8s ease-out;
}
.aee-navbar.fixed{
	background-color: #fafafa;
    /*-moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25),0 0 1px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 6px 0 rgb(0 0 0 / 25%), 0 0 1px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 25%), 0 0 1px 0 rgb(0 0 0 / 30%);*/
}
.aee-navbar.drop_shadow{
	background-color: #fafafa;
    -moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25),0 0 1px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 6px 0 rgb(0 0 0 / 25%), 0 0 1px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 25%), 0 0 1px 0 rgb(0 0 0 / 30%);
}
.aee-navbar .navbar-brand img{
	max-width: 80%;
}
.aee-navbar .container{
	align-items: flex-end;
}
.aee-navbar .navbar-nav{
	align-items: center;
}
.aee-navbar .aee-navbar-menu.navbar-nav  .nav-item{
	padding: 10px 5px;
}
.aee-navbar .aee-navbar-menu.navbar-nav .nav-link{
	padding: 0px;
	color: var(--blue);
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.4rem;
}
.aee-navbar .aee-navbar-menu.navbar-nav  .nav-item.last-item{
	position: relative;
	padding-left: 20px;
	margin-left: 20px;
}
.aee-navbar .aee-navbar-menu.navbar-nav  .nav-item.last-item:before{
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 1px;
	height: 100%;
	background-color: var(--blue);
}
.aee-navbar .aee-navbar-menu.navbar-nav .nav-item .sm-icon img{
	max-width: 34px;
	transform: scale(1 , 1);
	transition: transform 0.5s ease-in-out;
}
.aee-navbar .aee-navbar-menu.navbar-nav .nav-link:hover img{
	transform: scale(1.1 , 1.1);
}
.aee-navbar .aee-navbar-menu.navbar-nav .last-item .nav-link:hover{
	text-decoration: underline;
}
/*style for navigation end*/
/*style for hero banner start*/
.sec-hero-banner{
	background: url(../images/banner.jpg) var(--blue) no-repeat;
	background-size: cover;
	background-position: top 85px right;
	height: 75vh;
	min-height: 500px;
}
.sec-hero-banner.hero-banner-second{
	background: url(../images/home-banner-02.jpg) var(--blue) no-repeat;
	background-size: cover;
	background-position: center center;
	height: 75vh;
	min-height: 500px;
	position: relative;
}
.sec-hero-banner.hero-banner-second:after{
	content: "";
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 1;
}
.sec-hero-banner.hero-banner-second .hero-banner-content{
	position: relative;
	z-index: 2;
}
.hero-banner-carousel .VueCarousel-dot {
    background-color: rgb(181, 179, 179) !important;
    margin-top: 0px !important;
}
.hero-banner-carousel .VueCarousel-dot.VueCarousel-dot--active {
    background-color: var(--blue) !important;
}
.hero-banner-carousel .VueCarousel-dot:focus{
	outline: none!important;
}
.sec-hero-banner  .container{
	height: 100%;
}
.sec-hero-banner .container .row{
	align-items: center;
	height: 100%;
}
.hero-banner-content .banner-title{
	font-size: 2rem;
    line-height: 2.4rem;
	font-weight: 800;
	color: var(--white);
	margin-bottom: 15px;
}
.hero-banner-content {
	padding-top: 85px;
}
.hero-banner-content .banner-description{
	font-size: 1.3rem;
	line-height: 1.7rem;
	font-weight: 400;
	color: var(--white);
	margin-bottom: 15px;
}
.hero-banner-content .btn-primary:hover{
    border: 2px solid var(--white);
    background-color: transparent;
    color: var(--white);
}
/*style for hero banner end*/
/*style for navigation after banner start*/
.banner-footer{
	height: 20vh;
	min-height: 150px;
	transition: all 0.8s ease-out;
}
.banner-menu{
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
	flex-direction: row;
	height: 20vh;
	min-height: 150px;
	margin-bottom: 0px;
	padding-left: 0px;
}
.banner-menu li{
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	list-style: none;
	color: var(--blue);
	text-align: center;
	
}
.banner-menu li a{
	padding: 15px 10px;
	text-align: center;
	display: block;
	background-color: var(--white);
	color:  var(--blue);
	font-size: 1rem;
	line-height: 1.3rem;
	font-weight: 600;
	-webkit-box-shadow: -1px 3px 10px 3px #dddddd;
	-moz-box-shadow: -1px 3px 10px 3px #dddddd;
	box-shadow: -1px 3px 10px 3px #dddddd;
	border-radius: 5px;
	width: 85%;
	-moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin: 0 auto;
}
.banner-menu li a:hover, .banner-menu li a.active{
	text-decoration: none;
	background-color: var(--blue);
	color:  var(--white);
}
.separation-line.banner hr{
    margin: 0px;
}
/*style for navigation after banner end*/

/*style for Benefits start*/
.sec-benefits{
	padding: 50px 0px;
}
.benefits-item .item-wrapper{
	display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    height: 100%;
}
.benefits-item .item-wrapper .small-title{
	margin-bottom: 5px;
	width: 95%;
}
.benefits-item .item-wrapper .item-icon{
	margin-bottom: 20px;
}
/*style for Benefits end*/
/*style  for join community start*/
.join-item{
	margin-top: 30px;
}
.join-item .item-wrapper{
	display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 25px;
    height: 100%;
    position: relative;
    border-radius: 20px;
    padding: 40px 20px 10px 20px;
    border: 2px solid var(--green);
}
.join-item .item-wrapper .item-title{
	position: absolute;
    top: -19px;
    left: 30px;
    background-color: var(--blue);
    border-radius: 100px;
    padding: 5px 15px;
    color: var(--white);
    min-width: 180px;
    text-align: center;
    margin-bottom: 0px;
    font-size: 1.2rem;
    line-height: 1.4rem;
}
/*style  for join community end*/
/*style  for sign up start*/
.sec-signup{
	padding: 50px 0px;
	margin-bottom: 0px;
}
.signup-content p{
	font-size: 1.2rem;;
	line-height: 1.5rem;
}
/*style  for sign up end*/
/*style for footer start*/
.footer{
	background-color: var(--dark-blue);
	padding: 50px 0px;
}
.footer .footer-title{
	margin-bottom: 30px;
}
.footer-content .footer-content-item .item-wrapper{
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px;
}
.footer-content-item .item-wrapper .icon{
	max-width: 20%;
}
.footer-content-item .item-wrapper .icon img{
	max-width: 100%;
}
.footer-content-item .item-wrapper .content{
	max-width: 80%;
}
.footer-content-item .item-wrapper .content p{
	font-size: 1.1rem;
	line-height: 1.5rem;
	color: #ffffff;
	margin-bottom: 0px;
}
.footer-content-item .item-wrapper .content p span{
	display: block;
}
.footer-content-item .item-wrapper .content a{
	color: #ffffff;
}
.footer-content-item .item-wrapper .content a:hover{
	text-decoration: underline;
}
.footer-copyright{
	margin: 60px 0px 0px;
}
.footer-copyright p{
	color: var(--white);
	font-size: 1.1rem;
	line-height: 1.5rem;
	margin-bottom: 0px;
}
.footer-contact-block{
    -ms-flex: 0 0 79.333333%;
    flex: 0 0 79.333333%;
    max-width: 79.333333%;
}
/*style for footer end*/
.banner-menu-xs{
	display: none!important;
}
/*style for fixed menu on scroll start*/
.banner-footer.fixed {
    height: unset;
    min-height: unset;
    position: fixed;
    top: 85px;
    right: 0;
    left: 0;
    z-index: 1030;
    padding: 25px 0px;
    height: unset;
    min-height: unset;
    background-color: #ffffff;
    background-color: #fafafa;
   -webkit-box-shadow: -0.5px 7.5px 3.5px -6px #dddddd;
	-moz-box-shadow: -0.5px 7.5px 3.5px -6px #dddddd;
	box-shadow: -0.5px 7.5px 3.5px -6px #dddddd;
}
.banner-footer.fixed .banner-menu{
	height: unset;
    min-height: unset;
    position: relative;
}
.banner-footer.fixed .banner-menu:after{
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.1);
	top: -20px;
	left: 0px;
	right: 0px;
}
/*style for fixed menu on scroll end*/
/*style for sweet modal start*/
.aee-user-modal .sweet-modal.is-alert .sweet-content {
	text-align: left;
	float: left;
	width: 100%;
	    border-top: 4px solid #29378F;
}

.aee-user-modal .title-heading {
	text-align: center
}

.aee-user-modal .sweet-modal-icon.sweet-modal-error .sweet-modal-line {
	top: 29px;
	height: 4px;
	width: 45px;
	background-color: #f2c327
}

.aee-user-modal .sweet-modal-icon.sweet-modal-error .sweet-modal-line.sweet-modal-left {
	left: 8px
}

.aee-user-modal .sweet-modal .sweet-content .sweet-modal-icon {
	margin-bottom: 20px
}

.aee-user-modal .sweet-modal-icon.sweet-modal-error .sweet-modal-line.sweet-modal-right {
	left: 8px
}

.aee-user-modal .sweet-modal-icon.sweet-modal-error {
	border-color: #f2c327
}

.aee-user-modal .sweet-modal-icon {
	position: relative;
	width: 60px;
	height: 60px
}

.aee-user-modal .sweet-modal-icon.sweet-modal-warning .sweet-modal-body {
	width: 5px;
	height: 26px
}
.aee-user-modal .sweet-modal .sweet-box-actions .sweet-action-close:hover {
	background: transparent !important;
	color: var(--blue); !important
}
.band-404 {
	min-height: 500px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
/*style for sweet modal end*/
@media only screen and (min-width: 0px) and (max-width: 767px){
	.aee-navbar .aee-navbar-menu{
		flex-direction: row;
		margin-top: 20px;
	}
	.aee-navbar .aee-navbar-menu.navbar-nav .nav-item .sm-icon img {
    	max-width: 30px;
	}
	.aee-navbar .navbar-brand{
		max-width: 65%;
	}
	.aee-navbar .navbar-toggler-icon{
		width: 30px;
		height: 30px;
	}
	.contactus-content.sec-space {
    	margin: 20px 0px;
	}
	.aee-navbar .navbar-toggler {
    	padding: 2px 7px;
	}
	.aee-navbar .navbar-brand img {
    	max-width: 100%;
	}
	.aee-navbar .container {
    	align-items: center;
	}
	.banner-menu-sm{
		display: none;
	}
	.banner-menu-xs{
		display: block !important;
		padding-left: 0px;
		margin: 20px 0px;
	}
	.banner-footer.fixed .banner-menu-xs{
		margin: 0px 0px;
	}
	.banner-footer .banner-menu li{
		padding: 15px 30px 15px;
	}
	.banner-footer.fixed .banner-menu li{
		padding: 15px 30px 5px;
	}
	.banner-menu li a{
		width: 75%;
		border: 1px solid #fafafa;
		padding: 10px 10px;
		font-size: 1rem;
    	line-height: 1.4rem;
	}
	.banner-footer.fixed .banner-menu li a{
		box-shadow: none;
	}
	.banner-menu .owl-nav button.owl-prev {
    	left: 0%;
	}
	.banner-menu .owl-nav button.owl-next {
	    right: 0%;
	}
	.banner-menu  .owl-nav button.owl-next, 
	.banner-menu .owl-nav button.owl-prev {
	    position: absolute;
    	top: 50%;
    	transform: translate(0%,-50%);
	}
	.banner-footer, .banner-menu{
		height: unset;
		min-height: unset;
	}
	.hero-banner-content .banner-title {
    	font-size: 1.6rem;
    	line-height: 2rem;
    }
    .banner-menu  .owl-nav button .fas{
    	color: var(--blue);
    }
    .owl-theme.banner-menu  .owl-nav [class*=owl-]:hover {
	    background: transparent;
	    color: var(--blue);
	    text-decoration: none;
	}
	.hero-banner-content .banner-description {
    	font-size: 1rem;
    	line-height: 1.4rem;
    }
    .btn-primary {
    	font-size: 1rem;
    	line-height: 1.4rem;
	}
	.sec-hero-banner {
    	background-position: top 70px left;
    	height: 75vh;
    	min-height: 500px;
    }
    .sec-hero-banner.hero-banner-second{
    	height: 75vh;
    	min-height: 500px;
    }
    .hero-banner-content {
    	padding-top: 70px;
	}
    .sub-title {
    	font-size: 1.4rem;
    	line-height: 32px;
    }
    .benefits-item .item-wrapper .small-title{
    	width: 100%;
    }
    .benefits-item .item-wrapper{
    	align-items: center;
    	margin-bottom: 20px;
    }
    .join-item .item-wrapper .item-title{
    	font-size: 1rem;
    	line-height: 1.3rem;
    	min-width: 140px;
    	left: 50%;
    	transform: translate(-50%, 0%);
    }
    .join-item .item-wrapper{
    	text-align: center;
    }
    .join-item {
    	margin-top: 40px;
	}
	.benefits-item .item-wrapper .small-title{
		text-align: center;
	}
	.benefits-item .item-wrapper p{
		text-align: center;
	}
	.sec-signup .signup-image{
		margin-top: 30px;
	}
	.footer-content .footer-content-item .item-wrapper:first-child{
		margin-bottom: 20px;
	}
	.footer-content-item .item-wrapper .icon {
    	max-width: 10%;
	}
	.footer-content-item .item-wrapper .content {
    	max-width: 85%;
	}
	.footer-content-item .item-wrapper .content p {
    	font-size: 1rem;
    	line-height: 1.4rem;
    }
    .footer-copyright {
    	margin: 30px 0px 0px;
	}
	.footer .footer-title {
    	margin-bottom: 10px;
	}
	.footer-copyright p{
		font-size: 0.8rem;
    	line-height: 1.4rem;
    	text-align: left;
	}
	.banner-footer.fixed{
		padding: 0px 0px;
		top: 65px;
	}
	.banner-footer.fixed {
    	z-index: 1028;
    }
    .banner-footer.fixed .banner-menu:after{
    	display: none;
    }
    .aee-navbar.small-menu{
    	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    	padding: 10px 20px;
    }
    .aee-user-modal .modal-body,
	.aee-user-modal .login-modal-sec {
		padding-left: 0px;
		padding-right: 0px
	}
	.aee-modal-vcenter .sweet-modal .sweet-content {
/*		padding-top: 50% !important*/
	}
	.aee-user-modal .is-mobile-fullscreen{
		width: 100%!important;
	}
	.aee-user-modal .sweet-modal.is-mobile-fullscreen{
		height: unset;
    	transform: scale(0.9)!important;
    	top: 10%;
	}
}
@media only screen and (min-width: 767px) and (max-width: 991px){
	.footer-content-item .item-wrapper .icon {
    	max-width: 20%;
	}
	.footer-content-item .item-wrapper .content {
    	max-width: 100%;
	}
	.footer-content-item .item-wrapper .content p {
    	font-size: 1.2rem;
    	line-height: 1.7rem;
    }
    .footer-copyright p{
		font-size: 1rem;
    	line-height: 1.4rem;
    }
    .footer-content .footer-content-item .item-wrapper {
    	align-items: flex-start;
    	flex-direction: column;
    }
    .banner-menu li a{
		width: 90%;
	}
	.aee-navbar .aee-navbar-menu{
		flex-direction: row;
		margin-top: 20px;
	}
	.aee-navbar .aee-navbar-menu.navbar-nav .nav-item .sm-icon img {
    	max-width: 35px;
	}
	.aee-navbar .navbar-brand img {
    	max-width: 65%;
	}
	.sec-hero-banner {
    	background-size: cover;
    	background-position: top 85px left;
    }
    .sec-hero-banner.hero-banner-second{
    	background-size: cover;
    }
    .banner-menu li a {
    	font-size: 0.8rem;
    	line-height: 1.3rem;
    }
    .banner-footer.fixed .banner-menu:after{
    	top: -12px;
    }
    .aee-user-modal .sweet-modal {
		width: 80% !important
	}

}
@media only screen and (min-width: 992px) and (max-width: 1024px){
	.banner-menu li a{
		width: 90%;
	}
}
@media only screen and (min-width: 0px) and (max-width: 1200px){
	.footer-contact-block{
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
    }
}
/*-----------------style for country code drop down start-----------*/
.aee-form-mobile {
	display: inline-flex;
	align-items: center;
	width: 100%
}

.aee-form-mobile .aee-country-code {
	padding-right: 10px
}

.aee-form-mobile .aee-mob-no {
	width: 100%
}

.vue-country-select li.dropdown-item {
	width: 100%;
	font-weight: 200
}

.vue-country-select li.dropdown-item strong {
	font-weight: 300
}

.signup-modal .vue-country-select {
	border-color: #f5f5f5 !important
}

.aee-form.enquiry-form .enquiry-item .vue-country-select {
	border-color: #eeeeee
}

.vue-country-select .dropdown:hover {
	background-color: transparent !important
}

.vue-country-select {
	background-color: #ffffff !important;
	height: 34px
}

.signup-modal .vue-country-select {
	height: 37px
}

.vue-country-select.readonly {
	background-color: #eee !important;
	border: none !important;
	position: relative
}

.vue-country-select.readonly:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px
}

.frm-profile-content .vue-country-select .dropdown-list {
	width: 300px !important
}

.signup-modal .vue-country-select .dropdown {
	background-color: #f5f5f5 !important
}

.vue-country-select:focus-within {
	box-shadow: none !important;
	border-color: #dddddd !important
}

.vue-country-select .country-code {
	padding-left: 5px;
	padding-right: 5px
}

.vue-country-select .dropdown.open {
	background-color: transparent !important
}

.signup-modal .vue-country-select .dropdown.open {
	background-color: #f5f5f5 !important
}

@media only screen and (min-width: 0px) and (max-width: 320px) {
	.aee-form-mobile .aee-country-code {
		width: 33%
	}
}

@media only screen and (min-width: 321px) and (max-width: 480px) {
	.aee-form-mobile .aee-country-code {
		width: 30%
	}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.vue-country-select.readonly {
		background-color: #ffffff !important
	}

	.vue-country-select .dropdown-list {
		width: 319px !important
	}
}

/*-----------------style for country code drop down end-----------*/