.slider-container {
    max-width: 100%;
    overflow: hidden;
}

.slider-item {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*height: 150px; !* Adjust height as needed *!*/
    text-align: center;
    padding: 4px;
    /*margin: 0 auto;*/
    max-width: 200px; /* Adjust the size of the images */
    max-height: 200px;
}

.slider-item img {
    max-width: 200px; /* Adjust the size of the images */
    max-height: 200px;
    object-fit: cover;
    margin-bottom: 10px;
    /*margin: 0 auto;*/
}




.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}





/*.slick-prev, .slick-next {*/
/*    background-color: #fff; !* Change background color *!*/
/*    border-radius: 50%; !* Make the arrows circular *!*/
/*    width: 30px;*/
/*    height: 30px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    font-size: 14px;*/
/*    color: #000; !* Change arrow color *!*/
/*    z-index: 1;*/
/*}*/

.otp-wrapper {
    text-align: center;
    margin: 15px auto;
    /*padding: 20px;*/
    border-radius: 8px;
    /*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);*/
    max-width: 400px;

}

.otp-message {
    font-size: 18px;
    color: white;
    margin-bottom: 15px;
}

.otp-input-container {
    margin-top: 10px;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
}

.otp-input {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem; /* Reduced space between inputs */
    flex-wrap: wrap; /* Allow wrapping if there's not enough space */

}

.otp-input__box {
    width: 40px; /* Smaller width */
    height: 40px; /* Smaller height */
    text-align: center;
    font-size: 18px; /* Adjusted font size */
    font-weight: 700;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px; /* Adjust padding to fit text inside the small box */
}

.otp-verify-btn {
    /*width: 40px; !* Small square button *!*/
    height: 40px; /* Match the size of the input boxes */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px; /* No padding, just icon size */
    font-size: 16px; /* Font size for the icon */
    font-weight: 700;
    margin-left: 1rem; /* Adjust space between the last input box and the button */
    border-radius: 4px;
    background-color: #28a745; /* Green background */
    color: white; /* White icon color */
    border: none; /* Remove border */
    cursor: pointer; /* Pointer cursor on hover */
}

.otp-verify-btn:hover {
    background-color: #218838; /* Darker green on hover */
}

@media (max-width: 768px) {
    /* Adjustments for mobile screens */
    .otp-input {
        gap: 0.3rem; /* Even smaller gap between inputs on mobile */
    }

    .otp-input__box {
        max-width: 40px; /* Reduced width for mobile */
        max-height: 30px; /* Smaller height for mobile */
        font-size: 14px; /* Smaller font for mobile */
    }

    .otp-verify-btn {
        height: 30px; /* Match button height to input box */
        padding: 0 15px; /* Adjust button padding for smaller screens */
        font-size: 14px; /* Adjust font size */
    }
}

.custom--table {
    width: 100%;
    table-layout: auto; /* Adjusts column widths based on content */
    border-collapse: collapse;

}

.custom--table td {
    white-space: nowrap; /* Prevents text from wrapping within table cells */
}

.status-select,
.allow-select,
.seller-confirm-select,
.paid-select,
.form-control {
    width: 100% !important; /* Ensure the input/select takes full width of the cell */
    max-width: 100%; /* Prevents the input/select from exceeding the cell width */
    min-width: 100px; /* Sets a minimum width for consistency */
}

/* Optional: Adjust padding to ensure better spacing */
.form-control {
    padding: 4px; /* Smaller padding for better fit */
}

/* Ensure the table is responsive */
.table-responsive {
    overflow-x: auto; /* Adds horizontal scrolling if needed */
}

.preloader__inner {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center horizontally */
    justify-content: center; /* Center vertically */
}

.preloader__logo {
    margin-bottom: 10px; /* Adjust this value as needed to position the logo relative to the stars */
}

.preloader__ratings {
    display: flex;
    justify-content: center; /* Center stars horizontally */
    margin-top: 10px; /* Adjust this value as needed to position the stars relative to the logo */
}

.preloader__ratings i {
    margin: 0 2px; /* Space between the stars, adjust as needed */
}



/* Optional: Add a border to the dropdown */
.custom--dropdown {
    position: relative;
    display: inline-block;
}

#dropdownMenu {
    display: none; /* Initially hide the dropdown */
    position: absolute;
    background-color:  #17173a !important;

    /*min-width: 200px; !* Adjust as needed *!*/
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1;
    /*border-radius: 5px;*/
    /*padding: 10px 0;*/
    border: none;

}

#dropdownMenu .dropdown-list__item {
    display: flex;
    align-items: center;
    /*padding: 10px 15px;*/
    transition: background-color 0.3s ease;
    white-space: nowrap; /* Prevents text from wrapping */
}

#dropdownMenu .thumb {
    width: 30px; /* Adjust the size of the flag as needed */
    height: 30px;
    display: inline-block;
    /*margin: 10px 10px 0 0 ; !* Space between the flag and the text *!*/
    flex-shrink: 0; /* Prevent the flag from shrinking */
}

#dropdownMenu .text {
    font-size: 16px;
    color: #eaeaea;
    display: inline-block;
    margin-left: 3px;
}

/*#dropdownMenu .dropdown-list__item:hover {*/
/*    background-color: #212529; !* Background color on hover *!*/
/*}*/



.contact-info-list {
    display: flex;
    /*justify-content: flex-start; !* Align the list items to the start *!*/
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
}

.contact-info-list li {
    display: flex;
    align-items: center; /* Ensure icon and text are aligned in the center */
    margin-right: 20px; /* Adjust spacing between list items */
}

.contact-info-list .icon {
    display: inline-flex; /* Ensure the icon and text are inline */
    align-items: center; /* Align icon and text vertically */
    justify-content: center;
    /*margin-right: 10px; !* Space between icon and text *!*/
}

.contact-info-list .icon i {
    font-size: 24px; /* Adjust icon size as needed */
    line-height: 1; /* Ensures the icon is aligned with text */
}

.contact-info-list .content p {
    margin: 0;
    display: flex;
    align-items: center; /* Align the text with the icon */
}





.social-links {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

.social-links li {
    margin: 0 10px; /* Adjust spacing between the social icons */
}

/* Custom success toastr */
#toast-container .toast-success {
    background-color: #28a745; /* Green background */
    color: #fff; /* White text */
}

/* Custom error toastr */
#toast-container .toast-error {
    background-color: #dc3545; /* Red background */
    color: #fff; /* White text */
}

#no-items-found {
    display: flex;
    justify-content: center;
    align-items: center;
    /*height: 100vh; !* Center vertically within the viewport *!*/
    /*width: 100%; !* Center horizontally *!*/
    /*font-size: 1.5rem; !* Adjust font size as needed *!*/
    /*text-align: center;*/
    /*color: #333; !* Adjust color as needed *!*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
}


#no-search-found {
    display: flex;
    justify-content: center;
    align-items: center;
    /*height: 100vh; !* Center vertically within the viewport *!*/
    /*width: 100%; !* Center horizontally *!*/
    /*font-size: 1.5rem; !* Adjust font size as needed *!*/
    /*text-align: center;*/
    /*color: #333; !* Adjust color as needed *!*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
}

/*//////////////////////////////////////////////////////*/
@media (max-width: 1199px) {
    .cta-card__title {
        font-size: 1.375rem;
        text-align: center !important;
        margin-top: 15px; /* Add some spacing between the icon and the title */

    }
}

@media (max-width: 768px) {
    .col-md-4 img {
        width: 100%; /* Make the image take up the full width of its container */
        height: auto; /* Maintain the aspect ratio */
        object-fit: cover; /* Ensure the image covers the container while maintaining its aspect ratio */
        max-width: 100%; /* Ensure the image doesn't exceed the container's width */
        max-height: 300px; /* Limit the height if necessary */
    }
}

.cta-card__title{
    text-align: start ;
}

@media (max-width: 1199px) {
    .cta-card__icon {
        width: 75px;
        height: 75px;
        margin: 0 auto; /* Center the icon container horizontally */
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
    }

    .choose-item {
        text-align: center; /* Center the entire content */
    }

}


.full-page-section {
    height: 100vh; /* Full height of viewport */
    width: 100vw;  /* Full width of viewport */
    display: flex;
    justify-content: center;
    align-items: center;
}

.full-page-section .container-fluid {
    height: 100%; /* Ensure container takes full height */
}

.full-page-section p {
    color: black;
    font-size: 18px;
    font-weight: bold;
}


.profile-photo {
    width: 60px; /* Set the width to make it small */
    height: 60px; /* Set the height to make it a square */
    border-radius: 50%; /* Make the image circular */
    object-fit: cover; /* Ensure the image fits within the circle */
    margin-right: 20px;
}

.card-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    background-color: #fff;
    height: 300px; /* Adjust height */
    width: 100%;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-decoration: none;
    color: #333;
}

.card-container svg {
    margin-bottom: 20px;
    width: 150px;  /* Smaller SVG width */
    height: 150px; /* Smaller SVG height */
    fill:  #42a0d2; /* Blue color */
    stroke: #bbbaba; /* Blue color */

    /*transition: fill 0.3s ease; !* Smooth color transition *!*/
}

.card-container h3 {
    font-size: 28px; /* Bigger title */
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.card-container p {
    font-size: 18px;
    color: #666;
}

.card-container:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);
}

.card-container:hover svg  {
    fill: #3281ab; /* Darker blue on hover */
}



/*/////////////////////////////////*/

.company-header {
    position: relative;
    background-color: #3f5d87; /* Change this to your preferred color */
    /*height: 200px;*/
}

.company-profile-container {
    position: relative;
    padding: 30px 20px;
    /*margin-top: -70px;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    margin-top: 50px; /* Adjusted to make space for the logo */

}

/*.company-logo {*/
/*    position: relative;*/
/*    !*top: -50px;*!*/
/*    !*left: 20px;*!*/
/*    width: 200px;*/
/*    height: 200px;*/
/*    !*background-color: white;*!*/
/*    border: 2px solid #fff;*/
/*    border-radius: 50%;*/
/*    overflow: hidden;*/
/*}*/

.company-logo {
    position: relative;
    top: -70px;
    /*width: 200px;*/
    /*height:  200px;*/
    margin-top: -75px; /* Adjusted to position logo above the container */
    margin-bottom: 20px; /* Added margin at the bottom */
    /*border-radius: 50%;*/
    overflow: hidden;
    /*border: 3px solid #fff; !* White border around the logo *!*/
}

.company-logo img {
    min-width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #fff;
}

.company-info {
    padding-left: 20px;
    text-align: left;
    /*flex: 1;*/
    /*padding-right: 220px; !* Offset for logo *!*/
}

.company-info h2 {
    font-size: 24px;
    font-weight: 900;
    /*font-weight: bold;*/
    color: #333;
    text-align: start;
}

.company-info .company-details {
    margin-top: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #666;
    text-align: start;
}

.company-info a {
    color: #007bff;
    text-decoration: none;
}

.tabs {
    margin-top: 20px;
    border-bottom: 2px solid #ddd;
}

.tabs a {
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
    border-bottom: 2px solid transparent;
}

.tabs a.active {
    color: #007bff;
    border-bottom-color: #007bff;
}

.share-company {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #007bff;
    cursor: pointer;
}

.share-company i {
    margin-right: 5px;
}

@media (max-width: 768px) {
    .company-profile-container {
        flex-direction: column;
        text-align: center;
    }

    .company-info {
        padding-left: 0;
        text-align: center;
    }

    .company-logo {
        margin-top: 0;
        margin-bottom: 15px;
    }
}



.header .navbar {
    display: flex;
    /*flex-wrap: nowrap;*/
    justify-content: space-between;
    align-items: center;
}

.header .navbar-nav {
    display: flex;
    flex-wrap: nowrap;
}

.header .nav-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header .nav-right .btn--group {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.header .navbar-collapse {
    flex-grow: 1;
}


.ck-editor__editable {
    min-height: 150px; /* Equivalent to around 5 rows */
}


.product-card:hover .delete-btn,
.gallery-card:hover .delete-btn {
    display: block;
}

/*.delete-btn {*/
/*    display: none; !* Initially hidden *!*/
/*}*/

.profile-head{
    display: flex;
    justify-content: center;
    align-items: center;
    color: whitesmoke;
    font-size: 30px;
    font-weight: 700;
    padding: 15px;
}




.give-rating-area {
    max-width: 600px;
    margin: 0 auto;
}

.form-group {
    margin-bottom: 15px;
}

textarea.form-control {
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 16px;
    width: 100%;
    resize: none;
}

select.form-control {
    width: 100%;
    padding: 10px;
    font-size: 16px;
}

/*input.form-control {*/
/*    background-color: transparent; !* No background color *!*/
/*}*/



button.btn {
    background-color:  #42a0d2 ;
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

button.btn:hover {
    background-color: #0056b3;
}



.star {
    font-size: 30px;
    color: #ccc;
    cursor: pointer;
    transition: color 0.3s;
}

.star:hover,
.star.selected {
    color: #FFD700; /* لون النجمة المحددة */
}

.star:hover ~ .star {
    color: #ccc; /* النجوم الغير محددة عند التحويم */
}

#reviewSection {
    display: block;
}

.custom-yellow {
    background-color: #ffff99; /* Custom yellow */
}


/*              //////////////////////////////////////                          */
/* Optional: Add a border to the dropdown */
.form-select{
    padding:.375rem 2.25rem .375rem .75rem !important;
}

/* Make sure the table is fully stretched */
.table-responsive {
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margin */
    width: 100%; /* Ensure full width */
    overflow: hidden; /* Hide any overflow */
}

/* Ensure that both the lengthMenu and the filter are on the same line, aligned to the right */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    float: right !important;
    margin-right: 20px !important; /* Optional: Add some space between them */
}



.pagination {
    font-size: 1.2rem;
}

.pagination .page-link {
    color: #007bff;
    border: none;
    background-color: #f8f9fa;
}

.pagination .page-item.active .page-link {
    background-color: #007bff;
    border-color: #007bff;
    color: white;
}

.pagination .page-link:hover {
    background-color: #007bff;
    color: white !important;
}




      /* Hamburger Menu Styling */
      /*#mobile-sidebar {*/
      /*    width: 0;*/
      /*    position: fixed;*/
      /*    !*top: 0;*!*/
      /*    left: 0;*/
      /*    height: 100%;*/
      /*    background-color:  #17173a;*/
      /*    z-index: 100;*/
      /*    overflow-x: hidden;*/
      /*    transition: 0.5s;*/
      /*    padding-top: 60px;*/
      /*}*/

#mobile-sidebar {
    transition: transform 0.3s ease, opacity 0.3s ease;
    /*transform: translateX(-100%); !* Hidden by default *!*/
    opacity: 0;
}
#mobile-sidebar.active {
    width: 250px;
    /*transform: translateX(0); !* Slide in when active *!*/
    opacity: 1;
}

#mobile-sidebar .sidebar ul {
          list-style: none;
          padding-left: 0;
      }

     #mobile-sidebar .sidebar ul li {
          /*padding: 10px;*/
          position: relative; /* Position for the dropdown arrow */
      }

    #mobile-sidebar   .sidebar ul li a {
          text-decoration: none;
          font-size: 18px;
          color: #fff;
          display: block;
      }

     #mobile-sidebar  .sidebar ul li a:hover {
          background-color: #575757;
      }

     #mobile-sidebar  .sub-menu {
          display: none;
          margin-left: 20px;
          margin-top: 5px;
      }

   #mobile-sidebar    .sub-menu li {
          padding: 8px 0;
      }

    #mobile-sidebar   .menu_has_children.active > .sub-menu {
          display: block;
      }

     #mobile-sidebar  .menu_has_children > a::after {
          /*content: '\25BC'; !* Arrow down *!*/
          float: right;
          margin-left: 10px;
      }

      /*.menu_has_children.active > a::after {*/
      /*    content: '\25B2'; !* Arrow up *!*/
      /*}*/

      /* Dropdown toggle button */
      /*#hamburger-btn {*/
      /*    z-index: 105;*/
      /*}*/


#mobile-sidebar .profile-name {
    font-size: 18px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

#mobile-sidebar .profilePicPreview {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

#mobile-sidebar .profile-section a::after {
    /*content: '\002B'; !* Plus icon *!*/
    font-size: 18px;
    color: #fff;
    margin-left: 10px;
    vertical-align: middle;
}


/* Custom class for zoom effect */
.zoom-on-hover {
    transition: transform 0.3s ease-in-out;
}

.zoom-on-hover a{
    color: black;
}

.zoom-on-hover:hover {
    color: #0a6aa1;
    transform: scale(1.05);
}


.custom-btn {
    display: inline-block;
    background-color: #42a0d2; /* Primary blue color */
    color: #fff;
    padding: 8px 12px;
    border-radius: 7px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.custom-btn:hover {
    background-color: #fff; /* Darker blue on hover */
    text-decoration: none;
}

.notification {
    position: relative;
}

.notification .badge {
    padding: 5px 10px;
    border-radius: 50%;
    background: #ef0909;
    color: white;
}

.profile-info-list li.active a {
    color: #42a0d2; /* Change this to your desired shade of blue */
}

.profile-info-list li.active i {
    color: #42a0d2; /* Optional: Change icon color to match the text */
}


.customer-review-link {
    text-decoration: none; /* Remove underline from the link */
    color: inherit; /* Keep the text color as it is */
}

.customer-review {
    transition: transform 0.2s ease-in-out;
    border: 1px solid #ddd; /* Add a light border */
    padding: 10px;
    border-radius: 5px;
}

.customer-review:hover {
    transform: scale(1.02); /* Slightly scale up on hover */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
}

.icon-button {
    background: none;
    border: none;
    cursor: pointer;
    margin-left: 5px;
    padding: 0;
    color: #007bff; /* Customize the icon color */
    transition: color 0.2s ease;
}

.icon-button:hover {
    color: #0056b3; /* Darker color on hover */
}

.icon-button i {
    font-size: 18px;
}


.customer-review-wrapper a{
    display: block !important;
}



#profilePicPreview {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.btn-custom{
    background-color: #c80a0a !important;
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    transition: background-color 0.3s;
}

.btn-custom:hover{
    background-color: #a10808!important;
    color: white !important;
}



.submit-btn:hover {
    background-color: #0056b3 !important;
}

.close{
  background-color: transparent;
}

.close:hover{
    scale: 1.1;
  background-color: transparent;
}

.otp-input{
    direction: ltr;
}

@media (max-width: 767px) {
    .custom--table td label {
        white-space: normal; /* Allows text to wrap to the next line */
        word-break: break-word; /* Forces long words to break if necessary */
        line-height: 1.2; /* Adjusts line height to make it more readable */
    }
}



.custom--table td input[type="date"],
.custom--table td input[type="text"] {
    width: 90% !important; /* Ensures inputs fit within the cell */
    padding: 8px; /* Adjust padding for better usability */
}

.custom--table td input[type="date"] {

}



/* Hide the section on screens smaller than 768px */
@media (max-width: 768px) {
    .mobile-hide {
        display: none;
    }
    .custom--table tbody tr {
        background-color: white !important;
    }
}

/* Hide on desktop, show on mobile */
@media (min-width: 768px) {
    .mobile-only {
        display: none;
    }
}

@media (max-width: 767px) {
    .mobile-only {
        display: block;
    }
}




/* Hide the background image on small screens (mobile) */
@media (max-width: 767px) {
    .account-section .left.bg_img {
        display: none; /* Hide the left section on mobile devices */
    }
}

.white-input{
    background-color: whitesmoke !important;
    color: black !important;
}

.custom-h3 {
 display: none;
}

@media only screen and (max-width: 767px) {
    .custom-h3 {
        display: block;
        padding: 15px;
        color: whitesmoke !important;
        background-color: #17173a !important;
    }
}


/* Default style for "Itrust" link */

/* Other menu items hover and active behavior */
@media only screen and (max-width: 768px) {
    .menu_has_children > a:hover {
        color: white !important;
    }
}


.menu_has_children.active > a {
    color: #0056b3 !important;
}



/*@media (max-width: 767px) {*/
/*    !* Hide on mobile devices *!*/
/*    .single-company-info {*/
/*        display: none;*/
/*    }*/
/*}*/

/*@media (min-width: 768px) {*/
/*    !* Show on tablets and larger screens *!*/
/*    .single-company-info {*/
/*        display: block;*/
/*    }*/
/*}*/

/*@media (max-width: 767px) {*/
/*    !* Show on mobile devices *!*/
/*    .single-company-info-mobile {*/
/*        display: block;*/
/*    }*/
/*}*/

/*@media (min-width: 768px) {*/
/*    !* Hide on tablets and larger screens *!*/
/*    .single-company-info-mobile {*/
/*        display: none;*/
/*    }*/
/*}*/




/*.calendar-icon {*/
/*    position: relative;*/
/*    right: 100px;*/
/*    !*top: -32px;*!*/
/*    transform: translateY(-170%);*/
/*    font-size: 20px;*/
/*    color: #666;*/
/*    pointer-events: none; !* Prevent interaction with the icon *!*/
/*}*/

.input-container {
    position: relative;
    width: 100%; /* Ensure it scales on mobile devices */
}

.input-container input {
    width: 100%; /* Make the input field responsive */
    padding-right: 40px; /* Add padding to make space for the icon */
    box-sizing: border-box; /* Include padding in width calculation */
}

.input-container .calendar-icon {
    position: absolute;
    top: 50%;
    left: 20%; /* Adjust this value to match your design */
    transform: translateY(-50%);
    font-size: 18px; /* Adjust size if necessary */
    color: #666; /* Match icon color with your design */
    pointer-events: none; /* Prevent clicking on the icon */
}
.otp-verify-btn {
    pointer-events: auto !important; /* Ensure it's clickable */
    z-index: 10; /* Ensure it's above other elements */
}