@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
body {font-family: "Poppins", sans-serif;}
p.fs-5{line-height: 1.4;}
.navbar{background-color: #f5c316!important;}
.navbar-toggler{border-color:#025190;}
.dropdown-menu{background-color:#f5c316;}
.dropdown-menu[data-bs-popper]{left: auto;right: 0;}
.dropdown-item{color: #6f5002;}
.dropdown-item:hover,.dropdown-item:focus{background-color: #eea916; color: white!important;}
.navbar-brand>img{box-sizing: border-box;padding:0 10px;}
.slog{display: block;overflow: hidden;box-sizing: border-box;border-top-left-radius: 200px;border-top-right-radius: 200px;}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{color: #6f5002;}
.country .dropdown-item{color: #6f5002;height: auto;overflow: hidden;}
.country.dropdown-menu .dropdown-item::before{content: '';width:30px;height: 30px;background-size:30px 30px;display:block;float: left;margin-right:10px;border-radius: 50%;}
.country.dropdown-menu .dropdown-item.Mexico::before{background-image:url(../images/Mexico.jpg);}
.country.dropdown-menu .dropdown-item.Myanmar::before{background-image:url(../images/Myanmar.jpg);}
.country.dropdown-menu .dropdown-item.Tanzania::before{background-image:url(../images/Tanzania.jpg);}
.country.dropdown-menu .dropdown-item.Sri-Lanka::before{background-image:url(../images/Sri-Lanka.jpg);}



.banner img{display: block;width:100%;height: auto;}
.swiper-button-next, .swiper-button-prev{background-color: #eea916;width: 50px; height: 50px;box-sizing: border-box;border-radius: 50%;}
.swiper-button-next::after, .swiper-button-prev::after{font-size:24px;color: white;}
.swiper-pagination-bullet{width:15px;height:15px;}
.swiper-pagination-bullet-active{background:#eea916;}
footer{background-color: #e9b210;}
footer a{color: white;}
.about h1{color: #eea916;}
.about img{display: inline-block;max-width:100%;height:auto;}
.ad img{display: block;max-width:100%;height: auto;}
.global h2{color: #eea916;font-weight: bold;}

/* Address */
ol.breadcrumb li:first-child{position: relative;padding-left:2rem;}
ol.breadcrumb li:first-child::before{content:'';display:block;width:1.5rem;height:1.5rem;background-image: url(../images/Icon-Menu-Breadcrumb.svg);position: absolute;left: 0;background-size:100%;}



/* shared "about" section wrapper */
.about{max-width:1600px;margin:50px auto}
.about h3{font-size:32px;color:#ffb420;text-align:center;width:100%;margin:80px auto;font-weight: bold;}
.about p{font-size:18px;line-height:30px}
 
/* Brand Introduction */
.Introduction-txt{background-color:#fafafa}
.Introduction-txt>div:last-child{box-sizing:border-box;padding:60px 60px}
.Introduction-txt>div:last-child p{margin-bottom:30px;font-size:20px;line-height:30px}
 
/* Brand Story */
.Story>div.Story-text{box-sizing:border-box;padding:80px 70px;background-color:#f8f8f8}
.Story>div.Story-img{margin:70px 0 130px}
 
/* HEYU Culture */

.Culture-list>div>div{box-sizing:border-box;text-align:center;padding:0 30px;background-color:#fffbeb;display:flex;min-height:350px;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;}
.Culture-list>div img{display:block;width:60px;height:auto}
.Culture-list>div p{font-size:24px;color:#000;font-weight:700;line-height:4;margin-bottom: 0;}
.Culture-list>div span{font-size:16px;color:#000;line-height:1.5;display:block;height:90px;display:flex;align-items:center}
 
/* mobile adjustments */
@media (max-width:768px){
    .Introduction-txt>div:last-child{padding:30px 20px}
    .Story>div.Story-text{padding:40px 25px}
    .about h3{font-size:24px;margin:40px auto}
}
 

.history ul{display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;}
.history ul li{display: flex;}
.history ul li p{margin-bottom: 0;}

@media (min-width: 768px) { 
.history ul::before{position: absolute;width:4px;height:100%;background-color: #eea916;left:50%;margin-left: -2px;content: '';}
.history ul li{min-height:130px}
.history ul li:nth-child(2n){position: relative;}
.history ul li:nth-child(2n+1){position: relative;}
.history ul li:nth-child(2n) p{position: absolute;top:100px;}
.history ul li::before{content:'';border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-right: 20px solid #eea916; width:60px;height:20px;margin-top: 20px;}
.history ul li:nth-child(2n)::before{transform: scaleX(-1);top:100px;position: absolute;left: calc(-100% / 5);;}
.history ul li:nth-child(2n+1)::before{position: absolute;right: calc(-100% / 5);}
.history ul li:last-child::before{display:none}

}


/* ===== section wrappers ===== */
.bg-white{background-color:#fff;}
.bg-blue{background-color:#ffd41e;padding:80px 0}
.main-title{text-align:center;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:50px}
.main-title b{color:#000;font-size:40px;line-height:60px;font-weight:600}
.main-title.yellow b{color:#ffb420}
.main-title span{color:#666;line-height:40px;font-size:18px;font-weight:500}
.join-content{box-sizing:border-box;padding:30px}
.join-content p{font-size:18px;line-height:30px}
 
/* ===== Franchise Process (join-lc) ===== */
.join-lc ul li{box-sizing:border-box;padding:15px;display:flex;align-items:center;position:relative}
.join-lc ul li .ico{width:80px;height:80px;background-color:#ffd41e;color:#fff;line-height:80px;font-size:45px;margin-right:15px;border-radius:100%;text-align:center;flex-shrink:0}
.join-lc ul li .ico img{display:block;width:80px;height:80px;box-sizing:border-box;padding:10px}
.join-lc ul li .info{padding-top:5px}
.join-lc ul li b{display:block;font-size:16px;font-weight:600;color:#333;line-height:35px}
.join-lc ul li span{color:#666;line-height:20px;padding:8px 0;font-size:14px}
 
/* ===== Join Application (join-yq) ===== */
.join-yq ul{counter-reset:yq-count;padding-left: 0;}
.join-yq ul li{counter-increment:yq-count;height:100%;list-style:none}
.join-yq .card{border-radius:15px;background-color:#fff;box-sizing:border-box;padding:15px;display:flex;position:relative;height:100%}
.join-yq .card .ico{width:80px;height:80px;margin-right:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.join-yq .card .ico:before{content:counter(yq-count,decimal-leading-zero);font-size:50px;font-weight:700}
.join-yq .card .info{padding-top:5px;flex:1;overflow:hidden}
.join-yq .card b{display:block;font-size:20px;font-weight:600;color:#333;line-height:35px}
.join-yq .card span{color:#666;display:block;line-height:25px;padding:5px 0;font-size:16px} 
 
/* ===== FAQ (join-questions) ===== */
.join-questions .qa-pair{margin-bottom:30px}
.join-questions .qa{display:flex;align-items:center;min-height:70px;border-radius:10px;padding:15px 30px;position:relative}
.join-questions .qa img{border-radius:8px;flex-shrink:0}
.join-questions .qa.q{background:#ffb420}
.join-questions .qa.q img{margin-right:30px}
.join-questions .qa.q b{font-size:18px;font-weight:400;color:#fff}
.join-questions .qa.a{background-color:#f2efeb;justify-content:flex-end}
.join-questions .qa.a img{margin-left:30px}
.join-questions .qa.a b{font-size:18px;font-weight:400;color:#333;text-align:right}
 
/* ===== Why choose (join-bz) ===== */
.join-bz{background-color:#f2efeb;border-radius:15px;overflow:hidden}
.join-bz .cont{font-size:18px;color:#333;line-height:35px;box-sizing:border-box;padding:50px}
.join-bz .pic{display:flex;justify-content:center}
 .join-bz .pic img{border-radius: 20px;box-sizing: border-box;border:10px solid #d9d6d3;}
/* Join */

.available_positions .row div{border: 1px solid #eea916;margin:-0.5px;}


/* Franchise */
#accordionExample .accordion-item:nth-child(odd) .accordion-button{background-color:#eea916!important;color:#fff!important}
#accordionExample .accordion-item:nth-child(2n) .accordion-button{background-color:#fff!important;color:#000!important;border-bottom:1px solid #dee2e6!important}
#accordionExample .accordion-item:nth-child(odd) .accordion-button:not(.collapsed)::after{filter:brightness(0) invert(1)}
#accordionExample .accordion-button:focus{box-shadow:none!important;outline:0!important}
#accordionExample .accordion-body{text-align:left!important}


#WhyChooseUs .accordion-item{border:none!important;background-color:transparent!important}
#WhyChooseUs .accordion-button{border:none!important;background-color:transparent!important;box-shadow:none!important;padding-left:0;padding-right:0}
#WhyChooseUs .accordion-button:not(.collapsed){background-color:transparent!important;color:inherit;border:none!important;box-shadow:none!important}
#WhyChooseUs .accordion-body{border:none!important;padding-left:0}
#WhyChooseUs .accordion-button:focus{outline:0!important;box-shadow:none!important}


#WhyChooseUs{justify-content:center;display:flex;flex-wrap:wrap;position:relative;overflow:hidden}
#WhyChooseUs .accordion-button{display:flex;flex-direction: column;}
#WhyChooseUs .accordion-button::after {margin-left:0}
#WhyChooseUs .accordion-button p{text-align: center;}
#WhyChooseUs .accordion-collapse{position:absolute;bottom:0;left:0}


#Map .accordion-body p{position:relative;padding-left:40px}
#Map .accordion-body p::before{content:'';display:block;width:1.5rem;height:1.5rem;background-image: url(../images/Icon-Menu-Breadcrumb.svg);position: absolute;left: 0;background-size:100%;top:50%;margin-top:-0.75rem}



.article img{display:block;max-width:100%;height:auto;margin:0 auto}
.article table{max-width: 100%;margin:  0 auto; border: 1px solid #eee;}
.article table td{border: 1px solid #eee;padding: 5px 10px;}
.article table tr:nth-child(odd){background-color: #eee;}




.video{max-width: 800px;margin: 0 auto;}
      .video-container {
  position: relative;
  width: 100%;
  padding-bottom: 75%; /* 4:3 比例 (3/4 = 75%) */
  height: 0;
  overflow: hidden;
 margin: 0 auto;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}





/* 展开时：淡浅黄色背景 + 深黄色文字 */
.accordion-button:not(.collapsed) {
  color: #b38800; /* 较深的黄褐色，确保可读性 */
  background-color: #fef8e3; /* #f5c316 的极浅淡黄背景 */
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

/* 聚焦时的黄光晕 */
.accordion-button:focus {
  border-color: #f5c316;
  box-shadow: 0 0 0 0.25rem rgba(245, 195, 22, 0.25);
}

/* 箭头的 SVG 填充颜色改为 #b38800 */
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23b38800'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}