@media only screen and (max-width: 768px) { 
.main {
height:73px;
}
}
.category-title a{
  text-decoration:none;
  color:#3b86c5;
  text-transform:uppercase;
  display:flex;
font-weight:600;

}
.image-category{
  height:500px;
}
#mw-element-1751543832216,#mw-element-1751543832244,#mw-element-1751545635594,#mw-element-1751629886458,#mw-element-1751813128505,#mw-element-1751813666272,
#mw-element-1751688368826,#mw-element-1750501654200{
  background: linear-gradient(90deg, #081036, #3b86c5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  font-weight: bold;
}
.skin-1-mobile-header-wrapper .mobile-header-burger .mobile-header-burger-icon svg {
    stroke:#3b86c5 !important;
}
.form-control,
.form-select {
  border: 1px solid #ccc !important;
  background-color: #fff !important;
  color: #333 !important;
  padding: 6px 12px !important;
  font-size: 18px;
  height: auto !important;
  outline: none;
  transition: border-color 0.3s ease;
}
.form-control:focus,
.form-select:focus {
  border-color: #4CAF50 !important; 
}
.module-shop-products h6{
  color:#06402B;
 
}
.module-shop-products .price{
  color:#06402B !important;
  font-weight:700;
 
}
.center-button {
  padding: 8px 35px;
  background-color: transparent; /* corrected typo */
  color: #fff;
  border: 2px solid #fff;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
  transition: background 0.3s ease;
  min-width: 150px; /* Added for wider button */
  text-align: center; /* Center text inside */
}

  .center-button:hover {
    background-color: #fff;
    color:#000;
	border:1px solid #06402B;
  }
 .button-group {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    margin-top: 20px;
  }

 .btn-custom {
  background-color: transparent;
  color: white;
  font-family: 'Poppins', sans-serif;
  border: 2px solid white;
  padding: 10px 35px;
  text-decoration: none;
  min-width: 150px;
  transition: background 0.3s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.img-as-background{
  height:350px !important;
}
@media (max-width: 768px) {
 .module-categories-category-images.img-as-background{
  height:300px !important;
}
  .module-categories-category-images .slick-slider .slick-dots{
  margin-top:-46px !important;
 }
 
  .module-shop-products h6{
 font-size:14px;
 
}
.module-shop-products .price{
   font-size:14px;
 
}
  #mw-element-1751543832243{
	 font-size:20px !important;
  }
}


  .btn-custom:hover {
    background-color: #fff;
	color:#000;

  }
/*centerbutton*/
  .center-button {
    padding: 10px 35px;
     background: linear-gradient(90deg, #081036, #3b86c5);
    color: #fff;
    border: 2px solid #fff;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    transition: background 0.3s ease;
    text-align: center;
    font-size: 16px;
    border-radius: 0;
    flex: 1;
  }

  .center-button:hover {
    background-color: #fff;
    color: #000;
  }

  .left-btn {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }

  .right-btn {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }

  .button-wrapper {
    display: flex;
    margin: 20px 0;
    justify-content: flex-start;
    width: 100%;
  }

  /* Mobile responsive */
  @media (max-width: 768px) {
    .button-wrapper {
      flex-direction: column;
      align-items: flex-start; /* Align to start in mobile */
    }

    .center-button {
      width: 80%;
      max-width: 300px;
      margin: 6px 0;
      border-radius: 6px !important;
    }
  }
/*centerbutton END*/
/*custom button radio css*/
.custom-radio-group {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 10px;
  padding: 10px 0;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  margin-bottom: 15px;
}

.custom-radio-group::-webkit-scrollbar {
  display: none;
}

/* Each radio button */
.custom-radio {
  flex: 0 0 auto;
  margin: 0;
}

/* Hide the native radio input */
.custom-radio input[type="radio"] {
  display: none;
}

/* Stylish label as button */
.custom-radio label {
  display: inline-block;
  padding: 6px 16px;
  min-width: max-content;
  border: 1px solid #ccc;
  border-radius: 8px;
  background: linear-gradient(135deg, #fafafa, #f0f0f0);
  font-size: 14px;
  font-weight: 500;
  color: #444;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  white-space: nowrap;
}

/* Hover effect */
.custom-radio label:hover {
  background: linear-gradient(135deg, #06402B, #FFF);
  border-color: #999;
}

/* Checked/Active style */
.custom-radio input[type="radio"]:checked + label {
  background: linear-gradient(135deg, #000, #555);
  border-color: #000;
  color: #fff;
  box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2);
}

/*custom button radio css END*/
/*Simplifying your serach*/
.job-banner-section {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      
    }

    .job-banner-content {
      flex: 1;
      max-width: 50%;
    }

    .job-banner-content h2 {
      font-size: 36px;
      font-weight: 600;
      margin-bottom: 20px;
	   background: linear-gradient(90deg, #081036, #3b86c5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  font-weight: bold;
    }

    .job-banner-content p {
      font-size: 14px;
      line-height: 1.6;
      margin-bottom: 20px;
      color: #666;
    }

    .banner-cta-btn {
     background-color: #424242;
      color: #fff;
      padding: 12px 24px;
      border: none;
      border-radius: 6px;
      font-weight: 600;
      cursor: pointer;
      transition: 0.3s ease;
      text-decoration: none;
      display: inline-block;
    }
 .banner-cta-btn:hover{
   color:#000 !important;
}
    .job-banner-image-wrapper {
      flex: 1;
      max-width: 45%;
      position: relative;
    }

    .job-banner-image-wrapper img {
      width: 100%;
      border-radius: 20px;
    }

    .experience-badge {
      position: absolute;
      bottom: 20px;
      right: 20px;
      background: #ddef40;
      padding: 20px;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
      text-align: center;
    }

    .experience-badge span {
      font-size: 30px;
      font-weight: 700;
      color: #424242 ;
	  line-height:1.4!important;
    }

    .experience-badge small {
      display: block;
      font-size: 14px;
      color: #333;
    }

    @media (max-width: 768px) {
      .job-banner-section {
        flex-direction: column;
      }

      .job-banner-content,
      .job-banner-image-wrapper {
        max-width: 100%;
      }

      .job-banner-image-wrapper {
        margin-top: 30px;
      }

      .experience-badge {
        bottom: 10px;
        right: 10px;
        padding: 16px;
      }
    }
/*Simplifying your serach END*/