body { image-rendering: -webkit-optimize-contrast; } a { color: #000; } a:hover { color: #000; } del { color: #bbb; } .menu-toggle { width: 20px; height: 16px; position: relative; cursor: pointer; } .menu-toggle span { display: block; position: absolute; height: 2px; width: 100%; background: #000000; border-radius: 1px; transition: all 0.3s ease; } /* Default state (hamburger) */ .menu-toggle span:nth-child(1) { top: 0; } .menu-toggle span:nth-child(2) { top: 7px; opacity: 1; } .menu-toggle span:nth-child(3) { top: 14px; } /* Active state (X/close) */ .menu-toggle.active span:nth-child(1) { top: 7px; transform: rotate(45deg); } .menu-toggle.active span:nth-child(2) { opacity: 0; } .menu-toggle.active span:nth-child(3) { top: 7px; transform: rotate(-45deg); } .btn:hover { color: #000; } a:focus, a:active, .btn:focus, .btn:active { box-shadow: none !important; outline: 0px !important; } .link-title { text-decoration: none; font-weight: 600; font-size: .85rem; margin: 3px; margin-top: 5px; } .section-title { text-decoration: none; display: block; font-weight: bold; } .alert-warning { font-size: 14px; } .navbar-new { padding: 0; } .navbar-new .container { margin-top: -1px; } .navbar-new .nav-link { padding-top: .75rem; padding-bottom: .75rem; font-size: .875rem; color: #6c757d; font-weight: 700; color: #000 !important; padding-left: 0; } .navbar-new .nav-item { border-top: 1px solid #f4f4f4; } .navbar-toggler { border: 0; padding-right: 0; } .navbar-toggler-icon { font-size: 15px; } .navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus { outline: none; box-shadow: none; } .lang-toggle { padding: 0 !important; border: 0 !important; background-color: transparent !important; } .lang-down-icon { color: #fff; font-size: 13px !important; margin-left: 3px !important; font-weight: bold; } .lang-flag { top: -1px; position: relative; margin-left: 8px; } .nav-scroller { position: relative; z-index: 2; height: 2.75rem; overflow-y: hidden; border-bottom-width: 2px; border-bottom-style: solid; border-image: linear-gradient(to right, #FF3333, #FF8B00, #B1CA38, #48AFE5, #2E3192, #CB00CC) 1 } .nav-scroller .nav { display: flex; flex-wrap: nowrap; padding-bottom: 1rem; margin-top: -1px; overflow-x: auto; color: rgba(255, 255, 255, 0.75); text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; } .header-container { margin-top: .25rem; } .nav-underline .nav-link { padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 0.875rem; font-weight: bold; color: #000; padding-right: 0; } .nav-underline .nav-link:hover { color: #000; } .nav-underline .active { font-weight: 500; color: #343a40; } .play-all-btn{ background: transparent; text-decoration: none; border: 1px solid #d0d0d0; color: #000; padding: 8px 16px; border-radius: 20px; font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.2s; } .bgc-purple { background-color: #46446d; } .bgc-red { background-color: #ee1c25; } .bgc-green { background-color: #65b89e; } .bgc-yellow { background-color: #ffd700; } .bgc-dark { background-color: #333; } .bg-featured { background-color: #eff5ff !important; border: 2px solid #fff; } .bg-forms { background-color: #eff5ff !important; border: 2px solid #fff; } .links { font-size: 14px; } .links .description { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .more-info { font-size: 0.875rem; } .section { margin-bottom: 20px; } .section-header { margin-bottom: 20px; text-align: justify; } .section-description { font-size: .85rem; color: #000; line-height: 1.6; } .discover-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 20px; } .video-card { background: #f8f8f8; border-radius: 4px; overflow: hidden; cursor: pointer; } .video-thumbnail { position: relative; width: 100%; padding-bottom: 100%; overflow: hidden; } .video-thumbnail img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .video-info { padding: 15px; } .video-title { font-size: 15px; font-weight: 600; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.4; color: #000; } .video-meta { font-size: .75rem; color: #666; line-height: 1.5; } .long-listens-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; } .playlist-item { display: flex; align-items: center; gap: 12px; padding: 12px; background: #f8f8f8; border-radius: 4px; cursor: pointer; } /* SVG icon */ .playlist-item svg { width: 40px; height: 40px; color: #000; flex-shrink: 0; } .info-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 20px; } .info-item { display: flex; flex-direction: column; } .info-label { font-weight: 700; margin-bottom: 2px; } .info-value { font-size: .85rem; } .rating-stars { color: #ffa500; font-size: 16px; letter-spacing: 1px; } .rating-text { color: #666; font-size: 13px; margin-left: 4px; } .category-link { color: #0d6efd; text-decoration: none; }.playlist-info { flex: 1; min-width: 0; } .playlist-title { font-size: 15px; font-weight: 600; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; } .playlist-meta { font-size: .75rem; color: #666; text-align: justify; } @media (max-width: 1200px) { .discover-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); } } /* Tablet */ @media (max-width: 768px) { .discover-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 15px; } .video-info { padding: 12px; } .long-listens-list { grid-template-columns: 1fr; } .playlist-item svg { width: 36px; height: 36px; } } /* Mobile */ @media (max-width: 480px) { .discover-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } .playlist-title { font-size: 14px; } .playlist-meta { font-size: .7rem; text-align: justify; } } .search-form { font-size: 0.875rem; font-weight: 500; border: 0; } .header-container { background-color: #46446d; } .text-logo { font-size: 20px; height: 49px; line-height: 49px; padding: 0; margin: 0; } .text-logo a { color: #fff; text-decoration: none; } .image-logo { font-size: 20px; padding: 0; margin: 0; } .image-logo img { padding: 5px 0; height: 49px; } .footer-logo { padding: 5px 0; height: 49px; } .footer-text-logo { font-size: 18px; margin-bottom: 10px; font-weight: 500; display: block; } .header-icons a { color: #fff; } .justify-content-end { justify-content: flex-end; } .align-items-center { align-items: center; } .image-logo img { max-height: 40px; width: auto; } .header-icons { cursor: pointer; transition: color 0.3s ease; } .header-icons:hover { color: #e50914; } /* Navigation Menu Styles */ .nav-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 998; } .nav-menu { position: fixed; top: 0; right: -100%; width: 300px; height: 100%; background-color: #ffffff; z-index: 999; transition: right 0.4s ease; overflow-y: auto; padding: 20px; } .nav-menu.active { right: 0; } .nav-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; /* padding-bottom: 10px; */ /* border-bottom: 1px solid #333; */ } .nav-header h3 { color: #000000; } .close-btn { font-size: 24px; cursor: pointer; color: #fff; transition: color 0.3s ease; } .close-btn:hover { color: #e50914; } .nav-links { list-style: none; padding-left: 0px; } .nav-links li { margin-bottom: 10px; } .nav-links a { color: #000000; text-decoration: none; display: block; /* padding: 5px 0px; */ font-weight: 600; } .nav-category { color: #000000; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1px; margin-top: 25px; margin-bottom: 10px; } /* Responsive adjustments */ @media (max-width: 480px) { .nav-menu { width: 100%; } .nav-menu.active { right: 0; } } .header-icons i { font-size: 17px; margin-left: 8px; color: #ffffff; }.pagination-next { display: none; } .pagination .page-link { color: #000; font-size: 12px; border: 0 !important; } .pagalworld-audio-player { position: relative; height: 120px; background: linear-gradient(135deg, rgb(79, 172, 254), rgb(0, 242, 254)); display: flex; align-items: center; justify-content: center; cursor: pointer; overflow: hidden; border-radius: 0; border-radius: 8px; } .pagalworld-audio-player.playing { background: #f0f0f0; } .play-btn-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(350deg, rgb(0, 39, 255), rgb(136, 151, 255)); z-index: 2; opacity: 1; transition: opacity 0.3s ease; } .pagalworld-audio-player.playing .play-btn-overlay { opacity: 0.8; } .pagalworld-play-btn { width: 50px; height: 50px; border-radius: 50%; background: rgba(255, 255, 255, 0.9); border: 2px solid #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); position: relative; } .pagalworld-audio-player.playing .pagalworld-play-btn { background: rgba(255, 255, 255, 0.9); border-color: #fff; } .pagalworld-play-btn:hover { transform: scale(1.05); background: rgba(255, 255, 255, 1); } .pagalworld-play-btn .play-icon, .pagalworld-play-btn .pause-icon { width: 24px; height: 24px; fill: #333; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .pagalworld-audio-player:not(.playing) .pause-icon { display: none; } .pagalworld-audio-player.playing .play-icon { display: none; } .pagalworld-audio-player.playing .pause-icon { display: block; fill: #333; } .audio-placeholder { width: 80px; height: 80px; fill: #999; } .pagalworld-audio-player.playing .audio-placeholder { fill: #666; animation: pulse 2s infinite; } @keyframes pulse { 0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.7; } } .badge-icon { background: #28a745; color: white; font-size: 12px; padding: 2px 6px; border-radius: 3px; margin-left: 8px; font-weight: 600; }.pagalworld-audio-player .progress-bar { position: absolute; bottom: 0; left: 0; width: 0%; height: 3px; background: linear-gradient(350deg, rgb(0, 39, 255), rgb(136, 151, 255)); transition: width 0.1s linear; z-index: 3; } .play-pause-btn { background: linear-gradient(135deg, var(--gradient-start, #667eea), var(--gradient-end, #764ba2)); border: none; border-radius: 50%; width: 40px; height: 40px; color: white; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: transform 0.2s ease, box-shadow 0.2s ease; position: relative; overflow: hidden; padding: 0; } .play-pause-btn:hover { transform: scale(1.05); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .play-pause-btn:active { transform: scale(0.98); } .play-pause-btn.playing { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7), 0 4px 8px rgba(0, 0, 0, 0.2); } /* Icon visibility */ .icon-pause { display: none; } .play-pause-btn.playing .icon-pause { display: block; } .play-pause-btn.playing .icon-play { display: none; } .play-pause-btn.stopped .icon-play { display: block; } .play-pause-btn.stopped .icon-pause { display: none; } /* Gradient color variations based on data-audio-id */ .play-pause-btn[data-audio-id="0"] { --gradient-start: #667eea; --gradient-end: #764ba2; } .play-pause-btn[data-audio-id="1"] { --gradient-start: #f093fb; --gradient-end: #f5576c; } .play-pause-btn[data-audio-id="2"] { --gradient-start: #4facfe; --gradient-end: #00f2fe; } .play-pause-btn[data-audio-id="3"] { --gradient-start: #43e97b; --gradient-end: #38f9d7; } .play-pause-btn[data-audio-id="4"] { --gradient-start: #fa709a; --gradient-end: #fee140; } .play-pause-btn[data-audio-id="5"] { --gradient-start: #30cfd0; --gradient-end: #330867; } .play-pause-btn[data-audio-id="6"] { --gradient-start: #a8edea; --gradient-end: #fed6e3; } .play-pause-btn[data-audio-id="7"] { --gradient-start: #5ee7df; --gradient-end: #b490ca; } .play-pause-btn[data-audio-id="8"] { --gradient-start: #d299c2; --gradient-end: #fef9d7; } .play-pause-btn[data-audio-id="9"] { --gradient-start: #89f7fe; --gradient-end: #66a6ff; } /* For more than 10 items, cycle through colors */ .play-pause-btn[data-audio-id="10"] { --gradient-start: #667eea; --gradient-end: #764ba2; } .play-pause-btn[data-audio-id="11"] { --gradient-start: #f093fb; --gradient-end: #f5576c; } .play-pause-btn[data-audio-id="12"] { --gradient-start: #4facfe; --gradient-end: #00f2fe; } .play-pause-btn[data-audio-id="13"] { --gradient-start: #43e97b; --gradient-end: #38f9d7; } .play-pause-btn[data-audio-id="14"] { --gradient-start: #fa709a; --gradient-end: #fee140; } .progress-container { position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background-color: #e9ecef; overflow: hidden; } .progress-bar { height: 100%; background: linear-gradient(90deg, #4facfe, #00f2fe); width: 0%; transition: width 0.1s linear; } /* Responsive adjustments */ @media (max-width: 768px) { .icon-play, .icon-pause { width: 16px; height: 16px; } } .songs-list { background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; } .song-item { display: flex; margin-top: 15px; margin-bottom: 15px; } .song-item:last-child { border-bottom: none; } .song-item.playing { /* background-color: #fff5f5; */ } /* Left: Play/Pause Button */ .play-button-side { flex-shrink: 0; } .play-pause-btn { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; border: none; cursor: pointer; outline: none; padding: 0; position: relative; } /* Default State (Not Playing) - Solid Black */ .play-pause-btn.stopped { background-color: #000; border: none; } .play-pause-btn.stopped svg { fill: #fff; } .play-pause-btn:hover { transform: scale(1.05); box-shadow: 0 2px 8px rgba(0,0,0,0.15); } /* Right: Song Info */ .song-info-side { flex-grow: 1; min-width: 0; margin-left: 12px; } .song-headline { font-weight: 600; color: #000000; margin-bottom: 4px; text-overflow: ellipsis; /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; */ font-size: 1rem; } .song-headline a:hover { color: #0d6efd; } .song-meta { font-size: .85rem; color: #000000; display: flex; align-items: center; gap: 8px; } .separator { opacity: 0.6; } .badge-icon-sm { background: #28a745; color: white; font-size: 10px; padding: 1px 5px; border-radius: 3px; margin-left: 6px; font-weight: 600; } /* Related Song Progress */ .song-item .progress-container { position: absolute; bottom: 0; left: 0; right: 0; margin: 0; height: 2px; background: #f0f0f0; overflow: hidden; } .song-item .progress-bar { height: 100%; width: 0%; background: linear-gradient(to right, #ff0000, #cc0000); transition: width 0.1s linear; } /* Icon visibility control for list player */ .play-pause-btn .icon-play, .play-pause-btn .icon-pause { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* Hide/show icons based on button state */ .play-pause-btn.stopped .icon-pause { display: none; } .play-pause-btn.stopped .icon-play { display: block; } /* Playing state styling */ .song-item.playing .song-headline { color: #0d6efd; font-weight: 600; } .song-item.playing .song-meta { color: #000000; } .play-button-side { flex-shrink: 0; } .song-thumbnail { position: relative; width: 90px; height: 90px; border-radius: 8px; overflow: hidden; background: linear-gradient(135deg, #667eea, #764ba2); } .thumbnail-img { width: 100%; height: 100%; object-fit: cover; } .thumbnail-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .play-pause-btn-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 36px; height: 36px; border-radius: 50%; background: rgb(0 0 0 / 11%); border: 2px solid #ffffff00; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; opacity: 1; padding: 0; } .song-thumbnail:hover .play-pause-btn-overlay { background: rgba(0, 0, 0, 0.75); transform: translate(-50%, -50%) scale(1.1); } .play-pause-btn-overlay.playing { background: rgba(0, 0, 0, 0.8); } .play-pause-btn-overlay .icon-play, .play-pause-btn-overlay .icon-pause { display: none; } .play-pause-btn-overlay.stopped .icon-play { display: block; } .play-pause-btn-overlay.playing .icon-pause { display: block; } .song-info-side { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; } .badge-icon-sm { display: inline-block; background: #667eea; color: white; border-radius: 50%; width: 16px; height: 16px; text-align: center; line-height: 16px; font-size: 10px; margin-left: 4px; } .separator { color: #d1d5db; } .download-btn { background: #000000; color: white; padding: 5px 25px; border-radius: 2px; text-decoration: none; display: inline-block; transition: all 0.3s ease; } .download-btn:hover { color: white; } /* Tags */ .tags ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; } .tags li a { background: #f8f9fa; display: block; color: #000000; padding: 3px 8px; border-radius: 15px; font-size: 13px; text-decoration: none; transition: all 0.3s ease; border: 1px solid #dee2e6; } @media screen and (max-width: 768px) { .pagalworld-audio-player { height: 120px; } .pagalworld-play-btn { width: 45px; height: 45px; } .song-thumbnail { width: 90px; height: 90px; } .pagalworld-play-btn .play-icon, .pagalworld-play-btn .pause-icon { width: 20px; height: 20px; } .audio-placeholder { width: 70px; height: 70px; } .song-item .play-pause-btn { width: 38px; height: 38px; } } @media screen and (max-width: 576px) { .pagalworld-audio-player { height: 90px; border-radius: 8px; } .pagalworld-play-btn { width: 40px; height: 40px; } .pagalworld-play-btn .play-icon, .pagalworld-play-btn .pause-icon { width: 18px; height: 18px; } .audio-placeholder { width: 60px; height: 60px; } .song-item { /* padding: 5px; */ } .song-item .play-pause-btn { width: 40px; height: 40px; } .download-action-btn { width: 32px; height: 32px; }} .search-btn { background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M21 21l-4.35-4.35m1.85-5.65a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0z' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>"); background-repeat: no-repeat; background-position: center; background-size: 16px 16px; } .update-btn { color: #fff; border-color: #8b5c86; background-color: #8b5c86; border: 0; font-size: 13px; } .site-icon { width: 85px; height: 85px; } .site-icon-small { width: 65px; height: 65px; } .detail-icon { width: 100px; height: 100px; } .detail-screenshot { width: 400px; } .featured { background-color: #65b89e; color: #fff; font-size: 12px; font-weight: normal; padding: 1px 5px; margin-left: 5px; } .site-url, .site-url:hover { display: table; color: #037cd4; word-break: break-all; text-decoration: underline; } .email, .email:hover { display: table; color: #037cd4; word-break: break-all; text-decoration: none; } .breadcrumbs { display: block !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.85rem; background: #ffffff; width: -webkit-fill-available; } .breadcrumbs a, .breadcrumbs a:hover { color: #555; text-decoration: none; } .breadcrumbs .sep { color: #bbb; margin: 0 2px; } .footer-container { background-color: #25243c; color: #fff; font-weight: 300; } .footer-container .section-head { font-size: 16px; font-weight: 600; } .footer-copyright { background-color: #1f1e33; } .page-footer { font-size: 13px; padding-top: 10px; } .page-footer a { font-size: 13px; color: #fff; text-decoration: none; } .page-footer br { display: block; margin: 3px 0; } .page-footer i { font-size: 16px; margin-right: 11px; } .page-footer li { line-height: 24px; } .cookiealert { position: fixed; bottom: 0; left: 0; width: 100%; font-weight: 200; margin: 0 !important; z-index: 99999999999; opacity: 0; border-radius: 0; transform: translateY(100%); transition: all 500ms ease-out; font-size: 0.85em; color: #fff; background-color: rgba(0, 0, 0, 0.8); } .cookiealert.show { opacity: 1; transform: translateY(0%); transition-delay: 1000ms; } .cookiealert .acceptcookies { margin-left: 5px; text-align: center; width: 106px; padding: 2px; font-size: 0.95em; font-weight: 300; background-color: #65b89e; color: #fff; } .social-media-profiles i { font-size: 17px; margin-right: 3px; border-radius: 50%; color: #fff; width: 35px; height: 35px; line-height: 35px; text-align: center; display: inline-block; } .social-media-profiles .icon-facebook { background-color: #4267b2; } .social-media-profiles .icon-twitter { background-color: #429cd6; } .social-media-profiles .icon-paper-plane { background-color: #0088cc; } .social-media-profiles .icon-linkedin { background-color: #0d77b7; } .social-media-profiles .icon-instagram { background-color: #E1306C; } .social-media-profiles .icon-whatsapp { background-color: #43C354; } .hidden-content { background-color: #fff3cd; border: 1px solid #ffecb5; color: #664d03; padding: 10px; border-radius: 3px; } .hidden-content a { color: #664d03; text-decoration: underline; } .hidden-content-area a { color: #037cd4; text-decoration: underline; } .hidden-content-area p { margin-bottom: 10px; } .hidden-content-area p:last-child { margin-bottom: 0; } .hidden-content-area iframe { max-width: 100%; } .widget-selectable { overflow-wrap: break-word; background-color: #f9f9f9; padding: 10px; border: 1px solid #eee; border-radius: 3px; -webkit-touch-callout: all; /* iOS Safari */ -webkit-user-select: all; /* Safari */ -khtml-user-select: all; /* Konqueror HTML */ -moz-user-select: all; /* Firefox */ -ms-user-select: all; /* Internet Explorer/Edge */ user-select: all; /* Chrome and Opera */ } .widget-preview, .widget-preview:hover { font-weight: normal; color: #333; display: table; font-size: 13px; } .sub-categories { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; } .sub-link { text-decoration: underline; margin-bottom: 1px; display: inline-block; } .sub-link:after { content: ','; display: inline-block; text-decoration: none; } .sub-link:last-child:after { content: ''; } #redirect { font-size: 14px; } #redirect .message { font-size: 13px; display: block; } #redirect .title { font-size: 20px; display: block; font-weight: bold; line-height: normal; margin-bottom: 4px; } .redirect-icon { width: 100px; height: 100px; } .modal-backdrop.show { z-index: 999999; opacity: 0.75; } .modal { z-index: 9999999; } .form-control { font-size: 14px; color: #333; border-color: #eee; } .form-select { font-size: 14px; color: #333; border-color: #eee; } #MyModal { z-index: 9999999 !important; font-size: 14px; font-weight: 400; } .modal-body { background-color: #fcfcfb; } .modal-header { border-bottom: 0 !important; } .modal-footer { border-top: 0; } .submit-button { color: #fff; background-color: #65b89e; border: 1px solid #65b89e; font-size: 13px; } .modal-title { font-size: 15px; } .close { font-size: 0.9rem; font-weight: 700; line-height: 1; color: #555; text-shadow: 0 1px 0 #fff; border: 0; background-color: transparent; } .submission-box { border-top: 1px dotted #ccc; } .social-media .col { padding: 0.5rem !important; text-align: center; } .social-media a { color: #fff; text-decoration: none; display: block; } .social-media { color: #fff; font-size: 13px; margin-left: 0; margin-right: 0; margin-top: 15px; margin-bottom: 15px; margin: auto; display: flex; flex-direction: row-reverse; justify-content: center; } .social-media i { margin: 0 !important; } .social-media .email { background-color: #46446d; } .social-media .facebook { background-color: #4267b2; } .social-media .linkedin { background-color: #0d77b7; } .social-media .twitter { background-color: #429cd6; } .social-media .whatsapp { background-color: #71c169; } .social-media .telegram { background-color: #0088cc; } .icon-warning { color: #f7c44c; } .qr-code { width: 100px; height: 100px; border: 1px solid #eee; } .article-page p { font-size: 14px; line-height: 25px; } .article-page p:last-child { margin-bottom: 10px; } .article-page iframe { max-width: 100%; } .article-title { margin-bottom: 5px; font-size: 25px; font-weight: bold; } .article-description { font-size: 16px; font-weight: 500; line-height: 24px; margin-bottom: 7px; } .article-date { font-size: 13px; color: #333; display: block; margin-bottom: 10px; } .articles>.row { scrollbar-width: none; -ms-overflow-style: none; overflow-x: auto; } .articles h3 { font-size: 15px; line-height: 19px; margin: 0; font-weight: 600; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 3px; } .articles-list .title { font-size: 1.125rem; font-weight: bold; line-height: 22px; margin-bottom: 5px; line-clamp: 2; -webkit-box-orient: vertical; } .articles-list .description { font-size: 14px; line-height: 20px; font-weight: 400; margin-bottom: 2px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .sticky-top-15 { top: 15px; text-align: justify; } .review-title { font-weight: bold; font-size: 19px; } .review-title a { color: #fff; text-decoration: none; } .user-ratings .row { line-height: 10px; height: 25px; font-size: 14px; } .user-ratings .progress { height: 10px; } .user-ratings .progress-bar { height: 10px; background-color: orange; } .user-ratings .rating { font-weight: 500; } .user-ratings .votes { font-weight: 500; } .review { border-top: 1px solid #eee; } .user-reviews .name { color: #34b2cb; font-size: 14px; font-weight: 700; margin: 0; } .user-reviews .title { font-size: 19px; line-height: 30px; margin: 20px 0 10px 0; font-weight: bold; color: #111; } .user-reviews .date { font-size: 14px; margin: 10px 0; color: #333; display: table; line-height: 20px; cursor: pointer; border-bottom: 1px dotted #555; } .user-reviews .comment { color: #111; } .ratings .rating { display: none; } .vote_info { position: absolute; margin-top: 30px; color: #615c59; font-weight: 700; z-index: 99999999; } .vote_info .alert { font-size: 13px; padding: 10px 15px; } .comment-box { display: none; } .comment-button { background-color: #85c154; padding: 6px 12px; font-size: 13px; color: #fff; border-bottom: 2px solid #73b33e; } .add-comment { font-size: 15px; color: #fff; font-size: 13px; margin-top: 10px; } .star { float: left; width: 18px; height: 15px; line-height: 20px; cursor: pointer; } .star:before, .tmp_es:before { content: "\f005"; font-family: "icomoon"; font-weight: 900; color: #ccc; } .fullStar:before, .tmp_fs:before { content: "\f005"; font-family: "icomoon"; font-weight: 900; color: orange; } .stars { line-height: 25px; font-size: 13px; } .icon-star { font-size: 15px; color: #ccc; } .checked { color: orange !important; } .title-badge { color: #85c154; font-size: 15px; top: 1px; position: relative; } .icon-chevron-right { font-size: 10px; } .btn .icon-chevron-right { font-size: 13px; top: 1px; position: relative; } .btn .icon-sign-in { font-size: 17px; top: 2px; position: relative; } .btn .icon-user { font-size: 17px; top: 2px; position: relative; } .rm-link { color: #0095dd; text-decoration: none; display: table; cursor: pointer; } .phone-number, .phone-number:hover { color: #0095dd; border-bottom: 1px dotted #000; } .location, .location:hover { color: #571950; border-bottom: 1px dotted #000; } .rss-icon { color: #fff; font-size: 16px; background-color: orange; padding: 2px 4px; border-radius: 3px; } .w-25px { width: 25px; text-align: center; } .tooltip.show { opacity: 0.9; } .tooltip-inner { font-size: 12px; background-color: #111; } .tooltip.bs-tooltip-bottom .arrow:before { border-bottom-color: #111 !important; } .tooltip.bs-tooltip-top .arrow:before { border-top-color: #111 !important; } .form-control:focus { box-shadow: none; } .dropdown-toggle { background-color: #fff; border: 1px solid#ddd; padding: 2px 10px; font-size: 13px; margin-top: -4px; font-size: 1em !important; } .dropdown-toggle:hover { color: #111; } .dropdown-menu-sort i { color: #ddd; } .dropdown-menu-sort .active { color: #212529; } .dropdown-toggle-sort::after, .lang-toggle::after { display: none; } .dropdown-toggle::after { vertical-align: .155em !important; color: #ccc !important; } .dropdown-menu { z-index: 99999999; font-size: 13px; } .dropdown-menu a { color: #000 !important; } .dropdown-item.active, .dropdown-item:active { background-color: #e9ecef; } .ui-widget.ui-widget-content { border: 1px solid #f0f0f0; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; } .ui-autocomplete img { width: 70px; height: 70px; margin-right: 8px; float: left; } .ui-menu .ui-menu-item { font-size: 14px; padding: 7px; display: table; border-bottom: 1px dotted #ccc; width: 100%; height: 70px; line-height: 20px; } .ui-menu .ui-menu-item strong { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .ui-menu .ui-menu-item:last-child { border-bottom: 0; } .ui-menu .ui-menu-item-wrapper { margin: 0 !important; padding: 0 !important; } .ui-widget-content .ui-state-active { background-color: #fff; color: #000; border-color: #fff; border: 0; } .form-signin { width: 100%; max-width: 360px; margin: auto; color: 000; } .form-signin .checkbox { font-size: 14px; font-weight: 400; } .form-signin .btn { background-color: #310f2d; border-color: #310f2d; color: #fff; font-size: 15px; padding: 13px 0px; border-bottom: 2px solid #130111 } .sign-up { font-size: 14px; } .sign-up a { color: #000; font-weight: 600; } .text-field { font-size: 14px; padding: 10px; } .login-alert { font-size: 14px; } .login-alert p { margin: 0; } .member-area { font-size: 14px; } .member-area .user-name { display: block; padding-bottom: 12px; } .member-area .menu li { border-bottom: 1px solid #eee; } .member-area .menu li:last-child { border-bottom: 0; } .member-area .menu li a { font-weight: bold; display: block; padding: 12px 0; } .member-area .menu li i { color: #ccc; font-size: 18px; } .view-btn { background-color: #8b5c86; border: 0; color: #fff; font-size: 11px; } .get-started { background-color: #8b5c86; border: 0; color: #fff; font-size: 14px; } .paid { background-color: #85c154; font-weight: 400; } .not-paid { background-color: #65b89e; font-weight: 400; } .pending { background-color: #ffc31e; font-weight: 400; } .approved { background-color: #8b5c86; font-weight: 400; } .grace-period { background-color: #a8a6e2; font-weight: 400; } .processing { background-color: #8b5c86; font-weight: 400; } .cancelled { background-color: #999; font-weight: 400; } .rejected { background-color: #999; font-weight: 400; } .renew { background-color: #65b89e; font-weight: 400; } .payment-methods a { background-color: #65b89e; color: #fff; padding: 12px 0; width: 250px; margin-bottom: 10px; font-size: 13px; font-weight: 500; } .payment-methods a:hover { background-color: #2d3a4b; } .stripe-form { height: 3em; padding-top: 0.9em; } .pay-price { font-size: 18px; display: block; } .pay-button, .pay-button a { background-color: #65b89e; border: #65b89e; font-size: 13px; color: #fff; } .pay-now, .pay-now:hover { background-color: #46446d; font-weight: 400; color: #fff; } .expired, .expired:hover { background-color: #ccc; font-weight: 400; color: #fff; } .submission-head-title { font-size: 15px; border-left: 3px solid #ffc31e; padding-left: 5px; } .table thead th { border-bottom: 1px solid #ddd !important; } .table thead { background-color: #fff; } .table th { padding-top: 13px; padding-bottom: 13px; } .table tbody tr:last-child { border-bottom: 1px solid #fff; } .bg-claim { display: table; background-color: #ffdf00; font-size: 11px; color: #111; font-weight: 500; } .bg-favorites { display: table; background-color: #85c154; font-size: 12px; color: #fff !important; font-weight: 500; padding: 7px 10px; border-bottom: 2px solid #73b33e; } .bg-directions { display: table; background-color: #000000; font-size: 12px; color: #fff !important; font-weight: 500; padding: 7px 10px; max-width: max-content; margin: auto; } .tags ul { padding: 0; margin: 0; text-align: center; } .tags span { color: #343a40; font-weight: bold; margin-bottom: 5px; display: block; font-size: 19px; } .tags li { padding: 0; background-color: transparent; vertical-align: middle; display: inline-block; } .editor-star { color: #46446d; } .icon-small { font-size: 14px; margin-right: 1px; } .edit { font-size: 11px; font-weight: 400; } .dropdown-toggle-categories { font-size: 14px; padding-left: 0; padding-right: 0; margin: 0 !important; border: 0; vertical-align: top; color: #555; background-color: transparent; } .dropdown-item { font-size: 14px; } .dropdown-item:active { background-color: #e9ecef; color: #000; } .h1-title, .h2-title { font-size: 15px; font-weight: 700; } @keyframes progress-shrink { 0% { width: 100%; } 100% { width: 0%; } } .close-btn { height: 10px; width: 10px; background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 41.756 41.756' style='enable-background:new 0 0 41.756 41.756;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M27.948,20.878L40.291,8.536c1.953-1.953,1.953-5.119,0-7.071c-1.951-1.952-5.119-1.952-7.07,0L20.878,13.809L8.535,1.465 c-1.951-1.952-5.119-1.952-7.07,0c-1.953,1.953-1.953,5.119,0,7.071l12.342,12.342L1.465,33.22c-1.953,1.953-1.953,5.119,0,7.071 C2.44,41.268,3.721,41.755,5,41.755c1.278,0,2.56-0.487,3.535-1.464l12.343-12.342l12.343,12.343 c0.976,0.977,2.256,1.464,3.535,1.464s2.56-0.487,3.535-1.464c1.953-1.953,1.953-5.119,0-7.071L27.948,20.878z' fill='%23000000'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 10px 10px; } .btn-close { background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.65em auto no-repeat; } .notification .progressContainer { clear: both; float: left; padding-top: 10px; width: 100%; text-align: left; } .notification .progressContainer .progress { background-color: #98bfe0; min-height: 4px; width: 100%; border-radius: 10px; bottom: 0px; } .progress-animate { height: 5px; -webkit-animation-name: progress-shrink; -webkit-animation-duration: 6s; animation-name: progress-shrink; animation-duration: 6s; animation-timing-function: linear; } #gallery img { height: 125px; } .h2-title { font-size: 15px; font-weight: bold; } @media (min-width: 768px) { .col-md-1-5 { flex: 0 0 12.5%; max-width: 12.5%; position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } } @media (min-width: 991px) { .navbar-new .nav-item { border: 0 !important; } } @media (max-width: 991px) { ::-webkit-scrollbar { display: none; } #gallery img { height: 75px; } .detail-icon { width: 90px; height: 90px; } .header-icons i { margin-left: 5px; } .header-icons span { margin-left: 5px !important; } * { scrollbar-width: none; } .featured { padding: 2px 5px !important; } .cookiealert { font-size: 0.8em !important; } }