:root {
    /*----------color----------*/
    --black-0: #000;
    --white-0: #fff;
    --yellow-0: #FFD003;
    --teal-0: #06748C;
    --blue-0: #272E79;
    /*----------bg-color----------*/
    --bg-1: #ffe380;
    --bg-2: #FFD003;
    --bg-3: #eaeaea;
    --bg-4: #06748C;
    --bg-5: #78E1E1;
    --bg-6: #FAFBFB;
    /*----------bg-color----------*/
    --text-blue-1: #1A1446;
    --text-blue-2: #272E79;
    --text-blue-3: #22334F;
    --text-blue-4: #47556C;
    --text-grey-1: #404040;
    --text-grey-2: #565656;
    --text-grey-3: #888;
    --text-grey-4: #333740;
    --text-grey-5: #ddd;
    --text-grey-6: #666;
    --text-teal-1: #06748C;
}
@font-face {
    font-family: 'Roboto';
    src: url("Roboto/Roboto-VariableFont_wdth,wght.ttf") format('truetype');
}
body {
    font-size: .875rem;
    font-family: "Roboto";
}
.error-red {
    color: #fd0000;
}
.errorMsg {
    color: #fd0000;
    font-size: 11px;
    line-height: 1;
    font-weight: 400;
}
input::placeholder, .form-control::placeholder {
    font-size: .75rem;
    color:#ccc;
}
.form-control, .btn, .form-select {
    box-shadow: none !important;
}
    .form-control:disabled, .form-select:disabled {
        background-color: #f7f7f7 !important;
        opacity: 0.5 !important;
    }
    .form-control.datepicker {
        margin-bottom:0 !important;
    }
.input-group {
    border: 1px solid #ddd;
    border-radius: 20px;
}
    .input-group .form-control {
        border: none;
        padding: .375rem .75rem !important;
    }
.input-group-addon {
    width: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .input-group-addon i.fa-calendar {
        font-size: 1rem;
    }
h1, h2, h3, h4, h5, h6, p {
    color: var(--black-0);
}
.customcard-padding{
    padding:1rem;
}
.border-radius-12{
    border-radius:12px !important;
}
.mainwithheader{
    min-height:calc(100vh - 58px);
}
.maincontainer {
    background-color: var(--bg-3);
}
.mainLayout {
    padding: 1rem 0rem;
}

/*select option:hover,
select option:focus,
select option:active {
    background: linear-gradient(#000000, #000000);
    background-color: #000000 !important;*/ /* for IE */
    /*color: #ffed00 !important;
}

select option:checked {
    background: linear-gradient(#d6d6d6, #d6d6d6);
    background-color: #d6d6d6 !important;*/ /* for IE */
    /*color: #000000 !important;
}*/
.loader {
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: fixed;
}


.loader::before {
    content: '';
    width: 100%;
    background: rgb(0 0 0 / 40%);
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: -1;
}

.loader img {
    width: 150px;
    height: 150px;
}
 

.custome-badge {
    padding: 0.25rem 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    color: var(--black-0);
    border: 1px solid var(--yellow-0);
    font-size: .75rem;
}
.custome-badge.active {
    background-color:  var(--yellow-0);
}
.btn-primary {
    background-color: var(--bg-4) !important;
    border-color: var(--bg-4) !important;
    border-radius: 20px;
    font-size: .875rem;
}
.btn-outline-primary {
   color: var(--bg-4) !important;
    background-color: var(--white-0) !important;
    border-color: var(--bg-4) !important;
    border-radius: 20px;
    font-size:.875rem;
}
.form-control, .form-select {
    border-radius: 20px;
    font-size: .75rem;
    border-color: #dee2e6 !important;
    margin-bottom: .125rem !important;
   
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
}

.custom-label {
    position: absolute;
    left: 13px;
    top: -3px;
    background-color: #fff;
    color: #565656;
    font-size: .675rem;
    z-index: 6;
    line-height: .8;
}
.datepicker td, .datepicker th{
    font-size:.875rem !important;
}
.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover, .datepicker table tr td.today.active.day {
    background-color: var(--teal-0) !important;
    background-image: none !important;
    color: #fff !important;
}
.custom-radio .form-check-input {
    width: 1em;
    height: 1em;
}
.form-check-input {
    box-shadow: none !important;
    width: 1.25em;
    height: 1.125em;
}
    .form-check-input:checked {
        background-color: var(--bg-4) !important;
        border-color: var(--bg-4) !important;
    }
.form-switch {
    padding-left: 3.5em;
}
.form-switch .form-check-input {
    border-color: #afafaf;
    width: 2.5em !important;
    margin-left: -3em !important;
}
.form-switch .form-check-label {
    font-size: .75rem;
    color: #565656;
}
/*.headerFirst {
    background-color: var(--bg-1);
}
.headerFirst .call-logo {
    background-color: var(--bg-2);
    border-radius: 8px;
    padding: .5rem .675rem;
}
    .headerFirst .nav .nav-item .nav-link {
        color: var(--text-grey-1);
        font-weight: 400;
        text-decoration: none;
        padding-top: 0;
        padding-bottom: 0;*/
/*        border-right: 1px solid #000;*/
/*}*/
/*    .headerFirst .nav .nav-item:last-of-type .nav-link {
        border-right: none;
    }*/
/*    .headerFirst .nav .nav-item .nav-link.active {
        font-weight: 600;
        color: var(--black-0);
    }*/
.headerTwo {
    background-color: var(--bg-2);
}
.headerTwo .logo-img {
    width:80%;
}
    .headerTwo .call-logo {
        background-color: var(--bg-1);
        border-radius: 8px;
        padding: .5rem .675rem;
    }

    .headerTwo .nav .nav-item .nav-link {
        color: var(--text-grey-1);
        font-weight: 400;
        text-decoration: none;
        padding-top: 0;
        padding-bottom: 0;
        /*        border-right: 1px solid #000;*/
    }
/*    .headerTwo .nav .nav-item:last-of-type .nav-link {
        border-right: none;
    }*/
        .headerTwo .nav .nav-item .nav-link.active {
            font-weight: 600;
            color: var(--black-0);
        }
.heading-bg {
    background-color: #C9F3F4;
    padding: .5rem 1rem;
    border-radius: 8px;

    font-size: .75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
}
/*----------ratingModalContainer----------*/





/*17-April*/

/* RESET STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.chart-skills {
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
}

    .chart-skills *,
    .chart-skills::before {
        box-sizing: border-box;
    }


/* CHART-SKILLS STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.chart-skills {
    position: relative;
    width: 100%;
    height: 135px;
}

    .chart-skills::before,
    .chart-skills::after {
        position: absolute;
    }

    .chart-skills::before {
/*        content: '';
        width: inherit;
        height: inherit;
        border: 95px solid rgba(211, 211, 211, .3);
        border-bottom: none;
        border-top-left-radius: 175px;
        border-top-right-radius: 175px;*/
    }

    .chart-skills li {
        position: absolute;
        top: 100%;
        left: 0;
        width: 65%;
        margin: 0 17.5%;
        height: 75%;
        border: 35px solid;
        border-top: none;
        border-bottom-left-radius: 120px;
        border-bottom-right-radius: 120px;
        transform-origin: 50% 0;
        transform-style: preserve-3d;
        backface-visibility: hidden;
        animation-fill-mode: forwards;
        animation-duration: .4s;
        animation-timing-function: linear;
    }

        .chart-skills li:nth-child(1) {
            z-index: 5;
            border-color: #a2c5f5;
            animation-name: rotate-one;
            cursor: pointer;
        }

        .chart-skills li:nth-child(2) {
            z-index: 4;
            border-color: #6fa2e9;
            animation-name: rotate-two;
            animation-delay: .4s;
            cursor: pointer;
        }

        .chart-skills li:nth-child(3) {
            z-index: 3;
            border-color: #446499;
            animation-name: rotate-three;
            animation-delay: .8s;
            cursor: pointer;
        }

        .chart-skills li:nth-child(4) {
            z-index: 2;
            border-color: #497dc5;
            animation-name: rotate-four;
            animation-delay: 1.2s;
            cursor: pointer;
        }

        .chart-skills li:nth-child(5) {
            z-index: 1;
            border-color: #446499;
            animation-name: rotate-five;
            animation-delay: 1.6s;
            cursor: pointer;
        }

@keyframes rotate-one {
    100% {
        transform: rotate(25deg);
        /**
     * 12% => 21.6deg
     */
    }
}

@keyframes rotate-two {
    0% {
        transform: rotate(35deg);
    }

    100% {
        transform: rotate(67deg);
        /**
     * 32% => 57.6deg 
     * 57.6 + 21.6 => 79.2deg
     */
    }
}

@keyframes rotate-three {
    0% {
        transform: rotate(70deg);
    }

    100% {
        transform: rotate(112deg);
        /**
     * 34% => 61.2deg 
     * 61.2 + 79.2 => 140.4deg
     */
    }
}

@keyframes rotate-four {
    0% {
        transform: rotate(115deg);
    }

    100% {
        transform: rotate(153deg);
        /**
     * 22% => 39.6deg  
     * 140.4 + 39.6 => 180deg
     */
    }
}


@keyframes rotate-five {
    0% {
        transform: rotate(150deg);
    }

    100% {
        transform: rotate(195deg);
        /**
     * 22% => 39.6deg  
     * 140.4 + 39.6 => 180deg
     */
    }
}



@keyframes fade-in {
    0%, 90% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

ul.chart-skills li span {
    position: absolute;
    top: 20px;
    left: -14%;
}

.wheel-block {
    position: relative;
    display: block;
    overflow: hidden;
}

.nip {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 15px;
    z-index: 999;
    width: fit-content;
    margin: 0 auto;
    transform-origin: bottom;
}

.chart-skills li:nth-child(1) span i {
    color: #fff;
    font-size: 16px;
    transform: rotate(-110deg);
}

.chart-skills li:nth-child(2) span i {
    color: #fff;
    font-size: 16px;
    transform: rotate(-110deg);
}

.chart-skills li:nth-child(3) span i {
    color: #fff;
    font-size: 16px;
    transform: rotate(-110deg);
}

.chart-skills li:nth-child(4) span i {
    color: #fff;
    font-size: 16px;
    transform: rotate(-110deg);
}

.chart-skills li:nth-child(5) span i {
    color: #fff;
    font-size: 16px;
    transform: rotate(-110deg);
}

ul.chart-skills li:nth-child(3) span {
/*    top: 43px;
    transform: rotate(-18deg);*/
}

ul.chart-skills li:nth-child(5) span {
/*    top: 35px;*/
}

ul.chart-skills li.active {
    border-color: #dfad17;
}

.nip img {
    max-width: 65%;
}

.nip.rotate-nip-01 {
    transform: rotate(-84deg);
    top: auto;
    transition: transform .4s ease-in-out;
}

.nip.rotate-nip-02 {
    transform: rotate(-47deg);
    top: auto;
    transition: transform .4s ease-in-out;
}

.nip.rotate-nip-03 {
    transform: rotate(0deg);
    top: auto;
    transition: transform .4s ease-in-out;
}

.nip.rotate-nip-04 {
    transform: rotate(44deg);
    top: auto;
    transition: transform .4s ease-in-out;
}

.nip.rotate-nip-05 {
    transform: rotate(88deg);
    top: auto;
    transition: transform .4s ease-in-out;
}

.tittle-meter {
    width: 85%;
    margin: 0 auto;
    text-align: center;
    background: #e4e4e4;
    margin-top: 5px;
}

    .tittle-meter h2 {
        margin: 0;
        text-align: center;
        font-size: 12px;
        line-height: 27px;
        padding: 10px;
    }

ul.chart-skills li.active:after {
    color: #dfad17;
}

.chart-skills li:nth-child(1):after {
    content: "\f005";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 28px;
    left: -48px;
    right: auto;
    z-index: 999;
    font-size: 10px;
}

.chart-skills li:nth-child(2):after {
    content: "\f005   \f005";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 33px;
    left: -53px;
    right: auto;
    z-index: 999;
    font-size: 10px;
    transform: rotate(76deg);
}

.chart-skills li:nth-child(3):after {
    content: '\f005  \f005  \f005';
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 35px;
    left: -60px;
    right: auto;
    z-index: 999;
    font-size: 10px;
    transform: rotate(67deg);
}

.chart-skills li:nth-child(4):after {
    content: '\f005  \f005  \f005  \f005 ';
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 30px;
    left: -70px;
    right: auto;
    z-index: 999;
    font-size: 10px;
    transform: rotate(73deg);
}

.chart-skills li:nth-child(5):after {
    content: '\f005  \f005  \f005  \f005  \f005';
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 40px;
    left: -70px;
    right: auto;
    z-index: 999;
    font-size: 10px;
    transform: rotate(65deg);
}

.chart-skills::before {
    content: '';
    /* border: 100px solid rgba(211, 211, 211, .3); */
    border-bottom: none;
    border-radius: 50%;
    width: 85%;
    height: 200%;
    position: absolute;
    /* top: 50%; */
    /* left: 50%; */
    /* margin-left: -200px; */
    /* margin-top: -116px; */
    box-shadow: 0px 0px 22px 7px #ccc;
    background-color: rgba(211, 211, 211, .3);
    margin: 0 7.5%;
}

button.check-wheel-button {
    background: #446499;
    margin: 50px auto 0;
    text-align: center;
    display: block;
    font-size: 14px;
    border-radius: 5px;
    border: none;
}

.logo {
    text-align: center;
}

h4.modal-title.text-center.tittle-custom {
    color: #150b47;
    font-size: 16px;
/*    padding: 15px;*/
    font-weight: 600;
    word-spacing: 3px;
    line-height: 25px;
}


ul.chart-skills li:nth-child(1) span:after {
    content: '';
    position: absolute;
    width: 67px;
    height: 3px;
    background: #fff;
    left: -48px;
    top: -22px;
}

ul.chart-skills li:nth-child(2) span:after {
    content: '';
    position: absolute;
    width: 70px;
    height: 3px;
    background: #fff;
    left: -51px;
    top: -22px;
}

ul.chart-skills li:nth-child(3) span:after {
    content: '';
    position: absolute;
    width: 70px;
    height: 3px;
    background: #fff;
    left: -51px;
    top: -22px;
    transform: rotate(0deg);
}

ul.chart-skills li:nth-child(4) span:after {
    content: '';
    position: absolute;
    width: 68px;
    height: 3px;
    background: #fff;
    left: -49px;
    top: -22px;
}

.blank-image {
    text-align: center;
    display: block;
    padding: 20px 0px;
    border-bottom: dotted;
    width: 80%;
    margin: 0 auto;
}

textarea.text-area {
    margin: 0 auto;
    display: block;
    margin-top: 25px;
    border-radius: 5px;
    padding: 10px;
}

button.submit-button {
    background: #d77720;
    border: navajowhite;
    color: #fff;
    margin: 15px auto 0;
    display: block;
    padding: 10px 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 4px;
}

/*----------otp-container Page----------*/

.otp-container  .modal-dialog {
    max-width: 450px !important;
}
.otp-container .otp-box .resend-otp-label {
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
}
.otp-container .otp-box .resend-otp-label span{ 
    font-weight: 700; 
}
.otp-container .otp-box .resendotp-title {
    color:var(--text-teal-1);
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
}

/*----------custommodal-container----------*/
.custommodal-container .modal-title {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
}
/*----------commonmsg modal----------*/
.commonmsg-container .messagetext {
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    color:var(--text-grey-1);
}
/*----------compare-container modal----------*/
.compare-container .table-container {
    width: 100%;
    overflow-x: auto;
}

    .compare-container .table-container table {
        border-collapse: collapse;
        width: max-content;
        min-width: 100%;
        table-layout: fixed;
    }

        .compare-container .table-container table th, .table-container table td {
            padding: 4px;
            border: 1px solid #ccc;
            text-align: center;
            min-width: 150px;
            /*            background-color: #fff;*/
            font-size: .675rem;
        }

            .compare-container .table-container table th:first-child, .table-container table td:first-child {
                position: sticky;
                left: 0;
                background-color: #06748C;
                color: #fff;
                z-index: 1;
            }

            .compare-container .table-container table th:first-child {
                z-index: 2;
            }

        .compare-container .table-container table tbody tr:nth-of-type(odd) {
            background-color: #c9f3f4;
        }

        .compare-container .table-container table thead tr {
            background-color: var(--bg-2);
        }

        .compare-container .table-container table i.fa-xmark {
            color: red;
        }

        .compare-container .table-container table i.fa-check {
            color: green;
        }
/*----------premium breakup modal----------*/
.premiumbreakup-container .card {
    background-color: var(--bg-3);
    width: 100%;
}
    .premiumbreakup-container .card h4.title {
        color: var(--text-blue-1);
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.2;
    }
.premiumbreakup-container .quotationBreakupDetail-container {
/*    background-color: var(--white-0);*/
    border-radius: 8px;
    /*   padding: 1rem 0;*/
}
.premiumbreakup-container .quotationBreakupDetail-Box{
/*    width:200%;*/
  
}
.premiumbreakup-container .quotationBreakupDetail-container .list-group .list-group-item span {
    color: var(--text-grey-2);
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
}

    .premiumbreakup-container .quotationBreakupDetail-container .list-group .list-group-item span > strong {
        color: var(--black-0);
        font-weight: 500;
        font-size: .875rem;
    }

.premiumbreakup-container  .totlapremium-container {
    background-color: var(--bg-1);
}
/*----------cover modal----------*/
.cover-modal .coverlist-title {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
}
.cover-modal .adoncard-list {
    height:26vh;
    overflow-y:scroll;
}
.cover-modal .cover-icon-container {
    width: 10%;
}
.cover-modal .coverDescription-container {
    width:90%;
}
    .cover-modal .coverDescription-container .covername {
        color: var(--text-blue-3);
        font-size: .875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.2;
    }
    .cover-modal .coverDescription-container .description {
        color: var(--text-grey-6);
        font-size: .75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.2;
        border-bottom: 1px solid #F4F5F5;
        padding-bottom: .25rem;
    }
.cover-modal .adoncard-list .card:last-of-type .coverDescription-container .description {
    border-bottom: none !important;
}
    /*----------Steeper Page----------*/
    .steeper-container {
    /*    background-color: #fff;*/
    padding: 0 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .steeper-container .steeper-box {
        width: 100%;
        position: relative;
        border: 1px dashed #ddd;
        border-radius: 25px;
        padding: .25rem;
        background-color: #fff;
    }
    .steeper-container .steeper-box .steeper-box-wrapper {
    
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
        .steeper-container .steeper-box .steeper-box-wrapper .steeper-item::after {
            top: 50%;
            content: "";
            border-top: 1px solid #ddd;
            position: absolute;
            /* padding: 5px; */
            width: 140%;
            z-index: 0;
            right: -65px;
        }
        .steeper-container .steeper-box .steeper-box-wrapper .steeper-item:last-of-type::after {
            width: 0%;
        }
        .steeper-container .steeper-box .steeper-box-wrapper .steeper-item.active::after {
            border-top: 1px solid #000;
        }
            .steeper-container .steeper-box .steeper-item {
                width: 20%;
                /*            z-index: 1;*/

                position: relative;
            }

            .steeper-container .steeper-box .steeper-item:last-of-type::after {
                width: 0%;
            }
            .steeper-container .steeper-box .steeper-item.active .steeper-title {
                border: 1px solid #06748C;
                background-color: #E6F1F3;
                color: var(--blue-0);
            }
                .steeper-container .steeper-box .steeper-item.active .steeper-title {
/*                    opacity:1;*/
                }
                .steeper-container .steeper-box .steeper-item .steeper-title {
                    padding: .25rem 0;
                    border-radius: 20px;
                    border: 1px solid #F4F5F5;
                    background-color: var(--white-0);
                    text-align: center;
                   
                    font-size: .75rem;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 1.2;
                    z-index: 5;
                    position: relative;
                    color: #ccc;
                }

/*----------Home Page----------*/
.home-container {
    background-color: var(--bg-3);
    background-image: url("images/bg-1.png");
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: calc(100vh - 68px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-container.tesla {
    /*    background-color: var(--bg-3);*/
    /*    background-image: url("images/bg-1.png");*/
  /*  background-image: url("images/tesla-lp-1.png");*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-height: calc(100vh - 68px);
    display: flex;
    align-items: center;
    justify-content: center;
}
    .home-container .left-container .title-1 {
        font-size: 1rem;
        font-style: normal;
        font-weight: 600;
        line-height: 1.6;
        text-align: center;
    }
    .home-container .left-container .title-2 {
        font-size: .75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.2;
        text-align: center;
        margin-bottom: 0;
    }  
  


.home-container .left-container  img{
/*    width:80%*/
}
    .home-container .right-container .form-container {
        width: 100%;
        background-color: #fff;
        border-radius: 16px;
        padding: 2rem 2rem;
    }
    .home-container .right-container .form-container .quote-heading {
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 600;
        line-height: 1.2;
        text-align: center;
    }
    .home-container .right-container .form-container .instantQuote-container {
        padding: .5rem .5rem;
        background-color: var(--bg-5);
        border-radius: 8px;
    }
        .home-container .right-container .form-container .instantQuote-container .fa-caret-down {
            font-size:.685rem;
        }
        .home-container .right-container .form-container .dropdown-item:focus, .home-container .right-container .form-container .dropdown-item:hover {
            background-color: var(--bg-3);
            color: var(--black-0) !important;
        }
.home-container .right-container .form-container .instantQuote-container img {
/*    width: 12%;*/
}
        .home-container .right-container .form-container .instantQuote-container span {
            font-size: 1rem;
            font-style: normal;
            font-weight: 500;
            line-height: 1.6;
            color: var(--text-blue-1);
        }
        .home-container .right-container .form-container .renewalSection .btn {
            font-size: 1rem;
        }
        .home-container .right-container .form-container .retriveQuote-box {
/*            padding: .675rem .5rem;
            background-color: var(--bg-5);
            border-radius: 8px;*/
            text-align: center;
        }
            .home-container .right-container .form-container .retriveQuote-box a {
                font-size: 1rem;
                font-style: normal;
                font-weight: 500;
                line-height: 1.6;
                color: var(--text-blue-1);
              
            }
/*    .home-container .right-container .form-container  .form-control {
        border-color: #ccc;
    }
.home-container .right-container .form-container .title-1{
    padding: .5rem;
    background-color:var(--bg-5);
    border-radius:12px;
}
    .home-container .right-container .form-container .title-1 img{
        width:8%;
    }
    .home-container .right-container .form-container .title-1 span {
        font-size: 1.125rem;
        font-weight: 600;
        color: var(--black-0);
    }
.home-container .right-container .form-container label{
    font-size: 1.125rem;
    font-weight: 600;
}*/
.home-container .right-container .form-container .existingpolicy-container .accordion-button {
    padding: .5rem;
    background-color: var(--bg-5);
    border-radius: 12px;
    color: var(--black-0);
    box-shadow: none;
}
        .home-container .right-container .form-container .existingpolicy-container .accordion-button:after{

        }
    .home-container .right-container .form-container .existingpolicy-container .existing-reg-form {
        width: 80%;
        text-align: center;
    }
    .home-container .right-container .form-container .existingpolicy-container .existing-reg-form label{
        font-size:1rem;
    }
    .home-container .right-container .form-container .existingpolicy-container .accordion-button img {
        width: 8%;
    }
    .home-container .right-container .form-container .existingpolicy-container .accordion-button span {
        font-size: 1.125rem;
        font-weight: 600;
    }
/*----------vehicleDetail Page----------*/
.vehicleDetail-container .left-container .card  {
  border-radius:12px;
}
.vehicleDetail-container .left-container .title {
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    font-size: 1.5rem;
    text-align: center;
}
.vehicleDetail-container .right-container .privacy-container-switch-container {
    padding:.5rem 1rem;
    border-radius: 8px;
    background-color: #FFFAE5;
}
.vehicleDetail-container .right-container .privacy-container-switch-container label {
    font-size: .675rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    color:var(--text-grey-2);
}
.vehicleDetail-container .right-container .privacy-container-switch-container label a{
  
    color: var(--text-blue-2);
}
/*    .vehicleDetail-container .left-container .card img {
        width: 100%;
    }*/
.rangecontainer2{
    position:relative
}
/*.rangecontainer2 .bottom-steps span:nth-of-type(1) {
    margin-left: 0rem;
}
.rangecontainer2 .bottom-steps span:nth-of-type(2) {
    margin-left: 4.75rem;
}
.rangecontainer2 .bottom-steps span:nth-of-type(3) {
    margin-left: 3.75rem;
}
.rangecontainer2 .bottom-steps span:nth-of-type(4) {
    margin-left: 3.75rem;
}
.rangecontainer2 .bottom-steps span:nth-of-type(5) {
    margin-left: 3.75rem;
}
.rangecontainer2 .bottom-steps span:nth-of-type(6) {
    margin-left: 3.75rem;
}*/
/*----------quotation Page----------*/
.quotation-container .left-container .vehicleDescription-container {
    border: none;
    background-color: transparent;
}
.quotation-container .left-container .vehicleDescription-container .title1 {
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    color:#fff;
}

    .quotation-container .left-container .vehicleDescription-container .left-container .Idv-container .idvPriceBox {
        background-color: var(--bg-4);
        border-radius: 8px;
    }
.quotation-container .left-container .vehicleDescription-container .left-container .Idv-container .car-logo-box {
    width:25%;
}
    .quotation-container .left-container .vehicleDescription-container .left-container .Idv-container .car-logo-box i.fa-car-side {
        font-size:1rem;
        color:#fff;
    }
.quotation-container .left-container .vehicleDescription-container .left-container .Idv-container .car-logo-container {
    width: 65%;
}
.quotation-container .left-container .vehicleDescription-container .left-container .Idv-container .price-container {
    width:35%;
    border: 1px solid var(--white-0);
    border-radius: 8px;
    padding: .25rem .75rem;
    /* text-align: center; */
    margin-bottom: 0;
    overflow: hidden;
    gap: 5px;
}
    .quotation-container .left-container .vehicleDescription-container .left-container .Idv-container .price-container .input-group-text {
        border: none;
        background-color: #fff;     
        color: var(--white-0);
        font-size: .75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        padding: 0 !important;
        background-color:transparent;
    }
    .quotation-container .left-container .vehicleDescription-container .left-container .Idv-container .price-container .form-control {
        color: var(--white-0);
        font-size: .75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        border: none;
        padding: 0 !important;
        background-color: transparent;
        margin-top: 2px;
    }
    .quotation-container .left-container .vehicleDescription-container .left-container .Idv-container .price-container i.fa-solid {
        color: var(--white-0);
        font-size: .75rem;
    }
    .quotation-container .left-container .vehicleDescription-container .left-container .range-container .range-containerBox {
        padding: 0.5rem 1rem;
        background-color: var(--bg-6);
    }

    .quotation-container .left-container .vehicleDescription-container .left-container .range-container p {
        color: var(--text-blue-4);
        font-size: .875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
.quotation-container .left-container .vehicleDescription-container .left-container .range-container small {
    color: var(--text-grey-3);
    font-size: .675rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.quotation-container .left-container .vehicleDescription-container .left-container .range-container label {
    color: var(--text-blue-3);
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.quotation-container .left-container .vehicleDescription-container .right-container .vehicleDescription-Box{
    background-color:var(--bg-6);
}
.quotation-container .left-container .vehicleDescription-container .right-container .vehicleDescription-Box h6 {
    font-size: .675rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.6;
}
.quotation-container .left-container .vehicleDescription-container .right-container .vehicleDescription-Box p span{
    color: var(--text-grey-4);
    font-size: .675rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
}
.quotation-container .left-container .vehicleDescription-container .right-container .vehicleDescription-Box a {
    color: var(--text-teal-1);
    font-size: .675rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
}
.quotation-container .left-container .vehicleDescription-container .right-container .vehicleDescription-Box .vehicleDescription-label p{
    font-size: .675rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}
.quotation-container .left-container .vehicleDescription-container .right-container .vehicleDescription-Box .vehicleDescription-label p span span{
    color:var(--text-grey-5);
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}
.quotation-container .left-container .vehicleDescription-container .right-container .vehicleDescription-Box .vehicleDescription-label button {
    background-color: var(--bg-2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .675rem;
    padding: .25rem .375rem;
    border-radius: 20px;
    line-height: 0.7;
}
    .quotation-container .left-container .vehicleDescription-container .right-container .vehicleDescription-Box .vehicleDescription-label button i {
        font-size: .5rem;
    }
    .quotation-container .left-container .quotelist-container-heading {
        font-size: .75rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.2;
    }
.quotation-container .left-container .compare-link {
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    color:var(--text-teal-1);
}

/*------------old-card css-------------------*/
/*.quotation-container .left-container .premiumDescription-Box {
    height: calc(100vh - 238px);
    overflow-y: scroll;
}

.quotation-container .left-container .quotelist-container .quotation-item:nth-of-type(1) {
    margin-top: .125rem;
}

.quotation-container .left-container .quotelist-container .quotation-item.active {
    border: 2px solid var(--blue-0);
}

.quotation-container .left-container .quotelist-container .quotation-item .wrapper {
    padding: .5rem .75rem;
}

    .quotation-container .left-container .quotelist-container .quotation-item .wrapper .radio-container {
    }

    .quotation-container .left-container .quotelist-container .quotation-item .wrapper .quotationDescription-container h6 {
        font-size: .875rem;
        font-style: normal;
        font-weight: 600;
        line-height: 1;
    }

    .quotation-container .left-container .quotelist-container .quotation-item .wrapper .quotationDescription-container p {
        font-size: .75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.2;
    }

    .quotation-container .left-container .quotelist-container .quotation-item .wrapper .quotationDescription-container .moreinfobtn {
        border: 1px solid var(--teal-0);
        border-radius: 20px;
        color: var(--text-teal-1);
        cursor: pointer;
        padding: 0 0.5rem;
        font-size: .65rem;
    }

    .quotation-container .left-container .quotelist-container .quotation-item .wrapper .quotationDescription-container .note {
        color: var(--black-0);
        font-style: normal;
        font-weight: 400;
        line-height: 1.2;
        font-size: .75rem;
    }

    .quotation-container .left-container .quotelist-container .quotation-item .wrapper .quotationDescription-container .recommended {
        border-radius: 20px;
        background-color: var(--black-0);
        padding: .125rem .5rem;
        color: var(--white-0);
        font-size: .675rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.1;
    }

    .quotation-container .left-container .quotelist-container .quotation-item .wrapper .addonpremiumlabel .label1,
    .quotation-container .left-container .quotelist-container .quotation-item .wrapper .totalpremiumlabel .label1 {
        color: var(--text-teal-1);
        font-size: .75rem;
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
    }

    .quotation-container .left-container .quotelist-container .quotation-item .wrapper .addonpremiumlabel .label2,
    .quotation-container .left-container .quotelist-container .quotation-item .wrapper .totalpremiumlabel .label2 {
        font-size: .75rem;
        font-style: normal;
        font-weight: 600;
        line-height: 1.6;
    }*/
/*------------new card css-------------------*/

.quotation-container .left-container .quotelist-container .quotation-item {
    border-radius: 10px;
    overflow: hidden;
}

    .quotation-container .left-container .quotelist-container .quotation-item.active {
        border: 2px solid var(--teal-0);
    }
.quotation-container .left-container .quotelist-container .quotation-item .wrapper {
    padding: .5rem .75rem;
}


    .quotation-container .left-container .quotelist-container .quotation-item .wrapper .quotationDescription-container .title-container .radio-title .radio-container .form-check-label {
        font-size: .875rem;
        font-style: normal;
        font-weight: 600;
        line-height: 1;
        color: var(--black-0);
    }
    .quotation-container .left-container .quotelist-container .quotation-item .wrapper .quotationDescription-container  .radio-title .title-box h6 {
        font-size: .875rem;
        font-style: normal;
        font-weight: 600;
        line-height: 1;
    }
    .quotation-container .left-container .quotelist-container .quotation-item .wrapper .quotationDescription-container .title-container .recommended-box .recommended {
        border-radius: 20px;
        background-color: var(--black-0);
        padding: .125rem .5rem;
        color: var(--white-0);
        font-size: .675rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.1;
    }
    .quotation-container .left-container .quotelist-container .quotation-item .wrapper .quotationDescription-container .note {
        color: #666;
        font-size: .688rem;
        font-style: italic;
        font-weight: 400;
        line-height: 1.4;
    }
/*.quotation-container .left-container .quotelist-container .quotation-item .wrapper .quotationDescription-container p{
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
}*/
    .quotation-container .left-container .quotelist-container .quotation-item .wrapper .quotationDescription-container .moreinfobtn {
        border: 1px solid var(--teal-0);
        border-radius: 20px;
        color: var(--text-teal-1);
        cursor: pointer;
        padding: 0 0.5rem;
        font-size: .65rem;
        display:inline-block;
    }

    .quotation-container .left-container .quotelist-container .quotation-item .wrapper .quotationDescription-container .addontext-container .addon-label {
        font-size: .668rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.4;
        color: var(--black-0);
    }

    .quotation-container .left-container .quotelist-container .quotation-item .addonpremiumlabel .label1,
    .quotation-container .left-container .quotelist-container .quotation-item .totalpremiumlabel .label1 {
        color: var(--text-teal-1);
        font-size: .75rem;
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
    }
    .quotation-container .left-container .quotelist-container .quotation-item  .addonpremiumlabel .label2,
    .quotation-container .left-container .quotelist-container .quotation-item  .totalpremiumlabel .label2{
        font-size: .75rem;
        font-style: normal;
        font-weight: 600;
        line-height: 1.6;
    }


    .quotation-container .left-container .quotelist-container .odcover-container .form-check-label, .quotation-container .left-container .quotelist-container .tpcover-container .form-check-label {
        font-size: .75rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.2;
    }
 .price-btn-container {
    border: 2px solid var(--teal-0);
    position: fixed;
    z-index: 10;
    left: 0;
    bottom: 0;
}
 .price-btn-container h4 {
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 600;
        line-height: 1.2;
    }
 .price-btn-container a {
        color: var(--text-teal-1);
        font-size: .875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.2;
    }
    .quotation-container .right-container .premiumBreakupBtn {
        border: 1px solid var(--yellow-0);
        color: var(--text-teal-1);
        padding: .25rem 2rem;
        border-radius: 20px;
        cursor: pointer;
    }
.quotation-container .right-container .quotationBreakupDetail-container {
    background-color: var(--white-0);
    border-radius: 8px;
 /*   padding: 1rem 0;*/
}
    .quotation-container .right-container .quotationBreakupDetail-container .list-group .list-group-item span {
        color: var(--text-grey-2);
        font-size: .875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.2;
    }
        .quotation-container .right-container .quotationBreakupDetail-container .list-group .list-group-item span strong {
            color: var(--black-0);
            font-weight: 500;
        }
    .quotation-container .right-container  .totlapremium-container {
        background-color:var(--bg-1);
    }

.quotation-container .right-container .additionalInfoSwitch-container {
    margin-bottom:100px;
}
/*----------payment Page----------*/
/*.payment-container {
    background-color: #ddd;
}*/
.payment-container .paymentpage-box {
    padding: 1rem;
}

    .payment-container .paymentpage-box .left-container .vehicledetail-label {
       

        font-size: .675rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.4;
    }

            .payment-container .paymentpage-box .left-container .vehicledetail-label span {
                color: var(--text-grey-5);
            }

        .payment-container .paymentpage-box .left-container .paymentbreakup-container .label {
            font-size: .75rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1.2;
            color: var(--text-grey-2);
        }

        .payment-container .paymentpage-box .left-container .paymentbreakup-container .value {
            font-size: .75rem;
            font-style: normal;
            font-weight: 600;
            line-height: 1.6;
            color: var(--black-0);
        }

        .payment-container .paymentpage-box .right-container .notelabel {
            font-size: .75rem;
            font-style: normal;
            font-weight: 600;
            line-height: 1.6;
        }

        .payment-container .paymentpage-box .right-container .downloadbadge {
            padding: .5rem 1rem;
            color: var(--text-teal-1);
            border: 1px solid var(--teal-0);
            border-radius: 20px;
            cursor: pointer;
            font-size: .75rem;
            font-style: normal;
            font-weight: 600;
            line-height: 1.6;
        }

    .payment-container .paymentpage-box .right-container .form-check.form-switch .form-check-label a {
        color: #565656;
    }

        .payment-container .paymentpage-box .right-container .payment-selection-container .paymentlabel {
            color: var(--black-0);
            font-size: .75rem;
            font-style: normal;
            font-weight: 700;
            line-height: 1.2;
        }

        .payment-container .paymentpage-box .right-container .payment-selection-container .form-check.form-check-inline {
            border-radius: 8px;
            border: 1px solid var(--teal-0);
            padding: .25rem .5rem;
        }

  .price-btn-container {
        border: 2px solid var(--teal-0);
    }

 .price-btn-container h4 {
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 600;
            line-height: 1.2;
        }

.price-btn-container a {
            color: var(--text-teal-1);
            font-size: .875rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1.2;
        }

/*----------advance payment Page----------*/
/*.adavnceveh-container {
    background-color: #ddd;
}*/
.adavnceveh-container .proposerDescription-Box {
    height: calc(100vh - 220px);
    overflow-y: auto;
}
.adavnceveh-container .advance-vehdtl-container,
.adavnceveh-container .personalDetail-container {
    padding: 1rem;
}

        .adavnceveh-container .personalDetail-container .tealcustome-badge {
            padding: .5rem 1.5rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1.2;
            color: var(--black-0);
            border: 1px solid var(--teal-0);
            font-size: .875rem;
        }

            .adavnceveh-container .personalDetail-container .tealcustome-badge.active {
                background-color: var(--teal-0);
                color: var(--white-0);
            }

        .adavnceveh-container .personalDetail-container .section-label {
            color: var(--black-0);
            font-size: 1rem;
            font-style: normal;
            font-weight: 500;
            line-height: 1.6;
        }

        .adavnceveh-container .personalDetail-container .form-check-label {
            color: var(--text-grey-2);
            font-size: .75rem;
            font-style: normal;
            font-weight: 500;
            line-height: 1.2;
        }

  .price-btn-container {
        border: 2px solid var(--teal-0);
    }

 .price-btn-container h4 {
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 600;
            line-height: 1.2;
        }
 .price-btn-container a {
            color: var(--text-teal-1);
            font-size: .875rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1.2;
        }

.payment-container .paymentDescription-Box {
    height: calc(100vh - 220px);
    overflow-y: auto;
}
.paymentconfirmation-container .greet-container {
    min-height: calc(100vh - 100px);
}
.paymentconfirmation-container .greet-container .greet-container-wrapper {
    width:95%;
}
    .paymentconfirmation-container .greet-container .card {
        /*    width: 75%;*/
        background-color: transparent;
        border: none;
        justify-content: center;
        align-items: center;
    }
.paymentconfirmation-container .greet-container h5.card-title {
    font-size: .75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
}
.paymentconfirmation-container .greet-container p.card-text {
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
}
.paymentconfirmation-container .productdtl-container{
    border:1px solid #ccc;
}
.paymentconfirmation-container .productdtl-container .productdtl-title-container {
    background-color: var(--teal-0);
}
.paymentconfirmation-container .productdtl-container .productdtl-title-container span{
    color: var(--white-0);
    font-size: .675rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
}
    .paymentconfirmation-container .productdtl-container .productdtl-value-container span {
        color: var(--black-0);
        font-size: .675rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.2;
        word-wrap: break-word;
    }
.paymentconfirmation-container .query-questions {
    font-size:.675rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
}

#customRange1, #range_01_Slider {
    background: linear-gradient(to right, #78E1E1 0%, #78E1E1 0%, #06748C 0%, #06748C 100%);
    border: solid 1px #82CFD0;
    border-radius: 8px;
    height: 7px;
    width: 100%;
    outline: none;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
}
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 36px;
    height: 20px;
    border-radius: 10px;
    border: 2px solid #06748C;
    background: #06748C url("images/range-thumb.svg") no-repeat center center;
    background-size: contain;
    cursor: pointer;

    margin-top: 0px; /* aligns thumb with track */
}
.customtooltip {
    position: absolute;
    /*    top: -35px;*/
    left: 10px;
    transform: translateX(-50%);
    background-color: var(--bg-4);
    color: #fff;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    pointer-events: none;
}

input[type="range"] {
    width: 100%;
}
/*input[type="range"]{
    -webkit-appearance:none;
    width:100%;
    height:8px;
    background:linear-gradient(to right,#4caf50 50%, #ccc 50%);
    outline:none;
    transition:background 0.3s ease-in-out;
}
    */
/*input[type="range"]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    width: 100%;
    height: 6px;
    background: #78E1E1;
    border-radius: 4px;
}*/

input[type="range"]::-webkit-slider-thumb {
/*            -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        background: #4caf50;
        border-radius: 50%;
        cursor:pointer;
        position:relative;
        margin-top:-6px;*/
/*    position: relative;
    top:-3px;
    display: flex;
    padding: 0px 8px;
    align-items: flex-end;
    gap: 10px;
    border-radius: 10px;
    border: 2px solid #06748C;
    background: #06748C url("images/range-thumb.svg") no-repeat center center;
    background-size: contain;
    width: 36px;
    height: 20px;
    box-shadow:none;*/
}
/*input[type="range"]::-webkit-slider-thumb {
    box-shadow: none !important;
}

input[type="range"]:focus::-webkit-slider-thumb {
    box-shadow: none !important;
}
input[type="range"]::-webkit-slider-thumb:active {
    background-color: #06748C;  or teal, or any other 
}*/

/* For Firefox */
/*input[type="range"]::-moz-range-thumb:active {
    background-color: #06748C;
}*/





/*input[type="range"]{
    -webkit-appearance:none;
    width:100%;
    height:8px;
    background:linear-gradient(to right,#4caf50 50%, #ccc 50%);
    outline:none;
    transition:background 0.3s ease-in-out;
}
    */
/*input[type="range"]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    width: 100%;
    height: 6px;
    background: #78E1E1;
    border-radius: 4px;
}*/

/*input[type="range"]::-webkit-slider-thumb {*/
/*        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        background: #4caf50;
        border-radius: 50%;
        cursor:pointer;
        position:relative;
        margin-top:-6px;*/
/*position: relative;
    top:-3px;
    display: flex;
    padding: 0px 8px;
    align-items: flex-end;
    gap: 10px;
    border-radius: 10px;
    border: 2px solid #06748C;
    background: #06748C url("images/range-thumb.svg") no-repeat center center;
    background-size: contain;
    width: 36px;
    height: 20px;
    box-shadow:none;
}*/

/*input[type='range'] {
    overflow: hidden;
    width: 100%;
    -webkit-appearance: none;*/
/*    background-color: #9a905d;*/
/*}

    input[type='range']::-webkit-slider-runnable-track {
        height: 10px;
        -webkit-appearance: none;
        color: #13bba4;
        background-color: #06748C;*/
        /*        margin-top: -1px;*/
    /*}

    input[type='range']::-webkit-slider-thumb {*/
        /*        width: 10px;*/
        /*-webkit-appearance: none;*/
        /*        height: 10px;*/
        /*cursor: ew-resize;*/
        /*        background: #434343;*/
        /*box-shadow: -20px 0 0 20px #78E1E1;
        position: relative;
        top: -3px;
        width: 36px;
        height: 20px;
        background: #06748C url("images/range-thumb.svg") no-repeat center center;
        background-size: contain;
        border-radius: 10px;
        border: 2px solid #06748C;
     
    }*/

.ui-autocomplete {
    z-index: 1056 !important;
}
.clsmandatory {
    color: #fd0000;
}