@font-face{font-family:"Encode Sans Condensed";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/es-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Encode Sans Condensed";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/es-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Encode Sans Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/es-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Encode Sans Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/es-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;box-sizing:border-box;--text-font:"Encode Sans Condensed", sans-serif;--bg-primary-color:#fdae15;--bg-white:#ffffff;--bg-secondary-color:#f2f2f2;--bg-black:#000000;--col-blue:#013079;--col-dark-blue:#012761;--col-red:#db2511;--col-dark-pink:#e31545}body{color:var(--bg-black);margin:0 auto;overflow-x:hidden;font-family:var(--text-font)}body.overlay-active::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .4);z-index:998}body.overlay-active{overflow:hidden}*,.site-header .main-menu .dropdown li,h1,h2,h3,h4,h5,h6,p,span,ul{padding:0}a,ul{list-style-type:none;text-decoration:none}h1,h2,h3,h4,h5,h6,p,ul{margin:0;color:var(--bg-black)}p{line-height:1.5}span{margin:0}h1{font-size:35px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:19px}h6{font-size:18px}.banner-cards-sec,main{padding:10px 0 20px}time{display:inline-block;min-height:1.2em;line-height:1.2}.copy-link{position:relative;display:inline-flex;align-items:center;text-decoration:none;color:inherit}.copy-link::after{content:"Copied!";background:#333;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;margin-bottom:8px}.copy-link::before{content:"";border:5px solid #fff0;border-top-color:#333;z-index:1001;margin-bottom:-2px}.copy-link.copied::after,.copy-link.copied::before{opacity:1;visibility:visible}.banner-cards-sec p,.cat-blog-section .card-title,.category-page p.cat-parah,.most-read-sec .flex-title,.most-read-sec .small-title,.news-layout-sec .big-title,.news-layout-sec .desc,.news-layout-sec .title{-webkit-box-orient:vertical;text-overflow:ellipsis}.copy-link::after,.copy-link::before{bottom:100%;left:50%;transform:translateX(-50%);opacity:0;visibility:hidden;transition:0.3s;position:absolute;pointer-events:none}.badge,.banner-cards-sec .category-badge{clip-path:polygon(16% 0,100% 0%,86% 100%,0% 100%)}.site-header .top-row-wrapper{background:var(--col-blue);padding:8px 0}.site-header .top-row{display:flex;align-items:center;justify-content:space-between}.site-header .large-logo img{height:auto;width:160px}.site-header .ad-banner img{max-width:750px;height:auto}.site-header .sticky-menu{background:var(--col-dark-blue);position:sticky;top:0;z-index:1000}.site-header .is-sticky{display:block;justify-content:space-between;align-items:center;position:fixed;top:0;z-index:999;background:var(--col-dark-blue);transition:box-shadow 0.3s;width:100%;left:0;right:0}.site-header .is-sticky .nav-row{padding:20px 12px}.site-header .nav-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.site-header .main-menu{display:flex}.site-header .main-menu>ul{display:flex;gap:6px;list-style:none;padding:0;margin:0}.site-header .main-menu a{color:#fff;text-decoration:none;font-weight:600;font-size:20px;position:relative;padding-right:22px}.site-header .main-menu>ul>li>a::after{content:"";position:absolute;top:52%;right:8px;width:1px;height:18px;background-color:rgb(255 255 255 / .35);border-radius:1px;transform:translateY(-50%)}.banner-umrah-sec .feature-box::before,.search-panel .search-footer li:first-child::before,.site-header #menu-btn,.site-header .main-menu>ul>li:last-child>a::after,.site-header .small-logo{display:none}.site-header .main-menu a::before{content:"";position:absolute;top:32px;left:0;height:3px;width:0;background:var(--col-dark-pink);border-radius:20px;transition:width 0.45s cubic-bezier(.2,.6,.3,1)}.cat-banner-sec .tech-left,.site-header .main-menu a.active::before,.site-header .main-menu a:hover::before{width:70%}.cat-card-section .author-date .author,.most-read-sec .img-part,.news-layout-sec .img-wrap,.post-body-area .blog-detail,.site-header .has-dropdown{position:relative}.site-header .dropdown-icon{margin-left:6px;transition:transform 0.35s,stroke 0.35s;stroke:var(--col-dark-pink)}.site-header .has-dropdown:hover .dropdown-icon{transform:rotate(180deg);stroke:var(--col-dark-pink)}.site-header .main-menu .dropdown{position:absolute;top:38px;left:0;min-width:220px;background:#fff;border-radius:12px;padding:14px 0;box-shadow:0 20px 35px rgb(0 0 0 / .18);list-style:none;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity 0.35s,visibility 0.35s,transform 0.35s cubic-bezier(.2,.6,.3,1)}.site-header .has-dropdown:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}.site-header .main-menu .dropdown li a{display:block;padding:10px 22px;color:#333;font-size:16px;font-weight:500;transition:color 0.25s,background 0.25s,padding-left 0.25s;position:relative}.site-header .main-menu .dropdown li a::before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--col-dark-pink);border-radius:0 4px 4px 0;transform:scaleY(0);transform-origin:top;transition:transform 0.35s cubic-bezier(.2,.6,.3,1)}.site-header .main-menu .dropdown li a:hover::before{transform:scaleY(1)}.site-header .main-menu .dropdown li a:hover{background:rgb(163 159 159 / 6%);color:var(--col-dark-pink);padding-left:28px}.site-header .icon-btn{background:0 0;border:none;cursor:pointer;color:#fff}#menu-btn{width:32px;height:32px;display:flex;flex-direction:column;justify-content:center;gap:6px;border:none;cursor:pointer}#menu-btn .line{width:100%;height:3px;background:#fff;border-radius:2px;transition:0.35s;display:block;margin:4px}#menu-btn .line3{width:70%;align-self:flex-end}#menu-btn.open .line1{transform:rotate(45deg) translate(5px,5px)}#menu-btn.open .line2{opacity:0;transform:translateX(-10px)}#menu-btn.open .line3{width:80%;transform:rotate(-45deg) translate(5px,-5px)}#menu-btn.open .line{width:80%}#side-menu{position:absolute;top:56px;left:0;width:100%;height:calc(100vh - 56px);background:var(--col-blue);color:#fff;z-index:999;transition:transform 0.4s;transform:translateY(-160%);overflow-y:auto}#side-menu.open{transform:translateY(0)}#side-menu .side-main{padding:20px}.side-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.site-header .logo-box img{max-height:40px}.site-header .side-search{position:relative;margin-bottom:20px}.site-header .search-title{font-size:18px;display:block;color:#fff;text-transform:capitalize;margin-bottom:10px;font-weight:600}.site-header .side-search input{width:100%;padding:12px 40px;background:0 0;border:1px solid #325a7e;border-radius:6px;color:#f3f3f3a3;text-transform:capitalize}.site-header .side-search .search-icon,.site-header .side-search .search-icon-right{border:none;background:0 0;transform:translateY(-50%);position:absolute;cursor:pointer}.site-header .side-search input:focus{outline:0}.site-header .side-search input::placeholder{color:#f3f3f3a3}.site-header .side-search .search-icon{left:10px;top:75%}.site-header .side-search .search-icon-right{right:10px;top:73%}.site-header .menu-title{border-bottom:1px solid rgb(255 255 255 / .2);padding-bottom:8px;margin:18px 0 10px;font-size:1.1rem;display:block;color:#fff;font-weight:600}.site-header .side-nav{list-style:none;margin:0;padding:0}.site-header .side-nav li{position:relative;margin-bottom:4px}.site-header .side-nav>li>a{display:block;padding:8px 12px;text-decoration:none;color:#ffffffc4;font-weight:500;font-size:16px;transition:0.3s;border-radius:6px}.site-header .side-nav>li>a:hover{background:#ffffff14;color:#fff}.site-header .submenu-toggle{position:absolute;right:5px;top:4px;width:28px;height:28px;background:0 0;border:none;cursor:pointer}.site-header .submenu-toggle::after,.site-header .submenu-toggle::before{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;background:#fff;transform:translate(-50%,-50%);transition:0.3s}.site-header .submenu-toggle::after{transform:translate(-50%,-50%) rotate(90deg)}.site-header .has-sub.open .submenu-toggle::after{transform:translate(-50%,-50%) rotate(0)}.site-header .submenu{list-style:none;margin:4px 0 4px 15px;padding-left:10px;border-left:2px solid rgb(255 255 255 / .2);max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:max-height 0.35s,opacity 0.35s,transform 0.35s}.site-header .has-sub.open .submenu{max-height:500px;opacity:1;transform:translateY(0)}.site-header .submenu li a{display:block;padding:6px 10px;font-size:15px;color:#ffffffa8;text-decoration:none;transition:0.3s}.quick-links ul li:nth-child(2) a::after,.top-cat ul li:nth-child(2) a::after,.top-cat ul li:nth-child(4) a::after{display:inline-flex;padding:4px 12px;margin-left:18px;letter-spacing:.5px;box-shadow:0 2px 4px rgb(0 0 0 / .1);transition:0.3s cubic-bezier(.4,0,.2,1)}.site-header .submenu li a:hover{color:#fff;background:#ffffff1a;border-radius:4px}.site-header .follow-wrapper{border-top:1px dotted #fff;padding-top:18px;margin-top:20px;display:flex;justify-content:space-between;align-items:center}.follow-head .follow-title{display:block;font-size:18px;font-weight:600;color:#fff}.site-header .follow-list{display:flex;gap:10px}.site-header .social-box{padding:0 2px}.site-header .menu-footer{margin-top:10px;background:#ffffff1a;text-align:center;padding:18px 0}.site-header .menu-footer p{margin:0;color:#ffffffb0;font-size:14px}.search-panel{position:fixed;background:#fff;box-shadow:0 4px 30px #0000124a;color:#000;z-index:9999;width:40%;height:auto;top:43%;left:50%;transform:translate(-50%,-50%) scale(.95);opacity:0;pointer-events:none;transition:opacity 0.35s,transform 0.35s;overflow-y:auto;border-radius:18px;padding:0}.search-panel .search-main-div{padding:30px}.search-panel.active{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.search-panel .close{background:0 0;border:none;cursor:pointer;position:absolute;top:25px;right:25px;z-index:10000}.search-panel .search-container{margin-top:26px;position:relative}.search-panel .search-container .search-title{color:#454343;font-size:18px;text-transform:capitalize;font-weight:600;margin-bottom:6px}.search-panel .search-container .search-input{width:100%;padding:14px 16px 14px 32px;border:1px solid #ddd;border-radius:6px;font-size:16px;transition:0.3s}.search-panel .search-container .search-input:focus{border:1px solid var(--col-dark-blue);outline:0}.search-panel .search-container .search-icon{position:absolute;top:44px;left:7px;z-index:1}.search-panel .search-container .search-icon-right{position:absolute;top:42px;right:6px}.search-panel .category-grid{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.search-panel .cat .search-cat-title{margin-bottom:15px;font-size:20px;font-weight:600;color:#454343}.search-panel .cat ul{padding:0;margin:0;list-style:none}.search-panel .cat li{margin:6px 0}.search-panel .cat a{color:#333;text-decoration:none;font-size:15px;transition:color 0.2s}.breadcrumb-section .breadcrumb-title:hover,.category-page .sidebar-post:hover .detail-card-title,.detail-page .breadcrumb-title:hover,.faq-content .faq-heading span,.faq-content .faq-heading strong,.search-panel .cat a:hover,.search-panel .search-footer li a:hover{color:var(--col-dark-pink)}.search-panel .search-footer{background:#00000015;padding:20px}.search-panel .search-footer ul{list-style:none;display:flex;gap:20px;padding:0}.search-panel .search-footer li{position:relative;padding-left:12px;transition:0.3s}.search-panel .search-footer li::before{content:"";position:absolute;left:-6px;top:50%;width:5px;height:5px;background:#ada7a7;border-radius:50%;transform:translateY(-50%)}.search-page .author-date time,.search-panel .search-footer li:first-child{padding-left:0}.search-panel .search-footer a{color:#1e1e1e;text-decoration:none}.search-panel .search-footer p{margin-top:10px;font-size:14px;color:#555}.breadcrumb-section{background:#00000007}.breadcrumb-section .breadcrumb-main{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;gap:10px}.breadcrumb-section .breadcrumb-left{display:flex;align-items:center;gap:10px;flex:1;white-space:nowrap;overflow-x:auto}.breadcrumb-section .breadcrumb-left svg{width:20px;height:20px;fill:#ff2e55;flex-shrink:0}.breadcrumb-section .hot-news-badge{background:#ddd;color:#000;font-weight:700;border-radius:12px;padding:5px 12px;font-size:13px;white-space:nowrap;display:flex;align-items:center;gap:6px}.breadcrumb-section .breadcrumb-title{font-weight:600;margin-right:8px;color:#333;transition:0.3s}.breadcrumb-section .breadcrumb-right{display:flex;gap:8px;flex-wrap:nowrap}.breadcrumb-section .breadcrumb-right .category{background:#ddd;color:#000;padding:5px 10px;border-radius:4px;font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap;transition:background 0.3s,color 0.3s}.breadcrumb-section .breadcrumb-right .quick-link{color:#5e5e5e;padding:5px 2px}.breadcrumb-section .breadcrumb-right .category.active,.breadcrumb-section .breadcrumb-right .category:hover,.error-section .return-home:hover,.page-btn.active{background:var(--col-dark-pink);color:#fff}.detail-page .breadcrumb-main,.detail-page .breadcrumb-main .breadcrumb-title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.detail-page .breadcrumb-right{align-items:center}.detail-page .breadcrumb-right .category{background:0 0;color:#4c4b4b;padding:0;border-radius:0;font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap;transition:0.3s}.detail-page .breadcrumb-right .category:hover{color:#000;background:0 0}.detail-page .hot-news-badge{background:0 0;color:#4c4c4c;font-weight:700;padding:0}.detail-page .breadcrumb-title{transition:0.3s;cursor:pointer}.banner-cards-sec .grid-parent{display:grid;grid-template-areas:"item1 item2" "item1 item3";grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:10px;height:460px}.banner-cards-sec .item1,.news-layout-sec .item1{grid-area:item1}.banner-cards-sec .item2{grid-area:item2;height:auto}.banner-cards-sec .item3{grid-area:item3;height:auto}.banner-cards-sec .card-wrapper{position:relative;overflow:hidden;box-shadow:0 8px 25px rgb(0 0 0 / .25);cursor:pointer;display:flex}.banner-cards-sec .card-wrapper a{text-decoration:none;color:inherit;width:100%;display:flex}.banner-cards-sec p,.category-page p.cat-parah{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.banner-cards-sec .card-box{position:relative;width:100%;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.banner-cards-sec .card-box img.bg-image{position:absolute;top:0;left:0;width:100%;height:auto;object-fit:cover;z-index:1;transition:transform 0.4s,filter 0.4s}.banner-cards-sec .card-wrapper:hover img.bg-image{transform:scale(1.05);filter:brightness(.85)}.banner-cards-sec .card-box::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgb(0 0 0 / 91%) 30%,rgb(0 0 0 / .1) 70%);z-index:2;pointer-events:none}.banner-cards-sec .main-card{position:relative;padding:10px 20px 0;color:#fff;z-index:3;display:flex;flex-direction:column;animation:0.9s forwards fadeSlideUp}.banner-cards-sec .category-badge{font-size:12px;font-weight:600;padding:8px 26px;text-transform:uppercase;background:var(--col-dark-pink);transition:0.2s cubic-bezier(.32,.74,.54,1);display:inline-block;z-index:5;color:#fff;max-width:200px;width:fit-content;margin-left:15px}.banner-cards-sec .ban-title{margin:0 0 10px;font-weight:700;line-height:1.15;color:#fff;text-decoration:underline;text-decoration-color:#fff0;text-underline-offset:4px;text-decoration-thickness:3px;transition:text-decoration-color 0.4s}.banner-cards-sec .ban-title.second-title{font-size:22px}.banner-under-sec .ban-title,.cat-blog-section .card-title,.cat-card-section .ban-title,.most-read-sec .big-title,.most-read-sec .flex-title,.most-read-sec .small-title,.news-layout-sec .big-title,.news-layout-sec .title{text-underline-offset:4px}.banner-under-sec .ban-title,.cat-card-section .ban-title{line-height:1.4;text-decoration:underline;text-decoration-color:#fff0;font-weight:700}.banner-cards-sec .ban-title:hover,.most-read-sec .big-title:hover,.most-read-sec .flex-title:hover,.most-read-sec .small-title:hover{text-decoration-color:var(--col-dark-pink)}.banner-cards-sec p,.banner-under-sec p,.cat-card-section p{margin:0 0 14px;font-size:.95rem;opacity:.85;line-height:1.4;color:#fff}.author-date{display:flex;align-items:center;gap:10px;font-size:.8rem;user-select:none}.detail-data.author-date{gap:12px}.detail-data.author-date svg{width:55px;height:55px}.cat-card-section p.no-post,.detail-page .detail-data.author-date span.author,.home-sec .umrah-small-heading span{color:#000}.author-date .author,.detail-page .detail-data.author-date .author{position:relative;padding-right:14px;margin-right:2px}.author-date .author::after,.banner-under-sec .author-date .author::after{position:absolute;top:50%;transform:translateY(-50%);width:1px;height:14px;border-radius:1px;right:0;content:""}.detail-page .detail-data.author-date .author::after{width:8px;height:1px}.author-date .author::after{background-color:#e9e4e4}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}.banner-cards-sec .item1 .main-card,.card-about-sec .card-1{animation-delay:0.1s}.banner-cards-sec .item2 .main-card,.card-about-sec .card-3{animation-delay:0.3s}.banner-cards-sec .item3 .main-card{animation-delay:0.5s}.banner-under-sec{padding:0 0 20px}.banner-under-sec .card-parent{display:flex;gap:14px;box-shadow:0 0 10px rgb(0 0 0 / .07);background:#fff;border-radius:16px}.banner-under-sec .card-wrapper{flex:1;padding:14px 16px}.banner-under-sec .card-box{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:150px}.banner-under-sec .card-left{flex:1;display:flex;flex-direction:column;justify-content:space-between}.banner-under-sec .card-right{width:200px;height:130px;flex-shrink:0}.banner-under-sec .card-right img{width:100%;height:100%;border-radius:12px;object-fit:cover;transition:0.4s}.banner-under-sec .card-right img:hover,.cat-blog-section .card-img-wrap img:hover,.cat-card-section .card-right img:hover,.most-read-sec .flex-card img:hover,.most-read-sec .small-img:hover,.news-layout-sec .big-card .card-img:hover,.news-layout-sec .card-img:hover{opacity:.85}.banner-under-sec .main-card{animation:0.9s 0.1s forwards fadeSlideUp;position:relative;padding:10px 0 8px;color:#fff;z-index:3;display:flex;flex-direction:column;justify-content:space-between;flex:1}.banner-under-sec .category-badge{margin-left:15px}.banner-under-sec .ban-title{margin:0 0 2px;display:block;color:#000;font-size:18px;transition:0.4s}.banner-under-sec .ban-title:hover,.cat-blog-section .card-title:hover,.cat-card-section .ban-title:hover,.news-layout-sec .big-title:hover,.news-layout-sec .title:hover{text-decoration-color:var(--col-dark-pink);color:var(--col-dark-pink)}.banner-under-sec .author-date,.cat-card-section .author-date{display:flex;align-items:center;gap:10px;font-size:.8rem;opacity:.75;user-select:none;color:#000;margin-top:auto}.banner-under-sec .author-date .author{position:relative;font-weight:600}.banner-under-sec .author-date .author::after{left:76px;background-color:#7e7e7e}.banner-under-sec .author-date img,.cat-card-section .author-date img{width:28px;height:28px;border-radius:50%;object-fit:cover}.ads-section{padding:10px 0}.ads-section .ad-image{max-width:100%;height:auto;margin:0 auto;display:flex;align-items:center;justify-content:center}.ads-section .ad-image img{max-width:100%;height:auto}.cat-blog-section,.cat-card-section,.news-layout-sec{padding:20px 0}.cat-card-section .card-main-par{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cat-card-section .card-wrapper{background:#fff;flex:1}.cat-card-section .card-box{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;min-height:150px;position:relative}.cat-card-section .card-left{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:8px 0 15px}.cat-card-section .card-right{width:100%;height:auto;flex-shrink:0;position:relative}.cat-card-section .card-right img,.most-read-sec .big-card-img,.most-read-sec .small-img{width:100%;height:auto;object-fit:cover;transition:0.4s}.cat-card-section .main-card{position:relative;padding:10px 0 12px;color:#fff;z-index:3;display:flex;flex-direction:column;justify-content:space-between;flex:1}.cat-card-section .badge{position:absolute;top:auto;left:-10px;bottom:-8px;margin-left:15px}.cat-card-section .ban-title{margin:0 0 10px;display:block;color:#000;font-size:18px;transition:0.4s}.category-page p.cat-parah{color:#333;font-size:15px}.cat-card-section .author-date .cat-aut{color:var(--col-dark-pink);font-weight:600}.cat-card-section .author-date .author::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:14px;background-color:#7e7e7e;border-radius:1px}.most-read-sec{padding:30px 0;margin-bottom:10px;background-color:#fff0;background-image:linear-gradient(360deg,#12151a 0,#172234 100%)}.heading-sec{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.badge,.section-title,span.section-title{display:inline-block}.heading-sec .load-more-btn{padding:12px 30px;font-size:14px;background:#0000001c;color:var(--col-dark-blue);font-weight:600;border:none;border-radius:20px;cursor:pointer;transition:0.4s;user-select:none;position:relative;z-index:1}.most-read-sec .big-title,.most-read-sec .flex-title,.most-read-sec .small-title{line-height:1.4;text-decoration:underline;text-decoration-color:#fff0;transition:text-decoration-color 0.4s;font-weight:600}.heading-sec .col-white.load-more-btn{color:#fff;background:#fbfbfb40}.cat-blog-section .load-more-btn:hover,.heading-sec .load-more-btn:hover{background:var(--col-dark-pink);box-shadow:0 3px 12px #ff184ee6;color:#fff}.cat-blog-section .heading-sec .load-more-btn{margin:0;background:#0000001c;color:var(--col-dark-blue);border-radius:20px;padding:12px 30px}.heading-sec .section-title{margin-bottom:0}.section-title{text-align:left;color:#fff;position:relative;margin-bottom:28px;padding:0 12px;text-transform:capitalize}.cat-banner-sec .tech-title,.col-black{color:var(--col-dark-blue)}span.section-title{font-size:24px;font-weight:700;margin:14px 0 18px}.section-title::after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";-webkit-transform:skewX(-15deg);transform:skewX(-15deg);border-right:3px solid var(--col-dark-pink);border-left:3px solid var(--col-dark-pink)}.most-read-sec .main-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}.most-read-sec .card-wrapper a{display:block;text-decoration:none;color:#fff;position:relative;overflow:hidden}.most-read-sec .big-card{position:relative;height:330px;overflow:hidden}.faq-image:hover img,.most-read-sec .big-card-img:hover,.most-read-sec .img-part img:hover,.post-body-area .featured-image:hover img{transform:scale(1.05)}.most-read-sec .big-card::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to top,rgb(0 0 0 / .91) 30%,rgb(0 0 0 / .1) 70%)}.most-read-sec .big-card-content{position:absolute;z-index:3;bottom:20px;left:20px}.most-read-sec .big-title{margin:12px 10px 12px 0;color:#fff;font-size:25px;display:block}.most-read-sec .img-part img{transition:0.4s}.most-read-sec .small-badge{position:absolute;top:auto;bottom:-12px;left:0}.most-read-sec .small-title{font-size:18px;display:block;margin:28px 0 18px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.most-read-sec .big-card::after,.most-read-sec .flex-card::after,.most-read-sec .small-card::after{content:attr(data-count);position:absolute;bottom:22px;right:10px;font-size:45px;font-weight:800;opacity:.15;color:#fff}.most-read-sec .flex-row{display:flex;gap:20px;margin-top:30px}.most-read-sec .flex-card{display:flex;padding:15px;gap:15px;position:relative;align-items:flex-start}.most-read-sec .flex-small{display:flex;align-items:center;gap:12px}.most-read-sec .flex-card img{width:150px;height:auto;object-fit:cover;transition:0.4s}.most-read-sec .flex-title{font-size:16px;margin-bottom:10px;color:#fff;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.news-layout-sec .big-card .card-img,.news-layout-sec .card-img{transition:0.4s;height:auto}.most-read-sec .flex-date{font-size:13px;color:#ccc}.news-layout-sec .big-title,.news-layout-sec .title{line-height:1.4;color:#000;-webkit-line-clamp:2;text-decoration:underline;text-decoration-color:#fff0;overflow:hidden}.news-layout-sec .news-grid{display:grid;grid-template-areas:"item1 item3 item4" "item2 item3 item5";grid-template-columns:1fr 1.5fr 1fr;grid-gap:15px}.news-layout-sec .item2{grid-area:item2}.news-layout-sec .item3{grid-area:item3}.news-layout-sec .item4{grid-area:item4}.news-layout-sec .item5{grid-area:item5}.news-layout-sec .card-wrapper a{display:block;text-decoration:none;color:inherit}.news-layout-sec .card{background:#fff;overflow:hidden}.news-layout-sec .card-img{width:100%;display:block;object-fit:cover}.news-layout-sec .card-content{padding:12px 5px}.news-layout-sec .badge{position:absolute;top:auto;bottom:-12px;left:5px}.news-layout-sec .title{font-size:18px;display:block;margin:10px 0;font-weight:700;display:-webkit-box;transition:text-decoration-color 0.4s}.news-layout-sec .big-title{font-size:28px;margin:16px 0 15px;font-weight:800;display:block;display:-webkit-box;transition:0.5s}.news-layout-sec .desc{font-size:15px;line-height:1.6;margin-bottom:15px;color:#666;display:block;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden}.cat-blog-section .author-date .author::after,.news-layout-sec .author-date .author::after{background-color:#3c3c3c}.cat-blog-section .blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cat-blog-section .blog-card{display:flex;align-items:center;gap:14px;text-decoration:none;color:#222;position:relative}.cat-blog-section .card-img-wrap{position:relative;border-bottom:1px solid #eee;width:220px;min-width:220px;flex-shrink:0;overflow:visible}.cat-blog-section .card-img-wrap img{width:100%;height:auto;object-fit:cover;display:block;transition:0.4s}.category-badge-wrap{position:absolute;bottom:12px;left:-15px;z-index:10;overflow:visible}.category-badge-wrap1{border-radius:6px;overflow:visible}.badge{font-size:12px;font-weight:600;padding:8px 20px;color:#fff;text-transform:uppercase;background:var(--col-dark-pink);transition:0.3s cubic-bezier(.32,.74,.54,1)}.cat-blog-section .card-content{padding:10px;display:flex;flex-direction:column;gap:8px}.cat-blog-section .card-title{font-size:20px;font-weight:700;color:#000;margin:0;line-height:1.4;text-decoration:underline;text-decoration-color:#fff0;transition:0.4s;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.cat-blog-section .load-more-btn{margin:30px auto 0;display:block;padding:12px 22px;font-size:14px;background:#00000007;color:#000;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:0.4s;user-select:none;position:relative;z-index:1}.cat-blog-section .hidden-card{display:none;opacity:0;transform:translateY(20px)}.cat-blog-section .show-card{display:block!important;animation:0.45s forwards fadeIn}.footer{background:#fff;padding:40px 0 0}.footer-row{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding-bottom:42px;border-bottom:1px solid #e2e8f0}.footer-title{display:block;color:#1e293b;font-size:18px;font-weight:700;margin-bottom:24px;padding-bottom:12px;position:relative;letter-spacing:-.01em}.footer-title::after{content:"";position:absolute;left:0;bottom:0;width:32px;height:2px;background:var(--col-dark-pink);transition:width 0.3s}.footer-col:hover .footer-title::after{width:48px}.footer-logo img{width:160px;height:auto;margin-bottom:16px}.footer-about p{font-size:.95rem;color:#444;line-height:1.7;position:relative;padding-left:20px;border-left:2px solid #e2e8f0;width:400px;max-width:420px}.footer-about p::first-letter{initial-letter:2;font-weight:700;color:var(--col-dark-pink);margin-right:4px;float:left;line-height:1;font-size:26px;padding-top:6px}.footer-menu ul{list-style:none}.footer-menu ul li{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9;position:relative}.footer-menu ul li:last-child{border-bottom:none}.footer-menu ul a{color:#444;text-decoration:none;font-weight:500;font-size:15px;flex-grow:1;transition:0.4s;position:relative;padding-left:0;display:inline-block;transform-origin:left center}.footer-menu ul a:hover{color:var(--col-dark-pink);font-weight:600;transform:scale(1.07)}.top-cat ul li:nth-child(2) a::after{content:"TOP";align-items:center;justify-content:center;font-size:10px;font-weight:700;text-transform:uppercase;border-radius:12px;background:linear-gradient(135deg,#f59e0b 0,#fbbf24 100%);color:#1e293b;border:1px solid rgb(245 158 11 / .2);position:relative;overflow:hidden}.quick-links ul li:nth-child(2) a::after,.top-cat ul li:nth-child(4) a::after{color:#fff;position:relative;font-weight:700;overflow:hidden;text-transform:uppercase}.top-cat ul li:nth-child(4) a::after{content:"TRENDING";align-items:center;justify-content:center;font-size:12px;border-radius:10px;background:linear-gradient(135deg,#8b5cf6 0,#a78bfa 100%);border:1px solid rgb(139 92 246 / .2)}.quick-links ul li:nth-child(2) a::after{content:"HOT";align-items:center;justify-content:center;font-size:10px;border-radius:12px;background:linear-gradient(135deg,#ef4444 0,#f87171 100%);border:1px solid rgb(239 68 68 / .2);animation:2s infinite pulse-hot}.footer-menu ul li a::after{position:relative;overflow:hidden}.footer-menu ul li a::after::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent);transition:left 0.6s}.footer-menu ul li:hover .badge,.footer-menu ul li:hover a::after{transform:scale(1.05);box-shadow:0 4px 12px rgb(0 0 0 / .15)}.footer-menu ul li:hover a::after::before{left:100%}@keyframes pulse-hot{0%{box-shadow:0 0 0 0 rgb(239 68 68 / .4);transform:scale(1)}50%{box-shadow:0 0 0 6px #fff0;transform:scale(1.05)}100%{box-shadow:0 0 0 0 #fff0;transform:scale(1)}}.content-sec .read-more-btn:hover::before,.footer-menu ul li:hover .badge::before{left:100%}.footer .social-section{display:flex;flex-direction:column;gap:20px}.footer .social-description{font-size:.9rem;color:#444;margin-bottom:10px;line-height:1.6}.footer .social-links{display:flex;gap:12px;flex-wrap:wrap}.footer .social-item{position:relative;width:48px;height:48px;border-radius:12px;background:#fff;box-shadow:0 4px 12px rgb(0 0 0 / .08);transition:0.4s cubic-bezier(.4,0,.2,1);border:1px solid #e2e8f0;overflow:hidden}.footer .social-item::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff0 0,rgb(255 255 255 / .1) 100%);opacity:0;transition:opacity 0.3s}.footer .social-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;position:relative;z-index:2}.footer .social-icon{width:20px;height:20px;transition:0.4s}.footer .social-item.facebook,.footer .social-item.instagram,.footer .social-item.linkedin,.footer .social-item.twitter{background:linear-gradient(135deg,#fff 0,#f8fafc 100%)}.footer .social-item.twitter .social-icon{fill:#1da1f2}.footer .social-item.twitter:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgb(29 161 242 / .15);border-color:rgb(29 161 242 / .2);background:linear-gradient(135deg,#fff 0,#f0f9ff 100%)}.footer .social-item.facebook .social-icon{fill:#1877f2}.footer .social-item.facebook:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgb(24 119 242 / .15);border-color:rgb(24 119 242 / .2);background:linear-gradient(135deg,#fff 0,#f0f7ff 100%)}.footer .social-item.instagram .social-icon{fill:#e4405f}.footer .social-item.instagram:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgb(228 64 95 / .15);border-color:rgb(228 64 95 / .2);background:linear-gradient(135deg,#fff 0,#fff0f3 100%)}.footer .social-item.linkedin .social-icon{fill:#0a66c2}.footer .social-item.linkedin:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgb(10 102 194 / .15);border-color:rgb(10 102 194 / .2);background:linear-gradient(135deg,#fff 0,#f0f7ff 100%)}.detail-page .share-main-icon:hover::before,.detail-page .social-icon:hover .social-label,.footer .social-item:hover::before{opacity:1}.footer .social-item:hover .social-icon{transform:scale(1.15)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:30px 0;font-size:.875rem;flex-wrap:wrap;gap:20px}.footer-left{display:flex;flex-direction:column;gap:8px}.copyright p{color:#444;font-weight:500}.footer-right .footer-links ul{display:flex;gap:25px;align-items:center}.footer-links{display:flex;gap:25px}.footer-links a{color:#444;text-decoration:none;font-weight:500;font-size:.85rem;transition:color 0.3s;position:relative}.footer-links a::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#e63946;transition:width 0.3s}.footer-links a:hover{color:#e63946}.footer-links a:hover::after{width:100%}.search-section{position:relative;padding:40px 0 140px;overflow:visible}.search-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:85%;background:url(../../userfiles/files/search-bg.jpg) center/cover no-repeat;z-index:-1}.search-section .search-main{text-align:center;position:relative}.search-section .search-main h1{margin-bottom:10px;padding-top:10px}.search-section .search-main p{color:#555}.search-section .search-form{position:absolute;left:50%;top:138px;bottom:-40px;transform:translateX(-50%);width:100%;display:flex;justify-content:center}.search-section .input-wrapper{width:60%;position:relative}.search-section .input-wrapper input{width:100%;padding:22px 120px 22px 48px;font-size:16px;border:none;background:#fff;box-shadow:0 8px 22px rgb(0 0 0 / .12);outline:0}.search-section .search-icon{position:absolute;left:15px;top:50%;transform:translateY(80%);opacity:.65}.search-section .search-label{position:absolute;right:20px;top:50%;transform:translateY(90%);font-weight:600;cursor:pointer;color:#333;display:flex;align-items:center}.search-section .search-label::before{content:"";width:2px;height:22px;background:var(--col-dark-pink);margin-right:10px;border-radius:2px}.cat-banner-sec{position:relative;padding:30px 0;margin-bottom:16px}.cat-banner-sec::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#b7b6b6 1px,transparent 1px);background-size:18px 18px;opacity:.35;z-index:-1}.cat-banner-sec .tech-grid{display:flex;justify-content:space-between;align-items:center;gap:40px}.cat-banner-sec .tech-desc,.cat-banner-sec .tech-desc p{margin-top:20px;max-width:650px;color:#333;line-height:1.6;font-size:17px}.cat-banner-sec .title-row{display:flex;align-items:center;gap:16px}.cat-banner-sec .follow-btn{padding:7px 18px;border:1px solid #ddd;border-radius:25px;background:#fff;display:flex;align-items:center;gap:6px;cursor:pointer}.cat-banner-sec .follow-btn span{font-size:18px;font-weight:700}.cat-banner-sec .follow-btn:hover,.cat-banner-sec .follow-btn:hover span{color:var(--col-dark-pink);background:#00000007}.cat-banner-sec .tech-right{position:relative;width:30%}.cat-banner-sec .hero-wrap{position:relative;width:100%;max-width:380px}.cat-banner-sec .hero-item{position:relative;display:flex;width:100%}.cat-banner-sec .hero-inner{position:relative;width:100%;padding-bottom:60%;border-radius:6px;overflow:visible}.cat-banner-sec .hero-inner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:6px;z-index:10;filter:drop-shadow(20px 20px 18px rgb(0 0 0 / .35))}.category-page .main-cat-box{display:flex;gap:40px}.category-page .main-cat-box .card-main-par{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.category-page .cat-card-section .card-wrapper{background:#fff;border-radius:8px;overflow:hidden}.category-page .card-wrapper .card-box{display:flex;gap:12px}.pagination{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}.pag-center{align-items:center;justify-content:center}.page-btn{padding:8px 14px;border-radius:50%;background:#eee;color:#333;text-decoration:none;font-size:14px;transition:0.3s}.page-btn:hover{background:#ccc}.popup{display:none;position:fixed;inset:0;background:rgb(0 0 0 / .7);justify-content:center;align-items:center;z-index:9999;animation:0.3s ease-out fadeIn}.popup .popup-content{background:#fff;padding:0;border-radius:16px;width:90%;max-width:400px;box-shadow:0 10px 30px rgb(0 0 0 / .2);animation:0.3s ease-out slideUp;transform-origin:center;position:relative;overflow:hidden}.popup .popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,var(--col-dark-blue),var(--col-blue));color:#fff}.popup .popup-header h3{margin:0;font-size:20px;font-weight:600;color:#fff}.popup .close-btn-svg{background:0 0;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:transform 0.2s}.popup .close-btn-svg:hover{transform:rotate(90deg)}.popup .close-icon{width:22px;height:22px;fill:#fff}.popup .popup-body{padding:25px}.popup-footer p,.popup-intro{color:#555;font-size:15px;line-height:1.4;margin-bottom:25px;text-align:center}.popup .social-links{display:flex;flex-direction:column;gap:12px;margin-bottom:10px}.popup .social-link{display:flex;align-items:center;justify-content:flex-start;padding:14px 18px;border-radius:10px;text-decoration:none;color:#333;font-weight:500;font-size:16px;transition:0.2s;border:1px solid #e8e8e8;background:#f9f9f9}.popup .social-link:hover{background:#f0f7ff;transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / .08)}.popup .social-icon{width:22px;height:22px;margin-right:15px}.popup .facebook-icon{fill:#1877f2}.popup .instagram-icon{fill:#e4405f}.popup .twitter-icon{fill:#1da1f2}.popup-footer{padding:15px 25px;background:#f8f9fa;border-top:1px solid #eee;text-align:center;color:#666;font-size:13px;line-height:1.4}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.category-page .news-sidebar{width:336px;position:sticky;top:28px;height:fit-content;flex:0 0 30%;padding-left:10px}.category-page .news-sidebar .ads-large{max-width:100%;margin-bottom:10px}.category-page .news-sidebar .ads-large img,.post-body-area .blog-content img{width:100%;height:auto}.category-page .sidebar-section{margin-bottom:40px}.category-page .sidebar-title{font-weight:600;text-transform:uppercase;border-bottom:2px solid #e92e2e;padding-bottom:5px;margin-bottom:15px;display:inline-block}.category-page .sidebar-post{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px;cursor:pointer}.category-page .sidebar-post .detail-card-title,.post-header-sec .post-desc{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.category-page .sidebar-post img{width:86px;height:60px;border-radius:6px;object-fit:cover}.category-page .sidebar-post .detail-card-title{font-size:15px;font-weight:600;color:#1e1e1e;margin:0;-webkit-line-clamp:2;transition:0.4s}.category-page .sidebar-post time{color:#999}.category-page .sidebar-post .author-date{margin-top:6px}.post-header-sec{padding:20px 0 10px}.post-header-sec .post-heading{font-weight:800;margin:20px 0}.post-header-sec .post-desc{font-size:18px;line-height:1.6;margin-bottom:18px;color:#333;-webkit-line-clamp:1}.post-header-sec .post-meta-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #eee}.detail-page .author-date{padding-top:8px}.blog-detail a{color:var(--col-dark-pink);transition:0.3s;cursor:pointer}.blog-detail a:hover{text-decoration:underline}.detail-page .author-date span.author{font-size:15px;font-weight:600;color:var(--col-dark-pink)}.detail-page .author-date .author::after{content:"";position:absolute;right:0;top:60%;transform:translateY(-62%);background-color:#303030}.detail-page .author-date time{font-weight:500;color:#000}.detail-page .post-date{margin-top:6px;font-weight:500;font-size:14px;color:#2a2929}.detail-page .post-date span{padding-left:4px}.post-body-area .post-body-grid{display:grid;grid-template-columns:1fr 350px;gap:40px;padding:10px 0 30px}.post-body-area .featured-image{width:100%;height:auto;border-radius:6px;overflow:hidden;margin-bottom:30px;position:relative}.post-body-area .featured-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s}.post-body-area .image-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000);color:#fff;padding:30px 20px;font-size:15px;font-weight:600;opacity:0;transform:translateY(20px);transition:0.3s}.post-body-area .featured-image:hover .image-caption{opacity:1;transform:translateY(0)}.post-body-area .blog-content{position:relative;display:grid;grid-template-columns:80px 1fr;gap:20px}.post-body-area .blog-content table{width:100%;border-collapse:collapse;margin:30px 0;font-size:16px}.post-body-area .blog-content td,.post-body-area .blog-content th{border:1px solid #ddd;padding:12px 15px;text-align:left}.post-body-area .blog-content th{background:#f2f2f2;color:#000;font-weight:500}.post-body-area .blog-content td{color:#333}.blog-content-text>p:first-of-type,.blog-detail>p:first-of-type{font-size:16px;color:#000;margin-bottom:30px;position:relative;min-height:auto}.blog-content-text>p:first-of-type::first-letter,.blog-detail>p:first-of-type::first-letter{float:left;font-size:64px;line-height:.8;font-weight:700;color:var(--col-dark-pink);margin-right:6px;position:absolute;left:0;top:0;background:linear-gradient(135deg,var(--col-dark-pink) 0,#ff6b6b 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.detail-page .share-section{position:sticky;top:100px;height:fit-content;display:flex;flex-direction:column;align-items:center;gap:15px;padding-top:20px}.detail-page .post-share-row.share-section{position:relative;flex-direction:row;top:0}.detail-page .post-share-row .social-share-container{flex-direction:row;margin-top:0}.detail-page .share-main-icon,.detail-page .social-icon{width:40px;align-items:center;transition:0.4s cubic-bezier(.34,1.56,.64,1);position:relative;display:flex;height:40px;overflow:hidden}.detail-page .share-label{writing-mode:vertical-rl;text-orientation:mixed;color:#64748b;font-size:.85rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;position:relative}.detail-page .share-label::after{content:"";position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);width:1px;height:40px;background:linear-gradient(to bottom,#64748b,transparent)}.detail-page .share-main-icon{border-radius:50%;background:linear-gradient(135deg,var(--col-dark-pink) 0,#8b5cf6 100%);justify-content:center;border:none;box-shadow:0 6px 20px rgb(230 57 70 / .3);cursor:pointer;z-index:10}.detail-page .share-main-icon::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgb(255 255 255 / .3) 100%);border-radius:50%;opacity:0;transition:opacity 0.3s}.detail-page .share-main-icon svg{width:20px;height:20px;stroke:#fff;stroke-width:2;position:relative;z-index:2;transition:transform 0.4s}.detail-page .share-main-icon:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 12px 30px rgb(139 92 246 / .4)}.detail-page .share-main-icon:hover svg{transform:scale(1.2)}.detail-page .social-share-container{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:10px}.detail-page .social-icon{border-radius:50%;justify-content:center;background:#fff;box-shadow:0 4px 12px rgb(0 0 0 / .08);text-decoration:none}.detail-page .social-icon::before{content:"";position:absolute;inset:0;background:currentColor;opacity:0;transition:opacity 0.3s}.detail-page .social-icon svg{width:20px;height:20px;fill:#64748b;transition:0.3s;position:relative;z-index:2}.detail-page .social-icon.twitter{color:#1da1f2;border-color:#e2e8f0}.detail-page .social-icon.facebook{color:#1877f2;border-color:#e2e8f0}.detail-page .social-icon.copied svg{fill:#e4405f;border-color:#e2e8f0}.detail-page .social-icon.linkedin{color:#0a66c2;border-color:#e2e8f0}.detail-page .social-icon.whatsapp{color:#25d366;border-color:#e2e8f0}.detail-page .social-icon.pinterest{color:#bd081c;border-color:#e2e8f0}.detail-page .social-icon:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 8px 25px rgb(0 0 0 / .15)}.detail-page .social-icon:hover::before{opacity:.1}.detail-page .social-icon:hover svg{fill:currentColor;transform:scale(1.2)}.detail-page .social-label{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);font-size:.7rem;color:#64748b;opacity:0;transition:opacity 0.3s;white-space:nowrap;font-weight:500}.blog-content-text{padding-right:20px}.blog-detail p{font-size:1.05rem;color:#35404e;margin-bottom:14px;line-height:1.6}.blog-detail h1,.blog-detail h2,.blog-detail h3,.blog-detail h4,.blog-detail h5,.blog-detail h6{color:#1e293b;margin:40px 0 20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.blog-detail h3,.blog-detail h4,.blog-detail h5,.blog-detail h6{color:#334155;margin:30px 0 15px}blockquote{background:linear-gradient(135deg,#f8fafc 0,#f1f5f9 100%);padding:30px 40px;border-radius:0 12px 12px 0;position:relative}blockquote::before{content:'"';position:absolute;top:10px;left:20px;font-size:4rem;color:var(--col-dark-pink);opacity:.2;font-weight:700}blockquote p{font-size:18px;font-style:italic;color:#334155;margin-bottom:10px;line-height:1.7;font-weight:700;padding-left:16px}blockquote div{text-align:right;color:#64748b;font-weight:600;font-size:1rem;margin-top:10px}.blog-detail ol,.blog-detail ul{margin:25px 0;padding-left:30px;list-style-type:none}.blog-detail ul li{list-style:none;margin-bottom:12px;padding-left:30px;position:relative;color:#000}.blog-detail ul li::before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;background:var(--col-dark-pink);border-radius:50%}.blog-detail ol li{margin-bottom:12px;color:#475569;counter-increment:list-counter;position:relative;padding-left:36px}.blog-detail ol li::before{content:counter(list-counter) ".";position:absolute;left:5px;color:var(--col-dark-pink);font-weight:600}.error-section{padding:60px 0}.error-section .error-page{width:100%;margin:0 auto;text-align:center;animation:1s ease-in-out fadeIn}.error-section .error-illustration img{width:330px;height:auto;margin-bottom:6px;animation:3s ease-in-out infinite float}.error-section .error-page h1{font-size:42px;font-weight:700;margin-bottom:15px;color:#222}.error-section .error-page p{font-size:16px;color:#6c6c6c;margin-bottom:30px;line-height:1.6}.error-section .error-search form{display:flex;align-items:center;gap:12px;width:100%;max-width:520px;margin:0 auto 22px;background:#f8f8f8;padding:14px 18px;border-radius:10px;border:1px solid #eee}.error-section .search-icon svg{width:22px;height:22px}.error-section .error-search input{flex:1;border:none;background:0 0;font-size:15px;outline:0}.error-section .search-text{font-size:14px;font-weight:600;color:#333;padding-left:12px;border-left:2px solid var(--col-dark-pink);cursor:pointer;transition:0.3s;background:0 0}.error-section .search-text:hover{color:#c60000}.error-section .return-home{display:inline-block;background:#f2f2f2;padding:12px 32px;border-radius:10px;text-decoration:none;font-size:15px;color:#333;font-weight:600;transition:0.3s}@keyframes fadeIn{to{transform:translateY(0);opacity:1}0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}from{opacity:0}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.banner-umrah-sec{padding:24px 0 10px;background:var(--bg-white);border-radius:24px;overflow:hidden;display:flex;flex-wrap:wrap;min-height:600px;animation:1s ease-out fadeIn}.banner-umrah-sec .content-section{flex:1;width:50%;display:flex;flex-direction:column;position:relative;z-index:2}.banner-umrah-sec .welcome-row{display:flex;align-items:center;gap:15px;margin:18px 0;animation:0.8s ease-out slideInLeft}.banner-umrah-sec .mosque-svg{width:40px;height:40px;animation:3s ease-in-out infinite gentleFloat}.banner-umrah-sec .welcome-text{font-size:13px;padding-top:8px;color:#444;font-weight:600;letter-spacing:3px;text-transform:uppercase}.banner-umrah-sec .ban-title-main h1{color:var(--col-dark-blue);font-size:46px;font-weight:800;padding:2px 0 18px;position:relative;margin-bottom:23px;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 2px 4px rgb(0 0 0 / .05)}.banner-umrah-sec .ban-title-main h1::before{content:"";position:absolute;left:18%;transform:translateX(-50%);bottom:0;width:220px;height:5px;background:linear-gradient(90deg,transparent 0,var(--col-dark-pink) 30%,var(--col-blue) 70%,transparent 100%);border-radius:5px;box-shadow:0 2px 10px rgb(255 24 78 / .2)}.banner-umrah-sec .ban-title-main p{font-size:1.1rem;line-height:1.7;color:#444;margin-bottom:40px;animation:1s ease-out 0.4s backwards slideInLeft}.banner-umrah-sec .services-container{display:flex;gap:22px}.banner-umrah-sec .service-item{background:rgb(255 255 255 / .09);backdrop-filter:blur(12px);border-radius:18px;padding:28px 32px;min-width:170px;text-align:center;transition:0.45s;border:1px solid #f5e27e70;box-shadow:0 12px 35px rgb(1 39 97 / .25);position:relative;overflow:hidden}.banner-umrah-sec .service-item>*{position:relative;z-index:2}.banner-umrah-sec .service-count{font-size:2.8rem;font-weight:900;margin-bottom:8px;letter-spacing:-1px;color:var(--col-dark-blue);background:linear-gradient(135deg,var(--col-dark-pink),var(--col-dark-blue),var(--col-blue));-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.banner-umrah-sec .service-label{font-size:14px;font-weight:700;color:#625e5e;letter-spacing:1px;text-transform:uppercase}.banner-umrah-sec .service-item:hover{transform:translateY(-10px) scale(1.03)}.banner-umrah-sec .visual-section{min-width:300px;background:var(--bg-white);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:50%;max-height:532px}.banner-umrah-sec .image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.banner-umrah-sec .main-image{overflow:hidden;position:relative;z-index:2;animation:6s ease-in-out infinite floatImage}.banner-umrah-sec .main-image img{width:100%;height:523px;object-fit:cover}.banner-umrah-sec .circle-bg-effect{position:relative;display:flex;align-items:center;justify-content:center}.banner-umrah-sec .circle-bg-effect::before{content:"";position:absolute;width:75%;height:75%;top:39%;left:46%;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 20%,rgb(255 24 78 / .08) 0,rgb(1 48 121 / .08) 30%,transparent 70%);border-radius:50%;border:2px solid rgb(1 48 121 / .1);z-index:1;animation:8s ease-in-out infinite circleFloat;pointer-events:none}@keyframes circleFloat{0%,100%{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}@keyframes circleRotate{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes floatImage{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}}@keyframes floatFeature{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.banner-umrah-sec .feature-box{position:absolute;background:#fff;border-radius:31px;padding:12px 20px;display:flex;flex-direction:row;align-items:center;gap:8px;z-index:10;box-shadow:0 8px 25px rgb(0 0 0 / .15);border:1px solid #f5e27e8c;animation:4s ease-in-out infinite floatFeature;min-width:110px}.banner-umrah-sec .feature-icon{width:26px;height:26px}.banner-umrah-sec .feature-text{font-size:15px;color:#222;font-weight:600;text-align:left;line-height:1.2}.banner-umrah-sec .feature-1{top:15%;left:10%;animation-delay:0s}.banner-umrah-sec .feature-2{top:41%;right:5%;transform:translateY(-50%);animation-delay:1s}.banner-umrah-sec .feature-3{bottom:18%;left:13%;animation-delay:2s}.animate-section,.card-about-sec .service-card{animation:0.8s forwards fadeUp}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes gentleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes floatImage{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(1deg)}}@keyframes floatFeature{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.card-about-sec{background-color:#f2f2f2;color:#f0f0f0;padding:30px 20px;display:flex;justify-content:center;align-items:center}.home-sec .umrah-header-section{text-align:center;margin-bottom:50px;position:relative}.home-sec .umrah-small-heading{display:flex;align-items:center;justify-content:center;gap:10px;color:#e91e63;font-size:18px;font-weight:600;letter-spacing:1px;margin:10px 0}.home-sec .umrah-small-heading svg{width:24px;height:24px}.home-sec .umrah-main-heading h2{font-size:42px;font-weight:700;line-height:1.2;margin-bottom:25px;color:#000}.home-sec .umrah-main-heading span,.home-sec .umrah-main-heading strong{color:#e91e63}.home-sec .umrah-main-heading p{max-width:700px;margin:0 auto;font-size:18px;line-height:1.6;color:#444}.card-about-sec .services-grid{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;gap:20px;align-items:center;margin-top:40px}.card-about-sec .service-card{background-color:#fff;border-radius:16px;padding:50px 30px;transition:0.4s;border:1px solid #f0f0f0;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;box-shadow:0 8px 30px rgb(0 0 0 / .08);transform:translateY(20px)}.card-about-sec .card-2{animation-delay:0.2s}.card-about-sec .card-4{animation-delay:0.4s}.card-about-sec .service-card:hover{transform:translateY(-8px);border-color:#e91e63}.card-about-sec .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2px}.card-about-sec .service-card h3{font-size:22px;font-weight:700;color:#000;margin-bottom:8px}.card-about-sec .card-count{position:absolute;top:12px;right:20px;width:48px;height:48px;background-color:#01276121;border-radius:50px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:var(--col-dark-blue)}.card-about-sec .service-card p{color:#646363;line-height:1.6;font-size:16px;margin-top:8px}.card-about-sec .center-image{grid-column:2;grid-row:1 / span 2;display:flex;justify-content:center;align-items:center}.card-about-sec .image-container{position:relative;width:450px;height:620px;overflow:hidden;display:flex;justify-content:center;align-items:center}.card-about-sec .main-image{width:90%;height:90%;object-fit:cover;border-radius:50%;border:8px solid #e91e63}.card-about-sec .image-decoration{position:absolute;width:120%;height:120%;background:radial-gradient(circle,rgb(233 30 99 / .1) 0,transparent 70%);border-radius:50%;z-index:-1}.card-about-sec .floating-element{position:absolute;background-color:#e91e63;border-radius:50%;opacity:.7}.card-about-sec .element-1{width:40px;height:40px;top:20px;left:20px;animation:6s ease-in-out infinite float}.card-about-sec .element-2{width:25px;height:25px;bottom:40px;right:30px;animation:5s ease-in-out 1s infinite float}.card-about-sec .element-3{width:15px;height:15px;top:60px;right:40px;animation:4s ease-in-out 2s infinite float}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}.card-about-sec .card-1{grid-column:1;grid-row:1}.card-about-sec .card-2{grid-column:1;grid-row:2}.card-about-sec .card-3{grid-column:3;grid-row:1}.card-about-sec .card-4{grid-column:3;grid-row:2}.card-about-sec .center-image{grid-column:2;grid-row:1 / span 2;position:relative;display:flex;justify-content:center;align-items:stretch;z-index:3}.card-about-sec .image-stack{position:relative;width:400px;height:100%;display:flex;justify-content:center;align-items:center;aspect-ratio:3/4}.card-about-sec .img-base,.card-about-sec .img-mask{position:absolute;inset:0;height:100%;object-fit:cover}.card-about-sec .img-base{width:100%;z-index:1;border-radius:30px}.card-about-sec .img-mask{width:100%;z-index:3}.faq-image::after,.faq-image::before{content:"";z-index:-1;position:absolute}@keyframes fadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.faq-section{padding:46px 20px 68px;background:#fff}.faq-main-grid{margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;height:600px}.faq-image{position:relative;display:inline-block;--col-da-pink:#ff6b9d}.faq-image::before{width:468px;height:542px;border-radius:56px;left:-55px;top:63px;background:linear-gradient(135deg,var(--col-dark-pink),var(--col-dark-blue),var(--col-blue));padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;box-shadow:0 0 0 10px rgb(255 107 157 / .1),0 0 0 20px rgb(255 107 157 / .05)}.faq-image::after{width:553px;height:585px;border-radius:54px;background-image:linear-gradient(to right,var(--col-da-pink) 1px,transparent 1px),linear-gradient(to bottom,var(--col-da-pink) 1px,transparent 1px);background-size:40px 40px;background-position:-20px -20px;left:-25px;top:-35px;opacity:.4}.faq-image img{width:100%;max-height:592px;object-fit:cover;border-radius:20px;transition:transform 0.5s cubic-bezier(.34,1.56,.64,1);display:block;border:2px solid #fff}.faq-image:hover::before{animation:2s ease-in-out infinite alternate glow}@keyframes glow{from{box-shadow:0 0 10px rgb(255 107 157 / .5),inset 0 0 20px rgb(255 107 157 / .1)}to{box-shadow:0 0 30px rgb(255 107 157 / .8),inset 0 0 30px rgb(255 107 157 / .2)}}.faq-content{height:100%;display:flex;flex-direction:column}.faq-label{display:flex;align-items:center;gap:8px;margin-bottom:10px}.faq-label small{color:#444;font-weight:600;font-size:16px}.faq-content .faq-heading h2{font-size:42px;font-weight:700;line-height:1.2;margin-bottom:18px;color:#000}.faq-heading p{max-width:700px;margin:4px 0 30px;font-size:18px;line-height:1.6;color:#444}.faq-list{height:390px;overflow-y:scroll;overflow-x:hidden;padding-right:22px;scrollbar-gutter:stable}.scrollbar-thumb{background:var(--col-dark-pink)!important}.faq-list::-webkit-scrollbar{width:8px}.faq-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.faq-list::-webkit-scrollbar-thumb{background:var(--col-dark-pink);border-radius:10px}.faq-list::-webkit-scrollbar-thumb:hover{background:#b29b65}.faq-item{margin-bottom:12px;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #e4e4e4;transition:0.3s}.faq-question{background:#f4ead7;padding:17px 48px 17px 20px;font-weight:500;color:#3f3f3f;cursor:pointer;position:relative;transition:0.3s;font-size:16px;line-height:1.4;border:10px}.faq-answer>div,.review-text{line-height:1.6;font-size:16px}.faq-question::after,.faq-question::before{content:"";position:absolute;right:25px;top:50%;width:15px;height:2px;background:currentColor;transition:0.3s;transform-origin:center}.faq-question::before{transform:translateY(-50%)}.faq-question::after{transform:translateY(-50%) rotate(90deg)}.faq-answer{height:0;overflow:hidden;transition:height 0.4s}.faq-answer>div{padding:20px;color:#333}.faq-item.active .faq-question,.faq-item:hover .faq-question{background:var(--col-dark-blue);color:#fff}.faq-item.active .faq-question::after{opacity:0;transform:translateY(-50%) rotate(0)}.review-sec{padding:50px 20px;background:#f2f2f2}.review-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.review-card{background:#fff;padding:21px 20px 25px;border-radius:15px;box-shadow:0 4px 20px rgb(0 0 0 / .1);display:flex;flex-direction:column;gap:12px;border:1px solid #fff0;transition:0.3s}.person-icon,.star ul.rating{flex-shrink:0}.review-card:hover{border:1px solid var(--col-dark-pink)}.stars ul.rating{display:flex;gap:5px}.review-text{color:#000;flex-grow:1}.reviewer{display:flex;align-items:center;gap:12px;margin-top:10px}.person-icon{border-radius:50%;background:#f4ead7;padding:6px}.content-sec,.content-sec .wide-card{border-radius:12px;position:relative;overflow:hidden}.review-person strong{font-weight:700;font-size:16px;color:var(--col-dark-blue)}.review-person small{color:#666;font-size:14px;letter-spacing:1px;display:block;margin-top:6px;font-style:italic}.review-sec .quote-icon{flex-shrink:0;margin-left:auto}.content-sec{background-color:#fff;padding:44px 0;box-shadow:0 10px 30px rgb(0 0 0 / .05)}.content-sec .cards-container{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:26px;position:relative;z-index:1;padding:0 20px}.content-sec .wide-card{flex:1;min-width:250px;padding:20px;transition:transform 0.3s;display:flex;flex-direction:column;justify-content:center}.content-sec .wide-card:hover{transform:translateY(-5px)}.content-sec .card-1{background:linear-gradient(135deg,#ffebee 0,#ffcdd2 100%);border-left:4px solid #ff184e}.content-sec .card-2{background:linear-gradient(135deg,#e3f2fd 0,#bbdefb 100%);border-left:4px solid #0d8abc}.content-sec .card-3{background:linear-gradient(135deg,#fff3e0 0,#ffe0b2 100%);border-left:4px solid #f7b733}.content-sec .card-4{background:linear-gradient(135deg,#f3e5f5 0,#e1bee7 100%);border-left:4px solid #9c27b0}.content-sec .card-svg-container{position:absolute;right:5px;top:5px;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:.5}.content-sec .card-1 .card-svg-container{background-color:rgb(255 24 78 / .1)}.content-sec .card-2 .card-svg-container{background-color:rgb(13 138 188 / .1)}.content-sec .card-3 .card-svg-container{background-color:rgb(247 183 51 / .1)}.content-sec .card-4 .card-svg-container{background-color:rgb(156 39 176 / .1)}.content-sec .card-svg-container svg{width:25px;height:25px}.content-sec .wide-card h3{color:#0a2e5c;margin-bottom:10px;z-index:1;position:relative}.content-sec .wide-card p{color:#555;font-size:.95rem;line-height:1.5;z-index:1;position:relative}.content-sec .content-container{position:relative;z-index:1}.content-sec .content-wrapper{background:#f9f9f9;border-radius:12px;padding:30px;border:1px solid #eee;position:relative;overflow:hidden}.content-sec .blog-content-text{height:500px;position:relative;}.content-sec .blog-content.expanded::after{opacity:0}.simplebar-scrollbar::before{background:var(--col-dark-blue);border-radius:10px}.content-sec .blog-content.expanded{max-height:750px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--col-dark-blue) #eee}.content-sec .blog-content.expanded::-webkit-scrollbar{width:8px}.content-sec .blog-content.expanded::-webkit-scrollbar-track{background:#eee;border-radius:10px}.content-sec .blog-content.expanded::-webkit-scrollbar-thumb{background:var(--col-dark-blue);border-radius:10px}.content-sec .blog-content.expanded::-webkit-scrollbar-thumb:hover{background:#999}.blog-content-text{transition:transform 0.5s,opacity 0.4s}.content-sec .blog-content-text{line-height:1.8;color:#444}.content-sec .blog-content-text h1,.content-sec .blog-content-text h2,.content-sec .blog-content-text h3,.content-sec .blog-content-text h4,.content-sec .blog-content-text h5,.content-sec .blog-content-text h6{color:#0a2e5c;margin:10px 0 20px;position:relative;padding-left:40px}.content-sec .blog-content-text h1::before,.content-sec .blog-content-text h2::before,.content-sec .blog-content-text h3::before,.content-sec .blog-content-text h4::before,.content-sec .blog-content-text h5::before,.content-sec .blog-content-text h6::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-60%);width:26px;height:26px;border-radius:50%;background-color:var(--col-dark-blue)},.content-sec .blog-content-text h1::before,.content-sec .blog-content-text h2::before,.content-sec .blog-content-text h3::before,.content-sec .blog-content-text h4::before,.content-sec .blog-content-text h5::before,.content-sec .blog-content-text h6::before{background-color:var(--col-dark-blue)}.content-sec .blog-content-text h1::after,.content-sec .blog-content-text h2::after,.content-sec .blog-content-text h3::after,.content-sec .blog-content-text h4::after,.content-sec .blog-content-text h5::after,.content-sec .blog-content-text h6::after{content:"";position:absolute;left:9px;top:50%;transform:translateY(-70%) rotate(45deg);width:5px;height:11px;border-right:3px solid;border-bottom:3px solid;border-radius:2px;color:#fff},.content-sec .blog-content-text h1::after,.content-sec .blog-content-text h2::after,.content-sec .blog-content-text h3::after,.content-sec .blog-content-text h4::after,.content-sec .blog-content-text h5::after,.content-sec .blog-content-text h6::after{border-color:#fff}.content-sec .quote-author{color:#888;font-size:.95rem;font-weight:600;text-align:right}.content-sec .read-more-container{text-align:center;margin-top:30px;position:relative;z-index:2}.content-sec .read-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#0a2e5c,#1a4a8a);color:#fff;border:none;padding:14px 35px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:0.3s;box-shadow:0 5px 20px rgb(10 46 92 / .2);position:relative;overflow:hidden}.content-sec .read-more-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent);transition:left 0.7s}.content-sec .read-more-btn:hover{background:linear-gradient(135deg,#ff184e,#ff5e8a);transform:translateY(-3px);box-shadow:0 8px 25px rgb(255 24 78 / .3)}.content-sec .read-more-btn.expanded svg{transform:rotate(180deg)}.content-sec .read-more-btn svg{transition:transform 0.4s}@media (min-width:576px){.container{max-width:622px;width:100%;margin:0 auto;padding:0 15px}}@media (min-width:768px){.container{max-width:972px;width:100%;margin:0 auto;padding:0 15px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:972px;width:100%;margin:0 auto;padding:0 15px}}@media (min-width:1200px){.container{max-width:1162px;width:100%;margin:0 auto;padding:0 15px}}@media (min-width:1400px){.container{max-width:1340px;width:100%;margin:0 auto;padding:0 15px}}@media (max-width:1300px){.banner-umrah-sec .ban-title-main h1{font-size:34px}.banner-umrah-sec .services-container{display:flex;gap:16px}.banner-umrah-sec .service-item{padding:20px 18px;min-width:168px}.banner-umrah-sec .service-count{font-size:38px}.banner-umrah-sec{width:100%;padding:42px 60px 30px}}@media (min-width:933px) and (max-width:1196px){.banner-umrah-sec .image-container{align-items:none;justify-content:center}.banner-umrah-sec .main-image img{height:462px}.banner-umrah-sec .visual-section{max-height:480px}.banner-umrah-sec .ban-title-main h1::before{left:28%}.banner-umrah-sec .ban-title-main h1,.banner-umrah-sec .service-count,.faq-content .faq-heading h2{font-size:28px}.banner-umrah-sec{padding:26px 0 28px}.banner-umrah-sec .services-container{display:flex;gap:12px;flex-wrap:wrap}.banner-umrah-sec .service-item{min-width:196px}.banner-umrah-sec .ban-title-main p{font-size:17px}.banner-umrah-sec .content-section{padding-right:12px}.banner-umrah-sec .feature-3{bottom:31%;left:1%}.banner-umrah-sec .feature-1{top:9%;left:8%}.banner-umrah-sec .feature-2{right:0}.faq-image::after{width:384px;left:14;top:-24px}.faq-image::before{width:414px;height:554px;left:-24px;top:43px}.faq-heading p{font-size:16px}.faq-main-grid{gap:30px;height:auto}.card-about-sec .service-card{padding:35px 22px}.card-about-sec .image-stack{width:341px}}@media (min-width:932px) and (max-width:960px){.banner-umrah-sec{padding:26px 18px 28px}}@media (max-width:1176px){.cat-card-section .card-main-par,.footer-row{grid-template-columns:repeat(3,1fr)}.footer-row{gap:40px}}@media (max-width:932px){.faq-section{padding:10px 18px 30px;background:#fff}.breadcrumb-section .bread-svg,.breadcrumb-section .breadcrumb-right,.cat-page .breadcrumb-left,.faq-image::after,.faq-image::before,.site-header .icon-btn,.site-header .main-menu,.site-header .top-row-wrapper{display:none}.review-sec{padding:30px 20px;margin-bottom:0}.faq-main-grid{grid-template-columns:1fr;height:auto}.banner-cards-sec .item1,.banner-cards-sec .item2,.banner-cards-sec .item3,.faq-image,.faq-image img,.most-read-sec .small-img,.news-layout-sec .big-card .card-img,.news-layout-sec .card-img{height:auto}.faq-content .faq-heading h2{font-size:34px}.card-about-sec .services-grid{display:grid;grid-template-areas:"card1 card2" "image  image" "card3 card4";grid-template-columns:1fr 1fr;gap:20px}.card-about-sec .card-1,.most-read-sec .card1{grid-area:card1}.card-about-sec .card-2,.most-read-sec .card2{grid-area:card2}.card-about-sec .card-3,.most-read-sec .card3{grid-area:card3}.card-about-sec .card-4{grid-area:card4}.card-about-sec .center-image{grid-area:image;justify-self:center;width:100%;display:flex;justify-content:center}.card-about-sec .image-stack{position:relative;width:100%;display:block}.card-about-sec .image-stack img{width:100%;height:auto;object-fit:cover;border-radius:30px;display:block;aspect-ratio:3/4}.site-header .is-sticky .nav-row{padding:4px 12px}.cat-page .bread-svg,.cat-page .breadcrumb-right,.detail-page .bread-svg,.site-header #menu-btn,.site-header .small-logo{display:block}.site-header .small-logo img{max-height:44px;width:auto}.banner-cards-sec .grid-parent{grid-template-areas:"item1 item1" "item2 item3";grid-template-columns:1fr 1fr;grid-template-rows:auto auto;height:auto}.cat-card-section .card-main-par,.footer-row{grid-template-columns:repeat(2,1fr)}.banner-cards-sec .card-wrapper{aspect-ratio:16/9;height:auto}.banner-cards-sec .card-box img.bg-image{width:100%;height:100%;object-fit:cover}.detail-page .breadcrumb-left,.detail-page .breadcrumb-right{display:flex}.banner-under-sec .card-parent{flex-wrap:wrap;flex-direction:column}.banner-under-sec .card-wrapper{flex:1 1 calc(50% - 20px)}.most-read-sec .main-grid{grid-template-areas:"card1 card1" "card2 card3";grid-template-columns:1fr 1fr;grid-template-rows:auto auto;height:auto}.most-read-sec .small-title{margin-top:10px}.content-sec .cards-container,.most-read-sec .flex-row{flex-direction:column}.news-layout-sec .news-grid{display:grid;grid-template-areas:"item1 item2" "item3 item3" "item4 item5";grid-template-columns:1fr 1fr;grid-gap:12px}.cat-blog-section .blog-grid{display:grid;grid-template-columns:1fr;gap:15px}.footer-row{gap:40px;padding-bottom:20px}.category-page .main-cat-box{flex-direction:column;gap:30px}.category-page .news-sidebar{width:100%;padding:0 25%}.cat-banner-sec .tech-grid{flex-direction:column;align-items:flex-start;gap:30px}.cat-banner-sec .tech-left{width:100%}.cat-banner-sec .tech-right{width:100%;display:flex;justify-content:flex-start}.cat-banner-sec .hero-wrap{width:100%;max-width:350px}.post-body-area .post-body-grid{grid-template-columns:1fr;gap:40px}.post-header-sec{padding:10px 0}.post-body-area .blog-detail{padding:0}.blog-content-text>p:first-of-type{margin-bottom:10px}.banner-umrah-sec .ban-title-main h1{font-size:42px}.banner-umrah-sec .welcome-row{margin-top:0}.banner-umrah-sec .ban-title-main p{font-size:18px}.banner-umrah-sec .services-container{flex-direction:row;gap:15px;justify-content:space-between}.banner-umrah-sec .service-item{flex:1}.banner-umrah-sec{width:100%;padding:36px 33px 10px;flex-direction:column;min-height:auto;gap:20px}.banner-umrah-sec .visual-section{max-height:none;min-height:auto}.banner-umrah-sec .image-container,.banner-umrah-sec .main-image{width:100%;height:auto}.banner-umrah-sec .main-image img{width:100%;height:636px;max-height:none;object-fit:contain}.banner-umrah-sec .feature-box{padding:12px 24px;min-width:80px}.banner-umrah-sec .feature-2{right:10%}.banner-umrah-sec .feature-3{bottom:15%;left:15%}.banner-umrah-sec .feature-1{top:10%;left:16%}.banner-umrah-sec .content-section,.banner-umrah-sec .visual-section{width:100%;padding:0}.banner-umrah-sec .services-container{gap:20px;justify-content:center}.banner-umrah-sec .main-image{width:100%;height:650px;animation:none}.content-sec .wide-card{min-width:100%}.content-sec .content-wrapper{padding:12px 26px}}@media (max-width:991px){h1{font-size:28px}h2{font-size:26px}}@media (max-width:767px){.faq-main-grid{gap:24px;height:auto}.home-sec .umrah-small-heading{gap:2px}.content-sec .blog-content{max-height:270px}.review-sec{padding:30px 20px 26px;margin-bottom:0}.content-sec .content-wrapper{padding:25px}.review-cards{grid-template-columns:1fr}.review-card{padding:20px 15px 25px}.faq-section{padding:10px 20px 40px}.faq-container{gap:40px}.banner-umrah-sec .ban-title-main h1,.faq-content .faq-heading h2{font-size:28px}.faq-question{padding:18px 50px 18px 15px;font-size:16px}.faq-answer>div{padding:15px}.card-about-sec .services-grid{display:grid;grid-template-areas:"card1" "card2" "image" "card3" "card4";grid-template-columns:1fr;gap:20px}.card-about-sec .card-1,.most-read-sec .card1{grid-area:card1}.card-about-sec .card-2,.most-read-sec .card2{grid-area:card2}.card-about-sec .center-image{grid-area:image;justify-self:center;width:100%;display:flex;justify-content:center}.card-about-sec .card-3,.most-read-sec .card3{grid-area:card3}.card-about-sec .card-4{grid-area:card4}.home-sec .umrah-main-heading h2{font-size:24px;margin-bottom:16px}.home-sec .umrah-main-heading p{font-size:16px}.card-about-sec{padding:20px 0}.banner-umrah-sec .ban-title-main p,.post-header-sec .post-desc{font-size:16px;margin-bottom:18px}.banner-umrah-sec .service-item{padding:16px 12px;min-width:0}.banner-umrah-sec .service-count{font-size:31px}.banner-umrah-sec .service-label{font-size:12px}.banner-umrah-sec{gap:8px}.most-read-sec .big-card{height:auto;aspect-ratio:16/9;overflow:hidden}.most-read-sec .big-card-img{width:100%;height:100%;object-fit:cover}.most-read-sec .flex-row{display:flex;gap:4px;margin-top:16px}.most-read-sec .flex-card{padding:10px;gap:15px}.badge{font-size:10px;padding:6px 20px}.banner-under-sec .card-wrapper{flex:1;padding:8px 16px}.banner-under-sec{padding:0 0 10px}.cat-blog-section,.cat-card-section{padding:10px 0}.heading-sec .load-more-btn{padding:10px 26px;font-size:13px}.heading-sec{margin-bottom:32px}.cat-card-section .card-main-par{gap:6px}.news-layout-sec{padding:6px 0 10px}.news-layout-sec .card-content{padding:6px 5px}main.main-part{padding:78px 0 20px}h1{font-size:26px}h2{font-size:24px}.news-layout-sec .big-title,h3{font-size:22px}h4{font-size:21px}h5{font-size:20px}h6{font-size:18px}.banner-cards-sec p,.detail-page .share-label,.detail-page .social-label,.news-layout-sec .news-card .badge,.site-header .main-menu,.site-header .top-row-wrapper{display:none}.site-header .small-logo{display:block}.site-header .left-controls{display:flex;align-items:center;gap:10px}.banner-cards-sec .grid-parent{grid-template-areas:"item1" "item2" "item3";grid-template-columns:1fr;grid-template-rows:repeat(3,auto)}.banner-cards-sec .category-badge{font-size:10px;padding:6px 24px}.banner-cards-sec .card-box::before{background:linear-gradient(to top,rgb(0 0 0 / .82) 30%,rgb(0 0 0 / .1) 70%)}.banner-cards-sec .main-card{padding:10px 20px 0}.banner-cards-sec .first-cat-badge{top:54px}.banner-under-sec .card-wrapper{flex:1 1 100%}.banner-under-sec .card-box{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;gap:15px}.banner-under-sec .card-right{width:100%;height:190px}.banner-under-sec .card-left{width:100%}.most-read-sec .main-grid{grid-template-areas:"card1" "card2" "card3";grid-template-columns:1fr;grid-template-rows:repeat(3,auto)}.most-read-sec .small-card{flex-direction:column}.most-read-sec .flex-title{-webkit-line-clamp:unset;-webkit-box-orient:unset;display:block;overflow:visible;text-overflow:unset;white-space:normal}.most-read-sec .big-card::after,.most-read-sec .flex-card::after,.most-read-sec .small-card::after{bottom:41px}.news-layout-sec .news-grid{display:grid;grid-template-areas:"item1" "item2" "item3" "item4" "item5";grid-template-columns:1fr;grid-gap:10px}.footer{padding:32px 0 0;margin-top:12px}.cat-blog-section .load-more-btn{margin:18px auto 0}main{padding:10px 0 12px}.cat-banner-sec{margin-bottom:10px}.popup .popup-body{padding:10px 16px}.news-layout-sec .title{font-size:16px;font-weight:600}.news-layout-sec .news-card{display:flex;align-items:center;gap:18px;justify-content:space-between;flex-direction:row-reverse}.news-layout-sec .news-card .img-wrap img{width:150px;height:auto;border-radius:8px}.detail-data.author-date svg{width:50px;height:50px}.detail-data.author-date{margin-bottom:8px}.post-header-sec .post-meta-row{padding-bottom:2px}.post-body-area .post-body-grid{padding:10px 0 1px;gap:18px}.pagination{margin-top:10px}.cat-blog-section .blog-card{flex-direction:column;align-items:start}.cat-blog-section .card-img-wrap{width:100%;min-width:100%}.category-badge-wrap{left:-10px}.footer-about{width:318px;max-width:320px}.footer-bottom{flex-direction:column;text-align:center;gap:20px}.footer-right .footer-links ul{flex-direction:column;gap:15px}.footer-links{flex-wrap:wrap;justify-content:center}.footer-about::first-letter{initial-letter:1.5}.footer-menu ul li a::after{margin-left:6px;padding:3px 10px;font-size:.65rem}.search-section{padding:40px 0 98px}.search-section .search-form{top:96px}.search-section .input-wrapper input{padding:16px 120px 16px 48px}.search-section .search-icon,.search-section .search-label{transform:translateY(43%)}.search-section .input-wrapper{width:80%}.search-section .search-main h1{padding-top:0}.category-page .news-sidebar{padding:0 15%}.category-page .main-cat-box .card-main-par{display:grid;grid-template-columns:1fr;gap:14px}.post-body-area .blog-content{grid-template-columns:1fr;gap:30px}.detail-page .share-section{position:fixed;top:auto;bottom:0;left:50%;transform:translateX(-50%);flex-direction:row;justify-content:center;align-items:center;padding:10px 24px;border-bottom:1px solid #e2e8f0;background:#c8c8cb;z-index:100;border-radius:37px;gap:10px}.detail-page .post-share-row.share-section{position:relative;flex-direction:row;top:0;left:98px;background:0 0;padding:12px 0;border-bottom:none;border-radius:0}.detail-page .social-share-container{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:0}.blog-content-text>p:first-of-type,.blog-detail>p:first-of-type{padding-left:0;min-height:auto}.blog-content-text>p:first-of-type::first-letter,.blog-detail>p:first-of-type::first-letter{position:relative;float:left;margin-top:5px;font-size:50px;margin-right:4px}.post-header-sec .post-meta-row{flex-direction:column;align-items:flex-start}.blog-detail p{font-size:16px;margin-bottom:14px;line-height:1.4}.blog-detail h1,.blog-detail h2{margin:20px 0}.blog-content-text{padding-right:0}.error-section .error-page h1{font-size:36px}.error-section{padding:50px 0}.banner-umrah-sec .feature-2{right:0}.banner-umrah-sec .main-image,.banner-umrah-sec .main-image img{height:auto}.faq-desc{font-size:16px;margin:4px 0 22px}.banner-umrah-sec .feature-3{left:1%}.banner-umrah-sec .feature-1{left:8%}}@media (max-width:575px){.cat-card-section .card-main-par,.footer-row{grid-template-columns:1fr}.container{margin:0 26px}.content-sec{padding:30px 0 0}.faq-section{padding:26px 20px}.banner-umrah-sec .ban-title-main h1::before{left:22%;width:214px;height:5px}.content-sec .content-wrapper{padding:20px}.content-sec .read-more-btn{padding:12px 25px;font-size:.95rem}h1{font-size:26px}h2{font-size:23px}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}.blog-content-text>p:first-of-type,.blog-detail>p:first-of-type,.review-text,h6{font-size:15px}.site-header .nav-row{padding:8px 0}.site-header .small-logo img{max-height:40px;width:auto}#side-menu{top:50px;height:calc(100vh - 50px)}.breadcrumb-section{display:none}.cat-page.breadcrumb-section,.detail-page.breadcrumb-section{display:block}.footer-row{gap:40px;padding:0 14px}.footer-logo img{width:140px;height:auto;margin-bottom:16px}.footer-about{width:100%;max-width:100%}.category-page .news-sidebar{padding:0 10%}.detail-page .share-section{left:36%;transform:translateX(-36%)}.detail-page .post-share-row.share-section{left:71px}.footer-about p{width:320px;max-width:420px}.blog-detail ol li,.blog-detail ul li{margin-bottom:3px;padding-left:16px;font-size:15px}.blog-detail ol li::before,.blog-detail ul li::before{left:-6px}.content-sec .quote-author{font-size:12px}}@media (max-width:460px){.banner-umrah-sec .ban-title-main h1,.banner-umrah-sec .service-count,h1{font-size:24px}h2{font-size:22px}h3,h4{font-size:17px}.banner-umrah-sec .ban-title-main h1::before{left:25%;width:195px;height:3px}.banner-umrah-sec{padding:25px 20px 18px}.banner-umrah-sec .ban-title-main p{font-size:15px;margin-bottom:16px}.banner-umrah-sec .service-label{font-size:10px}.banner-umrah-sec .feature-text{font-size:12px}.banner-under-sec .card-box .card-right{height:150px}.banner-under-sec .ban-title,.cat-blog-section .card-title{font-size:16px}.news-layout-sec .news-card .img-wrap img{width:130px;height:auto;border-radius:6px}.news-layout-sec .title{font-size:14px}.news-layout-sec .big-title{font-size:18px}.footer .social-links{justify-content:center}.footer-about{padding-left:15px}.category-page .news-sidebar{padding:0 5%}blockquote{padding:20px}.author-bio{flex-direction:column;text-align:center}.detail-page .social-share-container{gap:8px}.detail-page .social-icon{width:40px;height:40px}.detail-page .social-icon svg{width:18px;height:18px}blockquote::before{left:7px;font-size:46px}.blog-detail p{font-size:14px;line-height:1.5}blockquote div{font-size:15px}.blog-detail ol,.blog-detail ul{padding-left:20px}.detail-page .share-section{left:25%;transform:translateX(-25%)}.detail-page .breadcrumb-main .current{display:none}.detail-page .breadcrumb-left{gap:0}.error-section .error-page h1{font-size:32px}.error-section{padding:40px 0}.most-read-sec .big-title{font-size:20px}.home-sec .umrah-main-heading h2{font-size:22px;margin-bottom:12px}.faq-content .faq-heading h2{font-size:24px;margin-bottom:12px}.footer-bottom{gap:10px;padding:24px 0}}@media (max-width:420px){.faq-main-grid{gap:18px}.faq-answer>div,.faq-question{font-size:15px}h1{font-size:22px}h2{font-size:20px}h3{font-size:18px}.container{margin:0 12px}.copyright p,.faq-question,.footer-links a{font-size:13px}.detail-page .share-section{left:18%;transform:translateX(-18%)}.detail-page .post-share-row.share-section{left:38px}.error-section .error-page h1{font-size:30px}.home-sec .umrah-main-heading h2{margin-bottom:14px;font-size:20px}.faq-heading p,.review-text{font-size:14px}}@media (max-width:370px){.most-read-sec .big-title,h1{font-size:18px}h2{font-size:17px}h3{font-size:16px}.news-layout-sec .news-card .author-date{font-size:11px}.news-layout-sec .news-card .author-date .author::after{left:65px}.most-read-sec .flex-card img{width:122px}.most-read-sec .flex-title{font-size:14px}.category-page .news-sidebar{padding:0 2%}.detail-page .share-section{left:0;transform:translateX(0)}.detail-page .post-share-row.share-section{left:4px}.error-section .error-page h1{font-size:28px}.error-section .error-illustration img{width:302px}.error-section .error-page p{font-size:15px;margin-bottom:20px}.banner-umrah-sec .feature-1{top:9%;left:5%}.banner-umrah-sec .feature-3{left:0}.banner-umrah-sec .feature-text{font-size:10px}.banner-umrah-sec .feature-box{padding:10px 14px}.banner-umrah-sec .feature-box svg{width:20px;height:20px}.banner-umrah-sec .welcome-text{font-size:12px}.banner-umrah-sec .welcome-row{margin-bottom:14px}.banner-umrah-sec .ban-title-main h1{padding:2px 0 15px;margin-bottom:18px}.banner-umrah-sec .ban-title-main h1::before{left:33%;width:195px;height:3px}.welcome-row img{width:33px;height:34px}.banner-umrah-sec .services-container{gap:10px}}@media (max-width:340px){.most-read-sec .big-title,h1{font-size:16px}.banner-umrah-sec .ban-title-main h1,.banner-umrah-sec .service-count{font-size:20px}.banner-umrah-sec .service-label{font-size:8px}.banner-umrah-sec .welcome-text{font-size:10px}}