.srp-wrapper{
      width:100%;
      min-height:100vh;
      background:#fff;
       position:sticky;
      top:0;
      max-height: 100vh;
      overflow: auto;
      padding-right: 20px;
      
    }

 .srp-wrapper::-webkit-scrollbar {
    width: 4px;
}

/* Track */
 .srp-wrapper::-webkit-scrollbar-track {
    background: #f2f2f2;
}

/* Handle */
 .srp-wrapper::-webkit-scrollbar-thumb {
    background: #9cbcf0c1;
}
    /* HEADER */

    .srp-header{
      width:100%;
      border-bottom:1px solid #e5e7eb;
      background:#fff;
      padding:0 32px;
      /* position:sticky;
      top:0; */
      padding-bottom: 10px;
      z-index:99;
    }

    .srp-header-flex{
      display:flex;
      align-items:center;
      gap:18px;

    }

    .srp-brand{
      font-size:34px;
      font-weight:700;
      color:#4285f4;
      letter-spacing:-1px;
      flex-shrink:0;
    }
.srp-brand img{
    width: 50px;
}
    .srp-search-area{
      flex:1;
      max-width:720px;
      position:relative;
    }

    .srp-search-input{
      width:100%;
      height:54px;
      border:1px solid #dfe1e5;
      border-radius:40px;
      padding:0 60px 0 24px;
      outline:none;
      font-size:16px;
      transition:0.2s ease;
      background:#fff;
    }

    .srp-search-input:hover,
    .srp-search-input:focus{
      box-shadow:0 2px 12px rgba(0,0,0,0.12);
      border-color:transparent;
    }

    .srp-search-btn{
      position:absolute;
      top:50%;
      right:8px;
      transform:translateY(-50%);
      width:40px;
      height:40px;
      border:none;
      border-radius:50%;
      background:#4285f4;
      color:#fff;
      cursor:pointer;
      font-size:16px;
    }

    .srp-reset-btn{
      color:#1a73e8;
      text-decoration:none;
      font-size:14px;
      font-weight:500;
      white-space:nowrap;
    }

    .srp-reset-btn:hover{
      text-decoration:underline;
    }

    /* BODY */

    .srp-main-layout{
      display:flex;
      align-items:flex-start;
      gap:40px;
      padding:28px 32px 60px;
    }

    /* RESULTS */

    .srp-results-section{
      width:100%;
      max-width:760px;
    }

    .srp-result-count{
      font-size:13px;
      color:#70757a;
      margin-bottom:28px;
      font-family: var(--font-main);
    }

    .srp-result-item{
      margin-bottom:38px;
    }

    .srp-result-link{
      font-size:14px;
      color:#202124;
      margin-bottom:6px;
    }

    .srp-result-link span{
      color:#5f6368;
    }

    .srp-result-title{
      display:inline-block;
      font-size:22px;
      color:#1a0dab;
      text-decoration:none;
      line-height:1.3;
      margin-bottom:10px;
      font-weight:400;
      font-family: var(--font-main);
    }

    .srp-result-title:hover{
      text-decoration:underline;
    }

    .srp-result-text{
      font-size:15px;
      line-height:1.7;
      color:#4d5156;
      font-family: var(--font-sub);
    }

    /* SIDE PANEL */

    .srp-side-panel{
      width:260px;
      border:1px solid #e5e7eb;
      border-radius:14px;
      overflow:hidden;
      background:#fff;
      /* position:sticky;
      top:100px; */
      flex-shrink:0;
    }

    .srp-side-image{
      width:100%;
      height:150px;
      object-fit:cover;
      display:block;
    }

    .srp-side-content{
      padding:12px;
    }

    .srp-side-title{
      font-size:18px;
      margin-bottom:5px;
      font-weight: 600;
      color:#202124;
    }

    .srp-side-description{
      font-size:14px;
      color:#4d5156;
      line-height:1.7;
    }

    /* RESPONSIVE */

    @media(max-width:1100px){

      .srp-main-layout{
        flex-direction:column;
      }

      .srp-results-section{
        margin-left:0;
        max-width:100%;
      }

      .srp-side-panel{
        width:100%;
        position:static;
      }
    }

    @media(max-width:768px){

      .srp-header{
        padding:16px;
      }

      .srp-header-flex{
        flex-wrap:wrap;
      }

      .srp-brand{
        width:100%;
      }

      .srp-main-layout{
        padding:20px 16px 50px;
      }

      .srp-result-title{
        font-size:20px;
      }
    }


    
/* Unique Card */
.nx-job-card {
  width: 100%;
  background: #fff;
  border-radius: 18px;
  padding: 22px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  transition: 0.3s ease;
}



/* Featured Badge */
.nx-feature-badge {
  display: inline-block;
  background: #ffcc33;
  color: #111;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 10px;
  margin-bottom: 18px;
}

/* Job Title */
.nx-job-title {
  font-size: 20px;
  font-weight: 500;
  color: #111827;
  margin-bottom: 14px;
}

/* Company */
.nx-company {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #6b7280;
  font-size: 15px;
  margin-bottom: 12px;
}

/* Details */
.nx-job-detail {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #4b5563;
  font-size: 15px;
  margin-bottom: 12px;
}

.nx-job-detail i,
.nx-company i {
  color: #798190;
  width: 18px;
}

/* Button */
.nx-apply-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 150px;
  background: #427dd4;
  color: #fff;
  text-decoration: none;
  padding: 10px 14px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 400;
  margin-top: 18px;
  transition: 0.3s ease;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
}

.nx-apply-btn:hover {
  background: #1d4ed8;
  border-radius: 40px;
}

.search-job-carousel .item{
    padding: 2px;
}


.search-carousel-btns .owl-nav button{
    border: 1px solid #ccc !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.search-carousel-btns .owl-nav button span{
    font-size: 28px !important;
    padding-bottom: 5px;
    padding-top: 5px !important;
}
.search-carousel-btns .owl-nav button:hover{
    background-color: var(--primary) !important;
}
.search-carousel-btns .owl-nav button:hover span{
    color: var(--color-white);
}

.search-right-side h3{
    font-weight: 600;
    font-size: 18px;
    margin: 12px 0;
}
.deals-main-widget-dt{
  padding-top: 30px !important;
}


.evx-widget-card {
  width: 100%;
  background: #ffffff;
  border-radius: 28px;
  overflow: hidden;
  transition: 0.4s ease;
  position: relative;
  border: 1px solid #ccc;
}



.evx-image-wrap {
  position: relative;
  height: 220px;
  overflow: hidden;
}

.evx-event-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s ease;
}

.evx-widget-card:hover .evx-event-image {
  transform: scale(1.08);
}

.evx-image-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top,
      rgba(0, 0, 0, 0.65),
      rgba(0, 0, 0, 0.1));
}

.evx-date-badge {
  position: absolute;
  top: 18px;
  left: 18px;
  background: #ffffff;
  color: #0b56df;
  padding: 8px 16px;
  border-radius: 14px;
  font-size: 13px;
  font-weight: 500;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.evx-content {
  padding: 14px;
}

.evx-event-title {
  font-size: 20px;
  font-weight: 500;
  color: #111827;
  margin-bottom: 5px;
  line-height: 1.3;
}

.evx-info-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 8px;
}

.evx-info-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.evx-info-icon {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: #eef2ff;
  color: #0b56df;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}

.evx-info-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.evx-info-label {
  font-size: 11px;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

.evx-info-value {
  font-size: 14px;
  color: #111827;
  font-weight: 600;
}

.evx-btn-wrap {
  display: flex;
  justify-content: center;
}

.evx-knowmore-btn {
  width:150px;
  padding: 8px 20px;
  border: none;
  border-radius: 10px;
  background: #427dd4;
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  cursor: pointer;
  transition: 0.35s ease;
  letter-spacing: 0.4px;
  text-decoration: none;
  text-align: center;
}

.evx-knowmore-btn:hover {
  transform: translateY(-2px);
  background-color: #0b56df;
}

.search-deals-carousel .item,.search-event-carousel .item{
  padding: 2px;
}