body {
    color: #27272A;
    background-color: #F7F7F8;
}

ul,li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

h2 {
    font-size: 2.5rem;
}

a {
    text-decoration: none;
}

header {
    background-color: #fff;
}

@media (max-width: 991.98px) {
    h2 {
        font-size: 1.75rem;
    }
}

.color-4E4E56 {
    color: #4E4E56;
}

.color-141852 {
    color: #141852;
}

.color-F7F7F8 {
    color: #F7F7F8;
}

.color-767681 {
    color: #767681;
}

.color-606266 {
    color: #606266;
}

.color-B80D0B {
    color: #B80D0B;
}

.color-1F28B4 {
    color: #1F28B4;
}

.color-67C23A {
    color: #67C23A;
}

.color-F56C6C {
    color: #F56C6C;
}

.f-12 {
    font-size: 0.75rem;
}

.f-14 {
    font-size: 0.875rem;
}

.f-18 {
    font-size: 1.125rem;
}

.f-20 {
    font-size: 1.25rem;
}

.bg-EAEAEB {
    background-color: #EAEAEB;
}

.bg-F0F9EB {
    background-color: #F0F9EB;
}

.bg-FEF0F0 {
    background-color: #FEF0F0;
}

.btn-red {
    display:inline-block;
    background-color: #B80D0B;
    color: #fff;
    padding: .8rem 2.8rem;
    border-radius: 2rem;
}

.btn-red:hover {
    color: #fff;
}

.btn-blue {
    display:inline-block;
    background: linear-gradient(#141852,#212A89);
    color: #fff;
    padding: .8rem 2.8rem;
    border-radius: 2rem;
}

.btn-blue:hover {
    color: #fff;
}

.btn-t-767681 {
    color: #767681;
}

.btn-t-767681:hover {
    color: #767681;
}

.btn-t-Secondary {
    color: #434349;
}

.btn-t-Secondary:hover {
    color: #B80D0B;
}

.btn-t-27272A {
    color: #27272A;
}

.btn-t-27272A:hover {
    color: #27272A;
}

.btn-212A89 {
    color: #212A89;
    text-decoration: underline;
}

.btn-212A89:hover {
    color: #212A89;
}

.btn-606266 {
    color: #606266;
    text-decoration: underline;
}

.btn-606266:hover {
    color: #606266;
}

.btn-27272A {
    color: #27272A;
    text-decoration: underline;
}

.btn-27272A:hover {
    color: #27272A;
}

.btn-27272A:hover {
    color: #27272A;
}

.bg-DCE9FF {
    background-color: #DCE9FF;
    height: 400px;
}

.SpacerLine {
    display: block;
    width: 1px;
    height: 16px;
    background-color: #767681;
}

nav {
    width: 100%;
    height: 88px;
}

#backToTop {
    position: fixed;
    bottom: 420px;
    right: 10px;
    display: none;
    border: 0;
    background: none;
    opacity: .6;
    z-index: 99;
}

#backToTop:hover {
    opacity: 1;
}

@media (max-width: 991.98px) {
    nav {
        width: 100%;
        height: 72px;
        position: relative;
    }

    .nvaAll {
        width: 100%;
        position: absolute;
        background-color: #F7F7F8;
        z-index: 9;
        left: 0;
        top: 71px;
    }

    .mbW-100 {
        width: 100%;
    }

    #backToTop {
        bottom: 220px;
        right: 0px;
    }
}

.MbMenu {
    width: 64px;
    height: 56px;
    border: 0;
    background: none;
}

.nvabox li {
    padding: 0 .5rem;
    position: relative;
}

.nvabox li a {
    display: inline-block;
    height: 88px;
    padding: 0 1.5rem;
    line-height: 88px;
    color: #434349;
}

.nvabox li a.active {
    background-color: #B80D0B;
    color: #fff;
}

.nvabox li a.active:hover {
    background-color: #B80D0B;
    color: #fff;
}

@media (max-width: 1329px) {
    .nvabox li {
        padding: 0 .2rem;
    }
}

@media (max-width: 1329px) {
    .nvabox li {
        padding: 0rem;
    }
}

@media (max-width: 1123px) {
    .nvabox li a {
        padding: 0 1rem;
    }
}

@media (max-width: 1025px) {
    .nvabox li a {
        padding: 0 .8rem;
    }
}

.nvabox li a:hover {
    background-color: #FFF0F0;
}

.arrow-up {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #EEEEF0;
}

.nvabox li ul {
    display: none;
    width: 130px;
    text-align: center;
    padding: .5rem;
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px;
    z-index: 999;
    background-color: #EEEEF0;
    box-shadow:0px 3px 8px rgba(0, 0, 0, .5);
}

.nvabox li ul li a {
    display: block;
    width: 100%;
    height: auto;
    padding: .4rem .5rem;
    line-height: 26px;
}

.nvabox li ul li a:hover {
    color: #B80D0B;
    background-color: #EEEEF0;
}

.ContactUsBtn a {
    color: #B80D0B;
    display: block;
    text-align: center;
    width: 181px;
    height: 88px;
    line-height: 88px;
    background-color: #fff;
}

.MemberLogin a {
    color: #fff;
    text-align: center;
    background-color: #B80D0B;
    display: block;
    width: 181px;
    height: 88px;
    line-height: 88px;
}

@media (max-width: 991.98px) {
    .nvaAll {
        overflow: auto;
        display: none;
    }

    .nvabox li {
        width: calc(100% - 2rem);
        margin: 0 1rem;
        padding: 0;
        border-bottom: 1px solid #BABBBF;
    }

    .border-n {
        border: 0!important;
    }

    .nvabox li a {
        display: block;
        height: auto;
        padding: 1rem 1.5rem;
        line-height: 26px;
        color: #434349;
        font-weight: bold;
    }

    .nvabox li a:hover {
        background-color: #F7F7F8;
    }

    .nvabox li a.active {
        background-color: #F7F7F8;
        color: #434349;
    }

    .nvabox li a.active:hover {
        background-color: #F7F7F8;
        color: #434349;
    }

    .arrow-up {
        display: none;
    }

    .nvabox li ul {
        display: none;
        width: auto;
        text-align: start;
        padding: .5rem;
        position: relative;
        top: -8px;
        left: -20px;
        transform: translateX(0);
        border-radius: 0;
        background: none;
        box-shadow:none;
    }

    .nvabox li ul li {
        width: 100%;
        border: 0;
    }

    .nvabox li ul li a {
        display: block;
        width: 100%;
        height: auto;
        padding: .4rem .5rem;
        line-height: 26px;
        font-weight: normal;
    }

    .nvabox li ul li a:hover {
        color: #B80D0B;
        background: none;
    }

    .ContactUsBtn a {
        width: 104px;
        height: 64px;
        line-height: 64px;
    }

    .MemberLogin {
        width: calc(100% - 104px);
    }

    .MemberLogin a {
        width: 100%;
        height: 64px;
        line-height: 64px;
    }
}

.w-570 {
    width: 570px;
}

.bottom-16 {
    bottom: 16%;
}

.bottom-10 {
    bottom: 10%;
}

.ImdexBanner {
    position: relative;
}

.ImdexBanner .img-fluid {
    width: 100%;
    height: auto;
}

.ImdexBannerText {
    position: absolute;
    left: 6%;
}

.ImdexBannerText p {
    font-size: 20px;
}

@media (max-width: 991.98px) {
    .bottom-16 {
        bottom: 10%;
    }

    .bottom-10 {
        bottom: 0%;
    }

    .ImdexBannerText {
        width: 88%;
        left: 6%;
    }

    .ImdexBannerText a {
        display: block;
        text-align: center;
        width: 100%;
    }

    .ImdexBannerText p {
        font-size: 14px;
    }
}

.TitleEn {
    color: #B80D0B;
    font-size: 18px;
}

.carousel-container {
    position: relative;
    width: 90%;
    max-width: 600px;
    margin: auto;
}

@media (max-width: 991.98px) {
    .carousel-container {
        width: 100%;
    }
}

.swiper {
    overflow: hidden;
}

.swiper-slide {
    transition: transform 0.3s ease-in-out;
}

.swiper-slide img {
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}

:root {
    --swiper-navigation-size: 18px;
}

.swiper-button-prev, .swiper-button-next {
    background: rgba(0, 0, 0, 0.6);
    font-size: var(--swiper-navigation-size);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: white;
}

.swiper-button-prev:hover, .swiper-button-next:hover {
    background: rgba(0, 0, 0, 0.9);
}

.swiper-button-prev {
    left: 0;
}

.swiper-button-next {
    right: 0;
}

.IndexAboutBannerbox {
    position: relative;
}

.IndexAboutBannercon {
    width: 90%;
    padding: 1rem;
    border-radius: 10px;
    background-color: #fff;
    position: absolute;
    bottom: 20px;
    left: 5%;
}

.IndexSloganBox {
    background: linear-gradient(#ECF3FF,#DCE9FF);
    padding: 1rem;
    border-radius: 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

.IndexFormBox {
    height: 100%;
    padding: 2rem;
    border-radius: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 991.98px) {
    .IndexFormBox {
        height: auto;
        padding: 1.3rem 1rem;
    }
}


.IndexFormItem {
    width: 100%;
    border-bottom: 1px solid #BABBBF;
    padding: 1rem 0;
}

.IndexContactusbox {
    padding: 1rem;
    background-image: url(../images/ContactusBg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

.footer {
    background-color: #141852;
    padding: 2rem 0;
}

.footerbox {
    border-bottom: 1px solid #F7F7F8;
    padding-bottom: 2.5rem;
}

.footer a {
    color: #F7F7F8;
    font-weight: normal;
}

@media (max-width: 991.98px) {
    .footerItembox {
        gap: 16px;
    }

    .footerIremco {
        flex: 0 0 calc(33.333% - 16px);
        padding: 16px;
    }
}

.SecondaryBox {
    border-radius: 20px;
    padding: 2rem;
    background-color: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 991.98px) {
    .SecondaryBox{
        padding: 1rem;
    }
}

.UlLiSty1 {
    padding-left: 2rem;
}

.UlLiSty1 li {
    list-style-type: cjk-ideographic;
    line-height: 28px;
}

.UlLiSty1 li ul {
    padding-left: 1.2rem;
}

.UlLiSty1 li ul li {
    list-style-type: decimal; 
}

.UnionPhilosophyBox {
    position: relative;
}

.UnionPhilosophyBox img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}

.UnionPhilosophyItem {
    width: 90%;
    margin-left: 5%;
    padding: 1rem;
    border-radius: 20px;
    background-color: #fff;
    position: absolute;
    bottom: 16px;
}

.TradeBox {
    background-color: #fff;
    padding: 1rem;
    border-radius: 20px;
}

.TradeHeadshot {
    width: 140px;
    height: 184px;
    border-radius: 16px;
    overflow: hidden;
}

.TradeHeadshot img {
    width: 100%;
    height: auto;
}

.Pagination li a {
    color: #606169;
    padding: .3rem .7rem;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #EEEEF0;
    background-color: #fff;
    margin: 0.2rem;
}

.Pagination li a.active {
    color: #B80D0B;
}

@media (max-width: 991.98px) {
    .TradeHeadshot {
        width: 80px;
        height: 106px;
    }
}

.TradeUnionsImg {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.TradeUnionsImg img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}

.TradeUnionsLogo {
    border-radius: 20px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}

.w30 {
    width: 170px !important;
}

.Unbox {
    width: calc(100%-170px);
}

.BenefitsBox {
    position: relative;
}

.BenefitsBox img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}

.BenefitsItem {
    width: 90%;
    padding: 1rem;
    margin-left: 5%;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    bottom: 20px;
}

.resumeImg {
    width: 140px;
    height: 184px;
    overflow: hidden;
}

.resumeImg img {
    width: 100%;
    height: auto;
    border-radius: 16px;
}

.resumeBox {
    width: calc(100% - 140px);
}

.resumeTitle {
    width: 81px;
}

.resumeconter {
    width: calc(100% - 81px);
}

@media (max-width: 991.98px) {
    .resumeBox {
        width: 100%;
    }

    .resumeImg {
        width: 80px;
        height: 106px;
    }
}

.SortNews {
    padding: 3px 6px;
    border-radius: 4px;
    color: #fff;
    background-color: #4E68FF;
}

.NewsContent img {
    max-width: 100%;
    height: auto;
    margin-bottom: 2.5rem;
}

.NewsContent table {
    margin-bottom: 1.5rem;
    max-width: 100%;
}

.NewsContent table th,
.NewsContent table td {
    border: 1px solid #4E4E56;
    padding: .5rem;
}

.ComplaintTable th, .ComplaintTable td {
    padding: 1.5rem .5rem;
}

.ComplaintTable-01 {
    width: 10%;
}

.ComplaintTable-03 {
    width: 16%;
}

.ComplaintTableThead {
    color: #4E4E56;
    border-bottom: 2px solid #BABBBF;
}

@media (max-width: 991.98px) {
    .ComplaintTable-01 {
        width: 20%;
    }
    .NewsContent table {
        width: 100%;
    }
}

.MenberDivider {
    height: 1px;
    background-color: #BABBBF;
}

.MenberDividerSloganbox {
    border-radius: 20px;
    padding: 1rem;
    background: linear-gradient(0deg, #FFEEDC 0%, #FFF9EC 100%); 
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 991.98px) {
    .MenberDividerSloganIng {
        width: 30%;
    }
}

.MenberItemTitle {
    display: flex;
    width: 100px;
    margin-right: 20px;
    vertical-align: middle;
    margin-top: 9px;
}

.MenberItemTitle .MenberItemStart {
    display: inline-block;
    width: 10px;
}

.MenberItemTitle .MenberItemTitleSpan {
    display: inline-block;
    width: calc(100% - 10px);
    text-align: justify;
    text-align-last: justify;
}

.MenberItemContent {
    width: calc(100% - 120px);
}

.MenberItemBirthday {
    width: calc((100% - 40px) / 3);
}

.ml-20 {
    margin-left: 20px;
}

.MailSuccess {
    width: 101px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 12px;
    margin-left: 20px;
    color: #67C23A;
    border-radius: 4px;
    background-color: #F0F9EB;
}

.MailMoon {
    margin-top: 16px;
    padding: .5rem;
    font-size: 12px;
    color: #606169;
    background-color: #EEEEF0;
}

.MailSuccess_again {
    display: block;
    width: 101px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 12px;
    margin-left: 20px;
    color: #B80D0B;
    border-radius: 4px;
    border: 1px solid #B80D0B;
    background-color: #FFF0F0;
}

.MailSuccess_again:hover {
    color: #B80D0B;
}

.MailMoon {
    margin-top: 16px;
    padding: .5rem;
    font-size: 12px;
    color: #606169;
    background-color: #EEEEF0;
}

.MailMoon.MailMoonFz-16 {
    font-size: 16px;
}

.AddressItem {
    width: 55%;
}

.AddressDetailed {
    width: calc(45% - 20px);
}

.AddressPostal {
    width: 20%;
}

.AddressCity {
    width: calc(40% - 20px);
}

.AddressDistrct {
    width: calc(40% - 20px);
}

.WoukUnit {
    width: calc((100% - 20px) / 2);
}

@media (max-width: 991.98px) {
    .ml-20 {
        margin-left: 10px;
    }

    .MenberItemBirthday {
        width: calc((100% - 20px) / 3);
    }

    .AddressItem {
        width: 100%;
    }

    .AddressDetailed {
        width: 100%;
        margin-left: 0;
        margin-top: 12px;
    }

    .AddressPostal {
        width: 20%;
    }

    .AddressCity {
        width: calc(40% - 10px);
    }

    .AddressDistrct {
        width: calc(40% - 10px);
    }

    .WoukUnit {
        width: calc((100% - 10px) / 2);
    }
}

.password-wrapper {
    position: relative;
}

.toggle-eye {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 20px;
    height: 20px;
}

.PaymentUl {
    padding-left: 1rem;
}

.PaymentUl li {
    list-style-type: disc;
    line-height: 28px;
}

.PaymentNotice {
    width: 100%;
    padding: .5rem;
    color: #8C1110;
    background-color: #EEEEF0;
}

.OtherTitle {
    width: 140px;
    text-align: center;
    color: #BABBBF;
}

.OtherLine {
    width: calc((100% - 140px) / 2);
    height: 1px;
    background-color: #BABBBF;
}

#PaymentMethodsBox {
    display: none;
}

.CopyAccount {
    border: 0;
    background: none;
}

.PaymentTable td {
    padding: 1rem 2rem;
}

.PlatformTable-01 {
    width: 10%;
}

.PlatformStateAlreadyFiled {
    font-size: 14px;
    padding: .2rem .4rem;
    color: #409EFF;
    border:1px solid #9FCEFF;
    border-radius: 4px;
    background-color: #fff;
}

.PlatformStatePending {
    font-size: 14px;
    padding: .2rem .4rem;
    color: #E6A23C;
    border:1px solid #F2D09D;
    border-radius: 4px;
    background-color: #fff;
}

.PlatformStateProcessed {
    font-size: 14px;
    padding: .2rem .4rem;
    color: #67C23A;
    border:1px solid #B3E09C;
    border-radius: 4px;
    background-color: #fff;
}

.PlatformStateSupplement {
    font-size: 14px;
    padding: .2rem .4rem;
    color: #F56C6C;
    border:1px solid #FAB5B5;
    border-radius: 4px;
    background-color: #fff;
}

@media (max-width: 991.98px) {
    .PlatformStateAlreadyFiled {
        font-size: 12px;
    }

    .PlatformStatePending {
        font-size: 12px;
    }

    .PlatformStateProcessed {
        font-size: 12px;
    }

    .PlatformStateSupplement {
        font-size: 12px;
    }

    .PlatformTablebox th {
        font-size: 12px;
        padding: 0.5rem;
    }

    .PlatformTable-01 {
        width: 80px;
    }
}

.DetailsTable td {
    padding: 1rem 2rem;
}

@media (max-width: 991.98px) {
    .DetailsTable td {
        padding: 1rem .5rem;
    }
}

.chat-container {
    width: calc(100% - 110px);
}

.message {
    display: flex;
    position: relative;
}

.message.left {
    justify-content: flex-start;
}

.message.right {
    justify-content: flex-end;
}

.bubble {
    position: relative;
    width: 100%;
    padding: 1rem;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.message.left .bubble {
    background-color: #fff;
    margin-left: 20px;
}

.message.right .bubble {
    background-color: #fff;
    margin-right: 20px;
}

.message.left .bubble::before {
    content: "";
    position: absolute;
    top: 12px;
    left: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
}

.message.left .bubble::after {
    content: "";
    position: absolute;
    top: 12px;
    left: -11px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid rgba(0, 0, 0, 0.1);
    z-index: -1;
}

.message.right .bubble::before {
    content: "";
    position: absolute;
    top: 12px;
    right: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
}

.message.right .bubble::after {
    content: "";
    position: absolute;
    top: 12px;
    right: -11px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid rgba(0, 0, 0, 0.1);
    z-index: -1;
}

.mapbox {
    max-width: 560px;
    max-height: 157px;
}

.mapbox iframe {
    width: 100%;
    height: 100%;
}

.MemberLoginBox {
    max-width: 600px;
    margin: 0 auto;
    padding: 2rem;
    border-radius: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.SendEmailBtn {
    width: 140px;
    height: 36px;
    display: block;
    text-align: center;
    color: #B80D0B;
    font-size: 12px;
    line-height: 36px;
    border-radius: 4px;
    border: 1px solid #B80D0B;
    background-color: #FFF0F0;
}

.SendEmailBtn:hover {
    color: #B80D0B;
}

.PostalCode {
    width: 40%;
}

.RegistrationAddress {
    width: calc((100% - 20px) / 2);
}

.ml-16 {
    margin-left: 10px;
}

@media (max-width: 991.98px) {
    .RegistrationAddress {
        width: calc((100% - 10px) / 2);
    }
    .PostalCode {
        width: 100%;
    }
    .ml-0 {
        margin-left: 0;
    }
}

.SendVerificationBtn {
    display: block;
    width: 90px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    background-color: #BABBBF;
    font-size: 12px;
    border-radius: 4px;
}

.SendVerificationBtn:hover {
    color: #fff;
}

.SendVerificationNowBtn {
    display: block;
    width: 90px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    background-color: #B80D0B;
    font-size: 12px;
    border-radius: 4px;
}

.SendVerificationNowBtn:hover {
    color: #fff;
}

.ResendBtn {
    width: 140px;
    height: 36px;
    display: block;
    text-align: center;
    color: #BABBBF;
    font-size: 12px;
    line-height: 36px;
    border-radius: 4px;
    border: 1px solid #BABBBF;
    background-color: #F7F7F8;
}

.ResendBtn:hover {
    color: #BABBBF;
}

.DisplayNone {
    display: none;
}

.modal-header {
    border: 0;
}

.VerificationSuccess {
    width: 100px;
    height: 36px;
    display: block;
    text-align: center;
    color: #67C23A;
    font-size: 12px;
    line-height: 36px;
    border-radius: 4px;
    background-color: #F0F9EB;
}

@media (max-width: 991.98px) {
    .SendEmailBtn {
        width: 100%;
    }
    
    .ResendBtn {
        width: 100%;
    }

    .VerificationSuccess {
        width: 100%;
    }

    .SendVerificationBtn {
        width: 100%;
    }

    .SendVerificationNowBtn {
        width: 100%;
    }
}

.SuccessfulRegistrationBox {
    height: 100%;
    padding: 2rem;
    border-radius: 20px;
    background-color: #fff;
}

.SuccessfulBtn {
    color: #434349;
    padding: 16px 52px;
    background-color: #fff;
    border: 1px solid #434349;
    border-radius: 25px;
}

.SuccessfulBtn:hover {
    color: #434349;
}

.wBtm {
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
}

.mySwiper1 {
    position: relative;
    margin-bottom: 60px;
}

.mySwiper1 .swiper-slide {
    position: relative;
}

.mySwiper1 img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0;
}

.slide1-content {
    position: absolute;
    left: 6%;
    bottom: 20%;
}

.slide1-btn {
    width: 40%;
    display:flex;
    justify-content: center;
    background-color: #B80D0B;
    color: #fff;
    padding: .8rem 2.8rem;
    border-radius: 2rem;
}

.slide1-btn:hover {
    color: #fff;
}

.slide1-btn img {
    width: 18px;
    height: auto;
    margin-left: .3rem;
}

.swiper-pagination .swiper-pagination-bullet {
    background-color: #fff;
}

@media (max-width: 991.98px) {
    .slide1-content {
        width: 90%;
        bottom: 10%;
        left: 5%;
    }
    .slide1-btn {
        width: 100%;
    }
}

@media (max-width: 991.98px) {
    .BreadcrumbBox { 
        overflow: hidden;
    }
    .BreadcrumbBox img,
    .BreadcrumbBox span,
    .BreadcrumbBox > div:not(:last-child) {
        flex: 0 0 auto;
        max-width: none;
    }

    .BreadcrumbBox > div:last-child {
        flex: 1 1 auto;
        min-width: 0; 
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}