.locations{padding:0 20px}.locations .container .content-wrap{flex-direction:column;align-items:center;display:flex}.locations .container .content-wrap .locations-tag{font-size:var(--fs-md);color:var(--dark-gray-color);text-transform:uppercase;margin-bottom:15px;font-weight:600}.locations .container .content-wrap .locations-title{font-size:var(--fs-5xl);text-align:center;font-weight:400}.locations .container .content-wrap .locations-desc{font-size:var(--fs-md);text-align:center;max-width:1000px;margin-top:10px;font-weight:300}.locations .container .locations-wrap{margin-top:var(--sp-8);flex:1;gap:17px;display:flex}@media (max-width:767px){.locations .container .locations-wrap{display:none}}.locations .container .locations-wrap .loc-card{cursor:pointer;border-radius:30px;flex:1;height:400px;transition:all .3s ease-in-out;position:relative;overflow:hidden}.locations .container .locations-wrap .loc-card.active{flex:2}.locations .container .locations-wrap .loc-card.active:before{content:""}.locations .container .locations-wrap .loc-card.active .title{display:none}.locations .container .locations-wrap .loc-card.active .content{opacity:1}.locations .container .locations-wrap .loc-card:not(.active){flex:.25}.locations .container .locations-wrap .loc-card:not(.active) .title{display:block}.locations .container .locations-wrap .loc-card:not(.active) .content{opacity:0}.locations .container .locations-wrap .loc-card:before{z-index:2;background:linear-gradient(90deg,#000000d9 0%,#fff0 100%);position:absolute;inset:0}.locations .container .locations-wrap .loc-card:after{content:"";z-index:2;background:#0006;position:absolute;inset:0}.locations .container .locations-wrap .loc-card img,.locations .container .locations-wrap .loc-card .location-media{object-fit:cover;width:100%;height:100%}.locations .container .locations-wrap .loc-card .location-media{border:0;display:block}.locations .container .locations-wrap .loc-card .title{z-index:3;color:var(--white-color);writing-mode:vertical-rl;text-align:center;font-size:24px;font-weight:600;position:absolute;bottom:50%;left:50%;transform:rotate(180deg)translate(50%)translateY(-50%)}.locations .container .locations-wrap .loc-card .content{opacity:0;color:var(--white-color);z-index:3;flex-direction:column;justify-content:space-between;height:100%;padding:30px;transition:all .8s ease-in-out;display:flex;position:absolute;inset:0}.locations .container .locations-wrap .loc-card .content .loc-title{font-size:var(--fs-5xl);font-weight:600}.locations .container .locations-wrap .loc-card .content .bottom-wrap{justify-content:space-between;align-items:flex-end;display:flex}.locations .container .locations-wrap .loc-card .content .bottom-wrap .loc-detail{opacity:0;max-width:60%;font-size:clamp(12px,2vw,16px);font-weight:400;transition:opacity .3s,transform .3s;transform:translateY(8px)}@media (max-width:767px){.locations .container .locations-wrap .loc-card .content .bottom-wrap .loc-detail{width:100%}}.locations .container .locations-wrap .loc-card .content .bottom-wrap .loc-btn{background-color:var(--white-color);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:10px 20px;display:inline-flex}.locations .container .locations-wrap .loc-card .content .bottom-wrap .loc-btn:hover svg{transform:rotate(0)}.locations .container .locations-wrap .loc-card .content .bottom-wrap .loc-btn svg{width:100%;height:auto;transition:all .3s ease-in-out;transform:rotate(-30deg)}.locations .container .locations-wrap .loc-card.active .content .loc-detail{opacity:1;transition-delay:.3s;transform:translateY(0)}.locations .container .locations-thumbs{margin-top:var(--sp-8);-ms-overflow-style:none;scrollbar-width:none;gap:10px;display:none;overflow-x:auto}.locations .container .locations-thumbs::-webkit-scrollbar{display:none}@media (max-width:767px){.locations .container .locations-thumbs{display:flex}}.locations .container .locations-thumbs .thumb{opacity:.5;cursor:pointer;border-radius:15px;min-width:80px;height:90px;transition:all .3s;position:relative;overflow:hidden}.locations .container .locations-thumbs .thumb img{object-fit:cover;width:100%;height:100%}.locations .container .locations-thumbs .thumb .thumb-title{z-index:2;color:var(--white-color);font-size:var(--fs-2xs);text-align:center;background:linear-gradient(#0000,#000c);padding:18px 8px 8px;font-weight:600;line-height:1.2;transition:opacity .3s;position:absolute;inset:auto 0 0}.locations .container .locations-thumbs .thumb.active{opacity:1;transform:scale(1.05)}.locations .container .locations-thumbs .thumb.active .thumb-title{opacity:0}.locations .container .mobile-card{margin-top:var(--sp-5);border-radius:25px;height:400px;display:none;position:relative;overflow:hidden}@media (max-width:767px){.locations .container .mobile-card{display:block}}.locations .container .mobile-card img,.locations .container .mobile-card .location-media{object-fit:cover;width:100%;height:100%}.locations .container .mobile-card .location-media{border:0;display:block}.locations .container .mobile-card .overlay{background:linear-gradient(#0003,#000c);position:absolute;inset:0}.locations .container .mobile-card .content{z-index:2;color:#fff;flex-direction:column;justify-content:space-between;padding:20px;display:flex;position:absolute;inset:0}.locations .container .mobile-card .content h3{margin-bottom:10px;font-size:24px}.locations .container .mobile-card .content .bottom-wrap{justify-content:space-between;align-items:flex-end;display:flex}.locations .container .mobile-card .content .bottom-wrap p{font-size:var(--fs-sm);max-width:70%;line-height:18px}.locations .container .mobile-card .content .bottom-wrap .loc-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:inline-flex;transform:rotate(-30deg)}
