body{
  font-family: "Montserrat", sans-serif;
}
.no_gig_card{text-align: center;}
.gigCardD{position: relative;}
.featured{position: absolute;right:0}
.subheading_left{font-size: 60px; font-weight: 400; line-height: 88px;}
.subheading_right{font-size: 60px; font-weight: 600; line-height: 88px;}
.subheading_text{font-size: 16px; font-weight: 500;padding-top: 15px;}
.page_title{font-size: 16px;font-weight: 500;}
.gig_title{font-size: 24px; font-weight: 600; line-height: 25.34px}
.gig_category{font-size: 17px; font-weight: 600; line-height: 25.34px}
.gig_budget{font-size: 16px; font-weight: 600; line-height: 25.34px; margin-top: 4px;}
.contact_us_header{background-color: #FF0000; color: #fff;padding: 10px 25px; font-weight: 500;text-decoration: none;}
.contact_us_header:hover{background-color: #FF0000 !important; color: #fff;padding: 10px 25px;}
.detail_icons{padding-right: 5px;}
.share_icon{padding-bottom: 1px;}
.sub-header {background: url('../images/header-bg.png') center/cover no-repeat;background-size: cover;position: relative;min-height: 400px; /* Adjust height as needed */
  display: flex;align-items: center;justify-content: center;text-align: center;color: #fff;padding: 2rem 0;}
.sub-header::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.sub-header h2,.sub-header h1,.sub-header p {position: relative;z-index: 2;}
/* Search Bar Styling */
.search-bar {margin-top: 20px;}
.search-bar .input-group {background-color: #fff;border-radius: 10px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);overflow: hidden;}
.search-bar .input-group-text {background-color: transparent;border: none;color: #6c757d;padding-left: 1rem;}
.search-bar .form-control {border: none;background-color: transparent;}
.search-bar .form-control:focus {box-shadow: none; /* Remove blue focus outline */}
.gig-card {background: #fff;border-radius: 15px;padding: 20px;box-shadow: 0px 0px 16px 0px #0000001F;transition: 0.3s;}
.gig-card:hover {transform: translateY(-5px);}
.gig-icon {background: #ffecec;padding: 12px;border-radius: 5px;}
.gig-icon img {width: 45px;height: 45px;}
.gig_featured {background: #FF0000;color: #fff;font-size: 12px;padding: 6px 12px;border-radius: 20px;font-weight: 600; line-height: 10px;}
.gig_posted {font-size: 14px;color: #666;margin: 0; line-height: 24px; font-weight: 400}
.gig-details p {margin: 6px 0;font-size: 12.91px;color: #333; font-weight: 400; line-height: 21px;}
.gig-details i {color: #666; margin-right: 6px;}
.arrow-btn {background: #FF0000;color: #fff;width: 40px;height: 40px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;text-decoration: none;
font-size: 18px;transform: rotateZ(360deg);}
.arrow-btn:hover {background: #c00;color: #fff;}
.footer-section {background: #fff;}
.footer-bottom {background: #fff;border-top: 1px solid #eee;font-size: 14px;color: #333;}
.footer-bottom .brand {color: #FF0000; /* #FF0000 highlight */font-weight: 600;}
.footer-bottom .footer-links a {color: #000000;text-decoration: none;margin: 0 5px;}
.footer-bottom .footer-links a:hover {color: #000000;text-decoration: underline;}
.footer-section {background: url("../images/footer-bg.png") no-repeat center center;background-size: cover;color: #fff;position: relative; display: flex; align-items: center; min-height: 450px;}
.footer-section::before {  content: "";  position: absolute;  top: 0; left: 0;  width: 100%; height: 100%;}
.footer-section h5,.footer-section p,.footer-section a {position: relative;z-index: 1;color: #fff;}
.tagline_color{ color: #FF0000;}
.footer_tagline{font-size: 43px; font-weight: 500; line-height: 62px;}
.copy_right{font-size: 12.58px;font-weight: 400;line-height: 21px;}
.footer-links{font-size: 12.91px; line-height: 21px; font-weight: 400;}
/* Gig Detail Section */
.gig-detail-section {background-color: #fff;padding: 60px 0;}
/* Gig Info Card (Wrapper for Header + Info Items) */
.gig-info-card {background-color: #fff;border-radius: 10px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);padding: 25px 20px;
  margin-bottom: 30px;}
/* Gig Header (inside card) */
.gig-header {display: flex;justify-content: space-between;align-items: center;padding-bottom: 15px;margin-bottom: 20px;}
.gig-title .gig-name {font-size: 40px;font-weight: 600;margin: 0;line-height: 88px;color: #000000;}
.gig-title .gig-type {font-size: 24px;color: #555555;margin: 5px 0 0;line-height: 21px;font-weight: 400;}
.gig-header .apply-btn {background-color: #FF0000;color: white;padding: 15px 10px;border: none;border-radius: 25px;font-size: 15px;cursor: pointer;transition: all 0.3s ease;line-height: 15px;font-weight: 500;width: 150px !important;}
.gig-header .apply-btn:hover {background-color: #FF0000;}
/* Info Items inside card */
.gig-info-card .info-item {flex: 1;min-width: 200px;display: flex;align-items: center;}
.gig-info-card i {font-size: 20px;color: #f44336;margin-right: 10px;}
.info-text {font-size: 18px;font-weight: 600;color: #555555;line-height: 24px;}
.gig-info-card small {font-size: 14px;color: #888;line-height: 24px;font-weight: 400;}
/* Common Details + Info Cards */
.detailPage,
.info-card {background-color: #fff;border-radius: 10px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);padding: 20px;margin-bottom: 30px;}
.detail-title {font-size: 23px;font-weight: 600;margin-bottom: 12px;color: #222;border-bottom: 1px solid #eee;padding-bottom: 15px;line-height: 25.34px;}
.detailPage p,
.info-card p {font-size: 18px;color: #555;margin: 0;line-height: 30px; font-weight: 400;}
.signup-required-section::before {content: "";position: absolute;top: 0; left: 0; right: 0; bottom: 0;}
.signup-required-section .container {position: relative;z-index: 2;}
.signup-required-section .small-text {font-size: 16px;opacity: 0.9;font-weight: 500;line-height: 17px;}
.signup-required-section .main-heading {font-size: 50px;font-weight: 400;margin-bottom: 15px;line-height: 55px;}
.signup-required-section .description {font-size: 15px;color: #ddd;max-width: 700px;margin: 0 auto;}
.signup-required-section .join-btn {background: #fff;color: #FF0000;padding: 12px 25px;border-radius: 25px;font-size: 16px;font-weight: 600;border: none;transition: all 0.3s ease;}
.signup-required-section .join-btn:hover {background: #FF0000;color: #fff;}
.similar_gigs_title{font-size: 35px;font-weight: 500; line-height: 58px;}
.inactive-title{font-size: 35px; font-weight: 500; line-height: 58px;}
.popup-card {background-color: #fff; /* Dark background color */border: none;border-radius: 1rem;}
.popup-subheading {color: #555555;font-size: 16px;font-weight: 400;margin-bottom: 0.5rem;line-height: 30px;}
.popup-heading {color: #000;font-size: 35px;line-height: 38px;font-weight: 400;}
.popup-highlight {color: #FF0000; font-weight: 500;}
.popup-highlight-app{font-weight: 600;}
.popup-text {color: #555555;font-size: 14px;line-height: 30px;font-weight: 400;}
.popup-image-container {width: 100%;height: auto;overflow: hidden;border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;    padding: 0px 10px 0px 10px;}
.popup-image-container img {width: 100%;height: auto;display: block;}
/* Styles for the close button */
.btn-close {color:#000;opacity: 1;}
/* Ensure the modal is properly centered */
.modal-dialog-centered {display: flex;align-items: center;min-height: calc(100% - 1rem);}
.gig-type-text{font-size: 18px;}
@media (max-width: 768px) {
  .subheading_left{font-size: 25px;line-height: 25px;}
  .subheading_right{font-size: 25px;line-height: 35px;}
  .subheading_text{font-size: 11px;}
  .gig_category{font-size: 15px;}
  .gig_budget{font-size: 14px;}
  .gig_posted{font-size: 9px;}
  .gig-details p{font-size: 10.9px}
  .arrow-btn{width: 33px;height: 33px;}
  .gig_featured{font-size: 10px;}
  .gig_title{font-size: 18px;}
  .mobileHide{display: none;}
  .footer_tagline{font-size: 20px;line-height: 35px;}
  .footerTopsection{padding-top: 20px;}
  .em_logo{width: 100px;}
  .contact_us_header{padding: 6px 15px;font-size: 12px;}
  .search-bar{width: 90% !important;}
  .gig-header .apply-btn{font-size: 15px;width: 250px !important;}
  .gig-title .gig-name{font-size: 23px;line-height: 32px;} 
  .detail-title{font-size: 14px;}
  .info-text{font-size: 13px;}
  .signup-required-section .join-btn{font-size: 12px;}
  .inactive-title{font-size: 16px;line-height: 30px;}
  .popup-heading{font-size: 17px; line-height: 26px;}
  .signup-required-section .main-heading{font-size: 20px;line-height: 35px;}
  .signup-required-section .description{font-size: 13px;}
  .footer-section{min-height: 250px;}
  .sub-header{min-height: 250px;}
  #share-link{font-size: 9px;}
  .gig-type-text{font-size: 15px;}
  .gig-title .gig-type{font-size: 17px;}
  .gig-header{display: inherit !important;}
  
}

@media (min-width: 574px) and (max-width: 1024px) {
  
  .tabWidth{width: 50%;}
  .container{max-width:100% !important}
  

}

@media screen and (max-width:1340px){
p.gig_posted {
    font-size: 10px ;
}
}