/*
Theme Name:  Scholarships
Theme URI: https://studyshoot.com/
Author: Ahmad Al Hariri
Description:  Scholarships
Version: 1.0.9
*/


@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');
body, html, div, button, input, textarea, select {
  font-family: "Cairo", sans-serif;
  font-optical-sizing: auto;
 
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #000;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}
::-webkit-scrollbar {
    width: 10px;
}
* {
    box-sizing: border-box;
 }
 html, body {
     margin: 0;
     padding: 0;
     color: #413e3e;
     line-height: 1.8;
     font-size: 95%;
     -webkit-text-size-adjust: 100%;
     scroll-behavior: smooth;
   }

textarea, input {
   width: 100%;
   display: block;
   outline: none;
   border: .4px solid #000;
   background: #fff;
   padding: 15px;
   margin: .7rem 0;
}

*, *::before, *::after {
    box-sizing: border-box;
    scroll-behavior: smooth;
    word-wrap: break-word;
    font-style: normal;
    text-wrap: auto;

}
a {
  color: #1e00ff;
  text-decoration: none;
}
a:hover {
  color: #005395;
}
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-weight: 600;
  color: inherit;
  line-height: 1.4;
}
img  {
    width: 100%;
    height: auto;
}
img.grant-img {
    max-height: 390px;
    object-fit: cover;
}








/* CONTAINER */
.container {
  width: 100%;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container { max-width: 540px; }
}
@media (min-width: 768px) {
  .container { max-width: 720px; }
}
@media (min-width: 992px) {
  .container { max-width: 960px; }
}
@media (min-width: 1200px) {
  .container { max-width: 1140px; }
}
@media (min-width: 1400px) {
  .container { max-width: 1320px; }
}

/* ROW */
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top:    calc(var(--bs-gutter-y) * -1);
  margin-right:  calc(var(--bs-gutter-x) / -2);
  margin-left:   calc(var(--bs-gutter-x) / -2);
}
.row > * {
  flex-shrink: 0;
  width:       100%;
  max-width:   100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left:  calc(var(--bs-gutter-x) / 2);
  margin-top:    var(--bs-gutter-y);
}


/*
.row div{
      position: relative;
      padding: 0 5px;
      margin-top: 10px;
}*/
/* COL (xs) */
.col {
  flex: 1 0 0%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1  { flex: 0 0 auto; width:  8.333333%; }
.col-2  { flex: 0 0 auto; width: 16.666667%; }
.col-3  { flex: 0 0 auto; width: 25.000000%; }
.col-4  { flex: 0 0 auto; width: 33.333333%; }
.col-5  { flex: 0 0 auto; width: 41.666667%; }
.col-6  { flex: 0 0 auto; width: 50.000000%; }
.col-7  { flex: 0 0 auto; width: 58.333333%; }
.col-8  { flex: 0 0 auto; width: 66.666667%; }
.col-9  { flex: 0 0 auto; width: 75.000000%; }
.col-10 { flex: 0 0 auto; width: 83.333333%; }
.col-11 { flex: 0 0 auto; width: 91.666667%; }
.col-12 { flex: 0 0 auto; width:100.000000%; }

/* COL-MD */
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1  { flex: 0 0 auto; width:  8.333333%; }
  .col-md-2  { flex: 0 0 auto; width: 16.666667%; }
  .col-md-3  { flex: 0 0 auto; width: 25.000000%; }
  .col-md-4  { flex: 0 0 auto; width: 33.333333%; }
  .col-md-5  { flex: 0 0 auto; width: 41.666667%; }
  .col-md-6  { flex: 0 0 auto; width: 50.000000%; }
  .col-md-7  { flex: 0 0 auto; width: 58.333333%; }
  .col-md-8  { flex: 0 0 auto; width: 66.666667%; }
  .col-md-9  { flex: 0 0 auto; width: 75.000000%; }
  .col-md-10 { flex: 0 0 auto; width: 83.333333%; }
  .col-md-11 { flex: 0 0 auto; width: 91.666667%; }
  .col-md-12 { flex: 0 0 auto; width:100.000000%; }
}

/* COL-LG */
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1  { flex: 0 0 auto; width:  8.333333%; }
  .col-lg-2  { flex: 0 0 auto; width: 16.666667%; }
  .col-lg-3  { flex: 0 0 auto; width: 25.000000%; }
  .col-lg-4  { flex: 0 0 auto; width: 33.333333%; }
  .col-lg-5  { flex: 0 0 auto; width: 41.666667%; }
  .col-lg-6  { flex: 0 0 auto; width: 50.000000%; }
  .col-lg-7  { flex: 0 0 auto; width: 58.333333%; }
  .col-lg-8  { flex: 0 0 auto; width: 66.666667%; }
  .col-lg-9  { flex: 0 0 auto; width: 75.000000%; }
  .col-lg-10 { flex: 0 0 auto; width: 83.333333%; }
  .col-lg-11 { flex: 0 0 auto; width: 91.666667%; }
  .col-lg-12 { flex: 0 0 auto; width:100.000000%; }
}
/* Utility */
.u-flex{display:flex}
.u-center{align-items:center}
.u-between{justify-content:space-between}

/* Header */
.s-header{
  position:sticky;top:0;z-index:1000;
  background:#fff;border-bottom:1px solid #e6eaf0;
  box-shadow:0 1px 10px rgba(0,0,0,.06);
}
.s-header__container{
  max-width:1500px;margin:0 auto;padding:0 25px;
}

/* Logo */
.logo-img{min-width:110px;height:50px}
.s-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* Buttons */
.s-btn{
  display:inline-flex;justify-content:center;align-items:center;
  padding:0 10px;height:34px;min-width:34px;border-radius:6px;
  background:#1877f2;color:#fff;border:1px solid transparent;cursor:pointer;
}
.s-btn--ghost{background:linear-gradient(135deg,#0078ff,#00d4ff);border-color:#03A9F4;margin: 0 5px;}
.s-btn--plain{background:#fff;border-color:#e6eaf0;color:#211f1f}
.icon{font-size:18px}

/* Desktop Navigation */
.my-menu,.s-nav ul{
  display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none;
}
.s-nav__link{
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  min-width:78px;height:72px;gap:4px;border-radius:10px;
  font-size:1rem;color:#606770;font-weight:300;transition:.15s;
}
.s-nav__link:hover{color:#1877f2}

/* Dropdown (kept minimal) */
.s-drop{position:relative}
.s-drop__menu{
  position:absolute;left:50%;transform:translateX(-50%);top:calc(100% + 10px);
  min-width:260px;background:#fff;padding:12px;border-radius:12px;
  box-shadow:0 10px 30px rgba(20,20,40,.12);display:none;
}
.s-drop[aria-expanded="true"] .s-drop__menu{display:block}
.s-drop__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.s-drop__item{padding:10px 12px;border-radius:8px;color:#2b2f33;font-size:small;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s-drop__item:hover{background:#f7f9fc;color:#0b66d0}

/* Mobile sliding menu */
.s-panel{
  position:fixed;inset:0 auto 0 0;width:320px;max-width:88vw;background:#fff;
  transform:translateX(-100%);transition:.25s ease;display:flex;flex-direction:column;
  box-shadow:0 10px 30px rgba(20,20,40,.12);
}
.s-panel[aria-hidden="false"]{transform:translateX(0);z-index:99999}
.s-panel__header{padding:16px;border-bottom:1px solid #e6eaf0}
.s-panel__body{
  padding:16px;overflow:auto;flex:1;
  background:linear-gradient(135deg,#0078ff,#00d4ff);color:#fff;
}
.s-close{background:none;border:0;cursor:pointer;font-size:18px;color:#606770}

.s-panel__list{list-style:none;margin:0;padding:0}
.s-panel__list a{
  display:flex;align-items:center;gap:8px;padding:14px;color:#fff;
  border-bottom:1px solid rgba(255,255,255,.2);
}

/* Hide mobile toggle by default */
[data-open-panel="mobile-menu"]{display:none}

/* Responsive */
@media(max-width:991px){
  .s-panel{width:100%;max-width:100%}
  .my-menu {
      display: block;
      width: 100%;
      text-align: right;
  }.s-nav__link {
    color: #fff;
    text-align: right;
    align-items: flex-start;
    display: block;
}}
@media(max-width:767px){
  .s-nav{display:none}
  [data-open-panel="mobile-menu"]{display:inline-flex}
  .s-header__container{padding:8px 14px}
  .s-nav__link{color:#fff}
}




.mt-10{
  margin-top: 10rem;
}
.d-flex-widget{
  min-height:80vh;
  display: flex;
  align-items: center;
}


img.emoji {
    font-size: 4rem;
}

.site-desc-div {
    text-shadow: -1px 1px 4px rgb(0 0 0);
    color: #000000a1;
    text-transform: capitalize;
    text-align: center;
    font-size: 33px;
}

.category-card i {
    font-size: 3rem;
    color: #11416a;
}


.d-flex {
    display: flex;
    align-items: center;

}
.justify-content-center{
  justify-content: center;
}
.home-page-category-sections {
    padding: 12px;
}

.home-page-category-sections .container {
    margin-top: -5rem;
    z-index: 44;
    position: relative;
    padding: 18px;
    transition: transform 0.3s ease;

    overflow: hidden;
    margin-bottom: 5rem;
    text-align: center;
    backdrop-filter: blur(8px);
    background: color-mix(in lab, white 40%, transparent);
    border: 1px solid rgba(15, 23, 42, .06);
    border-radius: 28px;
    box-shadow: 0 20px 60px rgba(15, 23, 42, .12);
}
.category-card {
    text-align: center;
    text-shadow: 6px 4px 14px #cabebe;
    background-color: #fff;
    box-shadow: 0 0 9px 0px rgb(0 0 0 / .1);
    transition: transform 0.3s
ease;
    overflow: hidden;
    border-radius: 8px;
    animation: slideUp 0.8s
ease forwards;
    border: 1px solid #3f3d3d2b;
    margin: 4px 0;
}
.category-card:hover {
    transition: .5s;
    text-align: center;
    text-shadow: 1px 0px 17px #cabebe;
    background-color: #293a5000;
    box-shadow: 0 0 9px 0px rgb(0 0 0 / .1);
    border: 1px solid #a2c5f48f;
    transform: scale(.9);
}
.category-card a{
	color: #000;
}
.category-name {
    font-size: 12px;
    margin-bottom: 14px;
    color: #000;
    font-weight: 800;
}
.category-img img {
    width: 100%;
    height: 100px;
    object-fit: contain;
}

.home-hero {
    content: '';
    display: flex;
    justify-content: center;
    background: linear-gradient(4deg, #49cdec, #417bc8, #1c5f91);
    min-height: 90.5vh;
    color: #ffffff;

    position: relative;
    overflow: hidden;
    align-items: center;
    text-align: center;
}
.home-hero h1 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    color: #ffffff;
    line-height: 1.6;
    text-transform: capitalize;
    text-align: center;
    font-size: 50px;
    overflow: hidden;
    margin: 0;
}
.home-hero p {
    max-width: 740px;
    margin: 0 auto;
    margin-bottom: 1rem;
    font-size: 15px;
    font-weight: 600;
}
.home-hero h1 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    color: #ffffff;
    line-height: 1.6;
    text-transform: capitalize;
    text-align: center;
    font-size: 50px;
    overflow: hidden;
}

.btn.btn-block {
    color: white;
    padding: 0 15px;
    border-radius: 4px;
    margin: 0 5px;
}
 .btn-blue{
       background: #ff5722;
       border-color: #00adee;
 }
 .btn-blue:hover {
     background: #00adee;
     border-color: #ff5722;
     transition: .4s;
 }

.btn-other {
    background: #e59e00;
    border-color: #000000;
}
.btn-other:hover {
    background: #000000;
    border-color: #e59e00;
    transition: .2s;
}
.section-head-title  {
    font-weight: 900;
    margin: 2rem 0;
    text-shadow: -1px 1px 4px rgb(0 0 0);
    color: #000000a8;
    text-transform: capitalize;
    text-align: center;
    font-size: 33px;
}

.page-hero {
    min-height: 25vh;
    content: '';
    display: flex;
    justify-content: center;
    background: linear-gradient(2deg, #e4ebf300, #ffffff2e, #b5cdcf5c);
    color: #000000;
    position: relative;
    overflow: hidden;
    align-items: center;
    padding: 25px 0;
}
.page-hero h1{
  margin:0;
  padding: 0;
}
.grant-page-hero{
  min-height: 24vh;
  content: '';
  display: flex;
  justify-content: center;
  background: linear-gradient(2deg, #e4ebf300, #ffffff2e, #b5cdcf5c);
  color: #000000;
  position: relative;
  overflow: hidden;
  align-items: center;
  padding: 25px 0;
}
@media (max-width:768px) {
.page-hero h1 {
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-weight: 900;
}
.rank_math_description{
font-size: 13px;
}}


.uni-page-wrap{
    width:88%;
    max-width:1280px;
    margin:auto;
    padding:70px 0;
    font-family:"Segoe UI",sans-serif;
}

/* Header */
.uni-head{
    text-align:center;
    margin-bottom:45px;
}

.uni-head h1{
    font-size:42px;
    font-weight:700;
    color:#1c3d6f;
    margin-bottom:15px;
}

.uni-head p{
    font-size:18px;
    color:#666;
    line-height:1.9;
    width:70%;
    margin:auto;
}

/* Info Box */
.uni-info{
    background:#ffffff;
    padding:15px;
    border-radius:16px;
    border:1px solid #e6e6e6;
    box-shadow:0 12px 40px rgba(0,0,0,0.06);
    margin-bottom:65px;
}

.uni-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:22px;
}

.uni-field{
    background:#f9fcff;
    border:1px solid #dce9f6;
    padding:18px 22px;
    border-radius:10px;
    font-size:17px;
    display:flex;
    align-items:center;
    gap:10px;
    color:#093f7a;
    font-weight:500;
}

.uni-field span{
    font-weight:600;
    color:#1a568c;
}

/* Posts */
.uni-posts h2{
    font-size:30px;
    font-weight:700;
    margin-bottom:28px;
    color:#0f315c;
}

/* Styled cards */
.uni-page-wrap .card{
    background:#fff;
    border-radius:14px;
    border:1px solid #e3e7ee;
    padding:28px;
    margin-bottom:22px;
    transition:.3s;
    box-shadow:0 4px 12px rgba(0,0,0,0.05);
}

.uni-page-wrap .card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 35px rgba(0,0,0,0.08);
}

.uni-page-wrap .card a{
    color:#0074d9;
    font-size:21px;
    font-weight:700;
    text-decoration:none;
}

.uni-page-wrap .uni-page-wrap .card a:hover{ color:#004e9c; }

.uni-page-wrap .card p{ font-size:16px;color:#505a69;margin-top:10px;line-height:1.7; }
.ss-card {
   background: #fff;
   border: 1px solid #e9ecef;
   border-radius: 16px;
   padding: 16px;
   box-shadow: 0 6px 24px rgb(16 24 40 / .06)
 }

 .ss-filter .ss-row {
   display: grid;
   grid-template-columns: repeat(7, minmax(0, 1fr));
   gap: 12px
 }

 @media(max-width:1100px) {
   .ss-filter .ss-row {
     grid-template-columns: repeat(3, minmax(0, 1fr))
   }
 }

 @media(max-width:600px) {
   .ss-filter .ss-row {
     grid-template-columns: repeat(2, minmax(0, 1fr))
   }
 }

 .ss-col {
   display: flex;
   flex-direction: column;
   gap: 6px
 }

 .ss-label {
   font-size: 12px;
   color: #344054
 }

 .ss-select,
 .ss-input {
   appearance: none;
   border: 1px solid #d0d5dd;
   border-radius: 12px;
   padding: 10px 12px;
   font-size: 14px;
   background: #fff;
   outline: none
 }

 .ss-select:focus,
 .ss-input:focus {
   border-color: #7c3aed;
   box-shadow: 0 0 0 3px rgb(124 58 237 / .15)
 }

 .ss-actions {
   display: flex;
   gap: 8px;
   justify-content: flex-start;
   margin-top: 12px
 }

 .ss-btn {
   border: 1px solid #fff0;
   border-radius: 12px;
   padding: 10px 14px;
   font-size: 14px;
   cursor: pointer;
   transition: .2s all;
   display: inline-flex;
   align-items: center;
   gap: 8px
 }

 .ss-btn-primary {
   background: #7c3aed;
   color: #fff
 }

 .ss-btn-primary:hover {
   background: #6d28d9
 }

 .ss-btn-secondary {
   background: #f8f9fc;
   color: #111827;
   border-color: #e5e7eb
 }

 .ss-btn-secondary:hover {
   background: #eef2ff
 }

 .ss-btn-ghost {
   background: #fff0;
   border-color: #e5e7eb;
   color: #374151
 }

 .ss-btn[disabled] {
   opacity: .6;
   cursor: not-allowed
 }

 .ss-spinner {
   display: none;
   width: 16px;
   height: 16px;
   border: 2px solid #fff;
   border-bottom-color: #fff0;
   border-radius: 50%;
   animation: ssspin .8s linear infinite
 }

 .ss-btn-secondary .ss-spinner {
   border-color: #111;
   border-bottom-color: #fff0
 }

 @keyframes ssspin {
   to {
     transform: rotate(360deg)
   }
 }

 .grants-ss-grid {
   display: grid;
   grid-template-columns: repeat(5, minmax(0, 1fr));
   gap: 16px;
   margin-top: 16px
 }

 .ss-card-item {
   background: #fff;
   border: 1px solid #e9ecef;
   border-radius: 16px;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   position: relative
 }

 .ss-card-thumb {
   width: 100%;
   height: 120px;
   object-fit: cover;
   background: #f2f4f7
 }

 .ss-card-body {
   padding: 12px;
   display: flex;
   flex-direction: column;
   gap: 8px
 }

 .ss-card-title {
   font-weight: 600;
   font-size: 16px;
   line-height: 1.3;
   color: #111827
 }

 .ss-card-meta {
   font-size: 12px;
   color: #6b7280;
   display: flex;
   flex-wrap: wrap;
   gap: 6px;
   margin-bottom: .7rem
 }

 .ss-card-actions {
   margin-top: auto;
   display: flex;
   gap: 8px
 }

 .ss-chip {
   background: #f1f5ff;
   color: #3730a3;
   border: 1px solid #e0e7ff;
   border-radius: 999px;
   padding: 4px 8px;
   font-size: 11px
 }

 .ss-empty {
   padding: 24px;
   text-align: center;
   color: #6b7280
 }

 .ss-loadmore-wrap {
   display: flex;
   justify-content: center;
   margin-top: 12px
 }

 .ss-filter,
 .grants-ss-grid {
   direction: rtl
 }

 .ss-label,
 .ss-input,
 .ss-select {
   direction: rtl
 }

 @media(max-width:1100px) {
   .grants-ss-grid {
     grid-template-columns: repeat(3, minmax(0, 1fr))
   }
 }

 @media(max-width:800px) {
   .grants-ss-grid {
     grid-template-columns: repeat(3, minmax(0, 1fr))
   }
 }

 @media(max-width:520px) {
   .grants-ss-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr))
   }

   .ss-card-title {
     font-weight: 700;
     font-size: 13px;
     line-height: 1.3;
     color: #111827
   }
 }






.sidebar-latest-posts {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    padding: 20px;
    margin-bottom: 30px;
    transition: all 0.3s ease;
    position: sticky;
}

.sidebar-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #222;
    border-left: 4px solid #0073aa;
    padding-left: 10px;
}

.sidebar-post-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-post-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    transition: transform 0.2s ease, background 0.2s ease;
    border-radius: 8px;
    overflow: hidden;
}

.sidebar-post-item:hover {
    transform: translateY(-3px);
    background: #f9f9f9;
}

.sidebar-post-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    width: 100%;
}

.sidebar-post-thumb img {
    width: 70px;
    height: 70px;
    border-radius: 8px;
    object-fit: cover;
    margin-right: 10px;
    transition: transform 0.3s ease;
}

.sidebar-post-item:hover .sidebar-post-thumb img {
    transform: scale(1.05);
}

.sidebar-post-info {
    margin:0 15px;
}

.sidebar-post-title {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 4px;
    line-height: 1.3;
}

.sidebar-post-date {
    font-size: 13px;
    color: #777;
}

/* Responsive Styling */
@media (max-width: 768px) {
    .sidebar-latest-posts {
        padding: 15px;
    }
    .sidebar-post-thumb img {
        width: 60px;
        height: 60px;
    }
    .sidebar-post-title {
        font-size: 14px;
    }
}


.rank-math-list,
.wp-block-rank-math-faq-block {
 max-width: 800px;
 margin: 0 auto;
 border-radius: 10px !important;
 background-color: #f7fafb !important;
 padding: 1.5rem !important
}

.rank-math-list-item {
 margin-bottom: 10px;
 border: 1px solid #e0e0e0;
 border-radius: 5px;
 overflow: hidden
}

.rank-math-question {
 cursor: pointer;
 border-top-left-radius: 10px !important;
 border-top-right-radius: 10px !important;
 color: #102147 !important;
 font-size: 1rem !important;
 font-weight: 600 !important;
 position: relative;
 padding: 1rem 1.25rem;
 background-color: #fff;
 border: 0;
 border-radius: 0;
 overflow-anchor: none;
 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
 margin: 0;
 max-width: 100%;
 width: 100%;
 align-items: center;
 display: flex;
 margin-bottom: .8rem
}

.rank-math-question:hover {
 background-color: #f0f0f0
}

.rank-math-question::after {
 content: '+';
 position: absolute;
 left: 20px;
 top: 50%;
 transform: translateY(-90%);
 font-size: 20px;
 transition: transform 0.3s ease
}

.rank-math-list-item.active .rank-math-question::after {
 transform: translateY(-50%) rotate(45deg);
 display: block
}

.rank-math-answer {
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 15px;
}

.rank-math-faq-item.active .rank-math-answer,
.rank-math-list-item.active .rank-math-answer {
 max-height: 500px;
 margin-top: .5rem !important;
 margin-bottom: .5rem !important;
 padding: 1rem 1.25rem
}

.rank-math-answer p {
 margin: 0;
 line-height: 1.6
}

.screen-reader-text {
 display: none
}
.active{
  display: block;
}











.ss-load-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 28px;
    border-radius: 8px;
    border: none;
    background: linear-gradient(135deg, #85e9b8, #1a578b);
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: transform .25s ease, box-shadow .25s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

/* Hover and active click animation */
.ss-load-more-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.18);
}

.ss-load-more-btn:active {
  transform: scale(.97);
}

/* Loader animation */
.ss-load-more-btn.loading {
  pointer-events: none;
  color: transparent;
  position: relative;
}

.ss-load-more-btn.loading::after {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 3px solid rgba(255,255,255,0.5);
  border-top-color: #fff;
  animation: spin .7s linear infinite;
  position: absolute;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

.text-center {
    text-align: center;
}
.mt-4{
  margin-top:3rem;
}


.post-meta-box{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:10px 0;
	gap:10px;
	font-size:15px
}

.meta-left{
	display:flex;
	align-items:center;
	gap:8px
}
.meta-logo {
    width: 60px;
    height: 58px;
}

.meta-title{
	color:#000;
	font-weight:600
}

.meta-right{
	display:flex;
	align-items:center;
	gap:8px;
	color:#444
}

.meta-badge{
	background:#1e62ff;
	color:#fff;
	padding:2px 6px;
	border-radius:4px;
	font-size:14px
}

.meta-badge.rating{
	background:#0055ff
}

.meta-clock{
	font-size:16px;
	opacity:0.9
}

.meta-date{
	color:#777;
	font-size:11px
}



.follow-box {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    padding: 25px 20px;
    margin: 25px 0;
    text-align: center;
    position: sticky;
    top: 4rem;
}

.follow-title {
  font-size: 18px;
  color: #222;
  margin-bottom: 10px;
  font-weight: 600;
}

.follow-text {
  font-size: 14px;
  color: #555;
  margin-bottom: 18px;
  line-height: 1.5;
}

.social-links {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.social-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 15px;
  border-radius: 8px;
  color: white;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}
a.social-btn:hover { color: #ffffffe3; }
.telegram { background: #0088cc; }
.instagram { background: linear-gradient(45deg, #fd1d1d, #fcb045, #833ab4); }
.facebook { background: #1877f2; }
.whatsapp { background: #25d366; }
.youtube { background: #ff0033; }
.linkedin { background: #1877f2; }
.twitter { background: #181919 ; }
.pinterest {  background: #b70c0c;}


.social-btn i {
  font-size: 18px;
}

.social-btn:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}
  @media (max-width: 995px) {
.follow-box {
    margin-top: 12px;
}}




/* 404 Page*/
.page-404{
    margin:0;
    background:#fafafa;
    color:#222;
    display: flex;
    justify-content:center;
    align-items:center;
    height:66vh;
    text-align:center;
}
.page-404. container{
    width:90%;
    max-width:520px;
}
.page-404 img {
    height: 320px;
    max-width: 300px;
}
.page-404 p{
    font-size:18px;
    margin-top:0;
    line-height:1.5;
}
.page-404 button, .page-404  a{
    margin:10px 5px;
    padding:12px 22px;
    border-radius:6px;
    font-size:15px;
    text-decoration:none;
    transition:0.3s;
}
.page-404 .primary{
    background:#0066ff;
    color:white;
}
.page-404 .primary:hover{
    background:#0049b3;
}
.page-404 .secondary{
    background:#e6e6e6;
    color:#333;
}
.page-404 .secondary:hover{
    background:#cfcfcf;
}
.page-404 input {
    width: 100%;
    padding: 10px 14px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-top: 18px;
    margin-bottom: 2rem;
}
@media (max-width: 992px) {
.page-404 button, .page-404 a {

    width: 100%;
    display: flex;
}}
.comments-area {
 	padding: 15px;
 	background: #ebebeb4f;
 	margin-top: 2rem;
 	z-index: 2;
 	position: relative;
 	box-shadow: 0 0 0 0 rgb(0 0 0 / .2);
 	padding-top: 5rem;
 	border: 1px solid #8f8b8b7a;
 	text-align: right;
 	direction: right
 }

 .comments-title {
 	font-size: 1.5rem;
 	font-weight: 600;
 	color: #1a202c;
 	margin-bottom: 2rem;
 	text-align: center
 }

 .comment-list,
 .comment-list .children {
 	list-style: none;
 	padding: 0;
 	margin: 0
 }

 .comment-list .children {
 	margin-right: 2rem;
 	position: relative
 }

 .comment-list .children::before {
 	content: '';
 	position: absolute;
 	top: 0;
 	right: -1rem;
 	bottom: 0;
 	width: 2px;
 	background-color: #e2e8f0
 }

 .comment-item {
 	margin-bottom: 1.5rem;
 	transition: all 0.3s ease;
 	position: relative
 }

 .comment-item::before {
 	content: '';
 	position: absolute;
 	top: 2rem;
 	right: -1rem;
 	width: 1rem;
 	height: 2px;
 	background-color: #e2e8f0
 }

 .comment-body {
 	background-color: #fff;
 	border-radius: 12px;
 	box-shadow: 0 4px 6px rgb(0 0 0 / .1), 0 0 0 1px rgb(0 0 0 / .05);
 	padding: 1.5rem;
 	transition: all 0.3s ease
 }

 .comment-body:hover {
 	transform: translateY(-2px);
 	box-shadow: 0 8px 15px rgb(0 0 0 / .1), 0 0 0 1px rgb(0 0 0 / .05)
 }

 .comment-meta {
 	display: flex;
 	flex-direction: column;
 	margin-bottom: 1rem
 }

 .comment-author-info {
 	display: flex;
 	justify-content: space-between;
 	align-items: center
 }

 .comment-author {
 	font-weight: 600;
 	color: #1a202c
 }

 .comment-metadata {
 	font-size: .75rem;
 	color: #718096
 }

 .comment-content {
 	color: #1a202c;
 	margin-bottom: 1rem;
 	font-size: 12px
 }

 .comment-actions {
 	display: flex;
 	justify-content: flex-start;
 	align-items: center;
 	border-top: 1px solid rgb(0 0 0 / .05);
 	padding-top: 1rem;
 	margin-top: 1rem
 }

 .reply-link a {
 	display: inline-flex;
 	align-items: center;
 	padding: .3rem 2rem;
 	background-color: #4299e1;
 	color: #fff;
 	border-radius: 0;
 	text-decoration: none;
 	font-size: .875rem;
 	transition: all 0.3s ease
 }

 a.url {
 	text-decoration: none;
 	color: #3f51b5
 }

 .reply-link a:hover {
 	background-color: #3182ce;
 	transform: translateY(-1px)
 }

 .comment-respond {
 	margin-top: 0;
 	background-color: #fff;
 	padding: 2rem;
 	z-index: 2;
 	position: relative;
 	box-shadow: 0 0 0 0 rgb(0 0 0 / .2);
 	padding-top: 5rem;
 	border: 1px solid #8f8b8b7a
 }

 .comment-reply-title {
 	font-size: 1.25rem;
 	color: #1a202c;
 	margin-bottom: 7px
 }

 .comment-form-comment {
 	margin-bottom: 1rem
 }

 .comment-form textarea {
 	width: 100%;
 	padding: 1rem;
 	border: none;
 	border-radius: 8px;
 	background-color: #f8fafc;
 	font-size: 1rem;
 	transition: all 0.3s ease;
 	resize: vertical;
 	min-height: 100px
 }

 .comment-form textarea:focus {
 	outline: none;
 	box-shadow: 0 0 0 2px #4299e1
 }
 .submit-button {
     background-color: #0d6efd;
     color: #fff;
     padding: .75rem 1.5rem;
     border: none;
     font-size: 1rem;
     transition: all 0.3s ease;
     background: linear-gradient(4deg, #3F51B5, #00BCD4, #0023d4);
 }
 .submit-button:hover {
 	background-color: #3182ce;
 	transform: translateY(-1px)
 }

 @keyframes fadeInUp {
 	from {
 		opacity: 0;
 		transform: translateY(20px)
 	}

 	to {
 		opacity: 1;
 		transform: translateY(0)
 	}
 }

 .comment-list>.comment-item {
 	animation: fadeInUp 0.5s ease-out;
 	animation-fill-mode: both
 }

 .comment-list>.comment-item:nth-child(1) {
 	animation-delay: 0.1s
 }

 .comment-list>.comment-item:nth-child(2) {
 	animation-delay: 0.2s
 }

 .comment-list>.comment-item:nth-child(3) {
 	animation-delay: 0.3s
 }

 .comment-list>.comment-item:nth-child(4) {
 	animation-delay: 0.4s
 }

 .comment-list>.comment-item:nth-child(5) {
 	animation-delay: 0.5s
 }

 .comment-form-url {
 	display: none
 }

 .comment-form-author input,
 .comment-form-email input {
 	width: 100%;
 	border: .1px solid #dfdfdf;
 	background: #f8fafc
 }

 p.logged-in-as {
 	font-size: 11px;
 	margin-top: 0
 }

 @media (max-width:768px) {
 	.comments-area {
 		padding: 1rem
 	}

 	.comment-body {
 		padding: 1rem
 	}

 	.comment-list .children {
 		margin-right: 1rem
 	}

 	.comment-list .children::before {
 		right: -.5rem
 	}

 	.comment-item::before {
 		right: -.5rem;
 		width: .5rem
 	}
 }
.search-page-results .ss-wrap {
 	max-width: 1400px;
 	margin: 0 auto;
 	padding: 2rem 12px
 }

 .search-page-results .search-form {
 	display: grid;
 	grid-template-columns: 1fr auto;
 	gap: 12px
 }
 
 .search-page-results .search-input {
 	padding: 14px 18px;
 	border: 1px solid #ddd;
 	border-radius: 8px;
 	font-size: 16px;
 	outline: none;
 	transition: border-color 0.2s
 }
 
 .search-page-results .search-input:focus {
 	border-color: #0073e6
 }
 
 .search-page-results .search-button {
 	padding: 14px 24px;
 	background: linear-gradient(135deg, #E91E63 0%, #e53e3e 100%);
 	border: none;
 	border-radius: 8px;
 	font-size: 16px;
 	color: #fff;
 	cursor: pointer;
 	box-shadow: 0 4px 12px rgb(0 0 0 / .1)
 }
 
 .search-page-results .search-button:hover {
 	opacity: .9
 }
 
 .search-page-results .results-counter {
 	color: #555;
 	font-size: 14px
 }
 
 .search-page-results .page-title {
 	.search-page-results font-size: 32px;
 	color: #222
 }
 
 .search-page-results .results-grid {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
 	gap: 24px
 }
 
 .search-page-results .load-spinner {
 	text-align: center;
 	padding: 20px;
 	font-size: 16px;
 	color: #777
 }
 
 .search-page-results .no-results {
 	text-align: center;
 	padding: 40px;
 	color: #666;
 	border: 1px solid #eee;
 	border-radius: 10px;
 	font-size: 18px
 }
 









 footer.site-footer {
    background: #0c3c53;
    background: linear-gradient(275deg, #c0eaff00, #007d8a1f);
    padding: 90px 20px;
    border-radius: 0 0 50px 50px;
    text-align: center;
}
 .footer-widgets ul {
       display: flex;
       align-items: center;
       justify-content: center;
       list-style: none;
       color: #212121;
   }
   .footer-widgets a {
       color: #000;
       padding: 0 7px;
       font-size: 11px;
   }
   .footer-widgets a:hover {
       transition: .7s;
       color: #ed7124;
   }
.site-info p{
    margin:0;
}