body {

      margin: 0;

      padding: 0;

    }



    .hero-banner {

    background: url(../image/banner.jpg) no-repeat center center / cover;

    height: 60vh;

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    color: white;

    margin-top: -79px;

}

div#search-section {

    position: relative;

    z-index: 9;

    background-color: #f2dada3b;

    padding: 15px;

}

    .hero-overlay {

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      background: rgb(20 0 50 / 28%);

      z-index: 1;

    }



    .hero-content {

      z-index: 2;

    }



    .hero-content h1 {

      color: #FFFFFF;

    font-family: "Times New Roman", Sans-serif;

    font-size: 64px;

    font-weight: 900;

    text-transform: uppercase;

    line-height: 26px;

    letter-spacing: 1px;

    }



    .navbar {

      background-color: rgb(0 0 0 / 0%);

    }



    .navbar-brand img {

      height: 40px;

    }



    .nav-link {

      color: #fff !important;

      font-weight: 600;

      margin-left: 1rem;

        font-family: "Quicksand", sans-serif;

        text-transform:uppercase;

    }



    .nav-link.active {

      color: #ff3300 !important;

    }

    .hero-content p {

    color: #FFFFFF;

    font-family: "Helvetica", Sans-serif;

    font-size: 16px;

    font-weight: 500;

    line-height: 21px;

    margin-top: 25px;

}



.marketplace-section {

      padding: 60px 0;

      background: #fff;

      text-align: center;

    }

    .marketplace-section h5 {

      color: #e63946;

      letter-spacing: 1px;

      text-transform: uppercase;

    }

    .marketplace-section h2 {

      font-weight: bold;

      font-size: 2.5rem;

      margin-bottom: 40px;

    }

    .marketplace-list {

      display: flex;

      flex-wrap: wrap;

      justify-content: center;

      gap: 15px;

      font-family: Quicksand;

      font-size: 14px;

      color: #555555;

    }

    .marketplace-item {

      background: #fafafa;

      border: 1px solid #f0f0f0;

      border-radius: 5px;

      width: 360px;

      padding: 12px 20px;

      display: flex;

      align-items: center;

      transition: 0.3s;

    }

    .marketplace-item:hover {

      background: #fef1f2;

    }

    .marketplace-item i {

      background: #ef4d4d;

      color: white;

      font-size: 18px;

      padding: 10px;

      border-radius: 50%;

      margin-right: 15px;

      min-width: 40px;

      text-align: center;

    }

    .marketplace-item span {

      text-align: left;

      font-size: 15px;

      color: #333;

    }

section.marketplace-section h5{

  color: #F35359;

    font-family: "Verdana", Sans-serif;

    font-size: 17px;

    font-weight: 500;

    text-transform: capitalize;

    letter-spacing: 3px; 

}



section.marketplace-section h2{

  color: #111111;

    font-family: "Times New Roman", Sans-serif;

    font-size: 42px;

    font-weight: 600;

    text-transform: capitalize;

    line-height: 0.7em;

}



button.btn.btn-outline-danger.px-4 {

    background-color: #1EBBBE;

    border: 1px solid #1EBBBE;

    color: #fff;

    transition: 1s;

}

button.btn.btn-outline-danger.px-4:hover{

  background-color: #D30404;

  border: 1px solid #D30404;

}



.card:hover {

      transform: translateY(-5px);

      transition: 0.3s;

    }

    .featured-badge {

      position: absolute;

      top: 10px;

      left: 10px;

      background-color: crimson;

      color: white;

      font-size: 12px;

      padding: 3px 8px;

      border-radius: 4px;

    }

    .card-img-top {

      height: 180px;

      object-fit: cover;

    }

    .icon-text {

      display: flex;

      align-items: center;

      gap: 5px;

    }

    .hot-section{

      background-color:#F4F5F6;

      margin-top: 60px;

    }

    .hot-section h2{

      color: #111111;

    font-family: "Times New Roman", Sans-serif;

    font-size: 42px;

    font-weight: 900;

    text-transform: capitalize;

    line-height: 0.7em;

    }

   .listing-post-style-15 .listng-author-img {

    width: 50px;

    height: 50px;

    position: absolute;

    right: 20px;

    top: -30px;

    border-radius: 50%;

    border: 5px solid #fff;

}

span {

    font-family: "Quicksand", sans-serif;

    font-size: 16px;

}

.listing-post-style-15 .listng-author-img img {

    border-radius: 50% !important;

}

.listng-author-img {

    display: flex;

    flex-direction: row-reverse;

    margin-top: -39px;

}

.listng-author-img img {

    border: 3px solid #ffffff;

    width: 50px;

    height: 50px;

    border-radius: 50%;

}

.icon {

    max-width: 69px;

    margin-right: 14px;

    height: 33px;

}

h5.card-title {

    font-size: 16px;

    font-weight: 600;

    line-height: 16px;

    text-transform: capitalize;

    color: #333 !important;

}

.book{

  margin-left:15px;

}

.location i{

  color:#c5c5c5;

}



button.btn.btn-primary.px-4 {

    width: 270px;

    text-transform: capitalize;

    border-style: solid;

    background-color: #337ab7;

    line-height: 17px;

}





.contact-section {

    background-color: #fff;

    margin-top: 60px;

}

    .form-title {

          color: #111111;

    font-family: "Times New Roman", Sans-serif;

    font-size: 42px;

    font-weight: 900;

    text-transform: capitalize;

    line-height: 0.7em;

    }

    .form-subtitle {

      color: #f44336;

      font-weight: 500;

    }

    .form-control {

      border: 1px solid #ccc;

      border-radius: 0;

      padding: 14px;

    }

    .btn-custom {

      background-color: #00c4c4;

      color: #fff;

      font-weight: bold;

      border-radius: 0;

      padding: 12px;

      width: 100%;

    }

    .btn-custom:hover {

      background-color: #00a3a3;

    }

    .img-side {

      background-image: url('../image/callout-bg.png'); /* Replace with your actual image path */

      background-size: cover;

      background-position: center;

      min-height: 500px;

    }



     .ekarobar-section {

      display: flex;

      flex-wrap: wrap;

      align-items: flex-start;

      width: 100%;

      height: auto;

    }



    .left-content {

    width: 100%;

    max-width: 60%;

    padding: 60px 50px;

    box-sizing: border-box;

    background-color: #fff;

    position: relative;

    left: 50%;

    background: url('../image/bg3.png') repeat center center;

      background-size: cover;

    transform: translateX(-50%);



}



    .right-image {

      width: 40%;

      

      min-height: 50vh;

    }



    .section-title {

      color: #111111;

    font-family: "Times New Roman", Sans-serif;

    font-size: 42px;

    font-weight: 900;

    text-transform: capitalize;

    }



    .section-subtitle {

      color: #888;

      font-size: 1rem;

      margin-bottom: 40px;

    }



    .step-boxes {

      display: flex;

      background: #fff;

      border: 1px solid #eee;

    }

 .logo-slider {

      background: #f9f9f9;

      padding: 40px 0;

    }

    .owl-carousel .item {

      text-align: center;

      padding: 10px;

    }

    .owl-carousel .item img {

      max-width: 100%;

      height: 60px;

      object-fit: contain;

      transition: filter 0.3s ease;

    }

    .owl-carousel .item img:hover {

      filter: none;

    }

    .step-box {

      flex: 1;

      text-align: center;

      padding: 40px 20px;

      border-right: 1px solid #eee;

    }



    .step-box:last-child {

      border-right: none;

    }



    .step-icon {

      max-height: 100px;

      margin-bottom: 20px;

    }



    .step-title {

      font-weight: 600;

      font-size: 1.2rem;

      margin-bottom: 10px;

    }



    .step-desc {

      font-size: 0.95rem;

      color: #777;

      line-height: 1.6;

    }



    @media (max-width: 991px) {

      .ekarobar-section {

        flex-direction: column;

      }

      .left-content, .right-image {

        max-width: 100%;

        width: 100%;

      }

      .right-image {

        height: 250px;

      }

    }





    .blog-section {

      text-align: center;

    }

    .blog-section h2 {

     color: #111111;

    font-family: "Times New Roman", Sans-serif;

    font-size: 42px;

    font-weight: 900;

    text-transform: capitalize;

    line-height: 0.7em;

    }

    .blog-section p {

      color: #777;

      margin-bottom: 40px;

    }

    .blog-cards {

      display: grid;

      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

      gap: 30px;

      max-width: 1200px;

      margin: 0 auto;

    }



    .card {

      border: 1px solid #eee;

      border-radius: 8px;

      overflow: hidden;

      box-shadow: 0 2px 10px rgba(0,0,0,0.05);

      transition: transform 0.3s ease;

    }



    .card:hover {

      transform: translateY(-4px);

    }



    .card-image {

      position: relative;

      overflow: hidden;

    }



    .card-image img {

      width: 100%;

      height: 200px;

      object-fit: cover;

      display: block;

    }



    .card-image::after {

      content: "";

      position: absolute;

      top: 0; left: 0;

      width: 100%;

      height: 100%;

      background: rgba(255, 0, 0, 0.4);

      opacity: 0;

      transition: opacity 0.3s ease;

    }



    .card:hover .card-image::after {

      opacity: 1;

    }



    .card-content {

      padding: 20px;

      text-align: left;

    }



    .card-content h4 {

      font-size: 18px;

      font-weight: 600;

      margin-bottom: 8px;

      color: #222;

    }



    .card-content .meta {

      font-size: 14px;

      color: #888;

      margin-bottom: 15px;

    }



    .card-content p {

      font-size: 15px;

      color: #555;

      margin-bottom: 20px;

    }



    .card-content a.read-more {

      display: inline-block;

      padding: 10px 20px;

      border: 1px solid #ccc;

      border-radius: 5px;

      color: #333;

      font-size: 14px;

      text-decoration: none;

      transition: background 0.3s ease;

    }



    .card-content a.read-more:hover {

      background: #f0f0f0;

    }

    /*footer*/

    footer {

      background-color: #0E111A;

      color: #ccc;

    }



    .footer-logo h2 {

      font-size: 32px;

      font-weight: 900;

      color: #fff;

    }



    .footer-logo h2 span {

      color: red;

      font-size: 34px;

      display: inline-block;

      transform: rotate(-20deg);

      margin-right: 5px;

    }



    .footer-logo p,

    .footer-contact p {

      color: #aaa;

      font-size: 15px;

      line-height: 1.6;

    }



    .footer-links a {

      text-decoration: none;

      color: #ccc;

      font-size: 15px;

    }



    .footer-links a:hover {

      text-decoration: underline;

    }



    .footer-bottom {

      background-color: #1B1B1B;

      padding: 15px 0;

    }



    .footer-bottom .logo-text {

      font-weight: 900;

      color: #fff;

      font-size: 20px;

    }



    .footer-bottom .logo-e {

      color: red;

      transform: rotate(-20deg);

      display: inline-block;

      font-size: 24px;

      margin-right: 5px;

    }



    @media (max-width: 576px) {

      .footer-bottom .d-flex {

        flex-direction: column;

        align-items: flex-start !important;

        gap: 10px;

      }

    }



    /*details-page*/

    .navbar {

    

      padding: 16px 0;

      box-shadow: 0 1px 4px rgba(0,0,0,0.06);

    }

    .navbar-inner {

      display: flex;

      align-items: center;

      justify-content: space-between;

    }

    .navbar-left {

      display: flex;

      align-items: center;

    }

    .logo {

      font-size: 28px;

      font-weight: 900;

      color: #000;

      display: flex;

      align-items: center;

      margin-right: 20px;

    }

    .logo-icon {

      color: red;

      font-size: 28px;

      transform: rotate(-20deg);

      margin-right: 6px;

    }

    .search-box {

      display: flex;

      border: 1px solid #ddd;

      border-radius: 4px;

      overflow: hidden;

      height: 40px;

    }

    .search-box input {

      border: none;

      padding: 0 10px;

      outline: none;

      font-size: 14px;

    }

    .search-box .keyword {

      width: 200px;

      position: relative;

    }

    .search-box .keyword::after {

      content: 'search';

      font-family: 'Material Icons';

      position: absolute;

      right: 10px;

      color: #666;

      pointer-events: none;

    }

    .search-box .location {

      width: 160px;

      border-left: 1px solid #ddd;

      background-image: url('https://fonts.gstatic.com/s/i/materialicons/location_on/v9/24px.svg');

      background-repeat: no-repeat;

      background-position: 96% center;

      background-size: 18px;

    }

    .search-box button {

      background-color: #ff375f;

      border: none;

      color: white;

      padding: 0 18px;

      cursor: pointer;

      transition:1s;

    }

.search-box button:hover{

background-color:#23c8b9;

}

    .navbar-right {

      display: flex;

      align-items: center;

      gap: 20px;

      font-size: 14px;

    }

    .navbar-right a {

      text-decoration: none;

      color: #333;

    }





     .card {

      border-radius: 10px;

      overflow: hidden;

      box-shadow: 0 2px 8px rgba(0,0,0,0.05);

    }

    .views {

      padding: 10px;

      font-size: 14px;

      color: #555;

      display: flex;

      align-items: center;

      gap: 5px;

    }

    .views .material-icons {

      color: #4caf50;

    }

    .action-buttons {

      position: absolute;

      top: 10px;

      right: 10px;

      display: flex;

      gap: 5px;

    }

    .action-buttons button {

      background-color: #f4f6f8;

      border: none;

      border-radius: 5px;

      padding: 6px;

    }

    .profile-avatar {

      width: 60px;

      height: 60px;

      border-radius: 50%;

      background-color: #ddd;

      margin: 0 auto;

    }

    .email-box {

      background-color: #444;

      color: white;

      padding: 10px;

      display: flex;

      align-items: center;

      gap: 10px;

      border-radius: 4px;

    }

    .send-btn {

      background-color: #ff4d4d;

      color: white;

      border: none;

    }

    .send-btn:hover {

      background-color: #e33e3e;

    }

    .directorypress-listing.default .listing-metas-single {

    margin-bottom: 10px;

}

.directorypress-single-radius-style .listing-metas-single {

    padding-top: 0;

}

.listing-views {

    padding: 12px 15px;

    line-height: 1;

    margin-right: 10px;

    background: #f6f6f6;

    border-radius: 3px;

}

i.fas.fa-eye {

    color: #23C8B9;

}



.single-listing-btns ul {

    margin: 0 -3px;

    padding: 0;

}

.single-listing-btns ul li {

    list-style: none;

    display: inline-block;

    padding: 0 3px;

    margin: 0;

}

.profile-card {

      border: 1px solid #ddd;

      border-radius: 10px;

      padding: 20px;

      max-width: 300px;

      background-color: #f9f9f9;

    }

    .profile-card img {

      border-radius: 50%;

      width: 50px;

      height: 50px;

    }

    .profile-card .btn-view-ads {

      background-color: #f1f1f1;

      border: 1px solid #ddd;

      border-radius: 5px;

      color: #777;

    }

    .profile-card .email {

      color: #888;

      font-size: 0.9rem;

    }

    #user-image{

          width: 72px;

    height: 65px;

    border-radius: 50%;

    overflow: hidden;

    border: 4px solid #f0f0f0;

    object-fit: cover;

    }

   a{

    color: #000;

   }

    .card-custom {

      background-color: #fff;

      border-radius: 10px;

      box-shadow: 0 0 10px rgba(0,0,0,0.05);

      padding: 20px;

      margin-bottom: 20px;

    }

    .card-title-small {

      font-weight: 600;

      font-size: 1rem;

      margin-bottom: 10px;

    }

    .map-box iframe {

      width: 100%;

      height: 250px;

      border: none;

    }

    .open-status {

      font-size: 0.9rem;

      color: green;

    }

    td.time{

      text-align:right;

    }







    .btn-light {

  background-color: #f7f7f7;

  border: 1px solid #e0e0e0;

  transition: all 0.2s ease-in-out;

}



.btn-light:hover, .btn-light:focus {

  background-color: #e2e2e2;

}

    .map-card {

      background: #fff;

      border-radius: 10px;

      padding: 15px;

      box-shadow: 0 2px 8px rgba(0,0,0,0.05);

    }

    .input-group-text {

      width: 40px;

      justify-content: center;

      font-weight: bold;

      color: white;

    }

    .input-group-text.a { background-color: #4299e1; }  /* Blue */

    .input-group-text.b { background-color: #48bb78; }  /* Green */

    .map-control-buttons button {

      font-size: 0.85rem;

    }

    .map-view {

      height: 250px;

      border-radius: 10px;

      margin-top: 10px;

      background: url('../image/map.png') center/cover no-repeat;

    }



    .custom-owl-carousel .item {



    justify-content: center;

    align-items: center;

}



.custom-owl-carousel .item img {

    width: 100%;

    max-width: 500px; /* Adjust this as per your need */

    height: auto;

}

#list-image img{

  max-width: 50px !important;

}

.text-muted.mt-2.small.location {

    text-align: left;

}

#card_icon img{

  max-width: 30px;

}

.xx-location {

    display: flex;

    justify-content: space-between;

}

.price{

  margin-top:10px;

}

#card_icon,h5.card-title {

    font-size: 17px;

    font-weight: 600;

    line-height: 46px;

    text-transform: capitalize;

    color: #333 !important;

    display: flex

;

}



.single-listing #comments-reviews {

    background: #fff;

    padding: 30px;

}

.single-listing #comments-reviews section#comments {

    padding-top: 0;

}

.single-listing #comments-reviews .inner-content #respond {

    margin: 0;

}

.single-listing #comments-reviews .comment-reply-title {

    font-weight: bold;

}

#commentform p {

    width: 100%;

    display: block;

        font-size: 24px;

    color: #777777;

    line-height: 28px;

}

.comment-form-website, .comment-form-email, .comment-form-name {

    float: left;

}

.comment-form-row {

    display: inline-block;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    margin-bottom: 15px;

    padding-right: 15px;

    width: 50%;

    position: relative;

}

.comment-form-row.comment-form-email {

    padding-right: 0;

}

#new_rating_wrapper {

    position: relative;

    width: 280px;

    font-size: 14px;

    display: inline-block;

}

#new_listing_rating {

    position: absolute;

    bottom: 0;

    right: 0;

}

.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {

    font-size: 16px;

    color: #ff9700;

    vertical-align: middle;

}

.dir--title input {

    border: 1px solid #eee;

    width: 100%;

    padding: 20px 20px;

    margin-top: 20px;

}

.category-box {

      background: #f8f9fa;

      border-radius: 12px;

      padding: 15px;

      

     

    }

    .category-item {

      padding: 10px 0;

      border-bottom: 1px solid #e0e0e0;

      display: flex;

      justify-content: space-between;

      font-size: 0.95rem;

      color: #212529;

    }

    .category-item:last-child {

      border-bottom: none;

    }

    .category-count {

      color: #6c757d;

      font-weight: 500;

    }



     .safety-card {

      background: #ffffff;

      border-radius: 12px;

      padding: 20px;

      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);

    }

    .safety-title {

      border-left: 3px solid #dc3545;

      padding-left: 10px;

      font-weight: 500;

      margin-bottom: 10px;

    }

    .safety-list {

      margin-bottom: 0;

      color: #555;

      font-size: 0.95rem;

    }





    .listing-card {

      border-radius: 12px;

      overflow: hidden;

      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);

      background: #fff;

      margin-bottom: 20px;

    }

    .listing-img {

      height: 180px;

      object-fit: cover;

      width: 100%;

    }

    .badge-featured {

      position: absolute;

      top: 10px;

      left: 10px;

      background: #dc3545;

      color: #fff;

      font-size: 0.75rem;

      padding: 3px 8px;

      border-radius: 4px;

    }

    .status-open {

    position: absolute;

    top: 10px;

    right: 10px;

    font-size: 0.8rem;

    color: #28a745;

    font-weight: 500;

    background-color: #fff;

    padding: 5px 15px;

    border-radius: 20px;

}

    .status-open::before {

      content: "";

      display: inline-block;

      width: 8px;

      height: 8px;

      background-color: #28a745;

      border-radius: 50%;

      margin-right: 5px;

    }

      .form-select-sm {

    min-width: 80px;

  }

    .listing-footer {

      font-size: 0.85rem;

      color: #6c757d;

    }

    .listing-icon {

      font-size: 1.2rem;

      margin-right: 5px;

    }

    .box-thumb{

      margin-top: 15px !important;

    border-radius: 10px;

    padding-left: 20px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    overflow: hidden;

    }

    #text strong{

      margin-left: 8px;

    }

    .user-avatar {

    position: absolute !important;

    bottom: 141px;

    right: 10px;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    border: 2px solid #fff;

    background-color: #f8f9fa;

}

.main-div{

  background-color:#ecf1f8;
  padding-top: 25px;
  padding-bottom: 25px;

}

  .bg-primary {

    background-color: #3c4176 !important; /* Adjust this to match the exact blue if needed */

  }


div#company-form h5 {
    color: #ef4d4d;
    font-size: 26px;
    font-weight: 700;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #ef4d4d 1px;
  
}
span.select2-selection.select2-selection--multiple{
  border: solid #ef4d4d 1px;
}
div#company-form input {
    border: 1px solid #ef4d4d;
}
div#company-form select {
    border: 1px solid #ef4d4d;
}
  .p-4.border.bg-white.shadow-sm {

    height: 100%;

    position: relative;

    top: -88px;

    z-index: 9;

}

 .contact-section {

     

    }

    .form-control, .btn {

      border-radius: 0;

    }

    .btn {

      background-color: #667080;

      color: white;

    }

    .btn:hover {

      background-color: #4f5a6a;

    }


    h5#popupModalLabel {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
}

button.btn.btn-primary.w-100 {
    background-color: #ef4d4d;
    border: none;
    border-radius: 5px;
}
.modal-header {
    background-color: #ef4d4d;
    color: #fff;
}
.modal-content {
    border: 3px solid #ef4d4d;
}

 .stars {
      display: flex;
      gap: 5px;
      font-size: 40px;
      cursor: pointer;
      color: #ccc;
    }

    .stars .star.active {
      color: #FFD700; /* Gold color */
    }

    span.star {
    font-size: 34px;
}

.select2-container .select2-selection--multiple{min-height: 56px !important;}
div#company-form label {
    margin-top: 10px;
    margin-bottom: 10px;
}

button.btn.btn-primary.w-100 {
    max-width: 165px;
    display: flex;
    justify-content: center;
    margin: 0px auto;
    margin-bottom: 30px;
}
div#company-form {
    border: 1px solid #ef4d4d;
    padding: 17px;
    margin-bottom: 25px !important;
    background-color: #fff;
}

/*responsive*/

@media(max-width: 768px){
  div#company-form{overflow: hidden;}
}