@font-face {
            font-family: 'oleoscript';
            src: url('https://fonts.gstatic.com/s/oleoscript/v11/rax5HiePvdgXPmmMHcJSwArl.woff2') format('woff2');
            font-weight: 400;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Poppins';
            src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2') format('woff2');
            font-weight: 700;
            font-style: normal;
            font-display: swap;
        }
    body{background:linear-gradient(135deg,#0a0a23 0,#2a2a72 100%)}
.banner-bg{background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url('../images/1.jpg');background-size:cover;background-position:center;box-shadow:inset 0 0 60px rgba(0,0,0,.9)}
.profile:hover{transform:scale(1.05);transition:transform .3s ease;box-shadow:0 10px 20px rgba(0,0,0,.3)}
.random-word{font-family:'Oleo Script';animation:glow 3s infinite}
.category-link{position:relative;overflow:hidden}
.category-link span{position:absolute;background:linear-gradient(to right,#ff1a8c,gold)}
.category-link span:first-child{top:0;right:0;width:100%;height:2px;animation:animate1 2s linear infinite}
.category-link span:nth-child(2){top:0;right:0;height:100%;width:2px;animation:animate2 2s linear 1s infinite}
.category-link span:nth-child(3){bottom:0;right:0;width:100%;height:2px;animation:animate3 2s linear infinite}
.category-link span:nth-child(4){top:0;left:0;height:100%;width:2px;animation:animate4 2s linear 1s infinite}
@keyframes animate1{
0%{transform:translateX(-100%)}
100%{transform:translateX(100%)}
}
@keyframes animate2{
0%{transform:translateY(-100%)}
100%{transform:translateY(100%)}
}
@keyframes animate3{
0%{transform:translateX(100%)}
100%{transform:translateX(-100%)}
}
@keyframes animate4{
0%{transform:translateY(100%)}
100%{transform:translateY(-100%)}
}
@keyframes glow{
0%{text-shadow:0 0 5px #ff1a8c}
50%{text-shadow:0 0 20px gold}
100%{text-shadow:0 0 5px #ff1a8c}
}
.animate-h1{animation:slideInLeft 1s ease-out}
.animate-h2{animation:slideInRight 1.2s ease-out}
.animate-p{animation:fadeIn 1.5s ease-out}
@keyframes slideInLeft{
0%{opacity:0;transform:translateX(-50px)}
100%{opacity:1;transform:translateX(0)}
}
@keyframes slideInRight{
0%{opacity:0;transform:translateX(50px)}
100%{opacity:1;transform:translateX(0)}
}
@keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
.menu-icon span{display:block;width:28px;height:3px;background:#fff;margin:6px 0;transition:all .3s ease}
.menu-icon.open span:first-child{transform:rotate(45deg) translate(6px,6px)}
.menu-icon.open span:nth-child(2){opacity:0}
.menu-icon.open span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.rounded-list li{display:flex;align-items:center;margin-bottom:12px;font-size:1.1rem}
.rounded-list li span{background:#ff1a8c;color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-right:12px}
.tow-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media (max-width:768px){
.tow-col{grid-template-columns:1fr}
}
.four-column{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media (max-width:768px){
.four-column{grid-template-columns:1fr 1fr}
}
.category-lists a{background:#2a0b4b;padding:12px;border-radius:8px;display:inline-block;margin:8px;transition:background .3s ease;height:50px}
.category-lists a:hover{background:linear-gradient(to right,#ff1a8c,gold)}
.lazyload{opacity:0;transition:opacity .3s ease}
.lazyload.loaded{opacity:1}
.nowcalling{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:1000}
.nowcalling a{padding:12px;border-radius:50%;background:linear-gradient(to right,#ff1a8c,gold);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.3)}
.nowcalling img{width:24px;height:24px}
.category-link{position:relative;overflow:hidden}
.category-link span{position:absolute;background:linear-gradient(to right,#ff1a8c,gold)}
.category-link span:first-child{top:0;right:0;width:100%;height:4px;animation:animate1 2s linear infinite}
.category-link span:nth-child(2){top:0;right:0;height:100%;width:2px;animation:animate2 2s linear 1s infinite}
.category-link span:nth-child(3){bottom:0;right:0;width:100%;height:2px;animation:animate3 2s linear infinite}
.category-link span:nth-child(4){top:0;left:0;height:100%;width:2px;animation:animate4 2s linear 1s infinite}
@keyframes animate1{
0%{transform:translateX(100%)}
100%{transform:translateX(-100%)}
}
@keyframes animate2{
0%{transform:translateY(100%)}
100%{transform:translateY(-100%)}
}
@keyframes animate3{
0%{transform:translateX(-100%)}
100%{transform:translateX(100%)}
}
@keyframes animate4{
0%{transform:translateY(-100%)}
100%{transform:translateY(100%)}
}
.animate-h2{animation:slideInRight 1.2s ease-out}
.animate-p{animation:fadeIn 1.5s ease-out}
@keyframes slideInRight{
0%{opacity:0;transform:translateX(50px)}
100%{opacity:1;transform:translateX(0)}
}
@keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
@keyframes colorBorder{
0%{border-color:rgba(255,204,0,.5)}
25%{border-color:rgba(255,26,140,.5)}
50%{border-color:rgba(0,204,255,.5)}
75%{border-color:rgba(255,215,0,.5)}
100%{border-color:rgba(255,204,0,.5)}
}
@keyframes colorFilter{
0%{filter:hue-rotate(0deg)}
50%{filter:hue-rotate(90deg)}
100%{filter:hue-rotate(0deg)}
}
.animate-color-border{animation:colorBorder 6s linear infinite}
.animate-color-filter{animation:colorFilter 8s linear infinite}
.group:hover .animate-color-border{animation-play-state:paused;border-color:gold}
.group:hover .animate-color-filter{animation-play-state:paused;filter:none}
@media (max-width:640px){
.grid-cols-2{gap:1rem}
.grid-cols-2>div{margin-bottom:1rem}
}
.animate-h2{animation:slideInRight 1.2s ease-out}
.animate-p{animation:fadeIn 1.5s ease-out}
@keyframes slideInRight{
0%{opacity:0;transform:translateX(50px)}
100%{opacity:1;transform:translateX(0)}
}
@keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
@keyframes pulseSlow{
0%{opacity:.6}
50%{opacity:1}
100%{opacity:.6}
}
@keyframes shimmer{
0%{background-position:-40px 0}
100%{background-position:40px 0}
}
.animate-pulse-slow{animation:pulseSlow 10s ease-in-out infinite}
.bg-size-40px{background-size:40px 40px}
.animate-shimmer{animation:shimmer 2s linear infinite}
@media (max-width:640px){
.grid-cols-1>div{margin-bottom:1.5rem}
}
.animate-h2{animation:slideInRight 1.2s ease-out}
.animate-p{animation:fadeIn 1.5s ease-out}
@keyframes slideInRight{
0%{opacity:0;transform:translateX(50px)}
100%{opacity:1;transform:translateX(0)}
}
@keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
@media (max-width:640px){
.grid-cols-1>div{margin-bottom:1.5rem}
}
.bg-light{background-color:#2a2a72}
.tag h2{font-size:21px}
.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:600;line-height:2.2;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;margin:5px}
.label a{color:#fff;text-decoration:underline}
.label-default{background-color:#a40000}
.label-primary{background-color:#005a9c}
.label-success{background-color:#256029}
.label-info{background-color:#005c66}
.label-warning{background-color:#6a1b4d}
.label-danger{background-color:indigo}
.contain{padding:60px 30px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.search-form-area-dark{width:100%;max-width:700px;padding:10px;border-radius:25px;margin-bottom:30px}
.search-title{color:#ff1182;text-align:center;font-size:22px;font-weight:700;margin-bottom:30px}
.search-rent{font-size:16px;color:#fff;text-align:center;margin-top:15px;margin-bottom:10px;position:relative;z-index:999}
.search-rent a{color:#ff1182;font-weight:700;text-decoration:none;position:relative;z-index:999}
.search-bar-style{position:relative;width:100%;background:#1b1b1b;border-radius:999px;padding:5px 20px;display:flex;align-items:center;box-shadow:0 0 10px #ff1182,0 0 20px rgba(0,255,170,.15)}
.search-icon{font-size:20px;color:#ff1182;margin-right:12px}
.search-bar-style select{flex-grow:1;background:0 0;border:none;font-size:16px;color:#a1a1a1;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:10px 0 10px 10px;outline:0}
.search-bar-style select option{color:#fff;background-color:#000;font-size:15px;padding:10px 15px}
.search-bar-style select option:focus,.search-bar-style select option:hover{background-color:#000;color:#fff}
.dots{display:flex;gap:4px;margin-left:10px}
.dots span{width:5px;height:5px;background-color:#ccc;border-radius:50%}
@media (max-width:576px){
.contain{padding:60px 0}
.search-form-area-dark{margin:0;padding:30px 10px}
.search-title{font-size:18px}
.search-bar-style select{font-size:15px}
.phone-number{font-size:17px;font-weight:600;color:#000}
}
.nowcalling1{display:block;position:fixed;bottom:0;width:100%;z-index:9999}
.lcol,.rcol{float:left;width:50%}
.lcol a,.rcol a{display:block;padding:10px 0;text-align:center;text-decoration:none;color:#fff}
.lcol{background-color:#8b0000}
.rcol{background-color:#013220}