@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
/* font-family: "Plus Jakarta Sans", serif; */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
/* font-family: "Open Sans", serif; */


.loader {
    margin: 0px;
    padding: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #666666;
    z-index: 30001;
    opacity: .4;
    filter: alpha(opacity=70);
    display: none;
}

.position {
    position: absolute;
    top: 30%;
    left: 30%;
    color: White;
}

.container
{    
}

.parent {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 1%;
    / Full viewport height /
}

.error_border
{
    border:1px solid red !important;
}

.pagination {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
}

.pagination input
{
    width: 50px;
}

.page-btn {
    cursor: pointer;
    color: blue;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
}

    .page-btn:hover {
        background-color: #e0e0e0;
    }

    .page-btn.disabled {
        color: gray;
        cursor: not-allowed;
        background-color: #ddd;
    }


@font-face {
    font-family: 'AvertaCY';
    src: url('../../images/Fonts/AvertaCY-Regular.woff');
}

/*
.bg-grey-clr {
    background-color: #36312E !important;
    border: 1px solid #36312E;
}*/


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Open Sans", serif;
}

a {
    text-decoration: none;
}

    a:hover {
        cursor: pointer;
    }

li {
    text-decoration: none;
}

header {
    background-color: #A01C01;
    padding-block: 20px;
    font-family: 'ElcaminoBold';
}

.header-inner {
    display: flex;
    justify-content: space-between;
}

.nav-links ul li {
    list-style-type: none;
}

.nav-links li a {
    color: #fff;
    font-family: 'AvertaCY';
    text-transform: uppercase;
}

a.h-btn {
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 20px;
    border-radius: 20px;
    transition: all 0.6s ease-in-out;
    font-family: 'AvertaCY';
    text-transform: uppercase;
}

    a.h-btn:hover {
        background: #fff;
        color: #A01C01;
    }

.header-inner > div {
    display: flex;
    align-items: center;
}

.nav-links ul {
    width: 100%;
    display: flex;
    margin-bottom: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 3rem 0;
    display: flex;
    margin-bottom: 0;
}

.header-inner .nav-links {
    width: calc(100% - 128px);
}

section.ved-sec.home-v {
    padding-top: 35px;
}

.w-text span {
    color: #fff;
    font-size: 25px;
    font-family: 'AvertaCY';
    font-weight: 600;
    letter-spacing: 1px;
}

.dashboard a.h-btn {
    white-space: nowrap;
}

.h-mob-outer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-links a {
    text-decoration: none;
    color: #333;
    position: relative;
    padding-bottom: 5px;
    transition: color 0.7s ease;
    font-size: 16px;
}



    .nav-links a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: 2px;
        background-color: #fff;
        transition: width 0.3s ease-in-out;
    }

    .nav-links a:hover::after {
        width: 100%;
    }


    .nav-links a:hover {
        color: #fff;
    }

.h-b ul li a.active::after {
    width: 100%;
}

.dashboard .nav-links ul {
    padding: 0 1rem 0;
}



.nav-links ul li a.active::after {
    width: 100%;
}

.nav-links.dasbbord-links ul {
    justify-content: center;
}

    .nav-links.dasbbord-links ul li {
        margin-right: 50px;
    }

        .nav-links.dasbbord-links ul li:last-child {
            margin-right: 0;
        }


.home-banner {
    background: url("../../images/NewDesignImages/homebannerimg.jpg") no-repeat center center / cover;
}

.bg-black-tr {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-family: "Open Sans", serif;
}

.banner-col-1 .bg-black-tr h2 {
    font-size: 40px;
}

.banner-col-1 .bg-black-tr {
    width: 75%;
    padding: 40px 70px 50px 70px;
}

a.reg-btn {
    color: #fff;
    border: 1px solid #fff;
    padding: 9px 20px;
    transition: all 0.5s ease-in-out;
}

    a.reg-btn:hover {
        background-color: #A01C01;
    }

.banner-col-1 .bg-black-tr p {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 40px;
}

/* Container styling */
.input-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.admin_button {
    background-color: #2D71B5;
    color: white;
    border: none;
    padding: 8px 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
}
.form-input {
    padding: 10px 15px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 2px;
    outline: none;
    transition: border-color 0.3s ease;
    background: transparent;
    font-weight: 300;
}


    .form-input:focus {
        border-color: grey;
    }




.banner-col-2 .bg-black-tr {
    padding: 40px 30px 60px 30px;
}

section.home-banner .row {
    padding-block: 15%;
}

.col-md-4.banner-col-2 .bg-black-tr h4 {
    font-size: 23px;
    font-family: "Plus Jakarta Sans", serif;
    margin-bottom: 25px;
}

.form-input::placeholder {
    color: #fff;
    font-size: 15px;
    font-family: "Plus Jakarta Sans", serif;
}

.login-form {
    background-color: #fff;
    color: #000;
    width: 100%;
    display: block;
    text-align: center;
    padding-block: 10px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
    font-family: "Plus Jakarta Sans", serif;
}

    .login-form:hover {
        transform: translateY(-3px);
    }

a.reg-form {
    width: 100%;
    background-color: #A01C01;
    color: #fff;
    display: block;
    text-align: center;
    margin-top: 20px;
    padding-block: 10px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
    font-family: "Plus Jakarta Sans", serif;
}

    a.reg-form:hover {
        transform: translateY(-3px);
    }


.bg-black-tr h6 {
    margin-block: 15px;
    font-weight: 300;
    font-size: 13px;
    font-family: "Plus Jakarta Sans", serif;
}


.grey-bg {
    background-color: #36312E;
    color: #fff;
    padding-block: 30px;
}

    .grey-bg h4 {
        text-align: center;
        font-weight: 600;
        font-size: 27px;
    }




.inst-text-div {
    width: 85%;
    margin-inline: auto;
    text-align: center;
    margin-bottom: 50px;
}

    .inst-text-div p {
        font-weight: 500;
    }

.instimg-outer img {
    height: 100%;
    width: 100%;
    border-radius: 15px;
}

.instimg-outer {
    width: 85%;
    margin-inline: auto;
    border: 1px solid #E0E0E0;
    border-radius: 15px;
    position: relative;
}

section.inst-sec {
    padding-block: 55px;
}

section.locate-points {
    padding-block: 70px;
}

.row.chain-row2 .col-md-6 {
    padding-inline: 0;
}


.footer-links h5 {
    border-left: 3px solid #fff;
    padding-left: 6px;
    margin-bottom: 1rem;
    font-family: 'AvertaCY';
    font-size: 20px;
}

.footer-links p {
    font-weight: 300;
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90%;
    margin-inline: auto;
}

.loc-div {
    display: flex;
    justify-content: space-between;
}

    .loc-div > ul {
        width: 50%;
        padding-left: 1rem;
    }

    .loc-div ul li {
        list-style-type: none;
    }


        .loc-div ul li:before {
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #373737;
            float: left;
            margin: 11px 6px 0 -12px;
            position: relative;
            top: -3px;
            left: 0;
        }

    .loc-div ul li {
        position: relative;
        display: block;
        margin-bottom: 20px;
        font-weight: 500;
        font-size: 18px;
        position: relative;
        display: block;
    }

.ved-ic {
    width: 60px;
    height: 60px;
    background: #A01C01;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}


    .ved-ic img {
        width: 100%;
        padding: 18px 10px 18px 18px;
    }

.footer-links p a {
    color: #fff;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    font-family: 'AvertaCY';
    font-size: 18px;
}

    .footer-links p a:hover {
        color: #ffc9c9;
    }

.ved-h-sec p {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}

.ved-h-sec {
    width: 68%;
    margin-inline: auto;
    padding-top: 60px;
}

/* =================== */

.ved-exp-sec {
    padding-block: 70px;
    text-align: center;
    font-weight: 500;
}

.ved-sec {
    padding-block: 70px;
}

/* ==================== */
.faq-banner {
    background: url("../../images/NewDesignImages/faq-banner.jpg") no-repeat center center / cover;
    height: 50vh;
}

.accordion-button::after {
    /* content: '\f067';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #007bff; */

    content: ''; /* Remove content */
    background-image: url('../../images/NewDesignImages/plus-icon\ .svg');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: auto;
}

.accordion-button:not(.collapsed)::after {
    /* content: '\f068'; */
    background-image: url('../../images/NewDesignImages/minus-icon.svg');
}

.accordion-collapse {
    transition: all 0.5s ease-in-out;
}

.accordion-item {
    margin-bottom: 20px;
    border: 1px solid #979797;
    border-top: 1px solid #979797;
}

    .accordion-item:not(:first-of-type) {
        border-top: 0;
        border-top: 1px solid #979797;
    }

    .accordion-item:last-of-type {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .accordion-item:first-of-type {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

        .accordion-item:first-of-type > .accordion-header .accordion-button {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-radius: 3px;
        }

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: transparent !important;
    box-shadow: none;
}

.faq-outer p {
    font-family: "Plus Jakarta Sans", serif;
    font-weight: 400;
    color: #000;
}

.faq-outer {
    font-family: "Plus Jakarta Sans", serif;
}

.accordion-body {
    padding-top: 0;
}

button.accordion-button {
    color: #000;
    font-family: "Plus Jakarta Sans", serif;
}

.accordion-button:not(.collapsed) {
    color: #000000;
    font-weight: 500;
}

.accordion-button:focus {
    outline: none;
    box-shadow: none;
}



.accordion-item {
    border-radius: 3px;
    overflow: hidden;
}

.accordion-button {
    border-radius: 3px;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.accordion-item:last-of-type .accordion-button {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.ss-sec .container {
    padding-block: 40px;
}

.ss-inner {
    width: 90%;
    margin-inline: auto;
}

.ss-sec .container p {
    font-family: "Plus Jakarta Sans", serif;
    font-weight: 500;
}

.ss-img-outer {
    width: 96%;
    margin-inline: auto;
    padding: 8px;
    border: 3px solid #E0E0E0;
    border-radius: 8px;
    margin-top: 40px;
}

    .ss-img-outer img {
        width: 100%;
        /* border-radius: 8px; */
    }

.bg-w-text {
    background: #fff;
    padding: 30px 60px;
}

.terms-outer {
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    overflow: hidden;
}

.bg-r-text {
    background: #A01C01;
    text-align: center;
    padding: 14px 10px;
    color: #fff;
}

    .bg-r-text h2 {
        font-size: 17px;
        margin-bottom: 0;
    }

.reg-sec {
    padding-block: 50px;
}

.reg-outer {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    width: 100%;
    max-width: 800px;
    margin-inline: auto;
}

.reg-form {
    padding: 30px 60px 50px 60px;
}

    .reg-form label {
        display: block;
    }

    .reg-form input {
        height: 40px;
        width: 100%;
        border: 1px solid #9B9B9B;
        padding: 10px;
    }

        .reg-form input:focus {
            border: 1px solid #9B9B9B;
        }


.text-field {
    margin-bottom: 15px;
}

    .text-field:nth-child(2n) {
        width: 49%;
        margin-left: 2%;
        float: right;
    }

    .text-field:nth-child(odd) {
        width: 49%;
        float: left;
    }

    .text-field:first-child {
        width: 100%;
    }

    .text-field:nth-child(8) {
        width: 100%;
    }

textarea {
    width: 100%;
    min-height: 120px;
}

.text-field:nth-child(9) {
    width: 100%;
}

.sel-in {
    float: left;
    width: 100%;
    display: block;
}

.pass-sec .text-field:nth-child(odd) {
    width: 49%;
    float: left;
}

.pass-sec .text-field:nth-child(2n) {
    width: 49%;
    margin-left: 2%;
    float: right;
}

.sel-in {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.reg-form .sel-in input {
    height: 25px;
    width: 25px;
}

.sel-in label {
    display: flex;
}

.sel-in p {
    width: 20%;
    margin-bottom: 0;
}


.sel-in > div {
    width: 80%;
    display: flex;
    align-items: center;
}
/* .check-reg input{
    margin-left: 10px;
} */
.check-reg label:first-child {
    margin-right: 30px;
}

.sel-in.agree {
    padding-left: 20%;
    margin-bottom: 55px;
}

.sel-in label span {
    margin-left: 8px;
}

.form-submit {
    background-color: #A01C01;
    color: #fff;
    padding: 7px 20px;
    border-radius: 5px;
    border: 1px solid #A01C01;
    transition: all 0.4s ease-in-out;
}

    .form-submit:hover {
        background-color: transparent;
        color: #A01C01;
        border: 1px solid #A01C01;
    }




.check-reg input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border: 1px solid #9B9B9B;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    border-radius: 0;
}

    .check-reg input[type="checkbox"]:checked {
        background-color: #fff;
        border-color: #9B9B9B;
        position: relative;
    }

        .check-reg input[type="checkbox"]:checked::after {
            content: '✔';
            font-size: 14px;
            color: #A01C01;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

.sel-in.agree input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border: 1px solid #9B9B9B;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    border-radius: 0;
}

    .sel-in.agree input[type="checkbox"]:checked {
        background-color: #fff;
        border-color: #9B9B9B;
        position: relative;
    }

        .sel-in.agree input[type="checkbox"]:checked::after {
            content: '✔';
            font-size: 14px;
            color: #A01C01;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

.reg-form label {
    display: block;
    color: #000000;
    margin-bottom: 6px;
    font-family: "Plus Jakarta Sans", serif;
}

.sel-in.agree label {
    display: flex;
    align-items: center;
}

.ct-banner {
    background: url(../../images/NewDesignImages/contactbanner.jpg) no-repeat center center / cover;
    height: 50vh;
}

.contact-outer {
    padding-inline: 5px !important;
}

.reg-outer.contact-outer {
    box-shadow: none;
}

.contact-outer p span {
    color: #797979;
    padding-bottom: 20px;
    display: block;
    border-bottom: 1px solid #000;
    margin-bottom: 50px;
    font-weight: 500;
}

.ct-field label {
    width: 30%;
    font-family: "Open Sans", serif;
    font-weight: 500;
}

.ct-field input {
    height: 55px;
    border: 1px solid #9B9B9B;
    padding: 10px;
    width: 68%;
    margin-bottom: 20px;
}

.ct-field textarea {
    height: 40px;
    border: 1px solid #9B9B9B;
    padding: 10px;
    width: 68%;
}

.ct-field {
    display: flex;
}

.recap {
    margin-block: 50px;
    display: flex;
    justify-content: center;
    max-width: 300px;
    margin-inline: auto;
}

    .recap img {
        width: 100%;
        height: 100%;
    }

.enq-submit {
    background-color: #A01C01;
    color: #fff;
    padding: 7px 20px;
    border-radius: 5px;
    border: 1px solid #A01C01;
    transition: all 0.4s ease-in-out;
}

    .enq-submit:hover {
        background-color: transparent;
        color: #A01C01;
        border: 1px solid #A01C01;
    }

.enq-o {
    display: flex;
    justify-content: center;
}

.ct-details {
    max-width: 800px;
    margin-inline: auto;
    display: flex;
    justify-content: space-between;
}

    .ct-details > div {
        display: flex;
        width: fit-content;
    }
/* .contact-a{
    width: 50%;
}

.contact-e,
.contact-p
{width: 25%;} */

.ic-c {
    margin-right: 10px;
}

.ct-sec h5 {
    color: #707070;
    font-weight: 700;
}

.ct-sec p {
    color: #707070;
    font-weight: 500;
}

    .ct-sec p a {
        color: #707070;
    }

        .ct-sec p a:hover {
            color: #A01C01;
        }

.ct-details-outer {
    margin-bottom: 50px;
}

.PlayButton_module_playButton__282507bf {
    background-color: #A01C01 !important;
}

.instimg-outer .video-iframe {
    width: 100%; /* Make the iframe take up the full width of its parent */
    height: 619px; /* Set a fixed height or adjust as needed */
    border: none; /* Optional: Remove iframe border for a cleaner look */
    border-radius: 10px; /* Optional: Add rounded corners */
    display: block; /* Ensure proper alignment */
}

.h-b {
    background-color: #36312E;
    padding-block: 20px;
}

    .h-b ul {
        display: flex;
        justify-content: space-between;
        padding-left: 0;
        margin-bottom: 0;
    }

        .h-b ul li {
            list-style-type: none;
        }



            .h-b ul li a {
                text-decoration: none;
                position: relative;
                font-size: 16px;
                padding-bottom: 7px;
                color: #fff;
                text-transform: uppercase;
            }

                .h-b ul li a::after {
                    content: '';
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 0;
                    height: 1px;
                    background-color: #fff;
                    transition: width 0.6s ease-out;
                }

                .h-b ul li a:hover::after {
                    width: 100%;
                }


.bg-r-outer {
    background: #A01C01;
    color: #fff;
    padding-block: 10px;
}

    .bg-r-outer h5 {
        text-align: center;
        margin-bottom: 0;
    }

.d-shadow {
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    border-radius: 7px;
    overflow: hidden;
}


.dashboard-inner {
    margin-block: 20px;
}

.search-cr {
    padding: 20px 0px;
}

.d-outer.d-search .build-sec {
    padding: 0px 0px;
    display: flex;
    flex-wrap: wrap;
}

.row.search-row {
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
}

.search-cr {
    padding: 20px 30px;
    font-family: 'AvertaCY';
}


.row.search-row > div {
    display: flex;
    width: fit-content;
    width: 9.5%;
    flex-direction: column;
    padding: 0 5px 0 0;
}

    .row.search-row > div:first-child {
        padding-left: 10px;
    }

    .row.search-row > div > div {
        display: flex;
        flex-direction: row;
    }

        .row.search-row > div > div select:first-child {
            margin-right: 10px;
        }


.row.search-row input[type=date] {
    width: 48%;
    font-size: 11px;
    height: 37px;
    color: #ACACAC;
    padding: .375rem .35rem .375rem .35rem;
}

.search-outerdiv .form-select {
    height: 37px;
}

/* .b-box:nth-child(6) {
    margin-right: 0;
} */

.b-box {
    display: flex;
    margin: 0 2.5% 20px 0;
}

    .b-box label {
        margin-right: 10px;
        font-size: 16px;
    }

.row.search-row .form-select {
    /* font-size: 11px;
    padding: .375rem 1.25rem .375rem .75rem;
    color: #ACACAC; */
    font-size: 11px;
    padding: .375rem 1.15rem .375rem .35rem;
    color: #ACACAC;
    background-position: right .35rem center;
    background-size: 11px 12px;
}




.others .form-select {
    color: #ACACAC;
}

.other-search {
    padding: 30px 0px;
}

.others {
    display: flex;
    align-items: center;
}

    .others select {
        width: fit-content;
        margin-left: 20px;
    }

select {
    cursor: pointer;
}

.others label {
    font-size: 19px;
    font-weight: 500;
}

.btn-style {
    background-color: #A01C01;
    color: #fff;
    padding: 7px 20px;
    border-radius: 5px;
    border: 1px solid #A01C01;
    transition: all 0.4s ease-in-out;
    float: none;
    display: block;
    width: fit-content;
}

    .btn-style:hover {
        background-color: transparent;
        color: #A01C01;
        border: 1px solid #A01C01;
    }

.road-sec {
    padding: 50px 70px;
    margin-block: 20px;
}

.fot-div {
    background: #36312E;
    /*position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;*/ /* Adjust width as needed */
    /*text-align: center !important;
    padding: 10px !important;*/
}

    .fot-div p {
        text-align: center;
        color: #fff;
        font-size: 15px;
        padding-block: 20px;
        font-family: 'AvertaCY';
        margin-bottom: 0;
    }



.d-tab ul.nav-tabs {
    display: flex;
    justify-content: center;
    background: #36312E;
    border-radius: 30px;
    width: fit-content;
    margin-inline: auto;
    padding: 2px 2px 3px 3px;
}

.road-sec .nav-tabs .nav-link {
    border-radius: 25px;
    padding-inline: 30px;
}

.road-sec .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: #A01C01;
    border-color: #A01C01;
    color: #fff;
    border-radius: 20px;
}

.road-sec .nav-link {
    font-size: 15px;
    color: #fff;
}

.road-sec {
    font-family: 'AvertaCY';
}

.d-tab {
    position: relative;
}

.road-content.tab-content {
    background: #fff;
}

a.print {
    background-color: #fff;
    color: #000;
    padding: 7px 20px;
    border-radius: 5px;
    border: 1px solid #fff;
    transition: all 0.4s ease-in-out;
    float: none;
    display: block;
    width: fit-content;
    white-space: nowrap;
}

.bg-r-outer.road-r {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-inline: 20px;
}

    .bg-r-outer.road-r.table-one-header {
        display: flex;
        justify-content: center;
        position: relative;
    }

        .bg-r-outer.road-r.table-one-header > div:first-child {
            position: absolute;
            left: 20px;
        }

        .bg-r-outer.road-r.table-one-header > div > div:last-child {
            display: flex;
            align-items: center;
            background: #A01C01;
        }


    .bg-r-outer.road-r p {
        margin-bottom: 0;
    }

    .bg-r-outer.road-r > div {
        display: flex;
        align-items: center;
    }

.basket-s > div:last-child {
    gap: 10px;
}

.bg-r-outer.road-r.basket-s > div > div:last-child {
    display: flex;
}

.bg-r-outer.road-r.table-one-header > div {
    gap: 8px;
}


.bg-r-outer.road-r p span:first-child {
    /*border-right: 1px solid #fff;*/
    padding-right: 10px;
}

.bg-r-outer.road-r p span {
    /*font-weight: 700;*/
}

.bg-b {
    display: flex;
    justify-content: space-between;
    background: #E5E9F7;
    padding-inline: 20px;
    padding-block: 20px;
}

    .bg-b p {
        margin-bottom: 0;
        font-weight: 600;
    }

.locate-road {
    display: flex;
}

.v-btn {
    background: #3073A3;
    border: 1px solid #3073A3;
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
    padding: 10px 20px;
    border-radius: 3px;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.6s ease-in-out;
}

    .v-btn:hover {
        border: 1px solid #3073A3;
        color: #3073A3;
        background: transparent;
    }

.locate-road > div {
    display: flex;
    flex-direction: column;
}

.l-img img {
    width: 300px;
    height: 100%;
    object-fit: cover;
}

.locate-road {
    padding: 20px 20px 60px;
}

.acc-r {
    display: flex;
    width: 100%;
    padding-left: 30px;
}

    .acc-r h6 {
        width: 100%;
        font-weight: 700;
        margin-bottom: 15px;
    }

    .acc-r > div {
        width: 50%;
    }

.c-div {
    display: flex;
    align-items: center;
}

div#hiddenContent {
    padding-block: 10px;
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.2);
}

.t-img {
    margin-right: 10px;
}

.col1.colr > div {
    margin-bottom: 15px;
}

.c-div p {
    margin-bottom: 0;
    padding-left: 10px;
}

.c-div > div:hover {
    cursor: pointer;
}

.locate-road > div.acc-r {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.col2.colr > div {
    margin-bottom: 15px;
}

.l-img {
    margin-bottom: 20px;
}

span.b-text {
    color: #007FFF;
    font-size: 11px;
    margin-left: 10px;
}

.nav-tabs .nav-link:hover {
    border-color: transparent;
}

.pages select {
    width: fit-content;
}

.pages {
    display: flex;
    gap: 10px;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
}

.action-btn {
    background: #3073A3;
    color: #fff;
    border: 1px solid #3073A3;
    transition: all 0.5s ease-in-out;
}

    .action-btn:hover {
        color: #3073A3;
        border: 1px solid #3073A3;
        background: transparent;
    }

.table thead th, .table-header th {
    background: #E5E9F7ed;
    color: #000;
    border: none;
    font-size: 15px;
}



.PagerStyle1 {
    background-image: none;
    background-repeat: no-repeat;
    background-position: top center;
}

    .PagerStyle1 table {
        text-align: center;
        margin: auto;
        padding: 10px;
    }

        .PagerStyle1 table td {
            border: 0px;
            background-image: none;           
        }

    .PagerStyle1 td {
        border-top: #1d1d1d 0px solid;
        background-image: none;
    }

    .PagerStyle1 a {
        text-decoration: none;
        padding: 8px 12px;
        margin: 2px;
        background-color: #f2f2f2;
        color: red;
        border-radius: 5px;
        display: inline-block;
        /*  color: #333333;
        text-decoration: underline;
        padding: 2px 10px 2px 10px;*/
    }
        .PagerStyle1 a:hover {
            background-color: #a01c01;
            color: white;
        }

    .PagerStyle1 span {
        background-color: #a01c01;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
        /*   padding: 2px 10px 2px 10px;
        border-top: solid 1px #777777;
        border-right: solid 1px #333333;
        border-bottom: solid 1px #333333;
        border-left: solid 1px #777777;*/
        padding: 8px 12px;
        border-radius: 5px;
    }

.TableHeader {
    background: #E5E9F7ed !important;
    color: #000 !important;
    border: none !important;
    font-size: 15px !important;
}

.nav-tabs.table-nav {
    margin-bottom: 40px;
}

.table > thead {
    border-color: #E5E9F7ed;
    border: 1px solid #e8eaf7;
}

.tablenewthead {
    border-color: #E5E9F7ed;
    border: 1px solid #e8eaf7;
}

.modal-header {
    background: #A01C01;
    color: #fff;
    font-size: 15px;
    padding-block: 8px;
}

.modal-footer {
    border: none;
}

.text-fieldmodal {
    display: flex;
}

    .text-fieldmodal label {
        margin-right: 10px;
        display: flex;
        align-items: center;
    }

.page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

ul.pagination {
    margin-top: 60px;
    gap: 10px;
}

.active > .page-link, .page-link.active {
    background: #3073A3;
    border-color: #3073A3;
}

.page-link {
    color: #000;
}

    .page-link:focus {
        box-shadow: none;
    }

#Newleadmodal .modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#Newleadmodal .modal-footer {
    display: flex;
    justify-content: center;
    align-items: center;
}

div#Newleadmodal input {
    height: 40px;
}


/* .table-2 > div:last-child input {
        margin-inline: 10px;
    } */

/* .label-checksec table td:nth-child(2) {
        padding-right: 30px;
    } */

.table-2 > div:nth-child(2) p {
    white-space: nowrap;
    margin-right: 10px;
}
/* .table-3 > div:last-child input {
        margin-inline: 10px;
    } */

.labe-checksec3 table td:nth-child(2) {
    text-align: center;
    width: 85px;
}

.labe-checksec3 table td:nth-child(3) {
    text-align: center;
    width: 68px;
}

.labe-checksec3 table td:nth-child(4) {
    text-align: right;
    width: 34px;
}

table.table.table-bordered.table-striped.table-3outer td:last-child {
    width: 54px;
}

table.table.table-bordered.table-striped.table-3outer td:nth-child(9) {
    width: 68px;
}

table.table.table-bordered.table-striped.table-3outer td:nth-child(8) {
    width: 85px;
}

.table-2outer tr td:last-child {
    width: 54px;
}

.table-2outer tr td:nth-child(8) {
    width: 85px;
}

.table-2outer tr td:nth-child(9) {
    width: 68px;
}

.label-checksec td:last-child {
    text-align: center;
    width: 34px;
}

.label-checksec td:nth-child(2) {
    text-align: center;
    width: 68px;
}

.table-3 > div:nth-child(2) p {
    white-space: nowrap;
    margin-right: 10px;
}

.modal-header .btn-close {
    background: url(../../images/NewDesignImages/w-close-modal.png);
}

.modal-header .btn-close {
    background: url(../../images/NewDesignImages/w-close-modal.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
}

.f-img img {
    width: 100%;
    height: 100%;
}

.f-img {
    padding: 5%;
}

.reg-outer {
    margin-bottom: 30px;
}

.b-curve {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.bg-grey-text {
    background: #36312E;
    padding: 10px;
    text-align: center;
}

    .bg-grey-text h2 {
        color: #fff;
        font-size: 20px;
    }

.form-w-sec {
    padding-block: 30px;
}

.h-address {
    width: 47%;
    margin-inline: auto;
    display: flex;
}

.form-w-sec.we-reg.reg-type .h-address {
    width: 60%;
}

.h-address > div {
    width: 50%;
}

.form-w-sec.we-reg .h-address > div:first-child {
    width: 30%;
}

.form-w-sec.we-reg .h-address > div:last-child {
    width: 70%;
}

.form-w-sec.we-reg .h-address {
    width: 80%;
}

.we-reg .h-address > div:nth-child(2) {
    width: 70%;
}

.h-address > div.para-adress {
    width: 100%;
}

.h-address.form-w-sec.p-ful {
    width: 90%;
}

.p-ful .h-address > div:first-child {
    width: 80%;
}

.p-ful .h-address > div:last-child {
    width: 20%;
}

.p-ful .h-address {
    width: 90%;
}

/* By default, show the plus icon */
.c-div .toggle-icon {
    display: inline-block;
}

.c-div .toggle-icon-collapsed {
    display: none;
}

/* When the accordion is expanded, hide the plus icon and show the minus icon */
.c-div:not(.collapsed) .toggle-icon {
    display: none;
}

.c-div:not(.collapsed) .toggle-icon-collapsed {
    display: inline-block;
}


.para-adress span {
    color: #A01C01;
    font-weight: 600;
}

.edit-detail-sec {
    position: absolute;
    right: 8%;
}

    .edit-detail-sec p {
        color: #007FFF;
        font-size: 10px;
    }

.form-w-sec {
    position: relative;
}

a.btn-grey-settings {
    background: #36312E;
    padding: 10px 20px;
    border-radius: 7px;
    border: 1px solid #36312E;
    color: #fff;
    transition: all 0.5s ease-in-out;
    display: block;
    width: fit-content;
    margin-inline: auto;
}

    a.btn-grey-settings:hover {
        background: transparent;
        border: 1px solid #36312E;
        color: #36312E;
    }

.property-chain-outer {
    max-width: 800px;
    margin-inline: auto;
    margin-bottom: 40px;
}

    .property-chain-outer p {
        color: #7F7F7F;
        font-weight: 400;
        font-size: 15px;
    }

.reg-outer.prop-bask {
    max-width: 100%;
}

.prop-bask-inner {
    padding-inline: 30px;
    margin-top: 30px;
}

.prop-divs-chain {
    border-radius: 7px;
    overflow: hidden;
    border: 1px solid #D7D7D7;
}

.grey-bg-chain {
    background: #36312E;
    padding-block: 10px;
    color: #fff;
    padding-inline: 30px;
}

    .grey-bg-chain p {
        margin-bottom: 0;
    }

.low-upper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90%;
    margin-inline: auto;
}

.grey-bg-chain2 img {
    width: 100%;
    height: 100%;
}

.grey-bg-chain2 {
    padding-inline: 10px;
    margin-block: 15px;
}

.h-b.header-b-2 ul {
    justify-content: center;
}

    .h-b.header-b-2 ul li {
        margin-right: 100px;
    }

.locate-road > div.acc-r.basket-acc {
    flex-direction: column;
}

.form-btns {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin: 10px auto 30px;
}

a.btn-style.bg-grey-clr, input[type=submit].btn-style.bg-grey-clr {
    background-color: #36312E;
    border: 1px solid #36312E;
}

    a.btn-style.bg-grey-clr:hover, input[type=submit].btn-style.bg-grey-clr:hover {
        background-color: transparent;
        border: 1px solid #36312E;
        color: #36312E;
    }

.modal-footer.m-f-table1 {
    display: flex;
    justify-content: flex-start;
}
/* #leads table tr td:first-child {
    text-align: cenleftter;
} */
#leads table tr td:last-child {
    text-align: center;
}






/* header {
    position: relative;
    width: 100%;
    z-index: 10;
    transition: all 0.6s ease-in-out;
    padding: 20px 0; 
    box-shadow: none;
    
  } */

header + section:nth-of-type(1) {
    margin-top: 89px;
}

.h-b {
    margin-top: 89px;
}

header {
    position: fixed;
    width: 100%;
    z-index: 10;
    transition: all 0.6s ease-in-out;
    padding: 20px 0;
    box-shadow: none;
    top: 0;
}

/* header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    padding: 20px 0; 
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.6s ease-in-out; 
  } */
/* header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    padding: 20px 0;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.6s ease-in-out;
    animation: 0.45s ease-in fixedScrollIn;
}

@keyframes fixedScrollIn {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
} */

.pages label {
    margin-bottom: 0;
}

.label-checksec table td {
    text-align: center;
}

.search-outerdiv {
    margin-top: 120px;
}

.h-div {
    padding-left: 37px;
}

.table-2outer tr th:not(:nth-child(1)),
.table-2outer tr td:not(:nth-child(1)) {
    text-align: center;
}

.table-1outer tr th:not(:nth-child(1)),
.table-1outer tr td:not(:nth-child(1)) {
    text-align: center;
}

.table-3outer tr th:not(:nth-child(1)),
.table-3outer tr td:not(:nth-child(1)) {
    text-align: center;
}

footer.grey-bg.footer-sec {
    padding-block: 40px;
}

.navbar-toggler-icon img {
    width: 100%;
    height: 100%;
}


.navbar-toggler-icon {
    width: 40px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 6px;
}

.dashboard .nav-links ul {
    padding: 0 1rem 0;
}

.dashboard .nav-links ul {
    padding: 0 1rem 0;
}



.table-scroll1 {
    overflow-x: auto;
}



#new-leads,
#mapped-prospects,
#matching-prospects {
    overflow-x: auto;
}


.d-prospector .leadpage, .d-prospector .mappedpage, .d-prospector .matchingpage {
    min-width: 1200px;
}



div#new-leads .bg-r-outer,
#mapped .bg-r-outer,
#matching-prospects .bg-r-outer {
    min-width: 1200px;
}


.view-table {
    min-width: 1200px;
}

.view-table-outer {
    overflow-x: auto;
}

.lettertemplate-tab.app-tabs img {
    width: 100%;
    height: 100%;
}

.h-vh {
    height: 70vh;
}



.mobile-header {
    display: block;
}

.manage-action {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.reg-outer.full-w-reg {
    max-width: 100%;
    box-shadow: none;
}


    .reg-outer.full-w-reg .f-img img {
        width: 100%;
        height: 100%;
        padding-inline: 20%;
    }

.managefaq .bg-r-outer {
    height: 44px;
}

ul.prospector-tab.managetab {
    display: none;
}

.manange-r-toper {
    background-color: #fff;
    height: 38px;
    width: 130px;
    border-radius: 5px;
    margin-left: 30px;
}

.bg-r-outer.road-r.table-one-header.managesec > div:last-child > div {
    display: flex;
}

a.btn-style.bg-grey-clr.bulletein {
    /* margin-left: auto; */
    margin: 30px 0 0 auto;
}

.manageagentscreen .active > .page-link, .page-link.active {
    background: #36312E;
    border-color: #36312E;
}

.manageagentscreen .page-link:hover {
    color: #fff;
    background: #36312E;
    border-color: #36312E;
}

.page-link:hover {
    color: #000;
}

input.send-bulletinc {
    margin-right: 5px;
}

input.cs-all {
    margin-right: 3px;
}

.t-vh {
    height: 50vh;
}

.reg-outer.box-shd {
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}

.mail-outer {
    overflow-x: auto;
    padding: 30px 23% 50px;
}

    .mail-outer table.table {
        min-width: 678px;
    }

.table.table-mail thead th {
    background: #000000;
    color: #fff;
}

.table.table-mail tr td:nth-child(2) {
    color: red;
}

.mail-btns {
    display: flex;
    gap: 10px;
}
/* .table-mail.table-striped>tbody>tr:nth-of-type(odd)>* {
        background: #fff !important;
    } */
/* .table-striped>tbody>tr:nth-of-type(odd)>*{
        --bs-table-bg-type: none !important;
    } */

.mail-outer.listing-s .table-striped > tbody > tr:nth-of-type(odd) > * {
    background: #fff !important;
}

.mail-outer.listing-s .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-bg-type: none !important;
}

.mail-outer.listing-s

.pagination-outer .page-item.active .page-link {
    background-color: black;
    color: white;
    border-color: black;
}

.pagination-outer .page-link {
    color: #007bff;
}

    .pagination-outer .page-link:hover {
        color: #0056b3;
        text-decoration: none;
    }

.top-per {
    display: flex;
    align-items: center;
}

.top-side {
    display: flex;
    gap: 10px;
    position: absolute;
    left: 39%;
    top: -4px;
}
/* .top-per {
        position: relative;
        padding-block: 25px;
    } */
.top-per {
    position: relative;
    padding-block: 25px;
    border-right: 1px solid #d4d4d4;
    border-left: 1px solid #d4d4d4;
}

/* .bg-r-outer.managesec {
        padding-block: 14px;
     
    } */
.bg-r-outer.road-r.managesec {
    padding-block: 14px;
    border-radius: 20px 20px 0 0;
}

.top-per h6 {
    font-weight: 600;
    padding-left: 20px;
}

.f-vh {
    height: 82vh;
}

.login-outer {
    border: 1px solid #36312E;
    max-width: 767px;
    margin-inline: auto;
    margin: 10px auto 0;
}

    .login-outer h4 {
        background: #36312E;
        color: #fff;
        padding: 10px 20px;
    }

.input-container2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 767px;
    margin: 0 auto;
}

    .input-container2 input {
        margin-bottom: 20px;
    }

.login-formbtn {
    background-color: #36312E;
    border-radius: 5px;
    color: #fff;
    width: 100%;
    display: block;
    text-align: center;
    padding-block: 4px;
    padding-inline: 35px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
    font-family: "Plus Jakarta Sans", serif;
    width: fit-content;
    margin: 25px 0 10px;
    transition: all 0.5s ease-in-out;
}

    .login-formbtn:hover {
        background-color: #A01C01;
    }

.login-inner {
    /* padding-inline: 30px; */
    padding: 30px;
}

    .login-inner h6 a {
        color: #36312E;
    }

        .login-inner h6 a:hover {
            color: #000000;
        }

.mob-showpart {
    display: none;
}
/* .select-container {
        position: relative;
        width: 300px;
        margin: 20px auto;
      }
      .dropdown-content {
        margin-top: 10px;
        padding: 10px;
        background-color: #f8f9fa;
        border: 1px solid #ddd;
        border-radius: 5px;
      } */
.form-control.form-sel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #36312E;
    color: #fff;
    border-radius: 0;
    border: none;
    position: relative;
}

.mob-showpart .reg-outer {
    border-radius: 0;
}



.mob-showpart .dropdown-menu {
    background: #36312E;
    color: #fff;
    width: 88vw;
    text-align: center;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    transform: translateY(50px) !important;
    border-radius: 0;
}


.mob-showpart .dropdown-item {
    color: #fff;
}

.dropdown-item:hover {
    background-color: #fff;
    color: #36312E;
}


.managefaq.m-q {
    min-width: 1200px;
}

.pros-mq {
    min-width: 1200px;
}

.def-cont {
    overflow-x: auto;
}

.mob-showpart .dropdown-toggle::after {
    background: url("../images/arr-downtab.svg");
    width: 10px;
    height: 10px;
    background-size: 13px;
    border: none;
}

.top-performing tr td:nth-child(5) {
    color: #007FFF;
}

.s-manage.f-img,
.mail-outer.trading-s {
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
}

    .mail-outer.trading-s tr td:last-child {
        color: #007FFF;
    }

.table-1outer.manage-se tr th:nth-child(1), .table-1outer tr td:nth-child(1) {
    text-align: center;
}

table.table.table-bordered.table-striped.table-1outer.manage-se {
    margin-bottom: 0;
}

th, td {
    vertical-align: middle;
}

.border-rad {
    border-radius: 20px 20px 0 0;
}

.d-shadow.agentlogin {
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
}

.addedit.d-shadow {
    border-radius: 20px;
}

.d-shadow.b-rads {
    border-radius: 20px;
}

.ag-form-outer {
    padding: 5%;
}

    .ag-form-outer select {
        border-radius: 0;
        padding-block: 10px;
        border: 1px solid #9B9B9B;
    }

    .ag-form-outer label {
        font-size: 19px;
        margin-bottom: 10px;
    }

    .ag-form-outer .btn-style {
        margin-top: 30px;
    }

.form-select:focus {
    border-color: unset;
    outline: 0;
    box-shadow: none;
}

.ag-s-col {
    margin-bottom: 10px;
}

.ag-d-col {
    display: flex;
    gap: 2%;
    align-items: center;
    margin-bottom: 10px;
}

    .ag-d-col > div:nth-child(2) p {
        margin-bottom: 0;
    }

.ad-d-col1 {
    width: 49%;
}

.ad-d-col2 {
    width: 49%;
}

.ad-d-full {
    width: 100%;
}

.line-r {
    border-right: 1px solid #DFDFDF;
}

.line-l {
    border-left: 1px solid #DFDFDF;
}

.property-chain .ag-form-outer {
    padding-block: 0;
    margin-block-start: 5%;
}

.ag-form-outer input {
    height: 40px;
    width: 100%;
    border: 1px solid #9B9B9B;
    padding: 10px;
}

.ag-form-outer input[type=checkbox] {
    
}


.ag-t-col {
    display: flex;
    gap: 2%;
    margin-bottom: 10px;
}

    .ag-t-col > div {
        width: 33.33%;
    }

.sel-in1 {
    display: flex;
    align-items: center;
    gap: 2%;
    margin-bottom: 10px;
}

.check-reg1 {
    display: flex;
    align-items: center;
    gap: 5%;
}

    .check-reg1 input {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

.temp-part {
    display: flex;
}

.temp-part1 {
    width: 45%;
}

.temp-part2 {
    width: 55%;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.temp-part .ag-s-col {
    display: flex;
    align-items: center;
}

    .temp-part .ag-s-col label {
        width: 253px;
    }

.temp-img-outer > div img {
    width: 100%;
    height: 100%;
}
/*#HtmlEditorExtenderNew {
    width: 100% !important;
    height: 100% !important;
}*/
.temp-part .ag-form-outer {
    padding: 0 20px 0 0;
}

.temp-img-outer {
    padding-left: 160px;
    margin-top: 20px;
}

.temp2 {
    display: flex;
    gap: 30px;
}

    .temp2 > div {
        width: 50%;
    }

.emailtemp .ag-form-outer {
    padding: 0;
}

.email-temp-img {
    display: flex;
}

.email-temp-2 img {
    width: 100%;
    height: 100%;
}

.emailtemp .ag-form-outer .ag-s-col {
    display: flex;
}

.email-temp-outer {
    padding: 5%;
}

.ag-form-outer.email-temp-outer {
    padding: 5%;
}

.email-temp-img {
    margin-top: 30px;
}


.email-temp-outer .ag-form-outer label {
    width: 208px;
}

.email-temp-img p {
    width: 146px;
    font-size: 19px;
}

.ag-s-col.e-s label {
    width: 170px;
}

/* .settings-outr{
        display: flex;
    } */

/* .settings-ch{
        width: 35px;
        height: 30px;
    } */


.ag-form-outer .settings-ch input {
    width: 35px;
    height: 35px;
    margin-right: 10px;
}

.ag-form-outer .settings-ch label {
    margin-bottom: 0;
}

.notify.with-text p {
    color: grey;
    font-size: 16px;
    margin-top: 10px;
}

.ag-s-col.ad {
    display: flex;
    align-items: center;
}

    .ag-s-col.ad label {
        white-space: nowrap;
        margin-right: 10px;
    }

a.btn-style.bg-grey-clr.full-w {
    width: 100%;
    text-align: center;
}

.settings-ch {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.ag-form-outer.s-textarea {
    display: flex;
}

    .ag-form-outer.s-textarea label {
        white-space: nowrap;
        margin-right: 10px;
    }

.arr-div-outer {
    display: flex;
}

.sett-div1 {
    display: flex;
}

.ag-form-outer select.w-control {
    width: 75px;
    height: 40px;
    margin-left: 6px;
}

.w-control.red-bg {
    width: 116px;
    height: 40px;
    margin-left: 6px;
    background-color: #A01C01;
}

.w-control.blue-bg {
    width: 116px;
    height: 40px;
    margin-left: 6px;
    background-color: #3073A3;
}

.setting-f input {
    width: calc(100% - -26px);
}

.setting-f {
    display: flex;
}

.sett-div1 {
    margin-bottom: 20px;
}

.setting-f {
    margin-bottom: 20px;
}

.s-last-col {
    width: 397px;
}

.ag-form-outer .sett-div1 input {
    width: calc;
    width: calc(100% - 90px);
}

.arr-div2 p a {
    color: #000;
}

.settings-ch {
    position: relative;
}

    .settings-ch input {
        position: absolute;
    }

    .settings-ch label {
        padding-left: 49px;
    }

.settings-outr.ar-sec .arr-div1 {
    width: 217px;
}

    .settings-outr.ar-sec .arr-div1 p {
        font-size: 19px;
    }

.settings-outr.ar-sec .arr-div2 p a {
    font-size: 19px;
}

.notify.with-text {
    padding-left: 136px;
}

.ag-s-col.ad select {
    height: 40px;
}


.setting-table p {
    margin: 20px 0 10px;
    font-size: 19px;
}

.setting-table .styled-table {
    width: 100%;
    border-collapse: collapse;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

    .setting-table .styled-table th {
        background-color: #A01C01; /* Dark Red */
        color: white;
        padding: 10px;
        text-align: left;
    }

    .setting-table .styled-table td {
        padding: 10px;
        border: 1px solid #ddd;
    }

    .setting-table .styled-table tbody tr:nth-child(even) {
        background-color: #f9f9f9;
    }

.setting-table button {
    border: none;
    background: none;
}


.fot-div {
    background: #36312E;
    width: 100%;
    float: left;
}

.sel-buy-2 {
    width: 100%;
    float: left;
}

.about-results {    
    text-align: center; 
}
    .about-results a {
        color: red;
        text-decoration: underline;
    }
/* ===================================================================responsive======================================== */
@media (max-width:1600px) {
    .row.search-row {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 5px;
        padding-left: 10px;
    }


        .row.search-row > div:first-child {
            padding-left: 0px;
        }
        /* .row.search-row > div {
        width: auto;
        margin-bottom: 12px;
    } */
        .row.search-row > div {
            width: 16%;
            margin-bottom: 12px;
        }
}


@media (max-width:1400px) {
}

@media (max-width:1450px) {
    .form-label {
        font-size: 15px;
    }
}


@media only screen and (max-width: 1240px) {
}

@media only screen and (max-width: 1200px) {
    .h-div {
        padding-left: 32px;
    }

    .row.search-row > div {
        width: 19%;
    }

    .dashboard .nav-links a {
        font-size: 14px;
    }

    .dashboard a.h-btn {
        font-size: 14px;
        padding-inline: 12px;
    }

    .dasb-b .container {
        max-width: 97% !important;
    }

    .bg-r-outer.road-r.for-sale-r > div:first-child {
        width: 32%;
    }

    .road-sec .nav-tabs .nav-link {
        padding-inline: 18px;
        font-size: 14px;
    }

    .d-prospector .road-sec {
        padding: 50px 0;
    }

    .c-div p {
        padding-left: 5px;
        font-size: 14px;
    }

    .dashb-page .pages {
        position: static;
        margin-top: 20px;
    }
}


@media only screen and (max-width: 1240px) {
    .g-chain-outer1 {
        overflow-x: auto;
        width: 100%;
    }

    .g-chain-outer2 {
        min-width: 1200px;
    }
}



@media only screen and (max-width: 1024px) {


    .acc-r {
        padding-left: 20px;
    }

    a.print {
        font-size: 14px;
    }

    .dashboard .nav-links a {
        font-size: 13px;
    }

    .dashboard a.h-btn {
        font-size: 12px;
    }

    .dashboard .nav-links ul {
        padding: 0 0.7rem 0;
    }

    .d-prospector .pages {
        position: static;
    }

    .dashboard-inner .road-sec {
        padding: 10px 0;
    }

    .banner-col-1 .bg-black-tr {
        width: 94%;
    }

    .container {
        max-width: 90% !important;
    }

    .ved-h-sec {
        width: 100%;
    }

    .instimg-outer {
        width: 100%;
    }

    .nav-links a {
        font-size: 15px;
    }
}

/* @media (max-width: 991px) {
    .header-desk{display: none;}
}
     */



@media (min-width: 992px) {
    .mobile-header {
        display: none;
    }
}


@media only screen and (max-width: 991px) {
    .mail-outer {
        padding: 30px 20px 50px;
    }

    .f-img {
        padding-inline: 20px;
    }

    .reg-outer.full-w-reg .f-img img {
        padding-inline: 0;
    }

    .header-desk {
        display: none;
    }

    .col2.colr {
        padding-left: 5px;
    }

    .row.search-row > div {
        width: 32%;
    }

    .locate-road {
        flex-wrap: wrap;
    }

    .acc-r {
        padding-left: 0px;
    }

    .locate-road > div {
        width: 100%;
    }

        .locate-road > div:first-child {
            margin-bottom: 10px;
        }

    .l-img {
        max-height: 300px;
    }

    #mobileMenu .navbar-nav {
        margin-block: 30px;
    }

    .dashboard-inner .road-sec .container {
        margin-top: 30px;
    }

    #mobileMenu .navbar-nav li {
        margin-bottom: 8px;
    }

    .loc-div ul li {
        margin-bottom: 10px;
    }

    .loc-div > ul {
        width: 100%;
    }

    .loc-div {
        flex-wrap: wrap;
    }



    #mobileMenu .nav-link {
        color: #fff;
        font-family: 'AvertaCY';
        text-transform: uppercase;
    }

    #mobileMenu .nav-item.login-btn a {
        color: #fff;
        border: 1px solid #fff;
        padding: 5px 20px;
        border-radius: 20px;
        transition: all 0.6s ease-in-out;
        font-family: 'AvertaCY';
        text-transform: uppercase;
        margin-top: 20px;
        transition: all 0.6s ease-in-out;
    }

        #mobileMenu .nav-item.login-btn a:hover {
            color: #A01C01;
            border: 1px solid #fff;
            background: #fff;
        }


    /* Underline effect for the login button */
    #mobileMenu .nav-link {
        position: relative; /* Make sure the link has a position to position the pseudo-element */
        display: inline-block; /* Ensure the link is treated as a block element */
        padding-bottom: 2px; /* Adds some space between text and underline */
    }

        #mobileMenu .nav-link::after {
            content: ""; /* Empty content for the pseudo-element */
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px; /* Thickness of the underline */
            background-color: #fff; /* Underline color */
            transition: width 0.3s ease-in-out; /* Smooth animation */
        }

        #mobileMenu .nav-link:hover::after,
        #mobileMenu .nav-link.active::after {
            width: 100%; /* Expand the underline to full width */
        }





    .instimg-outer .video-iframe {
        height: 32vw;
    }

    .footer-links p a {
        font-size: 16px;
    }

    .banner-col-1 .bg-black-tr {
        width: 100%;
        padding: 40px 20px 50px;
    }

        .banner-col-1 .bg-black-tr h2 {
            font-size: 35px;
        }

    .banner-col-2 .bg-black-tr {
        padding: 20px 20px 40px;
    }

    .col-md-4.banner-col-2 .bg-black-tr h4 {
        font-size: 19px;
    }

    .banner-col-1 .bg-black-tr p {
        margin-bottom: 30px;
    }

    .banner-col-2 .form-input::placeholder {
        font-size: 13px;
    }

    .form-input {
        padding: 8px 10px;
    }

    .login-form {
        padding-block: 8px;
        font-size: 14px;
    }

    a.reg-form {
        margin-top: 13px;
        padding-block: 8px;
        font-size: 14px;
    }
}

@media screen and (min-width: 767px) {
}

@media only screen and (min-width: 576px) and (max-width: 990px) {
    .footer-links > div:first-child {
        width: 40%;
    }

    .footer-links > div:nth-child(2) {
        width: 60%;
    }

    .footer-links > div:nth-child(3) {
        width: 100%;
    }

    .road-sec .nav-tabs .nav-link {
        padding-inline: 12px;
        font-size: 12px;
    }
}





@media only screen and (max-width: 767px) {
    .sel-in.agree {
        margin-bottom: 30px;
    }

    .mail-btns {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .input-container2 input {
        margin-bottom: 14px;
    }

    .login-formbtn {
        margin: 14px 0 10px;
    }

    .register-form .reg-form label {
        font-size: 14px;
    }

    .sel-in p {
        font-size: 14px;
    }

    .contact-outer .ct-field label {
        font-size: 14px;
    }

    .register-form .text-field:nth-child(odd) {
        width: 100%;
        float: none;
    }

    .register-form .text-field:nth-child(2n) {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .sel-in p {
        width: 27%;
    }

    .sel-in.agree {
        padding-left: 26%;
    }

    .reg-outer.register-form .reg-form {
        padding: 30px 15px 30px 15px;
    }

    .contact-outer .ct-form .ct-field {
        display: flex;
        flex-direction: column;
    }

        .contact-outer .ct-form .ct-field input {
            width: 100%;
        }

    .contact-outer .ct-field textarea {
        width: 100%;
    }

    .contact-outer .ct-form .ct-field label {
        width: 100%;
    }

    .contact-outer {
        padding: 0 6px;
    }


    .row.search-row > div {
        width: 49%;
    }

    .prop-bask-inner .grey-bg-chain p {
        text-align: center;
    }


    .bg-r-outer.road-r.basket-s > div:first-child {
        width: 100%;
        margin-bottom: 10px;
    }

    .bg-r-outer.road-r.basket-s p {
        font-size: 14px;
    }

    .bg-r-outer.road-r.basket-s > div:nth-child(2) {
        width: 100%;
        justify-content: flex-end;
    }

    .bg-r-outer.road-r.basket-s {
        flex-wrap: wrap;
    }

    .h-address,
    .h-address.form-w-sec.p-ful,
    .form-w-sec.we-reg.reg-type .h-address {
        width: 94%;
    }



    .p-ful .h-address {
        width: 100%;
    }


    .bg-r-outer.road-r.for-sale-r > div:first-child {
        width: 100%;
    }

    .bg-r-outer.road-r.for-sale-r {
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .locate-road {
        padding: 20px 10px 20px;
    }

    .bg-b {
        padding-inline: 10px;
    }

        .bg-b p {
            font-size: 13px;
        }

    .bg-r-outer.road-r.for-sale-r p {
        font-size: 15px;
        margin-bottom: 10px;
    }

    p {
        font-size: 16px;
    }

    button.accordion-button {
        font-size: 15px;
    }

    .faq-outer p {
        font-size: 15px;
    }

    .bg-w-text {
        padding: 20px 30px;
    }

    .footer-links {
        width: 100%;
    }

    .ss-inner {
        width: 100%;
    }


    .d-prospector .container {
        max-width: 100% !important;
    }



    .ct-details > div {
        width: 50%;
    }

    .ct-details {
        flex-wrap: wrap;
    }



    .ved-h-sec p {
        font-size: 16px;
    }

    .container {
        max-width: 95% !important;
    }

    .banner-col-1 {
        margin: 90px auto 30px;
    }

        .banner-col-1 .bg-black-tr {
            width: 100%;
        }

            .banner-col-1 .bg-black-tr p {
                font-size: 16px;
            }

            .banner-col-1 .bg-black-tr h2 {
                font-size: 30px;
            }

    .input-container {
        max-width: 100%;
    }

    .grey-bg h4 {
        font-size: 24px;
    }

    .grey-bg {
        padding-block: 15px;
    }

    .ved-h-sec {
        padding-top: 40px;
    }

    .ved-exp-sec {
        padding-block: 40px;
    }

    .ved-sec {
        padding-block: 40px;
    }

    section.locate-points {
        padding-block: 40px;
    }

    .loc-div ul li {
        font-size: 16px;
    }
}


@media only screen and (max-width: 575px) {
    .desk-hidepart {
        display: none;
    }

    .mob-showpart {
        display: block;
    }

    .d-outer.d-search.drp-c {
        margin-top: 140px;
    }

    .row.search-row > div {
        width: 49%;
    }

    .b-box {
        width: 100%;
    }

    .others .form-select {
        font-size: 14px;
    }

    .others select {
        margin-left: 8px;
    }

    .others label {
        font-size: 15px;
    }

    .bg-b > div {
        width: 50%;
        margin-bottom: 6px;
    }

        .bg-b > div:last-child {
            width: 100%;
        }

    .bg-b {
        flex-wrap: wrap;
    }

    .acc-r > div {
        width: 100%;
    }

    .col2.colr {
        padding-left: 0px;
    }




    .footer-links > div {
        width: 100%;
    }

        .footer-links > div:not(:nth-child(3)) {
            margin-bottom: 20px;
        }

    .ct-details > div {
        width: 100%;
    }

    footer.grey-bg.footer-sec {
        padding-bottom: 0px;
    }

    .d-tab .nav-tabs li {
        width: 100%;
    }

    .d-tab li button {
        width: 100%;
    }

    .d-tab ul {
        border-radius: 20px;
    }


    .road-sec .container {
        max-width: 100% !important;
        /* padding-inline: 0; */
    }

    .road-sec .container-fluid {
        padding-inline: 0 !important;
    }

    .dashboard-inner .reg-outer {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 420px) {
    .login-inner {
        padding: 20px;
    }

    .row.search-row > div {
        width: 100%;
    }

    .sel-in {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

        .sel-in p {
            width: 100%;
            margin-bottom: 10px;
        }

        .sel-in.agree {
            padding-left: 0;
        }

        .sel-in > div {
            width: 100%;
        }

        .sel-in.agree label {
            width: 100%;
        }
}