/* 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: 40%; /* 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;
}

/* 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: 20px;
  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: 20px; !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;
  }