/* Layout - Full Banner Slider */
.homebanner_panel {
    width: 100%;
    background: none;
    padding: 0px 0px;
    /* margin-bottom: 10px; */
    margin-bottom: 0px;

}

.full_banner_slider_section{
	position: relative;
}

.homebanner_panel .swiper-pagination-bullet {
	background-color: var(--theme-color);
	border: 0px solid var(--theme-color);
	width: 12px;
	height: 12px;
	border-radius: 7px;
	opacity: 1;
	margin: 0 6px !important;

	position: relative;
	overflow: hidden;
}

.homebanner_panel .swiper-pagination-bullet-active {
	opacity: 1 !important;
	background-color: transparent;
	border: 1px solid var(--theme-color);
}

.homebanner_panel .pageHeading_banner {
	font-size: 35pt;
	width: 100%;
	letter-spacing: 0px;
	text-transform: capitalize;
	color: #fff;
	padding: 0px 0px 0px 0px;
	font-weight: 600;
	line-height: 1.4;
}

.homebanner_panel .pageDescription_banner {
	font-size: 20pt;
	width: 100%;
	color: #fff;
	font-weight: 300;
	/* text-shadow: var(--text-shadow); */
}

.homebanner_panel .pageHeading_banner h2,
.homebanner_panel .pageSubHeading_banner,
.homebanner_panel .pageDescription_banner{
	color: var(--white-color);

	/* text-shadow: var(--text-shadow); */
}

.homebanner_panel .pageDescription_banner{
	font-size: 16px !important;
	font-weight:500;
}

.homebanner_panel .home_banner_btn{
	display: inline-block;
	border: 1px solid var(--white-color);
	border-radius: var(--border-radius-1);
	background-color: transparent;
	color: var(--white-color);
	padding: 10px 20px;
    margin-top: 30px;
	transition: all .3s linear;
}

.homebanner_panel .home_banner_btn:hover{
	background-color: var(--white-color);
	color: var(--main-color);
}

.homebanner_panel .pageSubHeading_banner{
	font-size: 16px;
	font-weight: 300;

	margin-bottom: 10px;
}

.homebanner_panel .action-btn {
    border-radius: 100%;
    width: 2.5rem;
    height: 2.5rem;
    transition: all 175ms linear;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: unset;
    opacity: 1;
    display: flex;
    align-items: center;
}

.homebanner_panel .swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: none;
}

.homebanner_panel .action-btn i {
    color: var(--main-color);
    font-size: 11px;
}

.homebanner_panel .homebanner-pagination {
	width: fit-content !important;
}

.homebanner_panel .swiper-pagination-bullet-active .current_pagination_effect{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 0%;
    height: 9px;
    background-color: var(--black-color);
	animation-name: countingBar;
	animation-duration: 5s;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
	animation-direction: normal ;
	animation-fill-mode:backwards;
}

.full_banner_slider_section .navigation_panel{
	position: absolute;
    bottom: 20px;
    z-index: 1;
	width: 100%;
}

/* .homebanner_panel {
	height: calc(var(--vh, 1vh) * 100);
}

.homebanner_panel .content_banner video {
	min-height: calc(var(--vh, 1vh)* 100) !important;
} */

@keyframes countingBar {
    0% {width: 0;}
    100% {width:100%;}
}

@media screen and (max-width: 1150px) and (min-width: 1050px) {
	.homebanner_panel {
		margin-top: 0px;
	}
}

@media only screen and (max-width: 1050px) {
	.collectionSwiper {
		padding-left: 4rem !important;
	}
}

@media only screen and (max-width: 850px) {
	
	/* .homebanner_panel {
		margin-top: 0px !important;
	} */
	
	.homebanner_panel .banner_content_inner_box{
		max-width: 80% !important;
	}
}

@media only screen and (max-width: 610px) {
	.collectionSwiper {
		padding-left: 2rem !important;
	}

	.homebanner_panel {
		width: 100%;
		/* float: left ;*/
		background: #fff;
		padding: 0px 0px;
		margin-top: 0px;
	}
	/* .homebanner_panel {
		margin-top: 0px !important;
		margin-bottom: 10px;
	} */
	
	.homebanner_panel .pageHeading_banner h2 {
		font-size: 35px !important;
	}

	/* .homebanner_panel .navigation_panel{
		margin: 0px 50px !important;
	} */
}

@media only screen and (max-width: 480px) {
	
	/* .homebanner_panel {
		margin-top: 0px !important;
	} */
	
	.homebanner_panel .banner_content_inner_box {
		max-width: 90% !important;
	}

	.homebanner_panel .pageHeading_banner h2 {
		font-size: 30px !important;
	}

	.homebanner_panel .banner_content_inner_box{
		padding: 10px !important;
	}

	.homebanner_panel .home_banner_btn {
		font-size: 10px;
        padding: 5px 15px;
	}

	.homebanner_panel .pageSubHeading_banner {
		font-size: 11px;
	}

	.homebanner_panel .swiper-pagination-bullet {
		height: 9px;
		width: 9px;
	}
}