.navbar-brand img
{
    width:150px;
}
.main_wrapper 
{
    width: 100px;
    text-align: center;
    color: #262626;
    font-size: 16px;
    font-family: DM Sans;
    font-weight: 400;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main_btn 
{
    width: 141px;
    height: 41px;
    padding: 10px;
    background: white;
    border-radius: 6px;
    border: 1px #E9E9E9 solid;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}
.w_65 
{
    width: 65%;
}
.main-table-wrappper.table-striped>tbody>tr:nth-of-type(odd) 
{
    background-color: #EDEFFF;
}
table.main-table-wrappper thead tr:first-child th {
    border-top-left-radius: 20px;
}
table.main-table-wrappper thead tr:first-child th {
    border-top-right-radius: 20px;
    padding: 20px 11px;
}
table.main-table-wrappper tbody tr:last-child td {
    border-bottom-left-radius: 20px;
}
table.main-table-wrappper tbody tr:last-child td {
    border-bottom-right-radius: 20px;
    border-bottom: 1px solid #D8D8D8;
}
.main-table-wrappper.table>:not(:last-child)>:last-child>* {
    border-bottom: 1px solid #EDEFFF !important;
}
table.main-table-wrappper {
    border-collapse: separate;
    border-spacing: 0;
}
table.main-table-wrappper tr th,
table.main-table-wrappper tr td {
    border-right: 1px solid #D8D8D8;
    padding: 5px;
}
table.main-table-wrappper tr th:first-child,
table.main-table-wrappper tr td:first-child {
    border-left: 1px solid #D8D8D8;
}
table.main-table-wrappper tbody tr td {
    padding: 10px 15px !important;
    font-size: 18px;
    line-height: 23.44px;
}
table.main-table-wrappper thead tr th {
    font-size: 20px;
    line-height: 26.04px;
    font-weight: 700;
}
table.main-table-wrappper tr th {
    background: #fff;
    text-align: left;
    border-top: solid 1px #D8D8D8;
}
.table-section {
    width: 948px;
}
@media screen and (min-width: 1024px) {
    td {
        font-size: 15px !important;
    }
}

.filler-width {
    width: 14rem;
    box-shadow: 0px 4px 15px 0px #00000026;
}
.gap_12 {
    gap: 12px;
}
.w-h {
    width: 100%;
    height: 100%;
}
.filler-card-content {
    color: #ee3b24;
    margin-bottom: 0px !important;
    font-size: 30px;
    font-weight: 700;
}
.filler-title {
    color: #262626;
    font-size: 18px;
    font-weight: 500;
}
.gap_30 {
    gap: 30px;
}
.img-wrapper {
    height: 116px;
    width: 116px;
    position: relative;
    overflow: hidden;
}
.img-wrapper svg {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
@keyframes slide {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

.logos img {
    margin: 10px;
    width: 80px !important;
    height: 80px;
    border-radius: 100px;
    box-shadow: 0px 4px 15px 0px #00000026;
    object-fit: contain;
    padding: 4px;
}
.slick-slide {
    display: flex;
    justify-content: center;
}
.skip-btn {
    border: none;
    background: #D4D9FF;
    border-radius: 5px;
    padding: 8px 20px;
    opacity: 0.99;
    color: #ee3b24;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    word-wrap: break-word;
}
.modal-content {
    border-radius: 20px !important;
}
.modal-header {
    padding: 2rem 2rem !important;
    border-bottom: none !important;
}
.floating-label-group {
    position: relative;
    .floating-label {
        font-size: 13px;
        position: absolute;
        pointer-events: none;
        top: -10px;
        left: 12px;
        background-color: white;
        padding: 0px 5px;
        font-size: 16px;
        font-weight: 500;
        z-index: 9999;
    }
}
.input-group-text.focused {
    color: black;
    border-color: black;
}
.form-control:focus {
    background-color: none !important;
    box-shadow: none !important;
    border-color: black !important;
}
.iti {
    width: 100% !important;
}
.modal-body {
    padding: 0px 3rem 3rem !important;
}
.h-50 {
    height: 50px !important;
}
.input-group-text {
    background-color: white !important;
    position: relative;
}
.border_none {
    border-left: none !important;
    border-bottom-right-radius: 10px !important;
}
.input-group-text::after {
    height: 25px;
    width: 1px;
    content: '';
    background: lightgray;
    position: absolute;
    right: 0;
}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 10px !important;
}
.form-control {
    border-radius: 10px;
}
.rc-anchor-light {
    border-radius: 10px !important;
}
.cross-line {
    position: relative;
    text-align: center;
}
.cross-line::after {
    position: absolute;
    content: '';
    background: #E5E5E5;
    height: 1px;
    width: 100%;
    left: 0;
    top: 58%;
    transform: translate(0%, -50%);
}
.cross-line p {
    background: white;
    display: inline-block;
    text-align: center;
    z-index: 9;
    position: relative;
    padding: 0 20px;
}
.cls-btn1 {
    padding: 10px 20px;
    border-radius: 6px;
    background: white;
    color: black;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    border: 1px solid #D8D8D8;
    margin-top: 30px;
}
.send-btn {
    padding: 12px 20px;
    border-radius: 6px;
    background: black;
    color: white;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    border: 1px solid black;
}
.verify_icon {
    right: 13px;
    bottom: 13px;
}
.hidden {
    display: none;
}
#signupForm :disabled {
    opacity: 0.6;
    cursor: not-allowed;
    background-color: #7D7D7D;
}
@media (min-width: 320px) and (max-width: 767px) {
    .modal-body {
        padding: 15px !important;
    }
    .send-btn {
        padding: 11px 3px;
        font-size: 15px;
    }
}

@media (min-width: 320px) and (max-width: 1023px) {
    .table-main-responsive>table {
        width: 1000px !important;
    }
    .table-main-responsive {
        overflow: scroll hidden;
    }
}

@media (min-width: 320px) and (max-width: 375px) {
    /* .modal {
        top: 72px;
    } */
    .modal-header {
        padding: 1rem;
    }
    .form-control {
        padding: .20rem .20rem;
    }
    .g-recaptcha {
        transform: scale(0.77);
        transform-origin: 0 0;
    }
}

.input-container {
    display: flex;
    align-items: center;
    position: relative;
}
.search-icon {
    position: absolute;
    left: 18px;
    pointer-events: none;
}
.modal-dialog.modal-dialog-centered {
    max-width: 1180px;
}
.gps-container {
    display: flex;
    align-items: center;
    gap: 10px;
    /* padding: 22px 15px;
    border-bottom: dashed 1px #D8D8D8; */
}
.gps-container svg {
    width: 25px;
    height: 24px;
}
.gps-container p {
    color: #CF0000;
    font-weight: 400 !important;
    line-height: 20.83px;
}
.gps-container span {
    font-size: 12px !important;
    line-height: 15.62px !important;
    color: #7D7D7D !important;
}
.col-2 {
    cursor: pointer;
    width: 141px;
    height: 41px;
    padding: 10px;
    background: white;
    border-radius: 6px;
    border: 1px #E9E9E9 solid;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}
.col-2 div {
    width: 100px;
    text-align: center;
    color: #262626;
    font-size: 16px;
    font-family: DM Sans;
    font-weight: 400;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#areas-container :hover {
    color: white;
    background: linear-gradient(96deg, #1b93d4 -7.55%, #4a29a4 107.41%);
}
#cities-container :hover {
    color: white;
    background: linear-gradient(96deg, #1b93d4 -7.55%, #4a29a4 107.41%);
}

@media (min-width: 320px) and (max-width: 991px) {
    .navbar-main h5 {
        margin-right: auto;
        display: block !important;
    }
    .navbar-main {
        column-gap: 7px;
    }
}

@media (min-width: 991px) and (max-width: 1024px) {
    header nav {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    p {
        font-size: 12px !important;
    }
    header .head-info a, .offcanvas .head-info a {
        font-size: 12px;
    }
    .cls-btn {
        font-size: 14px;
    }
    .cls-btn-outline {
        font-size: 14px;
    }
    header .nav-link, .offcanvas .nav-link {
        font-size: 14px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .gap_30 {
        gap: 0;
    }
    .filler-md.d-flex {
        width: 100%;
        column-gap: 10px;
        row-gap: 10px;
        /* justify-content: unset!important; */
        align-items: unset !important;
    }
    .filler-md .card .pb-3.d-flex.flex-column.justify-content-center.align-items-center.gap-2 {
        text-align: center;
    }
    .filler-width {
        width: 48%;
        gap: 0;
    }
    .filler-md .card.d-flex.align-items-center {
        align-items: unset !important;
    }
    .coming-soon-main img {
        width: 120px;
    }
    .coming-soon-main.gap-5 {
        gap: 10px !important;
    }
    #areas-container, #cities-container .col-2 {
        width: 115px !important;
    }
    .navbar-main p {
        font-size: 10px !important;
    }
}

.navbar-main h5 {
    background: linear-gradient(110deg, #6523d1 1.23%, #00a3ff 97.51%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#areas-container, #current-area-container {
    display: none;
}