/* Container for the banner */
.banner-type-10-container-padding{
	padding: 1% 12%; /* Adds space around the content */
	display: flex;
	justify-content: center;
}

.background-vip-color{
	background-color: var(--colorBG);
	position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    width:100%;
}

.banner-type-10-banner-container {
	position: relative; /* Parent for absolute positioning */
	width: 100%; /* Responsive width */
}

/* Image styles */
.banner-image {
	width: 100%; /* Fill the container width */
	height: auto; /* Maintain aspect ratio */
	display: block;
}

.banner-type-10-banner-text {
	position: absolute; /* Overlay content on the container */
	top: 50%; /* Move the text halfway down */
	left: 50%; /* Adjust to the left side */
	transform: translateY(-50%); /* Center the text vertically */
	color: var(--color2); /* Ensure text is visible on dark background */
	width: 40%; /* Limit text width to fit in the dark area */
	text-align: left;
}

.banner-type-10-banner-link{
	width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
}

/* Text section */
/* .banner-type-10-banner-text { */
/*   width: 70%; 60% of the container width */
/*   background-color: #1e1e1e; Dark background color for the text container */
/*   color: #fff; White text for contrast */
/*   padding: 20px; */
/*   display: flex; */
/*   flex-direction: column; */
/*   justify-content: center; */
/*   position: relative; */
/*   box-shadow: -80px 0 30px 10px #1e1e1e; Left shadow effect */
/* /*   box-shadow: -16px 15px 40px 50px #1e1e1e; */ */
/* } */

/* .banner-type-10-banner-text { */
/*     width: 100%; */
/*     background-color: #1e1e1e; */
/*     color: black; */
/*     padding: 20px; */
/*     display: flex; */
/*     flex-direction: column; */
/*     justify-content: center; */
/*     position: relative; */
/*     text-align: end; */
/*     align-items: flex-end; */
/*     box-shadow: -16px 15px 40px 50px #1e1e1e; */
/* } */

/* Styling for the VIP text container */
/* Header styling */
.banner-type-10-headertext {
  font-size: 24px;
  margin-bottom: 15px;
}

/* Paragraph styling */
.banner-type-10-descriptionVipText {
  font-size: 15px;
  margin-bottom: 10px;
  line-height: 1.4;
}

/* Remove bottom margin for specific paragraphs */
.banner-type-10-descriptionVipText.mb-0 {
  margin-bottom: 0;
}



@media (max-width: 1695px) {
    .banner-type-10-headertext {
        font-size: 24px;
/*         padding: 10px; */
    }
    .banner-type-10-descriptionVipText{
    	        font-size: 15px;
        margin-bottom: 6px !important;
    }
}

@media (max-width: 768px) {


  .banner-type-10-headertext {
    font-size: 10px; /* Smaller header for mobile */
  }

  .banner-type-10-descriptionVipText {
    font-size: 9px; /* Smaller text for mobile */
    line-height: 1.3;
  }