/*home-slider-wrap*/
.home-slider-wrap { position: relative; }
.slide-container { position: relative; }
.slide-container-image { position: relative; min-height: 720px; max-height: 720px; }
.slide-container-image img, .slide-btn-thumb img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;  cursor: pointer;}
.slide-container-wrap { font-size: 18px; font-weight: 600; color: #ffffff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; display: flex; flex-direction: column; justify-content: center; text-align: center; }
.slide-container-wrap a { display: inline-block; margin-bottom: 10px; }
.slide-container-wrap p { text-shadow: 0 0 4px rgba(0, 0, 0, 0.7); }
.home-slider-nav-wrap { position: relative; margin-top: -38px; }
.home-slider-nav { max-width: 960px; margin: 0 auto 15px; padding-bottom: 10px; border-bottom: solid 2px var(--bs-primary); }
.home-slider-nav .slick-list { padding: 0; }
.slide-btn { padding: 8px 3px; cursor: pointer; }
.slide-btn-thumb { box-shadow: 4px 0 8px rgba(0, 0, 0, 0.2); border-radius: 5px; border: solid 2px transparent; min-height: 100px; position: relative; }
.slide-btn.slick-current .slide-btn-thumb { border-color: var(--bs-secondary); }
.slick-prev, .slick-next { width: 30px; height: 30px; border: solid 1px var(--bs-primary); border-radius: 8px; }
.slick-prev:before,.slick-next:before { display: none; }
.slick-prev { background: url("../../images/wtw_images/icon-arrow-prev-secondary.svg") no-repeat center; }
.slick-next { background: url("../../images/wtw_images/icon-arrow-next-secondary.svg") no-repeat center; }
.slick-prev:hover, .slick-prev:focus { background: var(--bs-primary) url("../../images/wtw_images/icon-arrow-prev-secondary.svg") no-repeat center; }
.slick-next:hover, .slick-next:focus { background: var(--bs-primary) url("../../images/wtw_images/icon-arrow-next-secondary.svg") no-repeat center; }
.home-slider-nav .slick-prev, .home-slider-nav .slick-next { top: auto; bottom: -16px; transform: none; }
.home-slider-nav .slick-prev { left: -86px; }
.home-slider-nav .slick-next { right: auto; left: -42px; }
.slide-container-video { position: relative; min-height: 720px; max-height: 720px; }
.video-container { position: absolute; left: 0; top: 0; min-width: 100%; width: auto; min-height: 100%; height: auto; }
.video-container > * { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.background-image { background-repeat: no-repeat; background-position: center; background-size: cover; }

/*modal-video*/
.modal-video .modal-content { padding: 6px; }
.modal-video .modal-content .btn-close { position: absolute; right: 16px; top: 16px; z-index: 99; background-color: #ffffff; width: 24px; height: 24px; }
.modal-video-wrap { width: 100%; height: 460px; overflow: hidden; position: relative; }
.modal-player-container { position: absolute; left: 0; top: 0; min-width: 100%; width: auto; min-height: 100%; height: auto; }
.modal-player-container > * { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.overlay-video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; color: white; display: flex; justify-content: center; align-items: center; }
.overlay-video a { text-decoration: none; color: #ffff; padding: 5px 1px 4px 0px; opacity: 1; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.70); }
.overlay-video img { padding-bottom: 12px; margin-left: auto; margin-right: auto; width: 50%; }
/*site-home-footer*/
.site-home-footer { background-color: #6c757e; font-size: 14px; color: #ffffff; padding: 36px 0 0; border-top: 0 none; }
.site-secondary-footer { border-top: solid 1px #ffffff; padding: 8px 0 30px; }
.site-home-footer a { color: #ffffff; }
.site-home-footer a:hover, .site-home-footer a:focus { color: var(--bs-secondary); }
.site-primary-footer { padding: 40px 0; }
.footer-barcode { display: flex; align-items: center; position: relative; }
.footer-barcode-thumb { max-width: 210px; min-width: 210px; margin-right: 20px; }
.footer-barcode-content { flex: 1; }
.footer-title { font-size: 16px; color: #ffffff; }
.primary-footer-connect-list { list-style: none; padding-left: 0; }
.primary-footer-connect-list li { margin-bottom: 8px; display: flex; align-items: center; }
.primary-footer-connect-list li a { display: flex; align-items: center; }
.primary-footer-connect-list li img { margin-right: 10px; }
.footer-social { position: relative; padding-right:30px}
.footer-social-link { list-style: none; padding-left: 0; margin: 0 -18px 50px; display: flex; align-items: center; }
.footer-social-link li { padding: 0 18px; margin-bottom: 10px; }
.footer-visitor { list-style: none; padding-left: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; }
.footer-visitor li { position: relative;
    padding: 2px 12px;
    border-left: solid 2px var(--bs-secondary);
    margin: 5px 0;
    width: calc(33% - 0px); }
.footer-visitor li p { margin-bottom: 0; }
.footer-visitor li h4 { margin-bottom: 0; color: var(--bs-secondary); font-size: 30px; line-height: 1.2; }
.footer-tag { overflow: hidden; }
.activmap-place:hover, .activmap-place.active {
    cursor: pointer;
    background: #FFFFFF;
    color: #fff;
}
@media (max-width: 768px){
.activmap-place:hover, .activmap-place.active {
    cursor: pointer;
    background: #FFFFFF;
    color: #fff;
}}
/*site-partner-section*/
.site-partner-section.site-section { position: relative; padding-bottom: 0; margin-bottom: -30px; }
.partner-container { background-color: #F3ECF8; color: #494949; padding: 30px 20px; }
.partner-container h3 { font-size: 40px; text-align: center; margin-bottom: 20px; }
.partner-slider,  .partner-slide { position: relative; }
.partner-slider .slick-prev { left: -56px; }
.partner-slider .slick-next { right: -56px;top: 75px;}
.slick-initialized .slick-slide.partner-slide { text-align: center; flex-direction: column; align-items: center; padding: 0 3px; }
.partner-slide-thumb { margin-bottom: 20px; max-width: 105px; max-height: 105px; min-height: 100px; display: flex; align-items: center; justify-content: center; }
.partner-slide-content { position: relative; font-size: 10px; }
.partner-slide-content h4 { color: #494949; font-family: var(--font-default); font-weight: 600; font-size: 14px; }
.partner-slide-content p { margin-bottom: 10px; }

/*site-chat*/
.site-chat { position: fixed; right: 60px; bottom: 0; z-index: 9; min-height: 60px; }
.site-chat-action { position: relative; z-index: 1; text-align: right; }
.site-chat-card { transition: all 0.4s ease-in-out; transform: translateY(100%); visibility: hidden; width: 265px; position: absolute; bottom: 0; right: 0; z-index: 3; border: solid 2px var(--bs-secondary); border-bottom: 0 none; background-color: #ffffff; padding: 20px; border-radius: 10px 10px 0 0; }
.chat-close { position: absolute; top: 10px; right: 10px; z-index: 1; width: 30px; height: 30px; border: solid 1px var(--bs-primary); background-color: var(--bs-secondary); display: flex; align-items: center; justify-content: center; border-radius: 5px; }
.site-chat-card-show { transform: translateY(0); visibility: visible; }
.site-chat-card .btn { padding: 5px 20px; font-weight: 600; }
.site-chat-card-title { font-size: 18px; padding-right: 30px }

/*personalization-section*/
.personalization-section { position: relative; }
.announcement-card { position: relative; display: flex; flex-wrap: wrap; max-width: 1300px; margin: 0 auto 60px; }
.announcement-card-action {   background-color: var(--color-secondary); color: #ffffff; border-radius: 5px 0 0 5px; padding: 4px 20px; display: flex; align-items: center; justify-content: center; }
.announcement-card-action h3 { color: #ffffff; margin-bottom: 0; font-size: 20px; }
.announcement-card-content { display: flex; flex-direction: column; justify-content: center; overflow: hidden; font-size: 16px; font-weight: 600; border: solid 1px #6D6D6D; padding: 6px 20px; border-radius: 0 5px 5px 0; }
.announcement-card-content p { margin-bottom: 0; }
/* liScroll styles */
.tickercontainer { position: relative; overflow: hidden; }
.newsticker { position: relative; left: 750px; list-style-type: none; margin: 0; padding: 0; display: flex; align-items: center; }
.newsticker li { margin: 0 30px; padding: 0; }
.newsticker a { white-space: nowrap; padding: 0; color: #000; }
/* .newsticker a:hover, .newsticker a:focus { color: var(--color-default); } */
.newsticker a:hover, .newsticker a:focus { color: var(--color-default); }

.sec-title { font-size: 50px; line-height: 1.2; margin-bottom: 2px; }
.personalization-main { position: relative; }
.personalization-row { display: flex; flex-wrap: wrap; border-radius: 5px; overflow: hidden; }
.personalization-col { flex: 1; transition: all 0.4s ease-in-out; }
.personalization-col:hover { flex:5; }
.personalization-card { position: relative; height: 100%; overflow: hidden; min-height: 298px; }
/*.personalization-card-content { transition: all 0.4s ease-in-out; height: 100%; overflow: hidden; position: relative; width: 100%; background-color: #FF9AA2; display: flex; flex-direction: column; align-items: flex-end; }*/
.personalization-card-content .background-image { width: 397px; height: 100%; position: absolute; right: 0; bottom: 0; z-index: 0; padding:20px;}
/*.shalimar-color .personalization-card-content .background-image { width: 314px; }*/
.negroni-color .personalization-card-content .background-image { width: 397px; }
.periwinkle-gray-color .personalization-card-content .background-image { width: 401px; }
/*.personalization-card-content h3 { transition: all 0.4s ease-in-out; white-space: nowrap; color: #34234D; position: absolute; left: 30px; top: 20px; z-index: 1; font-size: 40px; line-height: 1.2; margin-bottom: 0; }*/
.personalization-card-hover-action { transition: all 0.4s ease-in-out; transform: translateX(-100%); position: absolute; left: 0; top: 0; width: 100%;height: 100%; z-index: 3; opacity: 0; visibility: hidden; padding:20px}
.personalization-card-hover-action h3 { margin-bottom: 1px; color: #34234D; font-size: 25px; line-height: 1.2; }
.personalization-card-hover-action .bg-image { position: absolute; right: 0; bottom: 0; z-index: 1; }
.personalization-card-hover-action:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; padding:20px; background-color: #FF9AA280; }
.personalization-card-hover-action > * { position: relative; z-index: 3; }
.personalization-list { display: flex; flex-direction: column; padding: 0; margin: 0; gap: 2px; padding-left: 20px; list-style: disc; }
.personalization-list li { margin-bottom: 0; line-height: 17px; font-size: 14px; }
.personalization-list a { display: block; min-width: 0; padding: 0; margin: 0; font-size: 14px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.personalization-list a:hover { font-weight: bold; color: #34234D; }
/* .personalization-list.half { display: flex; flex-wrap: wrap; flex-direction:column;}
.personalization-list.half li { width: 50%; padding-right: 12px; } */
.personalization-col:hover .personalization-card-hover-action { opacity: 1; visibility: visible; transform: translateX(0); }
.personalization-col:hover .personalization-card-content { opacity: 0; visibility: hidden; }
.shalimar-color .personalization-card-content { background-color: #FAFFB5; }
.shalimar-color .personalization-card-hover-action:before { background-color: #FAFFB599; }
.negroni-color .personalization-card-content { background-color: #FFDAC1; }
.negroni-color .personalization-card-hover-action:before { background-color: #FFDAC180; }
.periwinkle-gray-color .personalization-card-content { background-color: #C7CEEA; }
.periwinkle-gray-color .personalization-card-hover-action:before { background-color: #C7CEEA80; }


.news-follow .sec-title.news-title {
    text-align: right;
    margin-right: 10px;
}


/*news-section*/
.news-section { position: relative; }
.news-title, .service-title, .counter-title { font-size: 36px; line-height: 0.75; margin-bottom: 10px; }
.counter-title { color: #ffffff; }
.news-title span, .service-title span, .counter-title span { font-size: 60px; display: block;  color: var(--font-blue); }
.news-latest { padding-right: 130px; }
.news-row { display: flex; flex-wrap: wrap; }
.news-col { width: 33.33%; padding: 0 4px; margin-bottom: 8px; }
.news-col:nth-child(1), .news-col:nth-child(2) { width: 50%; }
.news-card { min-height: 220px; position: relative; border-radius: 5px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; }
.news-col:nth-child(1) .news-card, .news-col:nth-child(2) .news-card { min-height: 330px; }
.news-card-thumb { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; }
.news-card-thumb img { width: 100%; height: 100%; object-fit: cover; }
.news-card-content { display: flex; flex-direction: column; justify-content: flex-end; font-size: 15px; color: #ffffff; background-color: rgba(121, 49, 168, 0.8); transform: translateY(100%); transition: all 0.4s ease-in-out; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; opacity: 0; visibility: hidden; padding: 46px 20px 20px;}
.news-card-content h3 { color: var(--bs-secondary); font-size: 22px; font-family: var(--font-default); font-weight: 800; line-height: 1.2; margin-bottom: 8px; }
.news-col:nth-child(1) .news-card-content h3, .news-col:nth-child(2) .news-card-content h3 { font-size: 26px; }
.news-card-content a { text-decoration: underline; color: #ffffff; }
.news-card-meta { list-style: none; padding-left: 0; margin: 0 -8px 6px; display: flex; align-items: center;  }
.news-card-meta li { padding: 0 8px; font-size: 13px; color: #ffffff; display: flex; align-items: center; }
.news-card-meta li img { margin-right: 5px; }
.news-card-dots, .infographics-card-dots { list-style: none; padding-left: 0; margin: auto -2px 0; display: flex; align-items: center; justify-content: flex-end; }
.news-card-dots li { padding: 0 2px; }
.news-card-dots li span, .infographics-card-dots li span { display: block; width: 6px; height: 6px; background-color: #ffffff; border-radius: 50%; }
.news-card-dots li:nth-child(even) span, .infographics-card-dots li:nth-child(even) span { background-color: var(--font-blue); }
.news-card-body { min-height: 98px; transition: all 0.4s ease-in-out; border-top: solid 4px var(--bs-primary); background-color: #ffffff; padding: 12px 20px; position: relative; z-index: 2; }
.news-card-body h3 { font-size: 18px; font-family: var(--font-balgrim); font-weight: 500; color: #3D3D3D; margin-bottom: 0; line-height: 1.2; }

.news-card:hover .news-card-content { transform: translateY(0); opacity: 1; visibility: visible; }
.news-card:hover .news-card-body { opacity: 0; visibility: hidden; }
.news-card-content p, .news-card-content .news-card-dots { display: none; }
.news-col:nth-child(1) .news-card-content p, .news-col:nth-child(2) .news-card-content p { display: block; }
.news-col:nth-child(1) .news-card-content .news-card-dots, .news-col:nth-child(2) .news-card-content .news-card-dots { display: flex; }
.news-card-action {  background-color: var(--color-secondary); color: #ffffff; text-align: center; justify-content: center; }
.news-card-action:hover  {background-color:#4A007D;}
.news-card-action .news-card-body { background-color: transparent; border-top: 0 none; min-height: auto; }
.news-card-action .news-card-dots, .infographics-card-dots { justify-content: center; margin: 0 -3px 12px; }
.news-card-action .news-card-dots li, .infographics-card-dots li { padding: 0 3px; }
.news-card-action .news-card-dots li span, .infographics-card-dots li span { width: 10px; height: 10px; }
.news-card-action .news-card-body h3 {  color: var(--font-blue); font-size: 22px; }
.news-card-action.news-card:hover .news-card-body { opacity: 1; visibility: visible; }
.news-card .full-link, .partner-slide .full-link, .service-slide-card .full-link, .location-slide-card .full-link, .infographics-card .full-link, .news-detail-card .full-link { position: absolute; left: 0; top: 0; z-index: 9; width: 100%; height: 100%; }
/* --- PASTE THIS NEW BLOCK --- */
/* --- NEWS-FOLLOW COMPONENT - RESPONSIVE DESIGN --- */
.news-follow {
    /* Phone Frame Background */
    background: url("../../images/wtw_images/follow-frame.png") no-repeat center;
    background-size: 100% 100% !important;
    
    /* Base dimensions - maintains 1:2 aspect ratio */
    width: 400px;
    height: 800px;
    max-width: 100%;
    
    /* Maintain aspect ratio */
    aspect-ratio: 1 / 2;
    
    /* Padding maintains proportional spacing */
    padding: 25px 33px 35px 28px;
    
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
}

/* Ensure scrollbar fills the height */
.news-follow-scrollbar {
    height: 100% !important;
    padding-bottom: 0;
    padding-right: 0 !important;
    border-radius: 0 0 25px 25px;
    box-sizing: border-box;
}

/* --- RESPONSIVE ADJUSTMENTS FOR NEWS-FOLLOW --- */

/* Tablet & Standard Mobile (Max 991px) */
@media (max-width: 991px) {
    .news-follow {
        width: 380px;
        height: 760px;
        padding: 24px 31px 33px 27px;
        margin: 0 auto;
    }
}

/* Tablet Portrait & Large Mobile (Max 768px) */
@media (max-width: 768px) {
    .news-follow {
        width: 360px;
        height: 720px;
        /* Proportional padding: maintains ~7% top, 8.5% right, 9% bottom, 7% left */
        padding: 25px 31px 32px 25px;
    }
}

/* Medium Mobile (Max 480px) */
@media (max-width: 480px) {
    .news-follow {
        width: 340px;
        height: 680px;
        /* Proportional padding adjusted for smaller screen */
        padding: 23px 29px 30px 24px;
    }
}

/* Small Mobile (Max 380px) - e.g. iPhone SE */
@media (max-width: 380px) {
    .news-follow {
        width: 320px;
        height: 640px;
        /* Reduced padding but maintains proportions */
        padding: 22px 28px 28px 22px;
    }
}

/* Extra Small Mobile (Max 320px) */
@media (max-width: 320px) {
    .news-follow {
        width: 300px;
        height: 600px;
        /* Minimum padding to ensure content fits */
        padding: 20px 26px 26px 20px;
    }
}
.news-follow-nav { 
    list-style: none; 
    padding-left: 0; 
    margin: 5px 20px 16px; 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    flex-wrap: nowrap;
}
.news-follow-nav li { 
    padding: 0 5px; 
    flex-shrink: 0;
}
.news-follow .sec-title.news-title {
    font-size: 34px;
}
.news-follow-nav li a { 
    font-size: 14px; 
    font-weight: bold; 
    color: #9E9E9E; 
}
.news-follow-nav li a:hover, 
.news-follow-nav li a:focus { 
    color: #17A9FD; 
    text-decoration: underline 2px blue; 
}
.news-follow-nav li a.active { 
    border-bottom: 2px solid blue; 
    text-decoration: underline 2px blue; 
}

/* Responsive adjustments for news-follow-nav */
@media (max-width: 480px) {
    .news-follow-nav {
        margin: 5px 15px 12px;
    }
    .news-follow-nav li a {
        font-size: 12px;
    }
}

@media (max-width: 380px) {
    .news-follow-nav {
        margin: 5px 12px 10px;
    }
    .news-follow-nav li {
        padding: 0 3px;
    }
    .news-follow-nav li a {
        font-size: 11px;
    }
}
.news-follow-content { width: 273px; height: 435px; overflow-y: auto; border-radius: 0 0 25px 25px; }

/*service-section*/
.service-section { position: relative; }
.service-section .container { padding: 0; max-width: min(100%, 1920px); }
.service-title { max-width: 1596px; margin: 0 auto 10px; width: 100%; }
.service-slider.slick-slider { position: relative; width: 100%; padding-left: calc((100% - 1470px) / 2); margin-bottom: 0; }
.service-slider .slick-list { overflow: hidden; padding-right: 150px; }
.service-slider .slick-prev { width: 40px; height: 40px; left: calc((100% - 1500px) / 2); top: calc(50% - (-15px)); z-index: 9; }
.service-slider .slick-next { width: 40px; height: 40px; left: calc((100% - 1500px) / 2); right: auto; top: calc(50% - 30px); z-index: 9;}

@media only screen and (max-width: 1024px){
.service-slider.slick-slider { padding-left: 0; }
.service-slider .slick-prev { left: 0; }
.service-slider .slick-next { left: auto; right: 0; }
}
.service-slide { padding: 0 7px; }
.service-slide-card { position: relative; border-radius: 5px; overflow: hidden; }
.service-slide-thumb { position: relative; height: 100%; overflow: hidden; max-height: 270px; min-height: 270px; display: flex; }
.service-slide-thumb img { flex: 1; object-fit: cover; transform: scale(1); transition: all 0.4s ease-in-out; }
.service-slide-content { font-size: 13px; color: #ffffff; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; padding: 20px 20px 30px; display: flex; flex-direction: row; justify-content: space-between; }
.service-slide-content:before { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 190px; background: linear-gradient(156.1deg, rgba(255, 255, 255, 0) 0%, rgba(121, 49, 168, 0.1) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(121, 49, 168, 0.99) 100%);}
.service-slide-content > * { position: relative; z-index: 2; }
.service-slide-content .arrow-next { position: absolute; right: 20px; bottom: 10px; z-index: 2; }
.service-slide-content h4 { color: #494949; font-size: 19px; line-height: 1.2; max-width: 160px; text-shadow: 0px 0px 15px #FFF, 0px 0px 4px #FFF; }
.service-slide-content p { margin-bottom: 0;  line-height: 15px; }
.service-slide-card:hover .service-slide-thumb img { transform: scale(1.2); }

/*counter-section*/
.counter-section {   background-color: var(--color-secondary); color: #ffffff; margin: 60px 0; margin-right: 20px; }
.counter-nos-action { min-height: 162px; max-width: 178px; min-width: 177px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 16px; font-weight: bold; padding: 30px 20px 10px; margin: 8px auto; background: url("../../images/wtw_images/premise-number3.png") no-repeat center; }
.counter-nos-action p { margin-bottom: 0;
    font-size: 18px !important; }
.counter-nos { font-family: var(--font-balgrim); font-size: 50px; color: var(--font-blue);   margin-bottom: 10px; }
.counter-nos-action.one { background-image: url("../../images/wtw_images/premise-number1.png"); padding-top: 60px; }
.counter-nos-action.two { background-image: url("../../images/wtw_images/premise-number2.png"); }
.premise-thumb-box { display: flex; flex-direction: column; align-items: flex-end; }
.premise-thumb { position: relative; display: flex; align-items: center; max-width: 290px; }
.premise-thumb img { margin: -85px 0 -50px; }
.premise-thumb p { position: absolute; top: 50px; left: 0; z-index: 1; margin-bottom: 0; padding-right: 20px; width: 100px; text-align: right; }
.premise-thumb p:before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 1; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 8px solid var(--bs-secondary); }
.tagcloud { font-family: var(--font-default); font-size: 14px; font-weight: bold; margin: auto; width: 150px !important; height: 150px !important; }
.tagcloud--item { cursor: pointer; }
.tagcloud--item:hover { color: var(--bs-primary); }

/*infographics-section*/
.infographics-section { position: relative; }
.infographics-latest { padding-right: 40px; }
.infographics-slider { margin-bottom: 12px; }
.infographics-slide .glightbox { box-shadow: 0 0 6px rgba(0,0,0,0.4); margin: 4px; display: block; }
.infographics-slide .glightbox img { width: 100%; }
.infographics-slider .slick-prev, .infographics-slider .slick-next { right: 0; top: -50px; transform: initial; }
.infographics-slider .slick-prev { left: auto; right: 45px; }
.infographics-title { font-size: 50px; line-height: 1.2; margin-bottom: 10px; }
.btn-secondary {    background-color: var(--color-primary);
    border-color: var(--color-primary); color: #fff; }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:focus-visible, .btn-secondary:first-child:active, :not(.btn-check) + .btn-secondary:active { background-color: var(--bs-secondary); border-color: var(--bs-secondary); color: var(--bs-primary); box-shadow: none; }
.infographics-btn-group, .location-btn-group { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0 -6px; }
.infographics-btn-group .btn, .location-btn-group .btn { display: flex; align-items: center; margin: 0 6px 10px; }
.infographics-btn-group .btn img, .location-btn-group .btn img { margin-left: 0; margin-right: 10px; }
.infographics-content { position: relative; display: flex; flex-direction: column; align-items: center; }
.infographics-content p { padding-left: 25px; position: relative; font-size: 18px; font-weight: bold; }
.infographics-content p:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; width: 20px; height: 3px; border-radius: 8px; background-color: var(--bs-secondary); }
.infographics-list { list-style: none; padding-left: 0; margin: 0 0 15px; }
.infographics-list li { margin-bottom: 10px; }
.infographics-list a { min-height: 70px; background-color: #ffffff; box-shadow: 0 0 4px rgba(0,0,0,0.4); border-radius: 5px; overflow: hidden; display: flex; align-items: center; border-left: solid 4px var(--color-secondary); color: #494949; padding: 12px 20px; }
.infographics-list a:hover, .infographics-list a:focus, .infographics-list a.active { background-color: #F4EDF9; color: #494949; }
.infographics-list-thumb { max-width: 116px; min-width: 116px; display: flex; align-items: center; justify-content: center; }
.infographics-list-content { max-width: calc(100% - 116px); min-width: calc(100% - 116px); padding-left: 25px; font-size: 16px; font-weight: 600; line-height: 1.5; }
.infographics-thumb-slider .slick-track { display: flex; flex-wrap: wrap; width: auto !important; transform: initial !important; }
.infographics-thumb-slide { width: 33.33% !important; padding: 4px; margin-bottom: 10px; height: auto; float: none; }
.infographics-thumb { position: relative; cursor: pointer; box-shadow: 0 0 4px rgba(0,0,0,0.4); border-radius: 5px; overflow: hidden; height: 100%; }
.infographics-thumb img { width: 100%; height: 100%; object-fit: cover; }
.infographics-card { cursor: pointer; position: relative; background-color: var(--color-secondary); border-radius: 5px; color: #ffffff; padding: 12px; text-align: center; min-height: 175px; height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; }
.infographics-card:hover {background-color:#4A007D; transition: background-color 0.4s ease-in-out;}    
.infographics-card h4 { font-size: 28px; color: var(--font-blue);  line-height: 1; margin-bottom: 0; }
.infographics-thumb-content { transition: all 0.4s ease-in-out; transform: translateY(100%); font-size: 14px; color: #ffffff; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; padding: 10px; display: flex; flex-direction: column; justify-content: flex-end; }
.infographics-thumb-content:before { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 190px; background: linear-gradient(156.1deg, rgba(255, 255, 255, 0) 0%, rgba(121, 49, 168, 0.1) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(121, 49, 168, 0.99) 100%);}
.infographics-thumb-content > * { position: relative; z-index: 2; }
.infographics-thumb-content p { margin-bottom: 0; }
.infographics-thumb:hover .infographics-thumb-content { transform: translateY(0); }
.infographics-panel { height: 100%; position: relative; display: flex; flex-direction: column; }
.infographics-panel-thumb { border: solid 1px var(--bs-primary); border-radius: 10px; }
.infographics-panel-thumb:hover, .infographics-panel-thumb:focus { border-color: var(--bs-secondary); }
.infographics-panel-thumb img { width: 100%; height: 100%; object-fit: cover; }
.infographics-panel-content { min-height: 68px; padding: 10px 0 20px; color: #3D3D3D; font-size: 15px; font-weight: 500; }
.infographics-panel-content p { margin-bottom: 0; }

/*location-section*/
.location-section.site-section { position: relative; padding: 30px 0; margin: 80px 0 0px; height: auto; min-height: 0; }
.location-section:before { content: ''; position: absolute; left: 0; top: 0; z-index: 0; height: var(--purple-height, auto); min-height: 100%; width: 50%; background-color: var(--color-secondary); }
.location-section > * { position: relative; z-index: 3; }
.location-content { position: relative; padding: 20px 0; }
.location-title { font-size: 40px; color: #ffffff; line-height: 0.8; margin-bottom: 40px; }
.location-title span { font-size: 50px; color: var(--font-blue);  }
.location-btn-group { justify-content: flex-end; }
.location-list { list-style: none; padding-left: 0; margin-bottom: 30px; }
.location-list li { margin-bottom: 16px; }
.location-list li a { font-size: 16px; font-weight: 600; color: #ffffff; padding-left: 36px; position: relative; }
.location-list li a:before { content: ''; width: 24px; min-width: 24px; height: 24px; border: solid 2px #ffffff; border-radius: 50%; position: absolute; left: 0; top: 50%; z-index: 1; transform: translateY(-50%); }
.location-list li a:after { content: ''; width: 23px; min-width: 23px; height: 21px; background: none; position: absolute; left: 4px; top: 40%; z-index: 1; transform: translateY(-50%); }
.location-list li a.active:after { background: url("../../images/wtw_images/icon-check.svg") no-repeat center; }
.mapouter { position: relative; width: 100%; height: calc(100% - 20px); min-height: 360px; border: solid 2px var(--bs-primary); border-radius: 5px; margin-bottom: 20px; }
.gmap_canvas { overflow: hidden; width: 100%; height: 100%; position: relative; }
.gmap_canvas > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.location-slider-main { border: solid 1px #D9D9D9; background-color: #fff; border-radius: 10px; overflow: hidden; }
.location-slider-header { background-color: #34234D; color: #ffffff; padding: 8px 85px 8px 30px; }
.location-slider-header h3 { font-size: 18px; color: #ffffff; margin-bottom: 0; }
.location-slider-body { position: relative; padding: 8px; }
.location-slider { position: relative; }
.location-slider .slick-prev, .location-slider .slick-next { right: 0; top: -44px; transform: initial; background-color: #ffffff; border-color: #ffffff; }
.location-slider .slick-prev { left: auto; right: 38px; }
.location-slide { padding: 4px 0; }
.location-slide-card { display: flex; position: relative; box-shadow: 0 0 4px rgba(0,0,0,0.4); border-left: solid 4px var(--color-secondary); background-color: #ffffff; border-radius: 8px; padding: 16px; margin-bottom: 8px; overflow: hidden; height: auto; }
.location-slider .location-slide-card { margin-bottom: 0; }
.location-slide-thumb { min-width: 118px; max-width: 118px; width: 118px; height: auto; overflow: hidden; flex-shrink: 0; align-self: flex-start; }
.location-slide-thumb img { width: 100%; height: auto; max-width: 100%; object-fit: cover; border-radius: 3px; display: block; }
.location-slide-content { min-width: calc(100% - 118px); max-width: calc(100% - 118px); padding-left: 12px; overflow: hidden; word-wrap: break-word; box-sizing: border-box; }
.location-slide-content h5 { font-size: 15px; margin-bottom: 6px; font-weight: 800; line-height: 1.2; text-transform: uppercase; }
.location-slide-content address { font-size: 13px; margin-bottom: 6px; font-weight: 600; color: #494949; line-height: 1.2; }
.location-address-group { display: flex;  justify-content:space-between;}
.location-address-list { list-style: none; padding-left: 0; margin: 0; line-height: 1.2; }
.location-address-list li { margin-bottom: 0; font-size: 12px; color: #494949; }
.location-address-list li a { color: #494949; }
.location-address-list li a:hover, .location-address-list li a:focus { color: var(--bs-primary); }
.location-address-social { list-style: none; padding-left: 10px; margin: 0 -6px; display: flex; align-items: center; line-height: 1.2; }
.location-address-social li { padding: 0 6px; }
.location-address-social li img { width: 28px; height: 28px; opacity: 0.8; }
.location-slide-card:hover, .location-slide-card:focus, .location-slide-card.active { background-color: #F4EDF9; }
.location-slide-card:hover .location-address-social li img, .location-slide-card:focus .location-address-social li img, .location-slide-card.active .location-address-social li img { opacity: 1; }

/*semakan-news*/
.semakan-news { max-width: 890px; width: 100%; margin: 0 auto 80px; }
.semakan-news .semakan-form-inline .semakan-btn-group { min-width: 142px; }
.news-tabs { display: flex; justify-content: center; align-items: center; border-bottom: transparent; margin-bottom: 60px; }
.news-tabs .nav-item { padding: 0 8px; } 
.news-tabs .nav-item .nav-link { color: var(--color-default); text-align: center; border: 1px solid transparent; font-family: var(--font-default); font-size: 14px; font-style: normal; font-weight: 400;  line-height: normal; border-radius: 20px; background-color: #fff; padding: 9px 35px; }
.news-tabs .nav-link:focus, .nav-tabs-wrapper .nav-link:hover { border-color: #D697FF; background-color: #E8C5FF; }
.news-tabs .nav-item .nav-link.active { border-color: #D697FF; background-color: #E8C5FF; color: #34234D; font-weight: 600; }
.news-card-thumb-meta { position: relative; z-index: 3; display: flex; align-items: center; margin: 0 15px 8px; }
.news-card-thumb-meta .news-card-meta { background-color: #34234D; color: #ffffff; border-radius: 20px; display: flex; align-items: center; margin: 0; padding: 2px 8px; }
.news-card-thumb-meta .news-card-meta li { padding: 0 15px; font-size: 14px; font-weight: 500; }
.news-card-thumb-meta .news-card-meta li:not(:first-child) { border-left: solid 1px #A09CAD; }
.news-tab-card { min-height: 350px; margin-bottom: 24px; height: calc(100% - 24px); }
.news-tab-card .news-card-body { min-height: 125px; }
.news-tab-card .news-card-body h3 { font-weight: 500; font-size: 16px; }
.news-tab-card .news-card-content h3 { font-weight: 500; font-size: 20px; }
.news-tab-card .news-card-content p { display: block; }
.news-tab-card .news-card-content .news-card-dots { display: flex; }
.news-footer { display: flex; align-items: center; justify-content: space-between; margin: 30px 0; position: relative; padding-left: 300px; }
.infographics-footer { margin-top: 80px; }
.news-btn-view { margin: 30px 0; display: flex; align-items: center; justify-content: center; }
.news-footer .news-btn-view { margin: 0 auto; }
.news-btn-view .btn { border-radius: 30px; text-align: center; font-size: 16px; font-weight: 700; width: 395px; height: 45px; display: block; }
.news-pagination { margin: 0 -6px; }
.news-pagination .page-item { padding: 0 6px; display: flex; align-items: center; justify-content: center; }
.news-pagination .page-link { border: solid 1px #E0AFFF; width: 40px; height: 40px; border-radius: 50%; padding: 5px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #9E9E9E; font-weight: 600; }
.news-pagination .page-link:hover, .news-pagination .page-link:focus, .news-pagination .page-link.active { background-color: var(--bs-primary); color: var(--bs-secondary); border-color: var(--bs-primary); }
.news-pagination .prev .page-link:hover, .news-pagination .prev .page-link:focus, .news-pagination .prev .page-link.active,
.news-pagination .next .page-link:hover, .news-pagination .next .page-link:focus, .news-pagination .next .page-link.active { background-color: transparent; color: #9E9E9E; border-color: transparent; }
.news-pagination .prev .page-link, .news-pagination .next .page-link { border-radius: 0; border-color: transparent; width: auto; height: auto; }
.news-pagination .prev .page-link img { margin-right: 10px; }
.news-pagination .next .page-link img { margin-left: 10px; }
.news-pagination .page-item:last-child .page-link, .news-pagination .page-item:first-child .page-link { border-radius: 50%; }
.news-pagination .page-item.next:last-child .page-link, .news-pagination .page-item.prev:first-child .page-link { border-radius: 0; }

/*news-detail*/
.news-detail-title { line-height: 1.25; margin: 20px 0 65px; }
.news-detail-meta, .simple-meta { font-size: 12px; color: #9E9E9E; margin-bottom: 15px; display: block; }
.news-detail-content { margin-right: 50px; margin-bottom: 30px; color: #494949; }
.news-detail-slider.slick-slider { padding: 0 40px; margin-bottom: 30px; position: relative; }
.news-detail-slider .slick-prev { left: 0; }
.news-detail-slider .slick-next { right: 0; }
.news-detail-slide-thumb { position: relative; }
.news-detail-slide-thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.news-detail-card { overflow: hidden; position: relative; }
.news-detail-card-thumb { position: relative; }
.news-detail-card-thumb > img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px 5px 0 0; }
.news-detail-card-meta { position: absolute; left: 15px; right: 15px; bottom: 8px; display: flex; }
.news-detail-card-meta .news-card-meta { background-color: #34234D; color: #ffffff; border-radius: 20px; display: flex; align-items: center; margin: 0; padding: 3px 4px; }
.news-detail-card-meta .news-card-meta li { padding: 0 8px; font-size: 9px; font-weight: 500; line-height: 1; }
.news-detail-card-meta .news-card-meta li:not(:first-child) { border-left: solid 1px #A09CAD; }
.news-detail-card-meta .news-card-meta li img { width: 12px; }
.news-detail-card-body { background-color: #ffffff; color: #3D3D3D; min-height: 85px; border-top: solid 4px var(--bs-primary); padding: 10px 15px; font-size: 13px; }
.news-detail-card-body p { margin-bottom: 0; font-weight: 500; }

/*other-news-detail-section*/
.other-news-detail-section.site-section { background-color: #ECDDFF; padding: 35px 0; margin-bottom: 35px; }
.other-news-detail-section h2 { font-size: 35px; margin: 0 10px 15px; }
.other-news-detail-slider.slick-slider { margin-bottom: 0; position: relative; }
.other-news-detail-slider .slick-prev { left: -32px; }
.other-news-detail-slider .slick-next { right: -34px; }
.other-news-detail-slider .news-detail-card { margin: 0 10px; }

/*simple-section*/
.simple-section { padding: 100px 0; }
.simple-title { margin-bottom: 40px; font-size: 50px; line-height: 1.2; }
.simple-content { margin-bottom: 40px; position: relative; color: #494949; }
.simple-content h3 { color: #34234D; font-family: var(--font-default); font-weight: 600; }
.simple-content a { color: #494949; text-decoration: underline; }
.simple-content a:hover, .simple-content a:focus { text-decoration: none; }

/*  Media Queries */
@media (min-width: 1600px) {
    .site-partner-section .container, .other-news-detail-section .container { max-width: 1500px; margin: 0 auto; }
}

@media (min-width: 1800px) {
    .site-home-footer { max-width: none; margin: 0; width: 100%; }
    .site-secondary-footer, .site-primary-footer .container, .personalization-section .container { max-width: 1596px; margin: 0 auto; width: 100%; }
    .site-partner-section .container, .other-news-detail-section .container { max-width: 1700px; margin: 0 auto; }
    .news-section .container { max-width: 1440px; margin: 0 auto; }
}

@media (max-width: 1799px) {
    .news-card-content h3 { font-size: 20px; }
    .news-col:nth-child(1) .news-card-content h3, .news-col:nth-child(2) .news-card-content h3 { font-size: 22px; }
    .news-card-body h3 { font-size: 16px; }
    .service-section .container { max-width: 1320px; padding: 0 12px; }
    .service-title { max-width: none; }
    .service-slider.slick-slider { padding-left: 15px; }
    .service-slider .slick-list { padding-right: 0; }
    .service-slider .slick-prev, .service-slider .slick-next { left: -25px; }
    .service-slide-content { padding: 15px 15px 30px; }
    .personalization-card { min-height: 330px; }
    .news-detail-card-body { font-size: 12px; min-height: 96px; }
}

@media (max-width: 1599px) {
    .news-detail-card-body { min-height: 115px; }
    .other-news-detail-slider .news-detail-card { margin: 0 6px; }
}

@media (max-width: 1399px) {
    .infographics-thumb-content { font-size: 12px; }
    .site-home-footer { font-size: 13px; }
    .news-card-content, .news-card-body h3, .counter-nos-action, .footer-title { font-size: 14px; }
    .service-slide-content h4 { font-size: 16px; }
    .news-card-content h3 { font-size: 18px; }
    .news-col:nth-child(1) .news-card-content h3, .news-col:nth-child(2) .news-card-content h3 { font-size: 20px; }
    .footer-visitor li h4 { font-size: 24px; }
    .personalization-card-content h3, .location-title, .personalization-card-hover-action h3 { font-size: 25px; }
    .news-title, .service-title, .counter-title { font-size: 32px; }
    .sec-title, .infographics-title { font-size: 40px; }
    .counter-nos, .location-title span { font-size: 44px; }
    .news-title span, .service-title span, .counter-title span { font-size: 48px; }
    .service-section .container { max-width: 1140px; }
    .news-latest { padding-right: 30px; }
    .infographics-latest { padding-right: 30px; }
    .infographics-list-thumb { max-width: 100px; min-width: 100px; }
    .infographics-list-content { font-size: 14px; max-width: calc(100% - 100px); min-width: calc(100% - 100px); padding-left: 15px; }
    .location-section.site-section { margin: 60px 0 100px; }
    .footer-barcode-thumb { max-width: 150px; min-width: 150px; margin-right: 15px; }

	.tagcloud {
    margin-top: 32px;
    height: 250px !important;
    width: 352px !important;
}
    .news-detail-card-body { min-height: 96px; }
    .simple-section { padding: 80px 0; }
    .personalization-card-content h3 {
        transition: all 0.4s ease-in-out;
        color: #34234D;
        z-index: 1;
        font-size: 25px;
        line-height: 1.2;
        margin-bottom: 0;
        padding-left: 20px;
       


    }
}

@media (max-width: 1199px) {
    .service-section .container { max-width: 960px; }
    .announcement-card { margin-bottom: 30px; }
    .news-latest { padding-right: 0; margin-bottom: 20px; }
    .news-card-body { padding: 10px 12px; }
    .news-card-content { padding: 40px 12px 14px; }
    .news-card-content h3 { font-size: 16px; }
    .news-col:nth-child(1) .news-card-content h3, .news-col:nth-child(2) .news-card-content h3 { font-size: 18px; }
    .infographics-latest { padding-right: 0; margin-bottom: 20px; }
    .counter-section { background-color: var(--color-secondary);
        color: #ffffff; margin: 0; }
    .sec-title, .infographics-title { font-size: 36px; }
    .news-title span, .service-title span, .counter-title span { font-size: 44px; }
    .infographics-list a { min-height: 60px; padding: 8px 12px; }
    .infographics-list-thumb { max-width: 80px; min-width: 80px; }
    .infographics-list-content { font-size: 12px; max-width: calc(100% - 80px); min-width: calc(100% - 80px); }
    .location-section.site-section { margin: 0; }
    .partner-container { margin: 0 40px; }
    .footer-barcode { flex-direction: column; align-items: flex-start; }
    .footer-barcode-thumb { max-width: 100%; min-width: 100%;  margin-right: 0; margin-bottom: 20px; }
    .home-slider-nav { margin-left: 90px; }
    .slide-container-image, .slide-container-video { min-height: 620px; max-height: 620px; }
    .personalization-col { flex: 0 0 50%; }
    .personalization-col:hover { flex: 0 0 50%; }
    .personalization-list { font-size: 12px; }
    .premise-thumb img { margin: 0 0 -50px; }
    .footer-social-link { margin: 0 -12px 40px; }
    .footer-social-link li { padding: 0 12px; }
    .footer-social-link li img { width: 40px; }
    .news-tab-card .news-card-body h3, .infographics-panel-content { font-size: 14px; }
    .news-tab-card .news-card-content h3 { font-size: 18px; }
    .news-btn-view { margin: 16px 0; }
    .news-btn-view .btn { width: 220px; }
    .semakan-news { margin-bottom: 60px; }
    .news-tabs .nav-item .nav-link { padding: 9px 25px; }
    .news-footer { padding-left: 0; }
    .news-footer .news-btn-view { margin: 0; }
    .other-news-detail-section h2 { font-size: 32px; margin: 0 0 15px; }
    .news-detail-content { margin-right: 0; }
    .news-detail-title { margin: 0 0 35px; }
    .other-news-detail-slider.slick-slider { margin: 0 35px; }
    .news-detail-card-body { min-height: 114px; }
    .infographics-footer { margin-top: 40px; }
    .simple-section { padding: 60px 0; }
    .simple-title { margin-bottom: 30px; font-size: 46px; }
    .simple-content { margin-bottom: 30px; }
}

@media (max-width: 991px) {
    .service-section .container { max-width: 720px; }
    .personalization-col { flex: 0 0 100%; }
    .personalization-col:hover { flex: 0 0 100%; }
    .premise-thumb img { margin: 20px 0 -30px; }
    .location-list li a { font-size: 14px; }
    /* .footer-social-link { margin: 0 -8px 20px; } */
    .footer-social-link li { padding: 0 8px; }
    .news-tab-card .news-card-content h3 { font-size: 16px; }
    .news-btn-view .btn { width: auto; }
    .news-footer { margin: 10px 0; }
    .infographics-footer { margin-top: 20px; }
    .semakan-news, .news-tabs { margin-bottom: 40px; }
    .news-tabs .nav-item .nav-link { padding: 9px 15px; }
    .other-news-detail-section h2 { font-size: 28px; }
    .news-detail-title { margin: 0 0 20px; }
    .news-detail-slider.slick-slider, .news-detail-content { margin-bottom: 20px; }
    .simple-section { padding: 30px 0; }
    .simple-title { font-size: 42px; margin-bottom: 20px; }
    .simple-content { margin-bottom: 20px; }
}

@media (max-width: 767px) {
    .service-section .container { max-width: 540px; }
    .location-section::before { width: 100%; }
    .mapouter { border-color: var(--bs-secondary); }
    .news-col, .news-col:nth-child(1), .news-col:nth-child(2) { width: 100%; }
    .news-card-body, .news-tab-card .news-card-body { min-height: auto; }
    .home-slider-nav { margin: 0; padding: 0 34px; }
    .home-slider-nav .slick-prev, .home-slider-nav .slick-next { bottom: auto; top: 50%; transform: translateY(-50%); }
    .home-slider-nav .slick-prev { left: 0; }
    .home-slider-nav .slick-next { left: auto; right: 0; }
    .service-slider.slick-slider { padding-left: 40px; padding-right: 40px; }
    .service-slider .slick-prev { top: 50%; }
    .service-slider .slick-next { top: 50%; left: auto; right: 0; }
    .announcement-card-action { min-width: 100%; max-width: 100%; border-radius: 5px 5px 0 0; }
    .announcement-card-content { min-width: 100%; max-width: 100%; border-radius: 0 0 5px 5px; }
    .premise-thumb-box { align-items: center; }
    .footer-barcode, .footer-social { margin-bottom: 16px; }
    .news-footer { flex-direction: column; justify-content: center; }
    .news-btn-view { margin-bottom: 12px; }
    .semakan-news, .news-tabs { margin-bottom: 24px; }
    .other-news-detail-section h2 { font-size: 26px; }
    .news-footer .news-btn-view { margin: 0 0 15px; }
    .glightbox-container .ginner-container { align-items: center; max-height: 90vh; }
    .gslide-image img { max-height: 90vh }
    .glightbox-clean .gnext, .glightbox-clean .gprev { top: 45%; }
    .goverlay { background: rgba(0, 0, 0, .92); }
    .simple-title { font-size: 36px; }
}
@media (max-width: 768px) {
    .activemapdata .location-slide-card {
    margin-right: 0;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
    height: auto;
}
    .location-slide-thumb {
        min-width: 118px;
        max-width: 118px;
        width: 118px;
        height: auto;
        overflow: hidden;
        align-self: flex-start;
    }
    .location-slide-thumb img {
        width: 100%;
        height: auto;
        max-width: 100%;
        object-fit: cover;
        display: block;
    }
    .location-slide-content {
        min-width: calc(100% - 118px);
        max-width: calc(100% - 118px);
        overflow: hidden;
        word-wrap: break-word;
        box-sizing: border-box;
    }
}



@media (max-width: 575px) {
    .service-section .container { max-width: 100%; }
    .personalization-card { min-height: 420px; }
    .personalization-card-hover-action { max-height: 100vh; overflow-y: auto; }
    .news-btn-view { margin: 0; }
    .simple-title { font-size: 32px; }
    .infographics-slide .glightbox img {
    width: 100%;
    height: 697px !important;
}
.negroni-color .personalization-card-content .background-image {
    width: 100%;
}
.footer-barcode-thumb {
    max-width: 150px;
    min-width: 150px;
}
.copy-right {
    margin-bottom: 8px;
    margin-top: 8px;
}
.copy-right p {
    line-height: 24px;
}
}

@media (max-width: 479px) {
    .infographics-thumb-slide { width: 50% !important; }
    .personalization-card-content h3 { left: 20px; top: 10px; }
    .personalization-card-hover-action { padding: 20px; max-height: 100vh; overflow-y: auto; }
    .personalization-card-hover-action h3 { margin-bottom: 1px; }
    .personalization-card { min-height: 450px; }
    .personalization-card-hover-action .personalization-list { max-height: calc(100vh - 150px); }
    .news-detail-card-body { min-height: 80px; }
    .footer-title {
    font-size: 20px;
    line-height: 20px;
}
}

@media (max-width: 769px) {
    
    .footer-title {

    margin-top: 20px;
    font-size: 20px;
    line-height: 20px;
    }
  }


@media (max-width: 575px) {
  .location-slide-thumb {
    min-width: 100%;
    max-width: 100%;
}
.location-slide-content {
    padding-left: 0;
    min-width: 100%;
    max-width: 100%;
    padding-top: 10px;
}
}

/*21-11-2023*/

.infographics-slider .slick-prev, .infographics-slider .slick-next {
    right: -40px;
    top: 50%;
    transform: initial;
    z-index: 9;
}
.infographics-slider .slick-prev {
    left: -40px;
    right: auto;
}
.infographics-thumb-slide { width: 33.33% !important; padding: 4px; margin-bottom: 10px; height: auto; float: none; }
.infographics-heade {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.infographics-heade .btn-secondary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--bs-secondary);
}
.infographics-heade .btn img, .btn img {
    margin-right: 12px;
    margin-left: 10px;
}
.personalization-card-content {
    transition: all 0.4s ease-in-out;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: #FF9AA2;
    display: flex;
    flex-direction: inherit;
    align-items: flex-start;
}
.personalization-card-content h3 {
    transition: all 0.4s ease-in-out;
    color: #34234D;
    z-index: 1;
    font-size: 25px;
    line-height: 1.2;
    margin-bottom: 0;
    padding-left: 20px;
    margin-top: 30px;
}
.shalimar-color .personalization-card-content .background-image {
    width: calc(90% - 0px);
    height: 310px;
}
.Infografiktitle {
	color: #6D6D6D;
    font-family: var(--font-default);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 25px;
    position: relative;
    margin-top: 8px;
    padding-left: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.Infografiktitle:before {
    content: "";
    position: absolute;
    left: 3px;
    background: var(--color-secondary);
    width: 24px;
    height: 4px;
    top: 8px;
    border-radius: 50px;
}

.infographics-slide .glightbox img {
    width: 100%;
    height: 697px;
}

.infographics-thumb-slider{
    margin-top: 0px;
    display:flex;
}
@media (max-width: 1366px) {
    .personalization-card-content h3 {
        transition: all 0.4s ease-in-out;
        color: #34234D;
        z-index: 1;
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 0;
        padding-left: 20px;
    }
	.mb-100 {
    margin-bottom: 20px;
}
}



.infographics-heade .btn-secondary:hover {
    background-color: #4A007D;
    color: #4CB74A !important;
}

.pr-4 {
    padding-left: 28px;
}

@media only screen and (max-width: 1024px){
.slide-container-image img, .slide-btn-thumb img{    height: auto;}
.slide-container-image, .slide-container-video {min-height: 220px !important;max-height: 220px !important;}
.home-slider-nav-wrap .slide-btn-thumb img {height: 100% !important;}
.home-slider-nav-wrap{    margin-top: 0;}
.service-section .container { max-width: 100%; padding: 0 12px; }
.service-title { max-width: 100%; }
.service-slider.slick-slider { padding-left: 0 !important; }
.service-slider .slick-prev { left: 0 !important; }
.service-slider .slick-next { left: auto !important; right: 0 !important; }
body { overflow-x: hidden; }
}
@media only screen and (max-width: 480px){

.slide-container-image, .slide-container-video {
    min-height: 150px !important;
    max-height: 150px !important;
}
.personalization-card-content h3 {
    margin-top: 12px;
}
.news-title span, .service-title span, .counter-title span {
    font-size: 30px;
    margin-bottom: 10px;
}
.news-follow {
    margin: 0 auto;
}
.infographics-heade {
    margin-bottom: 20px;
}

}