body{background:#fff;}
.swiper-slide-image{padding:10px;}
.contact-banner-bg{background: linear-gradient(135deg, #EFF6FF 0%, #FFFFFF 35.36%, #F9FAFB 70.71%);}
.blog-inner{box-shadow: 0px 4px 6px 0px #0000001A; border: 1px solid #F3F4F6;border-radius: 12px;padding: 20px; height: 100%;font-family: "Inter"}
.blog-inner h3 a{color: #0F172A; font-size: 20px; font-weight: 700; line-height: 28px;width: 238px;min-height: 58px;} 
.blog-inner p{font-size: 14px;margin-bottom:0; }
.blog-inner a.btn.btn-primary{background: #3B82F6;width:100%;color: #fff;}
.single-jobs{background:#f9fafb;}
.new-sec .card{border:1px solid #E5E7EB;background: #fff;padding: 20px;box-shadow: 0px 1px 2px 0px #0000000D;border-radius: 12px;margin: 0 0 20px}
.new-sec .card h2{color: #111827;font-size: 24px;font-weight: 700; font-family: "inter";margin:12px 0 18px 0px}
.new-sec .card h3{color: #111827;font-weight: 600;font-size: 18px; font-family: "inter";}
.box{color: #374151;font-size: 16px;font-weight: 500;padding:17px 20px;border-radius: 8px;gap: 8px;}
.box p{margin-bottom: 0;}
.box.green{background: #F0FDF4;border: 1px solid #BBF7D0;}
.box.blue{background: #EFF6FF; border: 1px solid #BFDBFE}
.box.pink{border: 1px solid #E9D5FF;background: #FAF5FF;}
.insta-link{text-decoration: none;}
.stait p{color: #6B7280;font-size: 14px; font-weight: 400;margin-bottom:4px;}
.stait h4{color: #111827;font-weight: 600;font-size: 16px;}
.btn-style li{border:1px solid #BFDBFE;border-radius: 8px;background: #EFF6FF;padding: 9px 20px;}
.btn-style{display: flex;gap: 20px;padding-left: 0;}
.btn-style li{display: block;font-size: 16px; font-weight: 500; color: #1D4ED8; font-family: "inter";}
.earn{padding-left: 0;display: flex;flex-wrap: wrap;}
.earn li{flex: 0 0 calc(50% - 10px);display: block;display: flex;justify-content: space-between;padding:0 15px; align-items: center;margin:20px 0 0 0;color: #374151;}
.auto-number {
  counter-reset: my-counter;
  list-style: none;
  padding-left: 0;
}

.auto-number li {
  counter-increment: my-counter;
  margin-bottom: 8px;
  position: relative;
  padding-left: 46px;
  color: #374151;
}

.auto-number li::before {
  content: counter(my-counter) " ";
  position: absolute;
  left: 0;
  font-weight: bold;
  background: #DBEAFE;
  width: 32px;
  height: 32px;
  color: #2563EB;
  font-size: 16px;
  font-weight: 600;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  display: flex;
}
.new-sec{padding:50px 0;}
.text-w-bg{border: 1px solid #DBEAFE;background: #EFF6FF;border-radius: 8px;padding:20px;color:#374151;font-size: 16px;font-weight:400;}
.active-button{color: #15803D;background: #DCFCE7;padding:4px 12px; border-radius: 20px;font-size: 14px;font-weight: 500; font-family: "Inter";  align-content: center;align-items: center;gap: 6px;width: 156px;}
  .details{border-top: 1px solid #E5E7EB; border-bottom: 1px solid #E5E7EB; padding-top: 20px;padding-bottom: 20px;}
  .details p{color: #6B7280;font-size: 14px; font-family: "Inter";margin-bottom: 4px;}
 .details h5{color: #111827;font-size: 16px; font-weight: 600;}
.bottom-detail{margin:20px 0 4px;}
.bottom-detail span.active-button{margin: 0 20px;}
p.btm-p{color:#4B5563; font-size: 16px; font-family: "Inter";display: flex;align-items: center;gap: 8px;}
.card h4{font-size: 16px; color: #111827;font-weight: 600;}
.card h4 span{color: #4B5563;font-size: 16px; font-weight: 400;}
.apply-btn{background: #2563EB;border-radius: 8px;font-size: 18px; font-weight: 600;color: #fff;padding: 12px 20px;text-decoration: none; float: right;}
.sidebar{}

.dashboard-carousel {
  padding: 40px 0;
}

/* Slide width */
.dashboard-carousel .swiper-slide {
  width: 230px;
  display: flex;
  justify-content: center;
}

/* Card base */
.dashboard-carousel .card {
  width: 100%;
  height: 166px;
  background: #f2f2f2;
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.12);
  transition: transform .3s ease, box-shadow .3s ease, background .3s ease;
}
/* Text */
.dashboard-carousel h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 6px;
}

.dashboard-carousel small {
  font-size: 13px;
font-weight: 500;
  color: #6b6b6b;
}

.dashboard-carousel .big {
  font-size: 16px;
  font-weight: 500;
  ;
}

/* 🔥 ACTIVE CENTER CARD (EXACT MATCH) */
.dashboard-carousel .swiper-slide-active .card {
  background: #ffffff;
  transform: scale(1.14);
  box-shadow: 0 10px 20px rgba(0,0,0,0.18);
  z-index: 5;
}
.dashboard-carousel .swiper-wrapper {
  padding: 14px 0;
}
.dashboard-carousel .swiper-slide {
  cursor: pointer;
}
.card-bg{
  background-color: #EEEEEE;
  padding: 10px 20px ;
  border-radius: 8px;
  height: 140px;
}
.card-bg p{
  margin-bottom: 0 ;
   font-size: 16px !important;
  font-weight: 500;
}
.card-bg small{

   font-size: 13px !important;
  font-weight: 500;
}
.new-sec .sidebar .card h3{
  font-weight: 700;
  color: #111827;
  font-family: "Inter";
  margin-bottom: 15px;
}
.amount{background: linear-gradient(90deg, #EFF6FF 0%, #DBEAFE 100%);border-radius: 8px;padding: 25px;}
.amount h5{color: #4B5563; font-size: 14px; font-weight: 400;margin-bottom: 0}
.new-sec .card .amount h2{color: #2563EB;font-weight: 700; font-size: 30px;margin:10px 0;}
.btm-sec{margin: 10px 0 0;}
.btm-sec p, .btm-sec h4{margin-bottom: 0;}
.btm-sec h4{color:#111827;font-size: 24px;line-height: 32px; font-weight: bold;}
.card .card-small{border: 1px solid #E5E7EB;border-radius:8px; padding: 15px;}
.card-small-inner p{margin-bottom: 0; font-size: 14px;color: #6B7280;}
.card-small-inner a{text-decoration: none;color: #2563EB; font-size: 14px;font-weight: 500; font-size: 14px;}
.card .card-small h4{margin-bottom: 0;}
.status-box{background: #C7EBD5;color: #16A34A;font-size: 12px;font-weight: 600;padding: 2px 10px;border-radius: 20px;height: 23px;}
.blog-inner p{color: #4B5563; font-size: 16px;}
.jobs-list .blog-inner h3 a{line-height: 22px;}
.jobs-list .blog-inner h3{line-height: 22px;}

.blog-thumb img {
    width: 100% !important;
    height: 440px !important;
    object-fit: cover;
    max-width: 100% !important;
}

.custom-blog-item{padding: 5px;border:2px solid #f1f1f1;margin-bottom: 30px;background: #fff;box-shadow: 1px 0px 8px #0000001a}
.blog-cont{padding:20px}
.custom-blog-item h3{font-size: 24px;font-weight: 700;}
.new-sec.blog-sec h3{margin:30px 0 0;}
.blog-inner h3{min-height: 54px;max-width: 200px}

.blog-thumb img{height: auto !important}
.custom-blog-item h3{font-size: 20px;}