/* ----------- Layout Core ---------- */
.banner-section {
  position: relative;
  padding: 0;
  margin: 0;
  background: url('../images/background/bg-01.jpg') center bottom/cover no-repeat;
  height: 80vh;
  justify-content: center;
  align-items: center;
}

.content-section{
  background: url('../images/second-bg.jpg') no-repeat center bottom/cover; 
  height: auto; 
  padding: 80px 0;
}

.banner-section-box{position:absolute; width: 100%; max-width: 550px; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; text-align: center;}

.banner-logo {
 max-width: 350px;
 height: auto;
 display:block;	
 margin: 0 auto;
 margin-bottom: 25px;	
}

.banner-section h1 {color:#ffd89c; letter-spacing: 0px; font-weight: 700; font-size: 34px; line-height: 38px; }
.banner-section h1 span {color:#ffffff; letter-spacing: 0px; font-weight: 500; font-size: 28px}

.bold-text {color:#fff; font-weight: 500;}

.category-banner{
    background: url('../images/banner/categories-bg.jpg') center bottom/cover no-repeat;
  height: auto;
  padding: 80px 0 40px;
/*  border-bottom: 1px solid #ffd99d; */
    padding: 0px 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5);     
}

.mpb{
  color: #ffd99d; 
  font-family: 'Lemon/Milk';
  padding-top: 50px;
}

.mpw-test{
  color: #ffd99d; 
  font-family: 'Lemon/Milk', sans-serif;
}

.mpb-semitext{
  font-size: 1.2rem; 
  color:white; 
  padding-bottom: 30px;
}


.mpb-brand{
  font-size: 1.3rem; 
  color:#ffd99d; 
  padding-left: 42px;
	text-align: left;
}

.mpb-unique{
  font-size: 1.15rem; 
  line-height: 1.8; 
  color: #fff;
}

.mpb-img{
  width:100px;
   height:auto;
}

.mpb-icon{
  width:42px; 
  height:auto;
}


.category-section{
    background: url('../images/banner/category-bg.jpg') center center/cover no-repeat;
    padding: 10px 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid #ffd99d;
	border-top: 1px solid #ffd99d;
    background-attachment: fixed;
}
.right-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}


.video-card {
  width: 230px;
  height: auto;
  border-radius: 15px;  
  overflow: hidden;
  position: relative;
  z-index: 5;
  
  
}

.video-card img {
  width: 100%;
  height: auto;
  cursor: pointer;
}

.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.play-btn img {
  width: 60px;
}


.golden-card {
/*  background: #947117;
background: linear-gradient(140deg, rgba(148, 113, 23, 0.7) 13%, rgba(224, 182, 63, 0.7) 49%, rgba(160, 124, 33, 0.7) 90%); */	
background: #947117;
background: linear-gradient(140deg, rgba(148, 113, 23, 0.8) 7%, rgba(255, 220, 43, 0.8) 49%, rgba(160, 124, 33, 0.8) 96%);
  /* background: linear-gradient(180deg, #f7d97c, #c59a3a); */
  border: 2px solid #e6c86b;
  padding: 25px 25px 25px 50px;
  border-radius: 15px;
  margin-left: -40px;
  z-index: 1;
  max-width: 380px;
}


.golden-card h3 {
  font-weight: 800;
  font-size: 22px;
  color: #fff;
  line-height: 28px;
  text-align: left;	
 letter-spacing: 0px;
	margin-bottom: 10px;
}
.golden-card h5 {
  font-weight: 700;
  color: #3d2b00;
  letter-spacing: 0px;
  font-size: 20px;
  text-align: left;
}
.golden-card p {
  margin-top: 8px;
  font-size: 15px;
  color: #1a1a1a;
  line-height: 20px;
	text-align: left;
}

@media (max-width: 768px) {
  .right-wrapper {
    transform: scale(0.9);
  }
}
@media (max-width: 576px) {
  .right-wrapper {
    transform: scale(0.9);
  }
	.golden-card {max-width:300px;}
}


.video-popup {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.85);
  backdrop-filter: blur(10px);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.video-popup-content {
  position: relative;
}

.close-popup {
  position: absolute;
  top: -40px;
  right: 0;
  color: #fff;
  font-size: 35px;
  cursor: pointer;
}


  .speaker-box {
    
    border-radius: 10px;
    padding: 15px;
    display: flex;
    gap: 15px;
    align-items: center;
    height: 100%;
   
}

.speaker-box h3 {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    color: #4b1925;
    margin-bottom: 3px;
}
.speaker-box p {
    color: #4b1925;
    font-style: italic;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 3px;
    text-align: center !important;
}
.speaker-img {
    /* width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #b8860b;  */
        width: 220px;
    /* height: 90px; */
    border-radius: 50%;
    object-fit: cover;
    /* border: 3px solid #b8860b;*/
}



.speakers-section::before {
  /* content: "SPEAKERS";
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 140px;
  font-weight: 800;
  color: rgba(22, 147, 185, 0.15);
  letter-spacing: 25px;
  filter: blur(2px); 
  white-space: nowrap;
  pointer-events: none;
  z-index: 0; */
  content: "SPEAKERS";
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 9.5rem;
    font-weight: 900;
    color: rgb(75 25 37);
    letter-spacing: 25px;
    /* filter: blur(2px); */
    white-space: nowrap;
    pointer-events: none;
    z-index: 0;
    opacity: 0.05;
    letter-spacing: 10px;
}


@media (max-width: 992px) {
  .speakers-section::before {
    font-size: 100px;
    letter-spacing: 15px;
	top: 12%;
  }
}


@media (max-width: 768px) {
  .speakers-section::before {
    
	        font-size: 100px;
        letter-spacing: 8px;
        top: 6%;
    }
  }

@media (max-width: 480px) {
  .speakers-section::before {
    font-size: 63px;
    letter-spacing: 5px;
  }
}

/* .category-section::before {
  content: "CATEGORIES";
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 9.5rem;
    font-weight: 900;
    color: rgb(75 25 37);
    letter-spacing: 25px;
    
    white-space: nowrap;
    pointer-events: none;
    z-index: 0;
    opacity: 0.05;
    letter-spacing: 10px;
}


@media (max-width: 992px) {
  .category-section::before {
    font-size: 100px;
    letter-spacing: 15px;
	top: 12%;
  }
}


@media (max-width: 768px) {
  .category-section::before {
    
	        font-size: 100px;
        letter-spacing: 8px;
        top: 6%;
    }
  }

@media (max-width: 480px) {
  .category-section::before {
    font-size: 63px;
    letter-spacing: 5px;
  }
} */
 /* .categories-section {
  position: relative;
  padding: 80px 0;
  overflow: hidden;
}

.categories-section::before {
  content: "CATEGORIES";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 130px;
  font-weight: 900;
  color: rgba(255, 217, 157, 0.12); 
  letter-spacing: 20px;
  filter: blur(3px); 
  white-space: nowrap;
  pointer-events: none;
  text-transform: uppercase;
}


@media (max-width: 992px) {
  .categories-section::before {
    font-size: 90px;
    letter-spacing: 10px;
  }
}

@media (max-width: 768px) {
  .categories-section::before {
    font-size: 60px;
    letter-spacing: 6px;
  }
}

@media (max-width: 480px) {
  .categories-section::before {
    font-size: 38px;
    letter-spacing: 4px;
  }
} */


.categories-section::before {
  /* content: "Cate";
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 140px;
  font-weight: 800;
  color: rgba(22, 147, 185, 0.15);
  letter-spacing: 25px;
  filter: blur(2px); 
  white-space: nowrap;
  pointer-events: none;
  z-index: 0; */
  content: "CATEGORIES";
    position: absolute;
    top: 17%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 9.5rem;
    font-weight: 900;
    color: rgb(215 53 140);
    letter-spacing: 25px;
    /* filter: blur(2px); */
    white-space: nowrap;
    pointer-events: none;
    z-index: 0;
    opacity: 0.05;
    letter-spacing: 10px;
}


@media (max-width: 992px) {
  .categories-section::before {
    font-size: 100px;
    letter-spacing: 15px;
	top: 12%;
  }
}


@media (max-width: 768px) {
  .categories-section::before {    
	        font-size: 100px;
        letter-spacing: 8px;
        top: 6%;
    }
  }

@media (max-width: 480px) {
  .categories-section::before {
    font-size: 63px;
    letter-spacing: 5px;
  }
}