.from-green-1 {
    /* #3b82f6 */
}

.to-green-1 {}

.akc-d-flex-in-sm {
    display: none;
}

/* media */
@media (max-width: 576px) {
    .akc-d-flex-in-sm {
        display: flex;
    }

    .logo-mobile {
        display: block !important;
    }
}

.logo-mobile {
    display: none;
}

#traducoes {
    position: absolute;
    top: 9px;
    right: 5px;
}

.goog-te-gadget {
    font-size: 19px !important;
}

.goog-te-gadget-simple {
    background-color: transparent !important;
    border: none !important;
}

.goog-te-gadget-icon {
    display: none !important;
}

.goog-te-gadget-simple span a img {
    display: none !important;
}

.theme-link {
    color: #4f46e5 !important;
}

.theme-link:hover {
    color: #251eaa !important;
}

.fw-500 {
    font-weight: 500;
}

.akc-required:after {
    content: "*";
    position: relative;
    font-size: inherit;
    color: #f1416c;
    padding-left: 0.25rem;
    font-weight: 600;
}

.required-before:before {
    content: "*";
    position: relative;
    font-size: inherit;
    color: #f1416c;
    padding-left: 0.25rem;
    font-weight: 600;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.select2-selection--multiple {
    margin-top: 0.375rem;
}

.text-underlined {
    text-decoration: underline;
}

.fs-12 {
    font-size: 12px !important;

}


/* Define custom scrollbar styles */
.akc-custom-scrollbar {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #aaa transparent;
    /* Scrollbar track color and thumb color */
}

/* Track */
.akc-custom-scrollbar::-webkit-scrollbar-track {
    background-color: transparent;
    /* Track background color */
}

/* Thumb */
.akc-custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #aaa;
    /* Thumb color */
    border-radius: 4px;
    /* Rounded corners */
}

/* Handle on hover */
.akc-custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #888;
    /* Darker thumb color on hover */
}



body {
    /* background-color: #F8FAFC; */
}

.text-theme {
    color: #4f46e5;
}

.text-violet {
    color: #9333ea;
}

.text-orange {
    color: #f09116;
}

.text-skyblue {
    color: #1da8bb;
}

.text-mintmorning {
    color: #12ceb7;
}

.bg-theme {
    background-color: #4f46e5;
}

.bg-violet {
    background-color: #9333ea;
}

.bg-orange {
    background-color: #f09116;
}

.bg-skyblue {
    background-color: #1da8bb;
}

.bg-mintmorning {
    background-color: #12ceb7;
}

.bg-smart-license {
    background-color: #0c7a76;

}

.bg-smart-license:hover {
    background-color: #0b6764;
}

.bg-smart-license:focus {
    background-color: #0b6764;
}

.bg-smart-license:active {
    background-color: #0b6764;
}


.bg-smart-license-secondary {
    background-color: #f09116;


}

.bg-smart-license-secondary:hover {
    background-color: #e07b00;
}

.bg-smart-license-secondary:focus {
    background-color: #e07b00;
}

.bg-smart-license-secondary:active {
    background-color: #e07b00;
}



.icon-sherpablue {
    color: #003a42;
}

/* grid classes */
.col-span-10 {
    grid-column: span 10 / span 10;
}


.akc-d-flex-in-sm {
    display: none;
}

/* media */
@media (max-width: 576px) {
    .akc-d-flex-in-sm {
        display: flex;
    }

    .logo-mobile {
        display: block !important;
    }
}

.logo-mobile {
    display: none;
}

#traducoes {
    position: absolute;
    top: 9px;
    right: 5px;
}

.goog-te-gadget {
    font-size: 19px !important;
}

.goog-te-gadget-simple {
    background-color: transparent !important;
    border: none !important;
}

.goog-te-gadget-icon {
    display: none !important;
}

.goog-te-gadget-simple span a img {
    display: none !important;
}

.theme-link {
    color: #4f46e5 !important;
}

.theme-link:hover {
    color: #251eaa !important;
}


.akc-required:after {
    content: "*";
    position: relative;
    font-size: inherit;
    color: #f1416c;
    padding-left: 0.25rem;
    font-weight: 600;
}

.required-before:before {
    content: "*";
    position: relative;
    font-size: inherit;
    color: #f1416c;
    padding-left: 0.25rem;
    font-weight: 600;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.select2-selection--multiple {
    margin-top: 0.375rem;
}

.margin-top-15m {
    margin-top: -15%;
}

.margin-top-8m {
    margin-top: -8%;
}

.margin-top-10m {
    margin-top: -10%;
}

.margin-right-15m {
    margin-right: -15%;
}

.margin-right-28m {
    margin-right: -28%;
}

.margin-left-5 {
    margin-left: 5% !important;
}

.mb-4 {
    margin-bottom: 1rem !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pt-8 {
    padding-top: 2rem !important;
}

.pb-10 {
    padding-bottom: 2.5rem !important;
}

.pr-4 {
    padding-right: 1rem;
}

.w-100 {
    width: 100% !important;
}

.w-90 {
    width: 90% !important;
}

.w-85 {
    width: 85% !important;
}

.w-80 {
    width: 80% !important;
}

.w-75 {
    width: 75% !important;
}

.w-70 {
    width: 70% !important;
}

.w-65 {
    width: 65% !important;
}

.w-60 {
    width: 60% !important;
}

.w-55 {
    width: 55% !important;
}

.w-50 {
    width: 50% !important;
}

.w-45 {
    width: 45% !important;
}

.w-40pt {
    width: 40% !important;
}

.w-35 {
    width: 35% !important;
}

.w-30 {
    width: 30% !important;
}

.w-25 {
    width: 25% !important;
}

.w-20 {
    width: 20% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20rem {
    width: 20rem !important;
}

.w-30rem {
    width: 30rem !important;
}

.height-90px {
    height: 90px !important;
}

.height-100px {
    height: 100px !important;
}

.height-600px {
    height: 600px !important;
}

.br-50 {
    border-radius: 50px !important;
}

.fs-180 {
    font-size: 180% !important;
}

.fs-60 {
    font-size: 60px !important;
}

.fs-25 {
    font-size: 25px !important;
}

.fs-20 {
    font-size: 20px !important;
    line-height: 1.75rem !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fw-500 {
    font-weight: 500;
}

.fw-400 {
    font-weight: 400;
}

.opacity-bg {
    background-color: #ffffff;
}



.single-img {
    width: 100%;
    height: 200px;
    border-radius: 30px;
}

.main-btn {
    border-radius: 0 50px 50px 0 !important;
    background-color: #4f46e5;
    color: #ffffff;
}

.main-btn:hover {
    background-color: #4338ca;
    color: #ffffff;
}

.heading {
    color: #111827;
    font-size: 60px;
    font-weight: 500;
    line-height: 60px;
}

.top-section {
    /* margin-top: -100px; */
    /* padding-top: 200px; */
    background-color: #d1d9ff;
    background-image: linear-gradient(43deg,
            #d1d9ff 0%,
            #fff4fe 46%,
            #fff5ec 100%);
}

.lg-heading {
    font-size: 35px;
    font-weight: 500;
    line-height: 2.75rem;
}

.search-btn {
    width: 60px;
    height: 60px;
    border-radius: 30px !important;
}

/* media query for phone  */
@media (max-width: 576px) {
    .search-btn {
        width: 50px;
        height: 50px;
        border-radius: 25px !important;
    }
}


.hero-section-images {
    width: 100%;
    border-radius: 30px;
    height: 200px;
    object-fit: cover;
    object-position: center;
}

.akc-rounded-full {
    border-radius: 20px;
    border: 0px solid #4f46e5;
}

/* //when .ts-control is inside .akc-rounded-full */
.akc-rounded-full .ts-control {
    border-radius: 20px;
    border: 2px solid #e2e8f0;
    /* height: 50px; */

}


.ts-dropdown {

    border-radius: 10px;
    border: 2px solid #e2e8f0;

}

.bg-light-primary {
    background-color: #f3f4f6;
}

.bg-light-danger{
    background-color: #fde8e8;
}

.bg-light-success{
    background-color: #e6f7f2;
}

/* all inputs design */
.akc-custom-input {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    border: 1px solid rgba(237, 240, 230, 1);
    border-radius: 50px;
    padding: 10px 20px;
    font-size: 16px;
    color: #111111; /* Corrected the color code */
    transition: all 500ms ease;
   
}

/* place holder change */
.akc-custom-input::placeholder {
    color: #909090; /* Corrected the color code */
}


/* Apply the class to all input types */
input[type="text"],
input[type="date"],
input[type="tel"],
input[type="email"],
input[type="number"],
textarea {
    @apply akc-custom-input; /* This will work with a preprocessor like Tailwind CSS */
}


/* Wrapper for select element */
.select-container {
    position: relative;
    width: 100%;
    max-width: 100%;
}

/* Styling the select element */
.akc-custom-select {
    display: block;
    width: 100%;
    height: 50px;
    padding: 10px 20px;
    padding-right: 40px; /* Make space for the arrow */
    font-size: 16px;
    color: #111111;
    background-color: white;
    border: 1px solid rgba(237, 240, 230, 1);
    border-radius: 50px;
    appearance: none; /* Remove default select arrow */
    -webkit-appearance: none; /* Safari */
    -moz-appearance: none; /* Firefox */
    transition: all 500ms ease;
}

/* Add custom arrow as a background image */
.select-container::after {
    content: '\25BC'; /* Unicode for down arrow */
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px; /* Adjust size as needed */
    color: #111111; /* Color for arrow */
    pointer-events: none; /* Prevent interaction with arrow */
}



/* Styling for small select */
.akc-custom-select-small {
    height: 35px; /* Smaller height */
    padding: 5px 15px;
    padding-right: 30px; /* Adjust space for the arrow */
    font-size: 14px; /* Smaller font size */
    border-radius: 25px; /* Adjust border radius if needed */
}

/* Adjust arrow size for small select */
.select-container-small::after {
    right: 15px; /* Adjust position for smaller select */
    font-size: 10px; /* Adjust size for the arrow */
}



/* circular file upload of file */
/* Wrapper for circular file input */
.akc-custom-input-profile-file-upload {
    position: relative;
    width: 150px; /* Adjust size as needed */
    height: 150px; /* Adjust size as needed */
    border-radius: 50%;
    overflow: hidden;
    background-color: #f0f0f0; /* Placeholder background */
    border: 2px solid #ddd; /* Add a border if desired */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

/* Hide the actual file input */
.akc-custom-input-profile-file-upload input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

/* Profile image preview (will be shown when image is uploaded) */
.akc-custom-input-profile-file-upload img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    display: none; /* Hide initially */
}

/* Show the image once uploaded */
.akc-custom-input-profile-file-upload.has-image img {
    display: block;
}

/* Custom label or icon for file upload (optional) */
.akc-custom-input-profile-file-upload::before {
    content: "Upload Photo"; /* Customize the text */
    font-size: 14px;
    color: #111111;
    text-align: center;
    display: block;
    position: absolute;
    bottom: 10px;
    width: 100%;
    pointer-events: none;
}

/* Hide the text when the image is uploaded */
.akc-custom-input-profile-file-upload.has-image::before {
    display: none;
}







.akc-table th{
    text-align: left;
}

.akc-table td{
    text-align: left;
    border-bottom: 0px !important;
    border-top: 0px !important;
}

.akc-table tr{
    border-bottom: 1px solid #e2e8f0;
}



.akc-w-100{
    width: 100px;

}

.akc-text-primary{
    color: #52B0E1;
}


.min-w-350px{
    min-width: 350px;
}

.min-w-125px{
    min-width: 125px;
}