@import url('https://fonts.googleapis.com/css2?family=Alan+Sans:wght@300..900&display=swap');
*{margin:0; padding:0; box-sizing: border-box; font-family: "Alan Sans", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; }  


 :root{
    --bg:#0f0f10;
    --muted:#fff;
    --accent:#ffffff;
}

/* Custom scrollbar for webkit browsers */
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {background: #222;}
::-webkit-scrollbar-thumb {background: #444;border-radius: 4px;}
::-webkit-scrollbar-thumb:hover { background: #555;}

ul{padding:0 !important;}
ul li{ list-style: none; padding:0; margin:0;}
  
.si-item a {text-decoration: none;color: #000;}
body{margin:0;background: #fff;color:var(--muted); position: relative;}
.container{max-width:1320px !important;}
.content-container{padding:60px 0;}

.footer-wrap{background: var(--bg);color: var(--muted);padding-top: 50px;padding-bottom: 22px; border-top: 1px solid #fff;}
.col{min-width:220px;flex:1 1 340px;}
.brand{display:flex;gap:16px;align-items:flex-start;}
.brand img{width: 220px;height: 90px;object-fit: contain;filter: brightness(0.0) invert(1);}
.brand h3{margin:0;color:var(--accent);font-size:20px;line-height:1;}
.brand p.tag{margin:6px 0 0 0;color:var(--muted);font-size:13px;opacity:.95;}
.desc{margin-top:12px;color:var(--muted);line-height:1.6;font-size:15px;max-width:420px;}
.link-cols{display:flex;gap:28px;flex:1 1 380px;justify-content:flex-end;flex-wrap:wrap;}
.links{min-width:160px;}
.links h4{margin:0 0 12px 0;color:var(--accent);font-size:17px;}
.links ul{list-style:none;padding:0;margin:0;}
.footer-upper {display: flex;flex-wrap: wrap;}
.links li{margin:8px 0;font-size:15px;}
.links a{color:var(--muted);text-decoration:none;}
.links a:hover{ color:#fff; text-decoration:underline; }
.footer-bottom{border-top: 1px solid rgb(255, 255, 255);margin-top: 28px;padding-top: 22px;display: flex;justify-content: space-between;align-items: center; gap: 20px;flex-wrap: wrap;padding-left: 0 !important;padding-right: 0 !important;}
.nav-tags{display: flex;gap: 12px;flex-wrap: wrap;justify-content: center;padding-top: 25px;padding: 20px 0;}
.nav-tags a{color:var(--muted);text-decoration:none;font-size:15px;padding:6px 6px;}
.socials{display:flex;gap:10px;align-items:center;}
.socials a{width:34px;height:34px;display:inline-grid;place-items:center;background:rgba(255,255,255,0.03);border-radius:6px;color:var(--muted);text-decoration:none;}
.copyright{color:#fff;font-size:15px;}
.footer-inner {display: flex;align-items: center;width: 100%;justify-content: space-between;}

.heading .tag {width: 8px;height: 8px;background: #b81c1c; border-radius: 100%;display: flex;}
.heading {display: flex;align-items: center;margin-bottom: 30px;}
.heading h4 {margin-bottom: 0;color: #fff;font-weight: 400;padding-left: 10px;}

..swiper-wrapper{height:auto !important;}
.arrow {width: 30px;position: relative;top: -15px;left: 30px;}
.swiper-wrapper {padding-bottom: 60px;}
.arrow img {filter: brightness(0.0) invert(1);}
.swiper-button-next {width: 35px !important;height: 35px !important;border-radius: 0 !important;border: 1px solid #fff;}
.swiper-button-prev {width: 35px !important;height: 35px !important;border-radius: 0 !important;border: 1px solid #fff;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {display: none;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {display: none;}
.videoslider { width: 100%;padding: 20px 0 40px;}
.video-card { overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease;height: 100%;display: flex;flex-direction: column;}
.video-card:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);}
.video-frame {position: relative;width: 100%;padding-top: 56.25%;overflow: hidden;border-radius: 0;}
.video-frame iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;border-radius: 0;}
.meta {font-size: 13px;opacity: 0.7;padding: 10px 15px 5px;color: #aaa;}
.title {font-size: 18px;font-weight: 400;line-height: 1.4;flex-grow: 1;color: #fff;padding: 0 10px;padding-bottom:10px;line-height: 1.4;}
.swiper-button-next, .swiper-button-prev {color: white;background: rgba(0, 0, 0, 0.5);width: 44px;height: 44px; border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: background 0.3s ease;}
.swiper-button-next:after, .swiper-button-prev:after {font-size: 20px;font-weight: bold;}
.vi-inner {display: flex;justify-content: space-between;padding: 10px;color: #fff;}
.vr-tag svg {filter: brightness(0.0) invert(1);width: 18px;}

.news-item+.news-item {margin-top: 20px;}
.box-heading {display: flex;font-size: 18px;font-weight: 600;margin-bottom: 20px;padding-top: 15px;border-top: 1px solid #b5b5b5; margin-top: 20px;}
.box-heading .icon { width: 20px; height: 18px; margin-left: 10px;}
.box-heading .icon img {width: 100%;height: 100%;object-fit: fill;}
.news-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 25px;}
.news-card {position: relative;height: 200px;overflow: hidden;}
.news-card img {width: 100%;height: 100%;object-fit: cover;transition: .3s;}
.news-card:hover img {transform: scale(1.05);}
.overlay {position: absolute;bottom: 0;width: 100%;padding: 15px;color: #fff;background: linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0));}
.overlay .date {font-size: 13px;opacity: 0.8;}
.overlay h3 {font-size: 18px;font-weight: 600;margin-top: 5px;}

.newblog-item+.newblog-item {margin-top: 15px;}
.newblog-item {width: 100%;height: 100%;}
.ni-box {width: 100%;height: 100%;display: flex;}
.nib-img {width: 300px;}
.nib-img img {width: 100%;height: 100%;object-fit: cover;}
.nib-text {width: calc(100% - 300px);padding-left: 20px !important;font-size: 18px;line-height: 1.6;padding: 10px 0;}
.nib-text h4 a {font-size: 20px;font-weight: 600;margin-bottom: 10px;color: #000;text-decoration: none;line-height: 1.4;}
.btn {font-size: 16px !important; padding: 0 !important; color: red !important;}


.latest-side {margin-top: 20px;}
.news-add img {width: 100%;height: 100%;object-fit: cover;}
.popular {border: 1px solid #b5b5b5;padding: 20px;margin-top: 20px;}
.popular-heading {text-align: center;color: #000;margin-bottom: 20px;}
.popular-item {display: flex;gap: 25px;align-items: center;padding: 5px;}
.pi-num {color: #b81c1c; font-size: 45px;font-style: italic;font-weight: 400;}
.popular-item+.popular-item {margin-top: 15px;}
.pi-text a {font-size: 18px;font-weight: 600;line-height: 1.5; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.popular-tag {border: 1px solid #b5b5b5;padding: 20px;margin-top: 20px;}
.input-box {width: 100%;}
.input-box input {width: 100%;border-radius: 4px;border: 1px solid #b5b5b5;padding: 8px 15px;}
.input-box .search-btn {background: #b81c1c; color: #fff;border: none;padding: 5px 20px;width: 100%;font-size: 17px;margin-top: 10px;border-radius: 6px;}
.si-list {display: flex;margin: 0;justify-content: center;margin-top: 15px;gap: 5px;}
.si-item {width: 40px;height: 40px;border-radius: 100%;border: 1px solid #b5b5b5;display: flex;align-items: center;justify-content: center;padding: 7px;}
.si-item img {width: 100%;height: 100%;object-fit: contain;}
.title-ellipsis {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-weight: 600;}

.newss-card {width: 100%;height: 100%;}
.nc-img {width: 100%;height: 100%;}
.nc-img img {width: 100%;height: 100%;object-fit: cover}
.newss-item+.newss-item {margin-top: 25px;}
.nc-text {margin-top: 10px;}
.nct-upper {font-size: 15px;font-weight: 600;color: #b81c1c}
.nct-upper span {color: #000;}
.nct-text a{ font-size: 18px;font-weight: 600;margin-top: 8px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;height:54px; text-decoration:none; color:#000;}

.horoscope-section {display: flex;align-items: center;justify-content: center; position: relative;}
.horoscope-card {text-align: center;cursor: pointer;}
.card .icon { width: 150px; height: 150px; margin: auto; object-fit: contain;}
.card h3 {font-size: 22px;margin-top: 10px;font-weight: 700;}
.card .date {margin-top: 5px;color: gray;}
.custom-arrow {background: white;width: 40px !important;height: 40px !important;border-radius: 50% !important;display: flex !important;align-items: center !important;justify-content: center !important;font-size: 20px;cursor: pointer !important;border: 1px solid #ddd;}
.swiper-button-next:hover, .swiper-button-prev:hover {background: #b81c1c}
.swiper-button-next:hover img, .swiper-button-prev:hover img { filter: brightness(0.0) invert(1);}
.hc-box {width: 100%;height: 100%;}
.hc-box img {width: 100%;height: 100%;object-fit: cover;background: #eeeeee9c;border-radius: 100%;padding: 20px;margin-bottom: 25px;}
.horoscope-card {font-size: 16px;}
.horoscope-card h3 {font-size: 24px;font-weight: 500;}
.modal {display: none;position: fixed;left: 0; top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.modal-content {width: 400px;margin: 10% auto;background: white;padding: 20px;border-radius: 10px;}
.close {float: right;cursor: pointer;font-size: 28px;}
.modal-content {height: 100%;max-width: 800px;max-height: 400px;border-radius: 0 !important;}
.comman-heading {margin-bottom: 50px;text-align: center;}
.comman-heading h4 {font-weight: 500;font-size: 28px;margin-bottom: 0;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left: -25px !important;}
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: -25px !important;}
.recent-box {position: relative;}

.news-tape-container {font-size: 15px;padding: 8px 0;overflow: hidden;display: flex;justify-content: center;align-items: center;flex-wrap: nowrap;background-color: #b81c1c;}
.news-tape-container ul{height: 100%;color: white;flex-shrink: 0;list-style: none;display: flex;min-width: 100vw;gap: 2vw;justify-content: center;align-items: center;margin: 0px;}
.news-tape-container ul li{animation: scroll 10s linear infinite;}
@keyframes  scroll{
    to{transform: translateX(100%);}}
   .news-tape-container:hover ul li{animation-play-state: paused;} 
   .atg{text-decoration: none;color: white;
}

.categories {display: flex;list-style: none;justify-content: space-between;padding: 20px;border-bottom: 0.5px solid rgba(121, 121, 121, 0.248);margin-bottom: 0;}
.categories li {padding: 14px 15px;color: #000;}
.categories li a {text-decoration: none;color: #000;font-weight: 600;font-size: 16px;}

.livebtn {display: flex;justify-content: center;align-items: center;gap: 5px;text-decoration: none;color: black;border: 1px solid rgba(140, 140, 140, 0.692);padding: 2px 15px;border-radius: 28.5px;font-size: large;font-weight: 600;}
.redcircle {height: 10px;width: 10px;background-color: #e44b4b;border-radius: 50%;}
.livebtn-box {display: flex;align-items: center;justify-content: center;}
.logoimg {width: 200px;overflow: hidden;}
.logoimg img {height: 100%;width: 100%;object-fit: contain;}
.icn-box {height: 50px;width: 80px;background-color: #b81c1c;color: white;display: flex;align-items: center;justify-content: center;font-size: 28px;cursor: pointer;}
.menubar-right .searchbar {height: 100%;display: flex;align-items: center;justify-content: center;}
.searchbar input {height: 50px;width: 300px;padding: 5px 15px;outline: none;border: 1px solid gray;transition: all 0.3s ease-in-out;}
.searchbtn {height: 50px;width: 80px;background-color: #b81c1c;color: aliceblue;display: flex;align-items: center;justify-content: center;font-size: 25px;cursor: pointer;}
.menubar-right {display: flex;align-items: center;justify-content: center;}
.menubar-left {display: flex;gap: 20px;width: 400px;align-items: center;justify-content: center;}
.searchbtn img {width: 30px;filter: brightness(0.0) invert(1);}
.searchbtn img {width: 30px;filter: brightness(0.0) invert(1);}
.menubar {display: flex;align-items: center;justify-content: space-between;padding: 20px 0;}
.icn-box img {filter:brightness(0.0) invert(1); width:30px;}
.sidebarmenu {list-style: none;}
#sidebarlogoimg {margin-bottom: 20px;padding: 0px;width: 220px;height: 70px;}
.sidebarmenu li a {text-decoration: none;color: #C23237;line-height: 1.8;font-weight: 600;}
.sidebarmenu li+li {margin-top: 10px;}
.sociallinks {display: flex;gap: 8px;}
.sociallinks {display: flex;gap: 8px;}
.sociallinks a i {font-size: 32px;text-decoration: none !important;color: #000;}
li.si-item i {font-size: 22px;}

.breadcrumbs {background: #f7f7f7; padding: 12px 0;}
.breadcrumb-inner {margin: 0;display: flex;justify-content: center; font-size: 17px;}
.breadcrumb-inner li a {text-decoration: none;color: #000;}

.terms-section {padding: 60px 0;background: #f8f9fc;font-family: 'Noto Sans Devanagari', sans-serif;}
.terms-header h1 {font-size: 28px;font-weight: 600;text-align: center;margin-bottom: 25px;color: #222;}
.terms-content h4{font-weight: 600; font-size:20px;}
.terms-content h2 {font-size: 22px;font-weight: 600;margin-top: 25px;color: #C23237;}
.terms-content p,
.terms-content li {font-size: 17px;line-height: 1.7;color: #444;margin-bottom: 12px;}
.terms-content ul {padding-left: 22px;}
.terms-footer {margin-top: 35px;text-align: right;font-size: 14px;color: #777;opacity: 0.8;}
.terms-wrapper strong {color: #000;}

.headersection {width: 100%;align-items: center;text-align: center;}
.headertitle {font-size: 36px;font-weight: 600;margin-bottom: 10px;}
.headerdets {text-align: center; width:60%; text-align: center; margin:0 auto; font-size:18px; line-height: 1.6;} 

.blog-list {display: flex;flex-wrap: wrap;width: calc(100% + 30px);margin-left: -15px;margin-bottom: -30px;}
.blog-item {width: 50%;padding: 0 15px;margin-bottom: 30px;}
.herolscardlistitem {width: 100%;}
.herolscardimgbx {width: 100%;height: 200px;overflow: hidden;position: relative;border-radius: 5px;}
.herolscardimgbx img {width: 100%;height: 100%;object-fit: cover;}
.btnonimgbx {position: absolute;display: flex;gap: 10px;color: #C23237;top: 15px;left: 15px;}
.herolscardtitle {font-size: 20px;font-weight: 600;color: #000;text-decoration: none;}
.btnonimg {background-color: #fff;color: #C23237;padding: 5px 10px;border-radius: 5px;font-size: 15px;padding: 2px 15px;font-weight: 500;}
.herolscardcontentbx {margin-top: 10px;}
.herocarddate {opacity: 0.7;font-size: 18px;font-weight: 500;margin-top: 10px;}
.herolsreadmore {text-transform: capitalize;display: inline;text-decoration: none;color: red;font-size: 20px;font-weight: 500;border: none;background: none;margin-top: 10px;}
a.side-btn {color: #ff0429;text-decoration: none;}
form.search-box2 {display: flex;width: 100%;}
form.search-box2 .searchbtn {border: none;}

.menubar-right.rigth{width:100%;}
.menubar-right.rigth .searchbar {width: 100%;}
.menubar-right.rigth .searchbar input {height: 50px;width: 100%;}
.sbi-box {width: 100%;height: auto;display: flex;}
.sb-img {width: 120px;height: 108px;}
.sb-img img {width: 100%;height: 100%;object-fit: cover;}
.sb-text {width: calc(100% - 120px);padding-right: 20px;font-size: 16px;margin-bottom: 0;}
.sb-text h4 {font-size: 18px;line-height: 1.6;margin-bottom: 5px;font-weight:500;}
.sb-text button {color: red;background: #ffff;border: none;padding: 0;}
.right-heading {font-size: 17px;line-height: 1.2;font-weight: 600;margin-bottom: 15px;}
.sb-text p {margin-bottom: 0;}
.side-blog-item+.side-blog-item {margin-top: 20px;}
.side-blog-item {border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;padding: 10px 0;}

.pg-list {display: flex; flex-wrap:wrap; align-items: center;gap: 10px;margin-bottom: 0;justify-content: center;padding-top: 50px !important;}
.pg-item {width: 40px;background: #f7f7f7;height: 40px;border-radius: 100%;display: flex;align-items: center;justify-content: center;box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;}
.pg-item a {color: #000;text-decoration: none;}
.pg-item:hover {background: #ff0000;}
.pg-item:hover a {color: #fff;}
.pg-item:hover a img {filter: brightness(0.0) invert(1);}

.dtt-list {display: flex;align-items: center;gap: 10px;margin-bottom: 0;}
.dtt-item span {font-size: 22px;color: #000;font-weight: 500;margin-right: 10px;}
.dtt-item a {text-decoration: none;color: #ff0000;}
.details-img {width: 100%;position: relative;padding-bottom: 50%;border-radius: 0;overflow: hidden;}
.details-img img {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.dt-list {display: flex;justify-content: center;padding: 15px 0 !important;margin-bottom: 0;gap: 20px;}
.dt-item {font-size: 18px;}
.dt-item span {color: #ff0000;}
.details-tag {display: flex;gap: 10px;flex-direction: column;}

.submitbtn {color: #fff ;padding: 10px ;border-radius: 0 ;background: #ff0000 ;border: 1px solid #ff0000;}
.submitbtn:hover {color: #000 !important;background-color:#fff;border-color: #000 ;}
.form-group input {border-radius: 0;height: 50px;}
.form-group textarea {border-radius: 0 !important;}
.form-group {margin-bottom: 14px;}
.details-data h3 {font-size:26px; font-weight: 600;}
.details-data h4 {font-size:24px; font-weight: 600;}
.details-data p {font-size:18px; }


.contact-info {display: inline-block;width: 100%;text-align: center;margin-bottom: 10px;}
.contact-info-icon {margin-bottom: 15px;}
.contact-info-item {background: #c23237;padding: 30px 0px;}
.contact-page-sec .contact-page-form h2 {color: #071c34;text-transform: capitalize;font-size: 22px;font-weight: 700;}
.contact-page-form .col-md-6.col-sm-6.col-xs-12 {padding-left: 0;}  
.contact-page-form.contact-form input {margin-bottom: 5px;}  
.contact-page-form.contact-form textarea {height: 110px;}
.contact-page-form.contact-form input[type="submit"] {background: #071c34;width: 150px;border-color: #071c34;}
.contact-info-icon i {font-size: 48px;color: #fff;}
.contact-info-text p{margin-bottom:0px; }
.contact-info-text h2 {color: #fff;font-size: 22px;text-transform: capitalize;font-weight: 600;margin-bottom: 10px;}
.contact-info-text span {color: #fff;font-size: 16px;display: inline-block;width: 100%;}
.contact-page-form input {background: #f9f9f9 none repeat scroll 0 0;border: 1px solid #f9f9f9;margin-bottom: 20px;padding: 12px 16px;width: 100%;border-radius: 4px;}
.contact-page-form .message-input {display: inline-block;width: 100%;padding-left: 0;}
.single-input-field textarea {background: #f9f9f9 none repeat scroll 0 0;border: 1px solid #f9f9f9;width: 100%;height: 120px;padding: 12px 16px;border-radius: 4px;}
.single-input-fieldsbtn input[type="submit"] {background: #c23237 none repeat scroll 0 0;color: #fff;display: inline-block;font-weight: 600;padding: 10px 0;text-transform: capitalize;width: 150px;margin-top: 20px;font-size: 16px;}
.single-input-fieldsbtn input[type="submit"]:hover{background:#071c34;transition: all 0.4s ease-in-out 0s;border-color:#071c34}
.single-input-field  h4 {color: #464646;text-transform: capitalize;font-size: 14px;}
.contact-page-form {display: inline-block;width: 100%;margin-top: 30px;}
.contact-page-map {margin-top: 36px;}
.contact-page-form form {padding: 20px 15px 0;}
.map_bind {width: 100%;height: 500px;}
.map_bind iframe {width: 100%;height: 100%;object-fit: cover;}

.info-box {background-color: #c53030;color: white;padding: 20px;border-radius: 8px;transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;transform: scale(1);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);}
.info-box:hover {background-color: #2563eb;transform: scale(1.08) translateY(-5px);box-shadow: 0 10px 30px rgba(37, 99, 235, 0.5);}
.info-box-row {display: flex;gap: 20px;flex-wrap: wrap;justify-content: center;margin-bottom: 2.5rem;}
.info-box {flex: 1 1 300px;max-width: 100%;text-align: center;}
.hero-header {background-image: url('https://images.unsplash.com/photo-1502082553048-f009c37129b9?auto=format&fit=crop&w=1500&q=80');background-size: cover;background-position: center; width: 100%; max-width: 1300px; height: 300px;border-radius: 25px;position: relative;overflow: hidden;color: white;text-shadow: 0 3px 6px rgba(0,0,0,0.6);animation: zoomFade 25s infinite alternate ease-in-out;}
.hero-header::before {content: "";position: absolute;top: 0; left: 0;width: 100%; height: 100%;background: rgba(0, 0, 0, 0.45);z-index: 1;border-radius: 25px;}
.hero-header .content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;text-align: center;animation: fadeInUp 2s ease forwards;}
@keyframes zoomFade {0% { background-size: 100%; }100% { background-size: 110%; }}
@keyframes fadeInUp {from { opacity: 0; transform: translateY(40px); }to { opacity: 1; transform: translateY(0); }}
.info-box {background-color: #c53030;color: white;padding: 20px;border-radius: 8px;transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;transform: scale(1);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);}
.info-box:hover {background-color: #2563eb;transform: scale(1.08) translateY(-5px);box-shadow: 0 10px 30px rgba(37, 99, 235, 0.5);}
.info-box-row {display: flex;gap: 20px;flex-wrap: wrap;justify-content: center;margin-bottom: 2.5rem;}
.info-box {flex: 1 1 300px;max-width: 100%;text-align: center;}


.pg-item .active {background: #c23237;color: #fff;width: 100%;height: 100%;border-radius: 100%;text-align: center;align-items: center;padding: 9px 0;}
 .youtube {position: relative;width: 100%;cursor: pointer;height: 234px;}
.youtube img {width: 100%;height: 100%;object-fit: cover;}
.play-btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 40px;background: transparent;border: 0;color: white;outline: none;z-index: 2;}
.video-frame {position: relative;overflow: hidden;padding:0;}
.video-frame iframe {width: 100%;height: 100%;border: none;}


.trending-box {display: flex;align-items: center;border: 1px solid #ddd;overflow: hidden;background: #fff;}
.trending-left {background: #d62828;color: #fff;padding: 10px 20px;display: flex;gap: 6px;font-weight: 600;white-space: nowrap;}
.trending-slider {flex: 1;overflow: hidden;position: relative;}
.trending-track {display: inline-flex;gap: 40px;white-space: nowrap;position: relative;left: 0;transition: left 0.6s ease;}
.trending-track a {color: #000;font-size: 15px;font-weight: 600;text-decoration: none;white-space: nowrap;}
.trending-nav {background: #d62828;color: #fff;width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.trending-nav i {font-size: 14px;}
.trending-nav {margin-right: 5px;}
.trending-nav img{filter: brightness(0.0) invert(1);}

.spance-list {margin-top: 10px;}
.sl-box {padding: 10px 0;}
.sl-item+.sl-item {margin-top: 20px;}
.slt-price {background: #b81c1c;width: 100%;height: 100%;padding: 5px;text-align: center;color: #fff;font-size: 20px;font-weight: 400;}
.sl-box img {display: flex;justify-content: center;margin-bottom: 5px !important;margin: 0 auto;width: 90px;}


.news-slider-section {width: 100%;position: relative;}
.mainSwiper {width: 100%;height: 489px;border-radius: 0;overflow: hidden;}
.slide-img {width: 100%;height: 100%;object-fit: cover;filter: brightness(50%);}
.slide-content {position: absolute;bottom: 25px;left: 25px;width: 65%;color: #fff;}
.badge {background: #ff0000;padding: 5px 10px;border-radius: 0;font-size: 13px;}
.slide-content h2 {font-size: 28px;margin: 10px 0;}
.slide-content p {font-size: 15px;opacity: 0.9;}
.swiper-button-next,.swiper-button-prev {color: #fff;font-size: 20px;}
.swiper-pagination-bullet-active {background: #ff0000;}
.recent-grid {display: flex;gap: 10px;width: 100%;margin-top: 12px;}
.recent-item {width: 33.33%;background: #fff;padding: 8px;border-radius: 0;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;}
.recent-img {width: 100%;height: 140px;object-fit: cover;}
.recent-item h4 {font-size: 18px;font-weight: 600;margin-top: 10px;color: #000;text-decoration: none;}
.recent-item:hover h4 {color: #ff0000;}
.recent-item a {text-decoration: none;line-height: 1.5;}
.sl-list {margin-bottom:0 !important;}

.news-slider-section .swiper-button-prev, .swiper-rtl .swiper-button-next {left: 10px !important;border-radius: 100% !important;border-radius: 100% !important;}
.news-slider-section .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 10px !important;border-radius: 100% !important;border-radius: 100% !important;}
.news-slider-section .swiper-button-prev img,  .news-slider-section .swiper-button-next img { filter: brightness(0.0) invert(1); }
span.swiper-pagination-bullet.swiper-pagination-bullet-active {background: #fff !important;}


.modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.4); }
.modal-content {background: #fff;padding: 20px;margin: 10% auto;width: 800px;height: fit-content;max-height: fit-content;}
width: 400px; border-radius: 8px; }
.modal-zodiac-img {width: 120px;height: 120px;object-fit: contain; margin:0 auto; display:flex;}
#modalTitle {text-align: center;margin-top: 20px;}
#modalDate {font-size: 20px;text-align: center;}
.horoscope-details {text-align: left;font-size: 18px;line-height: 1.6;display: flex;flex-direction: column;gap: 10px;align-items: flex-start;}
      
.stories-header { display: flex; align-items: center;margin-bottom: 2rem; }
.stories-icon {font-size: 2rem; margin-right: 12px;}
.stories-title { font-size: 1.8rem; font-weight: 700; background: linear-gradient(45deg, #ff6b6b, #ffa726); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.storiesSwiper {width: 100%;padding: 10px 0 40px;}
.swiper-wrapper {padding: 5px 0;}
.story-card { overflow: hidden;transition: all 0.3s ease;cursor: pointer;height: auto;color: #fff;}
.story-card:hover { transform: translateY(-8px); box-shadow: 0 12px 25px rgba(255, 107, 107, 0.4);border-color: #ff6b6b;}
.story-image { position: relative; height: 370px; overflow: hidden; }
.story-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.story-card:hover .story-image img { transform: scale(1.1); }
.story-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(to top, #b81c1c, transparent);}
.story-title {padding: 8px 5px;font-size: 16px;font-weight: 500;text-align: center;line-height: 1.3;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 44px;display: flex;align-items: center;justify-content: center;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);line-height: 1.3;width: 100%;}
/* Swiper Navigation */
.swiper-button-prev,
.swiper-button-next {width: 44px;height: 44px;border-radius: 50%; background: rgba(255, 255, 255, 0.95);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);transition: all 0.3s ease;}
.swiper-button-prev:after,
.swiper-button-next:after {font-size: 1.1rem;color: #333;font-weight: bold;}
.swiper-button-prev:hover,
.swiper-button-next:hover {background: white;transform: scale(1.1);box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);}
.swiper-button-prev {left: 0;}
.swiper-button-next {right: 0;}
.swiper-button-disabled {opacity: 0.3;cursor: not-allowed;transform: scale(1) !important;}
.swiper-pagination {bottom: 0 !important;}
.swiper-pagination-bullet {background: #666;opacity: 0.5;width: 8px;height: 8px;}
.swiper-pagination-bullet-active {background: #ff6b6b;opacity: 1;}
/* Story Modal */
.story-modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.95);z-index: 1000;justify-content: center;align-items: center;}
.story-modal.active {display: flex;}
.story-viewer {width: 100%;max-width: 400px;height: 85vh;background: #1a1a1a;border-radius: 16px;overflow: hidden;position: relative;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);}
.story-header {position: absolute;top: 0;left: 0;width: 100%;padding: 25px 60px 15px 15px;display: flex;align-items: center;background: linear-gradient(to bottom, rgba(0,0,0,0.7), transparent);z-index: 10;}
.story-user {display: flex;align-items: center;gap: 10px;color: white;}
.user-avatar {width: 36px;height: 36px;border-radius: 50%;background: linear-gradient(45deg, #ff6b6b, #ffa726);display: flex;align-items: center;justify-content: center;font-weight: bold;}
.story-close {position: absolute; top: 35px;right: 15px; background: rgba(255, 255, 255, 0.2);border: none;width: 36px;height: 36px;border-radius: 50%;color: white;cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 11;transition: background 0.3s;}
.story-close:hover {background: rgba(255, 255, 255, 0.3);}
.story-content {width: 100%;height: 100%;position: relative;}
.story-slide {position: absolute;top: 0left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity 0.5s ease;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 85px 20px 20px;}
.story-slide.active {opacity: 1;}
.story-media {width: 100%;height: 100%;border-radius: 8px;overflow: hidden;margin-bottom: 20px;}
.story-media img {width: 100%;height: 100%;object-fit: cover;}
.story-text {color: white;text-align: center;max-height: 25%;overflow-y: auto;padding: 10px;border-radius: 8px;width: 100%;}
.story-progress {display: flex;gap: 5px;position: absolute;top: 10px;left: 0;width: 100%;padding: 0 15px;z-index: 9;}
.progress-bar {flex: 1;height: 3px;background: rgba(255, 255, 255, 0.3);border-radius: 2px;overflow: hidden;}
.progress-fill {height: 100%;width: 0%;background: white;transition: width 0.1s linear;}
.story-nav {position: absolute;top: 0;width: 50%;height: 100%;cursor: pointer;z-index: 5;}
.story-nav.prev {left: 0;}
.story-nav.next {right: 0; }
.storiesSwiper .swiper-button-prev {border-radius: 100% !important;left: 10px !important;width: 45px !important;height: 45px !important;}
.storiesSwiper .swiper-button-next {border-radius: 100% !important;right: 10px !important;width: 45px !important;height: 45px !important;}
.storiesSwipe .swiper-button-prev:hover img, .storiesSwipe .swiper-button-next:hover img { filter: none !important;}

.videoslider .swiper-wrapper {padding-bottom: 50px;}
.small-logo {width: 25px;height: auto; margin-right: 10px;object-fit: contain;}

  .sidebar-fixed {position: sticky;top: 10px;}
  .content-container.latest-blog {position: relative;}

img#modalImage {width: 140px;height: 140px;margin: 0 auto;display: flex;}

@media (max-width:1199.99px){
    .swiper-slide {width: 50% !important;}
    
    

}


@media (max-width:991.99px){


    .menubar-right{display:none;}
    
    .content-container{padding:50px 0;}
    
    .categories{display:none;}

}

@media (max-width:767.99px){

    .swiper-slide {width: 100% !important;}
    .title {font-size: 16px;}
    
    .blog-item {width: 100%;}
    .headerdets{width:100%;}
    
    .hero-header .content{ left:0 !important; transform:none;}
    ..hero-header{border-radius:10px;}
    
    .headertitle {
    font-size: 20px;}
    .headerdets{font-size:16px;}
    
    .swiper-button-prev, .swiper-rtl .swiper-button-next {left: -12px !important;}
    .swiper-button-next, .swiper-rtl .swiper-button-prev {right: -12px !important;}
    .si-item {width: 30px;height: 30px;}
    .si-item i {font-size: 18px;}
    .si-list{ margin-top:0px;}
    
    .content-container{padding:40px 0;}
    
    .breadcrumb-inner { align-items: center;}
    
    .nib-img {width: 190px;}
    .nib-text {width: calc(100% - 190px);}
    ..menubar-left{width:100%;}
    .recent-item{width:100%}
    .recent-grid {flex-wrap: wrap;}
    .recent-img {width: 100%;height: 200px;}
    .sidebar-fixed {position: relative;width: auto;right: auto;}

}

@media (max-width:520.99px){
    
    .link-cols {justify-content: flex-start;}
    .footer-wrap{padding-top:22px; padding-bottom:22px;}
    .nav-tags{padding:10px 0;}
    .footer-inner {display: flex;align-items: flex-start;width: 100%;justify-content: space-between;padding-top: 0;flex-direction: column;gap: 15px;}
    .nav-tags{gap:4px;}
    .brand img {width: 180px;}
    .footer-bottom {border-top: 1px solid rgb(255, 255, 255);margin-top: 10px;padding-top: 20px;}
    
    .icn-box {height: 45px;width: 55px;}
    .menubar {padding: 10px 0;}
    .logoimg {width: 160px;}
    .menubar-left {justify-content: space-between;}
    
    .content-container{padding:30px 0;}
    .ni-box {padding: 10px;box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;}
    .nib-img {width: 110px;}
    .nib-text {width: calc(100% - 110px);padding-left: 10px !important;padding: 0;}
    .nib-text h4 a {display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
    .nib-text p {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; margin-bottom:3px}
    ..news-card{height:240px;}
    .arrow {width: 55px;}
    .trending-left {font-size: 14px;padding: 7px 10px;}
        
}