/* CUSTOM STYLESHEET */


#top-nav input.valid:not([type]),
#top-nav input.valid:focus:not([type]),
#top-nav input.valid[type="text"],
#top-nav input.valid[type="text"]:focus,
#top-nav input.valid[type="password"],
#top-nav input.valid[type="password"]:focus,
#top-nav input.valid[type="email"],
#top-nav input.valid[type="email"]:focus,
#top-nav input.valid[type="url"],
#top-nav input.valid[type="url"]:focus,
#top-nav input.valid[type="time"],
#top-nav input.valid[type="time"]:focus,
#top-nav input.valid[type="date"],
#top-nav input.valid[type="date"]:focus,
#top-nav input.valid[type="datetime"],
#top-nav input.valid[type="datetime"]:focus,
#top-nav input.valid[type="datetime-local"],
#top-nav input.valid[type="datetime-local"]:focus,
#top-nav input.valid[type="tel"],
#top-nav input.valid[type="tel"]:focus,
#top-nav input.valid[type="number"],
#top-nav input.valid[type="number"]:focus,
#top-nav input.valid[type="search"],
#top-nav input.valid[type="search"]:focus,
#top-nav textarea.materialize-textarea.valid,
#top-nav textarea.materialize-textarea.valid:focus {
    border-bottom: 1px solid rgba(63, 63, 63, 0.87);
    box-shadow: none;
    margin-bottom: 0;
}

#top-nav input:not([type]),
#top-nav input[type="text"],
#top-nav input[type="password"],
#top-nav input[type="email"],
#top-nav input[type="url"],
#top-nav input[type="time"],
#top-nav input[type="date"],
#top-nav input[type="datetime"],
#top-nav input[type="datetime-local"],
#top-nav input[type="tel"],
#top-nav input[type="number"],
#top-nav input[type="search"],
#top-nav textarea.materialize-textarea {
    margin-bottom: 0;
    box-shadow: none;
    border: 0;
    box-sizing: border-box;
}

    #top-nav input:focus:not([type]):not([readonly]),
    #top-nav input[type="text"]:focus:not([readonly]),
    #top-nav input[type="password"]:focus:not([readonly]),
    #top-nav input[type="email"]:focus:not([readonly]),
    #top-nav input[type="url"]:focus:not([readonly]),
    #top-nav input[type="time"]:focus:not([readonly]),
    #top-nav input[type="date"]:focus:not([readonly]),
    #top-nav input[type="datetime"]:focus:not([readonly]),
    #top-nav input[type="datetime-local"]:focus:not([readonly]),
    #top-nav input[type="tel"]:focus:not([readonly]),
    #top-nav input[type="number"]:focus:not([readonly]),
    #top-nav input[type="search"]:focus:not([readonly]),
    #top-nav textarea.materialize-textarea:focus:not([readonly]) {
        box-shadow: none;
        border-bottom: 0;
    }

#top-nav .z-depth-1, nav,
#top-nav .card-panel,
#top-nav .card, .toast,
#top-nav .btn, .btn-large,
#top-nav .btn-floating,
#top-nav .dropdown-content,
#top-nav .collapsible,
#top-nav .side-nav {
    color: rgba(0,0,0,.87);
    box-shadow: none;
}

    nav#top-nav i, nav [class^="mdi-"],
    nav#top-nav [class*="mdi-"],
    nav#top-nav i.material-icons {
        display: inline-block;
        height: auto;
    }

    nav#top-nav, nav#top-nav .nav-wrapper i, nav#top-nav a.button-collapse, nav#top-nav a.button-collapse i {
        height: auto;
        line-height: normal;
    }

#top-nav .row {
    margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    line-height: normal;
}

#textCarousel.carousel {
    height: 180px;
}

html, body {
    height: 100%;
}

body {
    font-family: 'Arial',sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,.87);
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

input, textarea, input:focus, textarea:focus {
    outline: 0;
}
/*#mypage {-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 3s ease-in-out;-ms-transition: all 3s ease-in-out;-o-transition: all 3s ease-in-out;transition: all 3s ease-in-out;}*/

#mypage {
    height: 100%;
}

#testimonials, #car-homepage {
    height: 92%;
}

/*.container .row, .container-fluid .row, .row { syno
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0;
}*/

img {
    max-width: 100%;
}

.pos-rel {
    position: relative;
}

a:hover, a:active, a:focus, a:visited {
    text-decoration: none;
}

ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sub-text {
    color: rgba(0,0,0,.54);
}

.disable-text {
    color: rgba(0,0,0,.38);
}

.light-text {
    color: rgba(0,0,0,.12);
}

.sub-text-w {
    color: rgba(255,255,255,.54);
}

.hdfcC {
    color: #e42125;
}

.carC {
    color: #eab84c;
}

.twoC {
    color: #5be6eb;
}

.healthC {
    color: #4cea93;
}

.travelC {
    color: #7191e4;
}

.homeC {
    color: #db8b4a;
}

.whiteC {
    color: #fff;
}

h1, h2, h3, .sub-heading, .caption {
    font-weight: 400;
}

b.sub-heading {
    font-weight: bold;
}

h4, .btn-small, .btn-large {
    font-weight: 700;
}

strong {
    font-weight: 700;
}

h1 {
    font-size: 45px;
    font-family: 'Roboto', sans-serif;
}

h2 {
    font-size: 34px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

.main-heading {
    font-size: 20px;
}

.main-sub-heading {
    font-size: 18px;
}

.sub-heading {
    font-size: 16px;
}

.caption {
    font-size: 12px;
}

.text-heading {
    font-size: 14px;
}

.btn-small {
    font-size: 14px;
}
/* FONT WEIGHT BOLD */
.btn-large {
    font-size: 16px;
}

#top-nav-2 {
    -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,.1);
    box-shadow: 0px 2px 6px rgba(0,0,0,.1);
}

.navbar {
    min-height: 54px;
    border: 0;
    margin-bottom: 0;
    background: #fff;
}

.navbar-brand {
    left: 47%;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    width: 14%;
    z-index: 1;
    top: -15px;
}

#top-nav ~ #top-nav-2 .navbar-brand {
    top: -12px;
}

.navbar-brand > img {
    /*max-width: 160px;
    margin-left: -60px;*/
    position: relative;
    margin: 0 0;
    top: -5px;
}

.navbar-toggle {
    z-index: 3;
}

.navbar-default .navbar-nav > li > a {
    color: rgba(0,0,0,.84);
    padding: 0 20px;
}

.navbar-fixed-top .navbar-collapse {
    padding: 0 15px;
}
/*.navbar-default.navbar-fixed-top .navbar-nav > li > a {padding-left: 33px;padding-right: 33px;}

.navbar-default.navbar-fixed-top .navbar-right > li:last-child > a {padding-right: 35px;}
.navbar-default.navbar-fixed-top .navbar-left > li:first-child > a {padding-left: 35px;}*/



.carousel-inner img {
    width: 100%;
    margin: auto;
}

.vertical .carousel-inner {
    height: 100%;
}

.carousel.vertical .item {
    -webkit-transition: 0.6s ease-in-out top;
    -moz-transition: 0.6s ease-in-out top;
    -o-transition: 0.6s ease-in-out top;
    transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {
    top: 0;
}

.carousel.vertical .next {
    top: 600px;
}

.carousel.vertical .prev {
    top: -600px;
}

    .carousel.vertical .next.left, .carousel.vertical .prev.right {
        top: 0;
    }

.carousel.vertical .active.left {
    top: -600px;
}

.carousel.vertical .active.right {
    top: 600px;
}

.carousel.vertical .item {
    left: 0;
}

.carousel-indicators li {
    display: block;
    margin: 0 0 10px !important;
}

.carousel-indicators li {
    background-color: rgba(255, 255, 255, .38);
    border: 2px solid transparent;
    border-radius: 50%;
    cursor: pointer;
    height: 8px;
    margin: 1px;
    text-indent: -999px;
    width: 8px;
    position: relative;
    left: 2px;
}

    .carousel-indicators li.active {
        background-color: rgba(255, 255, 255, 0);
        border: 2px solid #fff;
        left: 0;
    }

.carousel-indicators {
    left: auto;
    right: 3%;
    top: 47%;
    bottom: auto;
    width: auto;
}

#myNavbar {
    width: 100%;
}

.navbar.custom-top {
    height: 30px;
    line-height: 30px;
    background: #f5f5f5;
    min-height: auto;
}

    .navbar.custom-top .navbar-nav > li > a {
        padding: 0 20px;
        line-height: 30px;
        font-size: 10px;
    }

    .navbar.custom-top .navbar-nav > li.quote-text a {
        color: rgba(0,0,0,.70);
        font-weight: 700;
        font-size: 12px;
    }

.mob-input input {
    background: transparent;
    border: 0;
    height: 30px;
    font-size: 12px;
    padding: 0 40px 0 15px;
}

.mob-input {
    background: #ebebeb;
}

.service-blk {
    position: absolute;
    bottom: 0;
    width: 100%;
}

    .service-blk .heading, .service-blk .desc {
        color: #fff;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 700;
    }

    .service-blk .desc {
        font-size: 16px;
        text-transform: inherit;
        font-weight: 400;
    }

.fadebg-main {
    position: relative;
}

#services {
    margin-top: 30px;
}

.fadebg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
    background: linear-gradient(to top, rgba(0,0,0,.6) 30%,rgba(0,0,0,0) 100%);
}

.fadebgfull {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
    background: linear-gradient(to top, rgba(0,0,0,.6) 100%,rgba(0,0,0,0) 100%);
}

.heading::after {
    background: #e42125 none repeat scroll 0 0;
    clear: both;
    content: "";
    display: block;
    height: 3px;
    margin: 3px auto 0;
    text-align: center;
    width: 10%;
}

footer ul li:first-child::after {
    background: #e42125 none repeat scroll 0 0;
    clear: both;
    content: "";
    display: block;
    height: 3px;
    margin: 5px 0 10px;
    text-align: left;
    width: 20%;
}

.sub-menu {
    position: absolute;
    bottom: 65px;
    z-index: 1;
    width: 100%;
}

    .sub-menu li a {
        color: #fff;
    }

    .sub-menu li {
        float: left;
        width: 16.66%;
    }

        .sub-menu li:after {
            content: "";
            display: block;
            height: 3px;
            margin: 5px auto 0;
            text-align: center;
            width: 30%;
        }

        .sub-menu li.car-ins-menu:after {
            background: #eab84c;
        }

        .sub-menu li.two-ins-menu:after {
            background: #5be6eb;
        }

        .sub-menu li.health-ins-menu:after {
            background: #4cea93;
        }

        .sub-menu li.travel-ins-menu:after {
            background: #7191e4;
        }

        .sub-menu li.home-ins-menu:after {
            background: #db8b4a;
        }

        .sub-menu li.more-prod:after {
            background: transparent;
        }

        .sub-menu li.more-prod a {
            color: rgba(255,255,255,.54);
        }

        .sub-menu li i {
            font-size: 50px;
            position: relative;
            top: 10px;
        }

        .sub-menu li.more-prod i {
            font-size: 40px;
            line-height: 55px;
            top: 0;
        }

.nav .icon-mobile {
    font-size: 20px;
    position: relative;
    top: 5px;
}

.nav .icon-menu, .nav .icon-help {
    font-size: 40px;
    line-height: 54px;
    margin-right: -360px;
}

.mob-input i {
    position: absolute;
    right: 15px;
    top: 5px;
    font-size: 20px;
    color: #c6c6c6;
    cursor: pointer;
}

.float-left {
    float: left;
}

.cust-count {
    position: absolute;
    top: 40px;
    right: 100px;
    color: #fff;
    z-index: 1;
}

    .cust-count i {
        background: #e42125;
        font-size: 34px;
        padding: 2px;
    }

    .cust-count span {
        display: block;
        margin-left: 10px;
    }

.hp-cust {
    font-size: 11px;
}

/*.count {
    font-size:;
}*/

.cust-count .count-right {
    margin-top: -3px;
}

.serv-cont i {
    font-size: 75px;
}

.serv-cont {
    position: absolute;
    top: 30%;
    left: 50px;
    color: #fff;
    text-align: left;
}

.serv-head {
    font-size: 27px;
}

.serv-desc {
    font-size: 12px;
    background: #f0f0f0;
    padding: 2px 5px;
    color: rgba(0,0,0,.87);
}

.serv-head:after {
    clear: both;
    content: "";
    display: block;
    height: 7px;
    margin: 10px 0;
    text-align: left;
    width: 42%;
}

.carIns .serv-head:after {
    background: #eab84c;
}

.twoIns .serv-head:after {
    background: #5be6eb;
}

.healthIns .serv-head:after {
    background: #4cea93;
}

.travelIns .serv-head:after {
    background: #7191e4;
}

#dearlers-list img {
    position: relative;
    overflow: hidden;
}

#dearlers-list img {
    float: left;
    max-width: 100%;
    vertical-align: middle;
    width: 100%;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

#dearlers-list [class*="col-"] {
    margin: 0;
    padding: 0;
}

#dearlers-list .img-hover:hover img {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    position: relative;
}


.img-hover {
    position: relative;
    overflow: hidden;
}

#youtube-list {
    position: relative;
    background: #000;
}

.youtube-list {
    position: absolute;
    bottom: 40px;
    z-index: 1;
    width: 100%;
}

    .youtube-list ul li {
        display: inline-block;
        margin: 0 17px;
        box-shadow: 1px 1px 2px #000;
        border: 2px solid transparent;
        -webkit-box-shadow: 0 0 4px #444;
        box-shadow: 0 0 4px #444;
    }

        .youtube-list ul li.active {
            border: 2px solid #fff;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

.youtube-txt {
    position: absolute;
    top: 30%;
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 44px;
}

footer {
    clear: both;
}

.footer-one {
    background: #f7f7f7;
}

.footer-two {
    background: #eeeeee;
}

.footer-three {
    background: #000000;
}

    .footer-three p {
        color: #fff;
        font-size: 11px;
        margin: 0;
        padding: 15px;
    }


footer ul {
    padding: 30px 0;
}

    footer ul li {
        font-size: 12px;
        line-height: 22px;
    }

        footer ul li:first-child {
            font-size: 14px;
            font-weight: bold;
        }

        footer ul li a {
            color: #525252;
        }

        footer ul li em {
            font-style: normal;
            color: #a6a6a6;
        }

.regoffice {
    font-size: 12px;
    color: #525252;
    font-weight: 500;
    margin-bottom: 14px;
}

    .regoffice strong {
        font-size: 14px;
    }

.social-icons {
    float: left;
    margin-top: 20px;
}

    .social-icons a {
        margin-right: 5px;
        font-size: 28px;
    }

ul.thumbnails-carousel li {
    position: relative;
    top: -2px;
}



    /* START CODE FOR TESTIMONIAL CAROUSEL */
    ul.thumbnails-carousel li.active-thumbnail {
        border-color: #e42125;
        opacity: 1;
    }



/* Plugin styles */
ul.thumbnails-carousel {
    padding: 5px 0 0 0;
    margin: 0;
    list-style-type: none;
    text-align: center;
    margin-top: 60px;
    position: relative;
    z-index: 2;
}

    ul.thumbnails-carousel .center {
        display: inline-block;
    }

    ul.thumbnails-carousel li {
        margin-bottom: 10px;
        margin-right: 55px;
        float: left;
        cursor: pointer;
        border: 2px solid #fff;
        border-radius: 50%;
    }

.addons-list li div:first-child {
    padding-left: 15px;
}

.controls-background-reset {
    background: none !important;
}

.active-thumbnail {
    opacity: 0.4;
}

.indicators-fix {
    bottom: 70px;
}

.cust-bg {
    background: #f7f5ee;
    bottom: 0;
    height: 112px;
    position: absolute;
    z-index: 1;
    width: 100%;
}

ul.thumbnails-carousel li:last-child {
    margin-right: 0;
}
/* END CODE FOR TESTIMONIAL CAROUSEL */

.awd-recog-img.pull-left {
    width: -webkit-calc(100% - 180px);
    width: -ms-calc(100% - 180px);
    width: -o-calc(100% - 180px);
    width: calc(100% - 180px);
}

#mCSB_1 {
    padding: 0 15px !important;
}

#divQuoteDetail #mCSB_1_container {
    padding: 0;
}

@media only screen and (max-width: 1290px) {
    .main-heading {
        font-size: 16px;
    }

    ul.thumbnails-carousel li {
        margin-right: 45px;
    }
}


.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

    .carousel-fade .carousel-inner .next,
    .carousel-fade .carousel-inner .prev,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

.carousel-fade .carousel-control {
    z-index: 2;
}

.service-blk .heading {
    margin-bottom: 5px;
}

.youTscreen .icon-play {
    color: rgba(255, 255, 255, 0.7);
    font-size: 120px;
    left: 46%;
    position: absolute;
    top: 43%;
    z-index: 1;
    cursor: pointer;
}

.youTscreen {
    position: relative;
}

.youtubePopup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 9999;
}

.youtubeclose {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    border-radius: 50%;
    font-size: 40px;
    font-style: normal;
    height: 50px;
    line-height: 45px;
    position: fixed;
    right: 40px;
    text-align: center;
    top: 40px;
    width: 50px;
    z-index: 10000;
    cursor: pointer;
}
/*
.verticalline{height: -webkit-calc(100% - 250px);height: calc(100% - 250px); width: 2px; background: #000; position: absolute; right: 7.5%; top: 125px;}
.verticalline .point1, .verticalline .point2, .verticalline .point3, .verticalline .point4, .verticalline .point5 {
    background: #6f6e6b; width: 12px; height: 12px; position: absolute; -webkit-border-radius: 50%; border-radius: 50%;right: -5px;
}
.verticalline .point2 {top: 25%;}
.verticalline .point3 {top: 50%;}
.verticalline .point4 {top: 75%;}
.verticalline .point5 {top: 100%;}
.verticalline .point1.active, .verticalline .point2.active, .verticalline .point3.active, .verticalline .point4.active, .verticalline .point5.active {background: #e42125 none repeat scroll 0 0;border: 6px solid #fff;
    -webkit-box-shadow: 0 0 2px #e42125;
    -ms-box-shadow: 0 0 2px #e42125;
    -o-box-shadow: 0 0 2px #e42125;
    box-shadow: 0 0 2px #e42125;height: 30px;right: -13px;top: -1px;width: 30px;}

.verticalline .point2.active {top: 25%;}
.verticalline .point3.active {top: 50%;}
.verticalline .point4.active {top: 75%;}
.verticalline .point5.active {top: 100%;}
*/



.why-hdfc-content {
    padding: 220px 0;
}

    .why-hdfc-content .head {
        font-size: 26px;
        text-transform: uppercase;
        color: #525252;
    }

        .why-hdfc-content .head::after {
            clear: both;
            content: "";
            display: block;
            height: 3px;
            margin: 0;
            text-align: left;
            width: 22%;
        }

        .why-hdfc-content .head::after {
            background: #e42125;
        }

.why-award {
    font-size: 36px;
    color: #525252;
    font-weight: 700;
    margin-top: 12px;
}

.why-award-desc {
    font-size: 17px;
    color: #525252;
    line-height: 26px;
}



/*

#why-hdfc {
    background: url("../images/sarv-suraksha-pro.jpg") no-repeat;
    background-size: cover; position: relative;
}
*/
.whyFixBg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/sarv-suraksha-pro.jpg") no-repeat;
    background-size: cover;
    box-shadow: inset 0 0 0 2000px rgba(233,220,202,.93);
}

.why-content {
    padding: 0 70px;
}


.circle1, .circle2, .circle3, .circle4, .circle5 {
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.circle1 {
    border: 1px solid rgba(0,0,0,.12);
    height: 200px;
    left: 220px;
    top: 220px;
    width: 200px;
}

.circle2 {
    width: 300px;
    height: 300px;
    border: 1px solid rgba(0,0,0,.50);
    top: 170px;
    left: 170px;
}

.circle3 {
    width: 400px;
    height: 400px;
    border: 1px solid rgba(0,0,0,.12);
    top: 120px;
    left: 120px;
}

.circle4 {
    width: 500px;
    height: 500px;
    border: 1px solid rgba(0,0,0,.10);
    top: 70px;
    left: 70px;
}

.circle5 {
    width: 600px;
    height: 600px;
    border: 1px solid rgba(0,0,0,.03);
    top: 20px;
    left: 20px;
}

.awards-blk, .awards-blk-bg {
    width: 170px;
    height: 170px;
    background: #e42125;
    border-radius: 50%;
    position: absolute;
    left: 235px;
    top: 95px;
    z-index: 3;
}

.awards-blk-bg {
    background-color: rgba(255,255,255,.2);
    box-shadow: 0px 4px 6px 0 rgba(0, 0, 0, 0.07);
    z-index: 4;
}

.awards-blk {
    width: 140px;
    height: 140px;
    background: #e42125;
    border-radius: 50%;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 3;
    text-align: center;
}

    .awards-blk i {
        color: #fff;
        line-height: 140px;
        font-size: 90px;
        display: block;
    }

.d-circle1, .d-circle2, .d-circle3, .d-circle4, .d-circle5 {
    background: #525252;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    display: none;
}

.default-circle .d-circle1 {
    left: 300px;
    top: 135px;
}

.default-circle .d-circle2 {
    left: 425px;
    top: 250px;
}

.default-circle .d-circle3 {
    left: 375px;
    top: 400px;
}

.default-circle .d-circle4 {
    left: 200px;
    top: 400px;
}

.default-circle .d-circle5 {
    left: 140px;
    top: 250px;
}

.d-circle1:before, .d-circle2:before, .d-circle3:before, .d-circle4:before, .d-circle5:before {
    color: #fff;
    font-size: 48px;
    position: absolute;
    text-align: center;
    font-family: 'hdfc-ergo';
}

.d-circle1:before {
    left: 11px;
    content: "\e939";
}

.d-circle2:before {
    left: 11px;
    content: "\e938";
}

.d-circle3:before {
    left: 11px;
    content: "\e93a";
}

.d-circle4:before {
    left: 11px;
    content: "\e937";
}

.d-circle5:before {
    left: 11px;
    content: "\e93b";
}


.d-c1, .d-c2, .d-c3, .d-c4, .d-c5 {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.07);
    content: "";
    height: 170px;
    position: absolute;
    width: 170px;
    display: none;
}

.d-c1 {
    left: 362px;
    top: 195px;
}

.d-c2 {
    left: 362px;
    top: 195px;
}

.d-c3 {
    left: 315px;
    top: 345px;
}

.d-c4 {
    left: 160px;
    top: 345px;
}

.d-c5 {
    left: 100px;
    top: 195px;
}

.default-circle .d-circle1.active, .default-circle .d-circle2.active, .default-circle .d-circle3.active, .default-circle .d-circle4.active, .default-circle .d-circle5.active {
    background: #e42125 none repeat scroll 0 0;
    height: 140px;
    width: 140px;
}

.default-circle .d-circle1.active {
    left: 377px;
    top: 210px;
}

.default-circle .d-circle2.active {
    left: 377px;
    top: 210px;
}

.default-circle .d-circle3.active {
    left: 330px;
    top: 360px;
}

.default-circle .d-circle4.active {
    left: 175px;
    top: 360px;
}

.default-circle .d-circle5.active {
    left: 115px;
    top: 210px;
}

.d-circle1.active:before, .d-circle2.active:before, .d-circle3.active:before, .d-circle4.active:before, .d-circle5.active:before {
    font-size: 90px;
    left: 22px;
    font-family: 'hdfc-ergo';
    color: #fff;
    position: absolute;
}


.d-circle3.active::before, .d-circle4.active::before {
    left: 26px;
    top: 3px;
}

.d-circle5.active::before {
    left: 26px;
    top: 8px;
}

footer ul li a:hover {
    color: #000;
}

    footer ul li a:hover.ic-fb {
        color: #3b5998;
    }

    footer ul li a:hover.ic-tw {
        color: #0084b4;
    }

    footer ul li a:hover.ic-ld {
        color: #0077B5;
    }

.menu-overlay {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    display: none;
}

.left-menu-content, .right-menu-content {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    top: 0;
    width: 350px;
    z-index: 9999;
    -webkit-transform: translate(-100%, 0px);
    -ms-transform: translate(-100%, 0px);
    -o-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.right-menu-content {
    right: 0;
    -webkit-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    -o-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
    width: 400px;
}

    .left-menu-content.visible, .right-menu-content.visible {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

/*#left-menu, #left-menu {display: none;}*/
#left-menu .icon-arrow-down, #right-menu .icon-arrow-down {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
    float: right;
    position: relative;
    top: 6px;
    cursor: pointer;
}

#right-menu .icon-arrow-down {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}



.menu-txt span:hover i {
    color: #000;
}

#left-menu i:first-child.icon-arrow-down, #right-menu i:first-child.icon-arrow-down {
    margin-left: -14px;
}

.menu-txt {
    padding: 10px 16px;
    margin: 0;
    font-weight: 600;
    border-bottom: 1px solid rgba(0,0,0,.12);
}

#left-menu ul li a {
    color: rgba(0,0,0,.54);
    font-weight: 700;
    display: block;
}

    #left-menu ul li a:hover, #right-menu ul li a:hover {
        color: #e42125 !important;
    }

    #left-menu ul li a i, #right-menu ul li a i {
        /*color: #e42125;*/
        color: rgb(48, 46, 46);
        font-size: 36px;
        margin-right: 10px;
        margin-left: 10px;
    }

.left-menu-link {
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.12);*/
    padding-bottom: 20px;
}

#left-menu ul li a i.icon-info, #left-menu ul li a i.icon-user, #left-menu ul li a i.icon-users {
    font-size: 32px;
    top: 7px;
}

.down-app {
    color: #37464f;
    margin: 40px 0 20px;
    font-size: 14px;
    position: fixed;
    bottom: 0;
    left: 15px;
}

.services-menu a {
    color: rgba(0,0,0,.87);
}

.services-menu .col-sm-4 {
    margin: 10px 0;
}








.border0 {
    border: 0 none !important;
}

.down-app i {
    color: #e42125;
    font-size: 30px;
    margin-left: 15px;
    position: relative;
    top: 7px;
}

    .down-app i.icon-apple {
        margin-left: 5px;
    }

#right-menu .services-menu i, .menu-help-blk i {
    display: block;
    color: #e42125;
    font-size: 40px;
    position: relative;
}

    #right-menu .services-menu i ~ span {
        display: block;
        font-size: 12px;
        line-height: 18px;
    }

.menu-help-blk.row {
    margin-bottom: 0;
}

.menu-txt ~ .row [class*="col-"] {
    line-height: 15px;
    margin: 15px 0;
}

#right-menu .menu-txt {
    margin-bottom: 5px;
}

.icon-chat .path1::before, .icon-chat .path2::before, .icon-chat .path3::before, .icon-chat .path4::before, .icon-chat .path5::before, .icon-chat .path6::before {
    font-size: 70px;
}

.chat-H {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
}

.chat-Desc {
    font-size: 15px;
    display: block;
    margin-bottom: 16px;
}

.chat-blk {
    /*border-top: 1px solid rgba(0,0,0,.12);*/
    margin-top: -15px;
    padding-top: 5px;
}

a.chat-btn {
    border: 1px solid #e42125;
    color: #e42125;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 30px;
    text-transform: uppercase;
}

.menu-help-blk {
    background: #f5f5f5 none repeat scroll 0 0;
    bottom: 0;
    margin-top: 20px;
    position: absolute;
    width: 400px;
}

.left-menu-link .addMenu {
    position: relative;
}
/*.left-menu-link .addMenu a:after {content: "\e923"; font-family: hdfc-ergo; position: absolute;right: 15px; top: 7px; color: rgba(0,0,0,.38);}
.left-menu-link .addMenu.active a::after {color: rgba(0,0,0,.38);}*/
.left-menu-content .mCSB_inside > .mCSB_container {
    padding: 0;
}

.addMenu.active {
    background: rgba(0,0,0,.03);
    padding-top: 0px !important;
}

.addMenu {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.submenu-content {
    margin: 0 -15px;
    display: none;
}

.left-menu-link a span {
    position: relative;
    top: -10px;
}

ul.left-menu-link:not(.browser-default) {
    padding: 0;
}

.scroll-b ul:not(.browser-default) li:first-child {
    padding-top: 10px;
}

.scroll-b ul:not(.browser-default) li:last-child {
    padding-bottom: 10px;
}

.scroll-b ul.submenu-content:not(.browser-default) li:last-child {
    padding-bottom: 0;
}

.scroll-b ul.submenu-content:not(.browser-default) li:first-child {
    padding-top: 0;
}

.menu-help-blk > div {
    padding: 10px 0;
}

.toll-freeT {
    color: #4f4f4f;
    display: block;
    font-size: 12px;
    margin-top: -1px;
}

.menu-help-blk .icon-call, .menu-help-blk .icon-mail {
    margin-bottom: 10px;
}

.devider {
    border-right: 1px solid rgba(0,0,0,.12);
    height: 100%;
}

[class*="icon-"] label {
    background: #fff none repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    font-size: 12px;
    -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
    height: 15px;
    position: absolute;
    width: 15px;
    color: rgba(0, 0, 0, 0.54);
    cursor: pointer;
    top: 0;
    right: 15px;
}

    [class*="icon-"] label > span {
        position: absolute;
        top: 10px;
        left: 0px;
        z-index: 9;
        width: 200px;
        background: #000;
        color: #fff;
    }

.services-menu {
    position: relative;
}

.tooltip-txt {
    background: #455A64;
    color: rgba(255,255,255,.9);
    font-size: 12px;
    left: 0;
    padding: 5px 10px;
    position: fixed;
    top: 0;
    z-index: 99;
    max-width: 200px;
}

    .tooltip-txt:after, .tooltip-txt:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .tooltip-txt:after {
        border-color: transparent;
        border-bottom-color: #455A64;
        border-width: 10px;
        margin-left: -10px;
    }

    .tooltip-txt:before {
        border-color: transparent;
        border-bottom-color: #455A64;
        border-width: 11px;
        margin-left: -11px;
    }

.carousel-inner {
    width: 100%;
    max-height: 455px !important;
}

.fadebg-main img {
    width: 100%;
    max-width: auto;
}

.def-c1, .def-c2, .def-c3, .def-c4, .def-c5 {
    background: #525252;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: absolute;
}

.def-c1 {
    left: 320px;
    top: 155px;
}

.def-c2 {
    left: 443px;
    top: 250px;
}

.def-c3 {
    left: 395px;
    top: 420px;
}

.def-c4 {
    left: 210px;
    top: 420px;
}

.def-c5 {
    left: 165px;
    top: 250px;
}

.tooltip.bottom {
    margin-top: 15px;
}

div.tooltip-inner {
    max-width: 200px;
    background: #000;
    font-size: 12px;
    opacity: 1;
    font-family: 'Nunito Sans', sans-serif;
}

.awd-recog {
    font-size: 14px;
    font-weight: bold;
    color: #525252;
    margin-top: 50px;
    width: 180px;
}

.awardnrecog img {
    margin: 30px 0;
    max-width: 50%;
    width: 7%;
}

.scroll-b.panel-body {
    padding: 0;
}

.mCSB_draggerRail {
    display: none;
}

.mCSB_inside > .mCSB_container {
    padding: 0 26px;
    margin: 0;
}

.clearfix {
    clear: both;
}

.mouseDown a {
    display: block;
    height: 45px;
}

.mouseDown {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    bottom: -15px;
    font-size: 22px;
    height: 45px;
    left: 49%;
    position: absolute;
    text-align: center;
    width: 45px;
    z-index: 9;
}

#car-homepage .mouseDown {
    background: transparent;
}

.mouseDown a:after {
    content: "\e923";
    font-family: 'hdfc-ergo';
    color: #fff;
    position: relative;
    top: 2px;
}


#car-homepage {
    background: url(../images/bg_car_1920.jpg);
    background-size: cover;
    background-position: center;
    padding: 117px 0 117px 80px;
}

#textCarousel h1, #textCarousel h1 + span {
    font-size: 50px;
    font-weight: bold;
    color: #fff;
}

    #textCarousel h1 + span {
        font-weight: 300;
    }

#textCarousel .carousel-indicators {
    left: 0;
    margin-left: 0;
    text-align: left;
    top: auto;
    bottom: 0;
}

    #textCarousel .carousel-indicators li {
        margin: 0 0 10px;
        display: inline-block;
    }

    #textCarousel .carousel-indicators li {
        border: 0;
        width: 10px;
        height: 10px;
        margin: 0 8px 0 0 !important;
    }

        #textCarousel .carousel-indicators li.active {
            background: #e42125;
            width: 28px;
            border-radius: 5px;
        }

.reg-process {
    margin-top: 20px;
}

    .reg-process input {
        height: 62px;
        font-size: 20px;
        width: 40%;
        border: 0;
        padding: 0 20px;
        background: #fff;
        margin-bottom: 0;
        vertical-align: middle;
    }

.cust-btn-red {
    background: #e42125;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    height: 64px;
    border: 0;
    margin-left: 10px;
    padding: 21px 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.5s;
    transition: all 0.3s;
    vertical-align: middle;
}

    .cust-btn-red:hover {
        background: #d41115;
    }

a.continue-txt {
    color: rgba(255, 255, 255, 0.8);
    clear: both;
    display: inline-block;
    font-size: 16px;
    margin-top: 10px;
    /*border-bottom: 1px solid;*/
}

.continue-txt-main .icon-arrow-right:before {
    color: #fff;
    font-size: 20px;
    left: 8px;
    position: relative;
    top: 4px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(0,0,0,.38);
}

::-moz-placeholder { /* Firefox 19+ */
    color: rgba(0,0,0,.38);
}

:-ms-input-placeholder { /* IE 10+ */
    color: rgba(0,0,0,.38);
}

:-moz-placeholder { /* Firefox 18- */
    color: rgba(0,0,0,.38);
}

#locatorBlock ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(255,255,255,.5);
}

#locatorBlock ::-moz-placeholder { /* Firefox 19+ */
    color: rgba(255,255,255,.5);
}

#locatorBlock :-ms-input-placeholder { /* IE 10+ */
    color: rgba(255,255,255,.5);
}

#locatorBlock :-moz-placeholder { /* Firefox 18- */
    color: rgba(43, 43, 43, 0.88);
}


#top-nav-2 {
    height: 54px;
}

    #top-nav-2 ul li a {
        color: rgba(0,0,0,.54);
        text-transform: uppercase;
        position: relative;
        line-height: 38px;
        font-weight: 700;
        font-size: 14px;
        padding: 0 20px;
    }

        #top-nav-2 ul li a:hover {
            color: #000;
        }

    #top-nav-2 ul.navbar-left li:first-child a {
        line-height: normal !important;
    }

    #top-nav-2 ul.navbar-right li:last-child a {
        line-height: normal !important;
    }

    #top-nav-2 ul {
        width: 44%;
        padding-top:10px;
    }

        #top-nav-2 ul li {
            width: auto !important;
        }

        #top-nav-2 ul.navbar-right li {
            text-align: right;
        }

#faqBlock {
    margin: 60px 0;
}

.faq-head {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
}

    .faq-head:after {
        content: "";
        display: block;
        height: 3px;
        margin: auto;
        text-align: center;
        width: 2.5%;
        background: #e42125;
    }

#faqBlock .panel.panel-default {
    border: 0 none;
    box-shadow: none;
    border-bottom: 1px solid rgba(0,0,0,.12);
    border-radius: 0;
    padding: 0;
}

#faqBlock .panel-group .panel + .panel {
    margin-top: 0;
}

#faqBlock .panel-heading {
    background: transparent;
    border: 0 none;
    border-radius: 0;
    padding: 20px 0;
}

#faqBlock .panel-body {
    border: 0 none;
    padding: 0 0 20px;
    font-size: 16px;
    max-width: 97%;
}

#faqBlock .panel-title {
    font-size: 20px;
    font-weight: 400;
}

    #faqBlock .panel-title a {
        display: block;
    }

        #faqBlock .panel-title a.collapsed:after {
            content: "\e923";
            transform: rotate(0);
        }

        #faqBlock .panel-title a:after {
            content: "\e923";
            font-family: hdfc-ergo;
            transform: rotate(-180deg);
            float: right;
            position: relative;
            top: 0;
            color: rgba(0,0,0,.38);
        }

#dvNomineeRelationship > ul {
    height: auto;
    overflow: scroll;
}

#divPASumInsuredPaidDriver, #divLLPaidDriverNo {
    height: 84px;
}

#accordionFaq .panel:last-child {
    border: 0 none;
}

#locatorBlock {
    background: url(../images/loc_bg.jpg);
    color: #fff;
    padding: 100px 0;
}

.light-head {
    font-size: 48px;
    font-weight: 300;
    line-height: 50px;
}

.light-head-b {
    font-size: 128px;
    font-weight: 300;
    font-weight: 700;
    margin: -30px 0 20px;
}

.loc-input-main {
    margin: 10px 0 0;
    width: 80%;
    position: relative;
}

    .loc-input-main input {
        padding: 16px 20px;
        border: 1px solid rgba(255,255,255,.38);
        background: transparent;
        width: 100%;
        font-size: 16px;
        float: left;
    }

    .loc-input-main .icon-lens {
        background: #e42125;
        font-size: 24px;
        font-weight: bold;
        padding: 16px 16px 16px;
        position: absolute;
        text-align: center;
        top: 0;
        right: 0;
    }

.loc-or {
    clear: both;
    display: block;
    float: left;
    font-size: 16px;
    margin: 26px 0;
    text-align: center;
    width: 100%;
}

.loc-btn {
    background: #e42125;
    float: left;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px;
    padding: 12px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

    .loc-btn .icon-location2::before {
        font-size: 26px;
        position: relative;
        right: 2px;
        top: 3px;
    }

.city-bg {
    background: #e42125;
    padding-bottom: 50px;
}

.loc-mcity {
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    margin: 50px 0 20px;
    display: inline-block;
    width: 100%;
}

    .loc-mcity:after {
        content: "";
        display: block;
        height: 3px;
        margin: 7px auto;
        text-align: center;
        width: 16%;
        background: #fff;
    }

.city-bg i {
    font-size: 110px;
}

.city-bg [class*="col-"] {
    font-size: 16px;
    margin-bottom: 20px;
}

.continue-txt-main {
    position: relative;
}
    /*.icon-arrow-right:before {color: #fff;font-size: 20px;left: -7px;position: relative;top: 5px;opacity: 0;}*/
    .continue-txt-main i.icon-arrow-right:before {
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }

    .continue-txt-main a:hover ~ i.icon-arrow-right:before {
        opacity: 1;
        left: 3px;
    }


/* START CODE FOR QUOTE STEPS */

[class*=wt-qstep-] .wt-left-blk {
    background: -webkit-linear-gradient(to top, #ffffff 60%, #dfe4e7 100%);
    background: -moz-linear-gradient(to top, #ffffff 60%, #dfe4e7 100%);
    background: -o-linear-gradient(to top, #ffffff 60%, #dfe4e7 100%);
    background: linear-gradient(to top, #ffffff 60%, #e3e1dc 100%);
    background-position: center center;
    background-size: cover;
    height: 100%;
    position: fixed;
    /*background: #e3e1dc;
    background-position: center center;
    background-size: cover;
    height: 100%;
    position: fixed;*/
}

.wt-qstep-1 .wt-left-blk {
    background-image: url("../images/quote_bg.jpg") !important;
    background-position: center center;
    background-size: cover;
    height: 100%;
    position: fixed;
}

.wt-left-blk p {
    position: relative;
    top: 42%;
    font-size: 24px;
    text-align: center;
}

.wt-right-blk {
    /*padding: 70px 100px 0;*/
    padding: 40px 60px 0;
    height: 500px;
}

.wt-search {
    font-size: 24px;
    position: relative;
}

    .wt-search .icon-lens::before { /*position: absolute;*/
        right: 231px;
        top: 8px; /*font-size: 20px; cursor: pointer; color: rgba(0,0,0,.54);*/
    }

    .wt-search .icon-lens::before {
        position: absolute;
        right: 231px;
        top: 9px;
        font-size: 24px;
        cursor: pointer;
        color: rgba(0,0,0,.54);
    }

@-moz-document url-prefix() {
    .wt-search.other-search .icon-lens:before {
        padding: 9px;
    }
}


.progressbar {
    background: rgba(0,0,0,.12);
    height: 4px;
    width: 100%;
    position: relative;
    margin-top: 10px;
}

.progress-fg {
    background: #d1af59;
    height: 4px;
    width: 0%;
    position: absolute;
    left: 0;
    top: 0;
}

.select-block.topGap {
    margin-top: 30px;
    margin-bottom: 100px;
    float: left;
    clear: both;
    width: 100%;
}

.select-block .mCSB_inside > .mCSB_container {
    padding: 0;
}

.select-block ul:not(.browser-default) {
    margin: 30px 0 0;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    top: 30px;
}

#left-menu .mCSB_scrollTools .mCSB_draggerContainer {
    top: 0;
}

.select-block.topGap ul:not(.browser-default) {
    margin: 0;
}

.wt-qstep-1 .select-block ul li {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    margin: 0 20px 20px;
    position: relative;
    width: auto;
}
/*.wt-qstep-1 .select-block ul li a {border: 1px solid rgba(0, 0, 0, 0.12);display: table-cell;height: 100px;vertical-align: middle;width: 100px;}*/
.make-logo {
    max-width: 80px;
}


a.red-btn, button.red-btn, input.red-btn {
    background: #e42125;
    border: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 50px;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

.configurableButtons {
    float: right;
    margin-right: 70px;
}

.btn_payLater {
    border: solid 1px #e42125;
    color: #e42125;
    padding: 10px 20px;
    font-weight: 600;
    background-color: #ffffff;
    position: relative;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    top: 18px;
    width: 200px;
}

.btn_sendQuote {
    border: solid 1px #e42125;
    color: #e42125;
    padding: 10px 20px;
    font-weight: 600;
    background-color: #ffffff;
    position: relative;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    top: 18px;
    width: 200px;
}

    .btn_payLater:hover, .btn_sendQuote:hover {
        color: #fff;
        background: #e42125;
        text-decoration: none;
    }

a:hover.red-btn, button:hover.red-btn, input:hover.red-btn {
    color: #fff;
    background: #d41115;
}

a.disabled {
    background: #ddd;
    cursor: default;
}

    a.disabled:hover {
        background: #ddd;
    }

.step-next-btn {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    bottom: 0;
    box-shadow: 0 -9px 15px -5px rgba(0, 0, 0, 0.09);
    height: 80px;
    left: calc(33.3333% + 100px);
    position: fixed;
    right: 0;
    width: calc(73.5% - 230px);
    z-index: 1;
}

    .step-next-btn.fullWid {
        width: -webkit-calc(66.6666% - 200px);
        width: -o-calc(66.6666% - 200px);
        width: -ms-calc(66.6666% - 200px);
        width: calc(66.6666% - 200px);
    }

        .step-next-btn.fullWid > div {
            width: 60%;
        }

    .step-next-btn .red-btn.nxt-btn {
        /*left: -10px;*/ left: 5px;
        position: relative;
        text-align: center;
        top: 18px;
        width: 200px;
    }

    .step-next-btn > div {
        /*background: rgb(255, 255, 255) none repeat scroll 0% 0%;
        display: block;
        position: fixed;
        height: 100px;
        left: 33.3333%;
        width: 58%;*/
        background: #fff none repeat scroll 0% 0%;
        display: block;
        position: fixed;
        height: 100px;
        left: 37.3333%;
        width: 53%;
    }

    .step-next-btn a {
        display: table-cell;
        vertical-align: middle;
    }

a.go-back-btn {
    color: rgba(0,0,0,.54);
    font-size: 18px;
    font-weight: 600;
    left: 10px;
    position: relative;
}

.step-next-btn a.go-back-btn::before {
    content: "\e954";
    font-family: hdfc-ergo;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    right: 10px;
    top: -1px;
    left: -10px;
}

.step-next-btn .nxt-btn {
    float: right;
    padding-left: 35px;
    padding-right: 35px;
    right: 30px;
}

.select-block ul li a ~ i {
    display: none;
}


.select-block ul li a.active ~ i:after {
    content: '';
    display: block;
    width: 17px;
    height: 45px;
    border: solid #fff;
    border-width: 0 6px 6px 0;
    transform: rotate(45deg);
    left: 40px;
    position: relative;
    top: 20px;
}

.select-block ul li a.active ~ i {
    display: inline-block;
    background-color: rgba(255, 0, 0, 0.7);
    border: 1px solid #e42125;
    content: "";
    height: 100px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100px;
}

.select-block ul li:hover a ~ i {
    display: inline-block;
    border: 1px solid #e42125;
    height: 100px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100px;
    cursor: pointer;
}


.wt-search ::-webkit-input-placeholder {
    color: rgba(0,0,0,.38);
}

.wt-search ::-moz-placeholder {
    color: rgba(0,0,0,.38);
}

.wt-search :-ms-input-placeholder {
    color: rgba(0,0,0,.38);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #e42125;
    border-radius: 0;
}

.mCSB_dragger_bar {
    background: #e42125 !important;
}

#content-1 .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#content-1 .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0,0,0,.12);
}

#content-1 .mCSB_dragger_bar {
    background: rgba(0,0,0,.12) !important;
}

.wt-search.activated input {
    border-bottom: 2px solid rgba(0, 0, 0, 0.12);
    padding: 0 0 0 39px;
}

.wt-search.activated .icon-lens::before {
    right: 220px;
}

/* START CODE FOR STEP 2 */
/* START CODE FOR CUSTUOM RADIO BUTTON */
.gs_control {
    border: 1px solid rgba(0,0,0,.12);
    cursor: pointer;
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 18px 20px 18px;
    position: relative;
}

    .gs_control.active::before {
        color: #e42125;
        content: "\e924";
        font-family: hdfc-ergo;
        font-size: 32px;
        position: absolute;
        right: 14px;
        top: 6px;
    }

.new-policy-type .gs_control.active::before {
    top: 24px;
}

.gs_control.active {
    border-color: #e42125;
}

.gs_control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.gs_control__indicator {
    position: absolute;
    top: 20px;
    left: 18px;
    height: 20px;
    width: 20px;
    transition: all 0.1s ease-in 0s;
    border: 2px solid rgba(0,0,0,.38) !important;
}

.gs_radio .gs_control__indicator {
    border-radius: 50%;
    margin-left: -8px;
}

.gs_control input:focus ~ .gs_control__indicator, .gs_control:hover input ~ .gs_control__indicator {
    border: 2px solid rgba(0,0,0,.54);
}

.gs_control input:checked ~ .gs_control__indicator {
    background: #e42125;
    border: 2px solid #e42125;
}

.gs_control input:checked:focus ~ .gs_control__indicator, .gs_control:hover input:not([disabled]):checked ~ .gs_control__indicator {
    background: #e42125;
}

.gs_control input:disabled ~ .gs_control__indicator {
    background: #e6e6e6;
    opacity: .6;
    pointer-events: none;
}

.gs_control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.gs_control input:checked ~ .gs_control__indicator:after {
    display: block;
}

.gs_checkbox .gs_control__indicator:after, .gs_radio .gs_control__indicator:after {
    left: 5px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.gs_checkbox input:disabled ~ .gs_control__indicator:after {
    border-color: #7b7b7b;
}
/*.gs_radio .gs_control__indicator:after{left:7px;top:7px;height:6px;width:6px;border-radius:50%;background:#fff}*/
.gs_radio input:disabled ~ .gs_control__indicator:after {
    background: #7b7b7b;
}
/* END CODE FOR CUSTUOM RADIO BUTTON */

[class*=wt-qstep-] .wt-left-blk {
    padding: 20px 20px 0;
}

.make-desc i {
    font-style: normal;
}

.make-desc {
    font-size: 20px;
    margin-left: 20px;
    width: calc(100% - 100px);
}

.make-images {
    bottom: 15px;
    left: -38%;
    max-width: 38%;
    position: fixed;
    z-index: -1;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    .make-images.visible {
        left: 0;
    }

.select-block ul li {
    width: 96%;
}

    .select-block ul li label {
        font-weight: 400;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.87);
    }

    .select-block ul li a {
        color: rgba(0, 0, 0, 0.87);
    }

.wt-qstep-2 .progress-fg, .wt-qstep-8 .progress-fg {
    width: 20%;
}

.wt-qstep-3 .progress-fg {
    width: 40%;
}

.wt-qstep-4 .progress-fg {
    width: 60%;
}

.wt-qstep-5 .progress-fg {
    width: 80%;
}

.wt-qstep-6 .progress-fg {
    width: 100%;
}

.wt-ro-qstep .progress-fg {
    width: 85% !important;
}

.wt-qstep-7 .progress-fg {
    width: 90%;
}

.wt-qstep-8 .progress-fg {
    width: 95%;
}

.wt-qstep-9 .progress-fg {
    width: 100%;
}

.wt-qstep-12 .progress-fg {
    width: 0%;
}

.wt-qstep-13 .progress-fg {
    width: 50%;
}

.wt-qstep-15 .progress-fg {
    width: 100%;
}
/*.wt-qstep-3 .make-logo {margin-top: 15px;}*/
.varient-txt span {
    display: inline;
    margin: 0 10px;
}

.regd-year {
    margin-top: 15px;
    font-size: 14px;
    color: rgba(0,0,0,.54);
    border-right: 1px solid transparent;
}

.reg-year {
    font-size: 14px;
    font-weight: 700;
    color: rgba(0,0,0,.87);
}

.regd-year span.light-text {
    border-right: 1px solid;
    margin: 0 10px;
}

.regd-year span.light-text, .varient-txt span.light-text {
    border-right: 1px solid;
    height: 30px;
    margin: 6px 20px;
    width: 1px;
}

.varient-txt span.light-text {
    font-size: 12px;
}

.gs_control em {
    font-style: normal;
    font-size: 12px;
    color: rgba(0,0,0,.54);
}

.wt-qstep-6 .gs_control {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.87);
}

.marB0 {
    margin-bottom: 0 !important;
}

.marB10 {
    margin-bottom: 10px;
}

.marB14 {
    margin-bottom: 14px;
}

.marB20 {
    margin-bottom: 20px;
}

.marT20 {
    margin-top: 20px;
}

.marT30 {
    margin-top: 30px;
}

.marB30 {
    margin-bottom: 30px;
}

.marT40 {
    margin-top: 40px;
}

.marB40 {
    margin-bottom: 40px;
}

.marT0 {
    margin-top: 0px !important;
}

.select-block ul.prev-policy-status li {
    width: 48%;
    padding: 0 15px;
}

.prev-p-status {
    border: 1px solid rgba(0,0,0,.12);
    float: left;
    width: 100%;
    font-size: 14px;
    padding: 12px 15px;
    margin-top: 10px;
}

    .prev-p-status .pull-left {
        color: rgba(0,0,0,.65);
    }

    .prev-p-status .pull-right {
        color: rgba(0,0,0,1);
    }

.pol-status-main {
    bottom: 70px;
    position: absolute;
    width: 90%;
}

.edit-option {
    /*border: 1px solid rgba(0, 0, 0, 0.2);*/
    color: rgba(0, 0, 0, 0.54);
    cursor: pointer;
    float: right;
    font-size: 14px;
    font-weight: bold;
    /*padding: 0px 5px;*/
    position: relative;
    text-transform: uppercase;
    top: 20px;
    /*z-index: 2;*/
}

    .edit-option:hover {
        color: #e42125;
    }

    .edit-option i {
        margin-right: 2px;
    }

.select-block ul.claim-stat {
    clear: both;
    float: left;
    width: 100%;
}
    /*.select-block ul.claim-stat li {display: inline-block; width: auto;}*/
    .select-block ul.claim-stat li label {
        border: 0;
        display: inherit;
        float: left;
    }

.select-block ul li label:hover {
    border-color: #e42125;
}

.select-block ul.claim-stat li > label {
    margin-right: 30px;
}

.select-block .claim-stat p {
    margin-right: 50px;
    display: inline;
}

[type="radio"]:checked + label::after, .with-gap[type="radio"]:checked + label::before, .with-gap[type="radio"]:checked + label::after {
    border: 2px solid #d1af59;
}

[type="radio"]:checked + label::after, .with-gap[type="radio"]:checked + label::after {
    background-color: #d1af59;
}

.claim-stat label {
    color: rgba(63, 63, 63, 0.87);
}

.wt-qstep-8 .claim-stat label {
    padding: 3px 20px 18px 35px;
}

    .wt-qstep-8 .claim-stat label .gs_control__indicator {
        top: 4px;
    }

.claim-stat .wid50 {
    width: 50%;
    margin-top: 20px;
}

.claim-stat .gs_control__indicator {
    left: 0;
}

.claim-stat .pull-left {
    margin-right: 30px;
}

input.valid:not([type]), input.valid:focus:not([type]), input.valid[type="text"], input.valid[type="text"]:focus, input.valid[type="password"], input.valid[type="password"]:focus, input.valid[type="email"], input.valid[type="email"]:focus, input.valid[type="url"], input.valid[type="url"]:focus, input.valid[type="time"], input.valid[type="time"]:focus, input.valid[type="date"], input.valid[type="date"]:focus, input.valid[type="datetime"], input.valid[type="datetime"]:focus, input.valid[type="datetime-local"], input.valid[type="datetime-local"]:focus, input.valid[type="tel"], input.valid[type="tel"]:focus, input.valid[type="number"], input.valid[type="number"]:focus, input.valid[type="search"], input.valid[type="search"]:focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus {
    border-bottom: 1px solid rgba(63, 63, 63, 0.87);
    box-shadow: none;
}

input:focus:not([type]):not([readonly]) + label, input[type="text"]:focus:not([readonly]) + label, input[type="password"]:focus:not([readonly]) + label, input[type="email"]:focus:not([readonly]) + label, input[type="url"]:focus:not([readonly]) + label, input[type="time"]:focus:not([readonly]) + label, input[type="date"]:focus:not([readonly]) + label, input[type="datetime"]:focus:not([readonly]) + label, input[type="datetime-local"]:focus:not([readonly]) + label, input[type="tel"]:focus:not([readonly]) + label, input[type="number"]:focus:not([readonly]) + label, input[type="search"]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
    color: rgba(63, 63, 63, 0.87);
}

input:focus:not([type]):not([readonly]), input[type="text"]:focus:not([readonly]), input[type="password"]:focus:not([readonly]), input[type="email"]:focus:not([readonly]), input[type="url"]:focus:not([readonly]), input[type="time"]:focus:not([readonly]), input[type="date"]:focus:not([readonly]), input[type="datetime"]:focus:not([readonly]), input[type="datetime-local"]:focus:not([readonly]), input[type="tel"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]), input[type="search"]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #e42125;
    box-shadow: 0 1px 0 0 #e42125;
}


.cont-det-top {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    left: 0;
    padding: 20px;
    position: absolute;
    top: 40px;
    width: 100%;
    display: table;
}

.wt-qstep-11 .wt-right-blk, .wt-qstep-12 .wt-right-blk, .wt-qstep-13 .wt-right-blk, .wt-qstep-14 .wt-right-blk, .wt-qstep-15 .wt-right-blk, .wt-qstep-16 .wt-right-blk {
    padding-top: 140px;
}

.wt-qstep-11 .select-block, .wt-qstep-12 .select-block, .wt-qstep-13 .select-block, .wt-qstep-14 .select-block, .wt-qstep-15 .select-block, .wt-qstep-16 .select-block { /*height: 44vh;*/
}

.cont-det-top li {
    /*float: left;*/
    display: table-cell;
    border-right: 1px solid rgba(0,0,0,.12);
    text-align: center;
}

    .cont-det-top li span {
        color: rgba(0, 0, 0, 0.38);
    }

        .cont-det-top li span.cd-value {
            color: #d1af59;
        }

.prem-breakup {
    color: rgba(0, 0, 0, 0.54);
    text-transform: uppercase;
    font-weight: bold;
}

ul:not(.browser-default) li {
    padding: inherit;
}

.cont-det-top li {
    padding: 10px;
}

.select-block ul.cust-policy {
    padding: 25px 20px;
    border: 1px solid rgba(0,0,0,.12);
    float: left;
    width: 96%;
}

    .select-block ul.cust-policy li {
        float: left;
        width: auto;
        text-transform: uppercase;
        color: #d1af59;
        padding: 0;
        margin-right: 30px;
        position: relative;
        top: 12px;
        font-weight: 700;
    }

        .select-block ul.cust-policy li:last-child {
            float: right;
            color: rgba(0, 0, 0, 0.87);
            font-size: 28px;
            top: 0;
            font-weight: normal;
            margin-right: 0;
        }

.cust-policy-addons {
    font-size: 20px;
    float: left;
    clear: both;
    border-bottom: 1px solid rgba(0,0,0,.12);
    padding-bottom: 7px;
    width: 96%;
}

.addons-blk {
    clear: both;
    float: left;
    margin: 10px -5px 0; /*syno 20px -5px 0;*/
    width: 95%;
}

    .addons-blk li i, .addons-blk li span {
        display: block;
    }

    .addons-blk .learn-more-btn {
        display: block;
        cursor: pointer;
        background: #e3e0e0;
        margin: 20px -15px -15px;
        padding: 8px;
        color: #6f6c6c;
    }

#frmAddOnDetail .learn-more-info {
    background: #e3e0e0;
    padding: 15px;
    margin: 0 -15px -15px;
    position: absolute;
    /*width: 21%;*/
    z-index: 1;
    display: none;
    margin-top: -10px;
    font-size: 11px;
}

.learn-more-btn :hover .learn-more-info {
    display: block !important;
}

#frmAddOnDetail i.icon-close.close-2 {
    right: 10px;
    font-size: 18px !important;
    position: absolute;
}


.select-block .addons-blk ul li {
    /*box-shadow: 0px 15px 6px 3px rgba(0, 0, 0, 0.1);*/
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);
    margin: 1%;
    padding: 15px 15px 0px 15px;
    width: 22%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.select-block .addons-blk ul {
    border-collapse: separate;
    border-spacing: 10px 5px;
    display: table;
    width: calc(100% + 20px);
}

    .select-block .addons-blk ul li:first-child {
        margin-left: 0;
    }

.addons-blk li i {
    font-size: 30px;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, 0.38);
}

    .addons-blk li i.active, .addons-blk li span em.active, .addons-blk li span em.active i {
        /*color: #d1af59 !important;*/
        color: green !important;
    }

.addons-blk span {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 10px;
}

    .addons-blk span:last-child {
        color: rgba(0,0,0,.54);
        min-height: 40px;
    }

.pacc-cover1 {
    clear: both;
}

    .pacc-cover1.sub-text {
        margin-left: 0;
        width: 110px;
    }

    .pacc-cover1 label {
        font-size: 14px !important;
        font-weight: normal;
        color: rgba(0,0,0,.54);
    }

.acc-cov-gap {
    margin-top: 30px;
}

.current-loan .acc-cov-gap {
    margin-top: 0px;
    font-size: 16px;
}

.disclaimerfontsize {
    font-size: 12px;
}

.GoGreenfontsize {
    font-weight: BOLD;
    font-size: 13px;
}

/*START Renewal Registration Number Change POPUP*/
.text-danger {
    color: #d41115;
}

.text-center {
    text-align: center
}

.renew_modalContent {
    padding: 24px 0px !important
}

    .renew_modalContent .divRWRegNoGreyBackground, .btn_RwRegNoGray {
        background: #f4f4f4
    }

.divRWRegNoGreyBackground {
    padding: 15px;
    text-align: center;
}

.renew_modalContent p {
    padding-bottom: 10px;
}

.renew_modalContent .modal-body {
    padding: 15px 0px !important;
}
/*END Renewal Registration Number Change POPUP*/

.v-align {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.select-block .addons-blk ul li:hover {
    /*box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);*/
    box-shadow: 0px 9px 7px 6px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.gsp-connect {
    background: #e42125 none repeat scroll 0 0;
    box-shadow: none;
}

.gsp-target.gsp-connect {
    box-shadow: none;
}

.gsp-horizontal {
    height: 2px;
}

.gsp-target {
    border: 0;
}

.gsp-background {
    background: #ddd;
    box-shadow: none;
}

.gsp-horizontal .gsp-handle {
    border: 0 none;
    border-radius: 50%;
    box-shadow: none;
    height: 18px;
    left: -17px;
    top: -6px;
    width: 18px;
}

.gsp-handle {
    background: #e42125;
}

    .gsp-handle::before, .gsp-handle::after, .gsp-handle::before, .gsp-handle::after {
        content: "" !important;
        background: none;
    }

#singleSlider1-val, #singleSlider2-val, #singleSlider3-val {
    display: block;
    position: absolute;
    text-align: center;
    top: -30px;
    width: 100%;
    color: #d1af59;
}

.slider-txt {
    float: left;
    font-size: 12px;
    margin: 0;
    width: 100%;
}

.policy-com-third {
    border: 1px solid #d1af59;
    color: #d1af59;
    float: left;
    clear: both;
    width: 96%;
}

.wt-qstep-11 .policy-com-third, .wt-qstep-12 .policy-com-third {
    width: 100%;
}

.policy-com-third div {
    padding: 10px 15px;
    text-align: center;
    width: 50%;
    display: block;
    cursor: pointer;
}

.policy-com-third .active {
    background: #d1af59;
    color: #fff;
}

#mypagejourney #top-nav-2 {
    position: fixed;
    z-index: 1001;
}

.wt-q-steps {
    padding-top: 54px;
}

.not-scroll.step-next-btn {
    position: static;
    margin: 30px 0 20px;
    padding: 0;
    background: transparent;
    width: 100%;
}

    .not-scroll.step-next-btn a {
        position: inherit;
    }

.select-wrapper span.caret {
    bottom: 0;
    color: initial;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: auto 0;
    position: absolute;
    right: 0;
    top: 0;
}

.caret {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px dashed rgba(0,0,0,.54);
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
}

.select-wrapper ~ label, .input-field label {
    margin-left: 15px;
    color: rgba(63, 63, 63, 0.38);
    font-weight: normal;
}

.select-block ul.select-dropdown li {
    width: 100%;
}

.dropdown-menu li > a, .dropdown-menu li > span {
    color: rgba(0,0,0,.87);
}

.current-loan {
    margin-top: 20px;
}

    .current-loan > div {
        float: left;
        margin-right: 30px;
        font-weight: normal;
    }

    .current-loan > .input-field {
        margin: 0;
    }

.cont-det-top li:last-child {
    border-right: 0;
}

.input-field em {
    font-style: normal;
    font-size: 12px;
    color: rgba(63, 63, 63, 0.38);
    position: relative;
    top: -15px;
}

.panel-default > .panel-heading {
    background-color: #fff;
    border-color: rgba(0,0,0,.12);
    color: rgba(0,0,0,87);
}

.panel-group .panel + .panel {
    margin-top: 0;
}

.panel-group .panel {
    border-radius: 0;
    border-bottom: 0;
}

#accordionpinfo .panel-group .panel:last-child {
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 0;
}

    #accordionpinfo .panel-group .panel:last-child .panel-heading {
        border-radius: 0;
    }

.collapsible {
    box-shadow: none;
}

.wt-right-blk .collapsible-header i {
    font-size: 14px;
    margin-right: 4px;
    text-align: right;
    width: auto;
}

    .wt-right-blk .collapsible-header i.icon-rupee {
        margin-right: 0;
    }

.collapsible-header div {
    margin-right: 15px;
    padding-right: 15px;
}

    .collapsible-header div:first-child {
        border-right: 1px solid rgba(0,0,0,.12);
    }

    .collapsible-header div:last-child {
        padding-right: 0;
        margin-right: 0;
    }

.collapsible-header:after {
    content: "\e923";
    font-family: hdfc-ergo;
    position: absolute;
    right: 20px;
    top: -1px;
}

.collapsible-header.active:after {
    transform: rotate(180deg);
}

.collapsible-header.no-content:after {
    content: "";
    font-family: hdfc-ergo;
    position: absolute;
    right: 30px;
}

.termslink label a {
    top: 0;
    font-weight: normal;
    color: #d1af59;
}

.termslink label {
    font-weight: normal;
}

.termslink .filled-in[type="checkbox"]:checked + label::after {
    background-color: #e42125;
    border: 2px solid #e42125;
    height: 20px;
    top: 0;
    width: 20px;
    z-index: 0;
}

.termslink {
    width: 100%;
    float: left;
}

.termslinkCIs label a {
    top: 0;
    font-weight: normal;
    color: #d1af59;
}

.termslinkCIs label {
    font-weight: normal;
}

.termslinkCIs .filled-in[type="checkbox"]:checked + label::after {
    background-color: #e42125;
    border: 2px solid #e42125;
    height: 20px;
    top: 0;
    width: 20px;
    z-index: 0;
} 

.termslinkCIs {
    width: 100%;
    float: left;
}
    .termslinkCIs label {
        color: rgba(0,0,0,.87);
    }
.step-next-btn.termsncond {
    margin-top: 0;
    padding-top: 0;
    position: relative;
}

    .step-next-btn.termsncond .nxt-btn {
        right: 0;
        top: 0;
    }

.input-field .icon-calender::before {
    color: rgba(0, 0, 0, 0.38);
    font-size: 24px;
    position: absolute;
    right: 26px;
    top: 4px;
}

.input-field .icon-engine-number::before {
    color: rgba(0, 0, 0, 0.38);
    font-size: 24px;
    /*position: absolute;
    right: 26px;
    opacity: 0.5;
    top: 4px;*/
}

.input-field .icon-chasis-number::before {
    color: rgba(0, 0, 0, 0.38);
    font-size: 24px;
    /*opacity: 0.5;
    position: absolute;
    right: 26px;
    top: 4px; syno : tooltip proper for chasis number*/
}

.wt-right-blk .collapsible-header em.icon-round-plus {
    font-size: 24px;
    color: rgba(0,0,0,.54);
}

.wt-right-blk .collapsible-header i.icon-shield {
    font-size: 22px;
}

.collapsible-header i {
    font-style: normal;
}

    .collapsible-header i.icon-rupee:before {
        font-size: 12px;
    }

.wt-search input {
    height: auto;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    font-size: inherit;
    box-sizing: inherit;
    max-width: 250px;
    font-size: 16px;
    position: relative;
    top: 6px;
    padding-left: 25px;
}


    .wt-search input:focus:not([type]):not([readonly]), .wt-search input[type="text"]:focus:not([readonly]), .wt-search input[type="password"]:focus:not([readonly]), .wt-search input[type="email"]:focus:not([readonly]), .wt-search input[type="url"]:focus:not([readonly]), .wt-search input[type="time"]:focus:not([readonly]), .wt-search input[type="date"]:focus:not([readonly]), .wt-search input[type="datetime"]:focus:not([readonly]), .wt-search input[type="datetime-local"]:focus:not([readonly]), .wt-search input[type="tel"]:focus:not([readonly]), .wt-search input[type="number"]:focus:not([readonly]), .wt-search input[type="search"]:focus:not([readonly]), .wt-search textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
        box-shadow: none;
    }

strong {
    font-weight: bold;
}

.modal {
    bottom: auto;
}

#modal1 .input-field.col label, #modalAgentContactDetail .input-field.col label {
    left: -15px;
}

#modal1 input:not([type]),
#modal1 input[type="text"],
#modal1 input[type="password"],
#modal1 input[type="email"],
#modal1 input[type="url"],
#modal1 input[type="time"],
#modal1 input[type="date"],
#modal1 input[type="datetime"],
#modal1 input[type="datetime-local"],
#modal1 input[type="tel"],
#modal1 input[type="number"],
#modal1 input[type="search"],
#modal1 textarea.materialize-textarea,
#modalAgentContactDetail input:not([type]),
#modalAgentContactDetail input[type="text"],
#modalAgentContactDetail input[type="password"],
#modalAgentContactDetail input[type="email"],
#modalAgentContactDetail input[type="url"],
#modalAgentContactDetail input[type="time"],
#modalAgentContactDetail input[type="date"],
#modalAgentContactDetail input[type="datetime"],
#modalAgentContactDetail input[type="datetime-local"],
#modalAgentContactDetail input[type="tel"],
#modalAgentContactDetail input[type="number"],
#modalAgentContactDetail input[type="search"],
#modalAgentContactDetail textarea.materialize-textarea {
    height: 30px; /*margin-bottom: 32px;*/
    border-color: rgba(0,0,0,.12);
}

    #modal1 input:focus:not([type]):not([readonly]),
    #modal1 input[type="text"]:focus:not([readonly]),
    #modal1 input[type="password"]:focus:not([readonly]),
    #modal1 input[type="email"]:focus:not([readonly]),
    #modal1 input[type="url"]:focus:not([readonly]),
    #modal1 input[type="time"]:focus:not([readonly]),
    #modal1 input[type="date"]:focus:not([readonly]),
    #modal1 input[type="datetime"]:focus:not([readonly]),
    #modal1 input[type="datetime-local"]:focus:not([readonly]),
    #modal1 input[type="tel"]:focus:not([readonly]),
    #modal1 input[type="number"]:focus:not([readonly]),
    #modal1 input[type="search"]:focus:not([readonly]),
    #modal1 textarea.materialize-textarea:focus:not([readonly]),
    #modalAgentContactDetail input:focus:not([type]):not([readonly]),
    #modalAgentContactDetail input[type="text"]:focus:not([readonly]),
    #modalAgentContactDetail input[type="password"]:focus:not([readonly]),
    #modalAgentContactDetail input[type="email"]:focus:not([readonly]),
    #modalAgentContactDetail input[type="url"]:focus:not([readonly]),
    #modalAgentContactDetail input[type="time"]:focus:not([readonly]),
    #modalAgentContactDetail input[type="date"]:focus:not([readonly]),
    #modalAgentContactDetail input[type="datetime"]:focus:not([readonly]),
    #modalAgentContactDetail input[type="datetime-local"]:focus:not([readonly]),
    #modalAgentContactDetail input[type="tel"]:focus:not([readonly]),
    #modalAgentContactDetail input[type="number"]:focus:not([readonly]),
    #modalAgentContactDetail input[type="search"]:focus:not([readonly]),
    #modalAgentContactDetail textarea.materialize-textarea:focus:not([readonly]) {
        border-color: #e42125;
    }


input.invalid:not([type]) + label::after,
input.invalid:focus:not([type]) + label::after,
input.invalid[type="text"] + label::after,
input.invalid[type="text"]:focus + label::after,
input.invalid[type="password"] + label::after,
input.invalid[type="password"]:focus + label::after,
input.invalid[type="email"] + label::after,
input.invalid[type="email"]:focus + label::after,
input.invalid[type="url"] + label::after,
input.invalid[type="url"]:focus + label::after,
input.invalid[type="time"] + label::after,
input.invalid[type="time"]:focus + label::after,
input.invalid[type="date"] + label::after,
input.invalid[type="date"]:focus + label::after,
input.invalid[type="datetime"] + label::after,
input.invalid[type="datetime"]:focus + label::after,
input.invalid[type="datetime-local"] + label::after,
input.invalid[type="datetime-local"]:focus + label::after,
input.invalid[type="tel"] + label::after,
input.invalid[type="tel"]:focus + label::after,
input.invalid[type="number"] + label::after,
input.invalid[type="number"]:focus + label::after,
input.invalid[type="search"] + label::after,
input.invalid[type="search"]:focus + label::after,
textarea.materialize-textarea.invalid + label::after,
textarea.materialize-textarea.invalid:focus + label::after {
    color: #f44336;
    content: attr(data-error);
    opacity: 1;
}

.error-msg {
    color: #f44336;
    font-size: 12px;
    margin-top: 0px;
    display: none;
}

.custom-blk-gap .input-field {
    min-height: 65px;
}

input:not([type]) + label::after,
input[type="text"] + label::after,
input[type="password"] + label::after,
input[type="email"] + label::after,
input[type="url"] + label::after,
input[type="time"] + label::after,
input[type="date"] + label::after,
input[type="datetime"] + label::after,
input[type="datetime-local"] + label::after,
input[type="tel"] + label::after,
input[type="number"] + label::after,
input[type="search"] + label::after,
textarea.materialize-textarea + label::after {
    top: 48px;
}

#modal1 .input-field label.active:not(.label-icon), #modalAgentContactDetail .input-field label.active:not(.label-icon) {
    font-size: 0.8rem;
    transform: translateY(-100%);
}

#modal1 .input-field label, #modalAgentContactDetail .input-field label {
    top: 0.3rem;
}

.fill-details {
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
    font-size: 20px;
}

#modal1.modal, #modalAgentContactDetail.modal {
    width: 34%;
    max-height: 83%;
}

#modalOtp.modal {
    width: 31%;
}

#modalBreak.modal {
    width: 27%;
}

#modalThnx.modal {
    width: 50%;
    max-height: none;
}

#modal1 input.red-btn, #modalAgentContactDetail input.red-btn {
    margin-top: 20px;
    width: 100%;
    font-weight: 700;
    padding: 15px;
    border-radius: 0;
}

#modalOtp.modal .modal-content, #modalAgentContactDetail.modal .modal-content {
    text-align: center;
}

#modal1.modal, #modal2.modal, #modalAgentContactDetail.modal {
    width: 30%;
    max-height: 83%;
}

#modal1.modal, modalAgentContactDetail.modal {
    max-height: 90%;
}

    #modal1.modal .modal-content, #modal2.modal .modal-content, modalAgentContactDetail.modal .modal-content {
        padding: 32px;
        border: 0;
    }

.modal, .modal-content {
    border-radius: 0;
}

#modalOtp .custom_modal, #modalBreak .custom_modal {
    width: 395px;
    background-color: #ffffff;
    box-shadow: 14px 24.2px 56px 0 rgba(0, 0, 0, 0.5);
}

#modalOtp .custom_body, #modalBreak .custom_body {
    padding: 0;
}

#modalOtp .custom_content, #modalBreak .custom_content {
    box-shadow: none;
    border: 0;
}

#modalOtp .icon-circle {
    border-radius: 50px;
    background: #e8e8e8;
    display: inline-block;
}

#modalBreak .icon-circle {
    text-align: center;
}

#modalOtp .icon-circle img {
    height: 98px;
    width: 98px;
}

#modalOtp .circle-box, #modalBreak .circle-box {
    padding: 30px 0 10px;
    text-align: center;
}

#modalOtp .veritext p, #modalBreak .veritext p {
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 10px 0;
}

#modalOtp .verimsg p, #modalBreak .verimsg p {
    text-align: center;
    color: rgba(0, 0, 0, 0.54);
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 5px 0;
}

#modalOtp .verimob p {
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0 0 10px;
}

#modalOtp .vericode {
    padding: 20px 0 10px;
    text-align: center;
}

    #modalOtp .vericode .custom_form {
        width: 46px;
        height: 46px;
        display: inline-block;
        margin: 0 5px;
        border: 1px solid rgba(0, 0, 0, 0.12);
        text-align: center;
    }

#modalOtp .resend_code_btn {
    padding: 5px 0 15px;
    display: inline-block;
}

#modalOtp .resend_btn {
    text-align: center;
    display: block;
    color: #d1af59;
    width: 100%;
}

#modalOtp .custom_footer, #modalBreak .custom_footer {
    padding: 0;
    border: 0;
}

#modalOtp .custom_btn, #modalBreak .custom_btn {
    padding: 15px 0;
    border: 0;
    letter-spacing: 0.2px;
    display: block;
    margin: 0 auto;
    width: 100%;
    background: #e42125;
    transition: all 0.3s;
    color: #fff;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

    #modalOtp .custom_btn:hover, #modalBreak .custom_btn:hover {
        background: #d41115;
    }

    #modalOtp .custom_btn:active, #modalBreak .custom_btn.active {
        box-shadow: none;
    }

    #modalOtp .custom_btn:focus {
        outline: 0;
    }

#modalOtp.modal .modal-footer, #modalBreak.modal .modal-footer {
    background: transparent;
    border-radius: 0 0 2px 2px;
    border-top: 0;
    padding: 0;
    text-align: center;
    height: auto;
}

#modalOtp.modal .modal-content, #modalBreak.modal .modal-content {
    box-shadow: none;
    border: 0 none;
    padding: 24px 24px 16px;
}

#modalOtp input:focus:not([type]):not([readonly]),
#modalOtp input[type="text"]:focus:not([readonly]),
#modalOtp input[type="password"]:focus:not([readonly]),
#modalOtp input[type="email"]:focus:not([readonly]),
#modalOtp input[type="url"]:focus:not([readonly]),
#modalOtp input[type="time"]:focus:not([readonly]),
#modalOtp input[type="date"]:focus:not([readonly]),
#modalOtp input[type="datetime"]:focus:not([readonly]),
#modalOtp input[type="datetime-local"]:focus:not([readonly]),
#modalOtp input[type="tel"]:focus:not([readonly]),
#modalOtp input[type="number"]:focus:not([readonly]),
#modalOtp input[type="search"]:focus:not([readonly]),
#modalOtp textarea.materialize-textarea:focus:not([readonly]) {
    box-shadow: none;
}

.feedbackPop .custom_modal {
    width: 695px;
    background-color: #ffffff;
    -webkit-box-shadow: 14px 24.2px 56px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 14px 24.2px 56px 0 rgba(0, 0, 0, 0.5);
    border-radius: 4px;
}

.feedbackPop .custom_header {
    border: 0;
}

.feedbackPop .custom_body {
    padding: 0;
}

.feedbackPop .custom_content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}

.feedbackPop .extramsg p {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500;
    margin: 0;
    text-align: center;
    padding: 10px 0px 0px;
}

.feedbackPop .textbox {
    padding: 10px 0 20px;
}

    .feedbackPop .textbox .custom-form {
        border: 0;
        border-bottom: 1px solid rgba(0,0,0,0.12);
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        color: rgba(63, 63, 63, 0.38);
        font-size: 16px;
    }

.feedbackPop .submtbtn {
    padding: 0px 0px 10px;
}

    .feedbackPop .submtbtn .cmn_cls {
        display: inline-block;
    }

.feedbackPop .cmn_btn {
    color: #fff;
    padding: 8px 40px;
    font-size: 15px;
    font-weight: 600;
}

.feedbackPop a.cmn_btn:hover {
    text-decoration: none;
}

.feedbackPop .submtbtn p {
    margin: 0;
    padding: 0 20px;
    color: rgba(0, 0, 0, 0.54);
    font-size: 14px;
}

.feedbackPop .submit_btn {
    background-color: #e42125;
}

.feedbackPop .custom_close span {
    font-size: 40px;
    height: 20px;
    width: 20px;
    clear: both;
    display: block;
}

.padLR115 {
    padding: 0 13% !important;
}

.padLR95 {
    padding: 0 95px !important;
}

#thanksPage .thnkshead p {
    margin: 0;
}

#thanksPage .icon-circle {
    border-radius: 50%;
    background: #c7c7c7;
    margin: 0 auto;
    display: inline-block;
    margin: 0 10px;
    cursor: pointer;
}

    #thanksPage .icon-circle img {
        height: 130px;
        width: 130px;
    }

#thanksPage .circle-box {
    padding: 40px 0 20px;
    text-align: center;
}

#thanksPage .thnkshead p {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    color: #000000;
    padding: 10px 0;
    margin: 0;
}

#thanksPage .policyn p {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #000000;
    padding: 5px 0;
    margin: 0;
}

    #thanksPage .policyn p span {
        font-weight: 600;
    }

#thanksPage .policytxt p {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: rgba(0, 0, 0, 0.54);
    padding: 10px 0;
    margin: 0;
}

    #thanksPage .policytxt p span {
        font-size: 12px;
    }

#thanksPage .downl_btn {
    padding: 15px 0;
    text-align: center;
    margin-bottom: 15px;
}

    #thanksPage .downl_btn .btn_download {
        border: solid 1px #e42125;
        background: #fff;
        color: #e42125;
        padding: 10px 20px;
        font-size: 14px;
        font-weight: 600;
        display: inline-block;
    }

        #thanksPage .downl_btn .btn_download:hover {
            color: #fff;
            background: #e42125;
            text-decoration: none;
        }

#thanksPage .bor_der {
    border-bottom: 1px solid rgba(0,0,0,0.12);
    margin: 20px 0;
}

#thanksPage .findsomething {
    padding: 15px 0;
    text-align: center;
}

    #thanksPage .findsomething p {
        color: rgba(0, 0, 0, 0.87);
        font-size: 16px;
        margin: 0;
        padding-bottom: 5px;
    }

        #thanksPage .findsomething p span {
            padding: 0 30px;
        }

#thanksPage .custom_form {
    width: 275px;
    height: 34px;
    display: inline-block;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: none;
    padding: 0;
    margin-bottom: 0;
}

#thanksPage .findsomething span.login_text {
    color: rgba(102, 102, 102, 0.87);
    font-size: 12px;
    margin-left: 233px;
}

    #thanksPage .findsomething span.login_text a {
        color: rgba(0, 0, 0, 0.87);
    }

        #thanksPage .findsomething span.login_text a:hover {
            text-decoration: underline;
        }

#thanksPage .cus_down {
    font-size: 20px;
    vertical-align: middle;
    padding: 0 5px 0 0;
}

#thanksPage .right-arrow {
    margin-left: -20px;
    color: #e42125;
    cursor: pointer;
    font-size: 24px;
    vertical-align: middle;
}

#thanksPage .lastitem p {
    color: rgba(0, 0, 0, 0.54);
    font-size: 12px;
    text-align: center;
    font-weight: 600;
    padding: 15px 0;
}

#thanksPage .btn_downloads {
    color: rgba(0, 0, 0, 0.54);
}

#thanksPage .cus_down1 {
    padding: 0;
    font-size: 18px;
    vertical-align: middle;
}

#thanksPage .btn_downloads:hover .cus_down1 {
    text-decoration: none;
}

@media screen and (max-width: 480px) {
    #thanksPage .findsomething span.login_text {
        margin-left: 0;
    }

    /*#OptionalCoverIDV .t-bold {
        height: 35px;
    }*/

    #OptionalCoverIDV .slider-main {
        width: 98% !important;
    }

    .prifield {
        width: 100% !important;
    }

    button#btnShareICTSubmit {
        position: inherit !important;
        width: 100%;
    }
}

#thanksPage {
    padding-top: 0px;
    padding-left: 40px;
}

.feedheading i.icon-close {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 24px;
    color: rgba(0,0,0,.24);
}

.feedheading {
    margin-top: 20px;
}

#thanksPage a:hover.btn_downloads .dn-link {
    text-decoration: underline;
}


#dropdown1.dropdown-menu {
    white-space: normal;
    text-align: left;
    text-transform: none;
    padding: 15px 0px;
    width: 460px;
    top: 25px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 5px 30px -2px rgba(0, 0, 0, 0.2);
}

    #dropdown1.dropdown-menu.dropdown-2 {
        top: 0;
        /*left: 205px; syno */
        right: inherit;
    }

#dropdown1 h4 {
    font-weight: normal;
    text-transform: capitalize;
}

#dropdown1 .sec-head {
    color: rgba(0, 0, 0, 0.87);
    font-size: 24px;
    padding: 0 0 5px;
    margin: 0;
}

#dropdown1 .damage {
    color: #000000;
    font-size: 14px;
    margin: 20px 0 3px;
}

#dropdown1 .srno {
    color: rgba(0, 0, 0, 0.87);
    font-size: 12px;
    padding: 2px 0;
    float: left;
    font-weight: 600;
    font-weight: bold;
}

#dropdown1 .particnt {
    color: rgba(0, 0, 0, 0.54);
    font-size: 12px;
    padding: 10px;
    font-weight: normal;
}

#dropdown1 .price {
    color: rgba(0, 0, 0, 0.87);
    font-size: 12px;
    padding: 1px 0;
    float: right;
    font-weight: 600;
    text-align: right;
}

#dropdown1 .net {
    color: rgba(0, 0, 0, 0.87);
    font-weight: bold;
}

#dropdown1 .borde_r {
    border-bottom: 1px solid rgba(0,0,0,0.12);
    margin: 10px 0;
    float: left;
    width: 100%;
}

#dropdown1 .netfont {
    font-size: 14px;
}

#dropdown1 .pfont {
    font-size: 16px;
}

#dropdown1 .pfont1 {
    font-size: 14px;
}

#dropdown1 .pfont2 {
    font-size: 20px;
}

.listval {
    float: left;
    width: 100%;
}

.prem-breakup a.dropdown-toggle {
    color: rgba(0, 0, 0, 0.54);
    font-size: 12px;
}

.addons-blk li i.icon-rupee {
    display: inline;
    font-size: 11px;
}

.cust-policy .icon-rupee {
    font-size: 22px;
}

.gsp-background {
    left: 16px;
}

.select-block ul li:last-child label {
    margin-bottom: 20px;
}

.icon-chat > img {
    max-height: 80px;
}

.right-arrow.icon-arrow-right::before {
    color: #e42125;
    opacity: 1;
}

.cust-policy {
    display: table;
    width: 100%;
    border: 1px solid rgba(0,0,0,.12);
    padding: 12px 22px;
    margin-top: 24px;
    background: #fff;
    position: relative;
}

.cust-pol-l {
    display: table-cell;
    vertical-align: top;
}

.cust-pol-r {
    display: table-cell;
    vertical-align: middle;
}

.edit-idv {
    width: 100%;
}

    .edit-idv span:last-child a {
        color: #d1af59;
        text-transform: uppercase;
        font-weight: bold;
        margin-left: 20px;
    }

.sugg-txt {
    font-size: 12px;
    color: rgba(0,0,0,.38);
    margin-top: 3px;
}

.pol-cov {
    color: #d1af59;
    margin-top: 20px;
}

    .pol-cov span {
        margin-right: 30px;
    }

        .pol-cov span:last-child {
            margin-right: 0;
        }

.cust-pol-l .icon-rupee {
    font-size: 14px;
}

.cust-pol-l .rupee-blk {
    font-size: 16px;
}

.cust-pol-l {
    width: 60%;
}

.cust-pol-r {
    font-size: 28px;
}

    .cust-pol-r > .pol-cov {
        font-size: 14px !important;
    }


.pacc-cover1 .filled-in[type="checkbox"]:checked + label::after {
    background-color: #d1af59;
    border-color: #d1af59;
}

.pacc-cover1 .filled-in[type="checkbox"]:not(:checked) + label::after {
    height: 17px;
    width: 17px;
    top: 3px;
}

.pacc-cover1 .filled-in[type="checkbox"]:checked + label::after {
    height: 17px;
    width: 17px;
    top: 3px;
}

.pacc-cover1 .filled-in[type="checkbox"]:checked + label::before {
    height: 13px;
    left: 1px;
    top: 1px;
    width: 7px;
}

.wt-qstep-9 .step-next-btn .nxt-btn {
    right: 0;
}

.wt-qstep-9 .step-next-btn .nxt-btn, .wt-qstep-10 .step-next-btn .nxt-btn, .wt-qstep-12 .step-next-btn .nxt-btn, .wt-qstep-13 .step-next-btn .nxt-btn, .wt-qstep-14 .step-next-btn .nxt-btn, .wt-qstep-16 .step-next-btn .nxt-btn {
    right: 0;
}

.wt-qstep-15 .step-next-btn .nxt-btn {
    right: 10px;
}

.acc-cov-gap .switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #d1af59;
    left: 33px;
}

.acc-cov-gap .switch label input[type="checkbox"]:checked + .lever {
    background-color: #eee6d0;
    width: 49px;
    padding: 4px 5px;
    line-height: 8px;
}

.acc-cov-gap .switch label .lever {
    background-color: #ddd;
}

    .acc-cov-gap .switch label .lever::after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
    }

.switch label .lever {
    width: 49px !important;
}

.limit-symb i {
    font-size: 12px;
}

.pacc-cover1 label.limit-symb {
    color: rgba(0, 0, 0, 0.87);
}

.irs-max, .irs-min {
    display: none;
}

#OptionalCoverIDV .slider-main {
    box-shadow: 1px 1px 8px rgba(0,0,0,.1);
    margin: 1%;
    padding: 15px;
    width: 46% !important;
    vertical-align: middle;
    text-align: center;
    display: table;
    float: left;
    margin-top: 20px;
}

#OptionalCoverIDV .col-sm-12.v-align.acc-cov-gap.marL1pct {
    width: 100%;
    display: block;
}

#OptionalCoverIDV .label-r {
    width: 15%;
    display: inline;
    color: rgba(0,0,0,.87);
    font-size: 100%;
    font-weight: normal;
}

#OptionalCoverIDV .txtOptionalCover {
    width: 40%;
}

#OptionalCoverIDV .totalIDV {
    display: inline;
    width: 40%;
    text-align: center;
}

#OptionalCoverIDV .t-bold {
    font-size: 14px;
    font-weight: 700;
    color: rgba(0,0,0,.87);
}

label.lblOptionalCoverValue {
    font-size: 1rem;
    font-weight: normal;
    color: black;
}

.IDV_Rupees .label-r {
    width: 15%;
    display: inline;
    color: rgba(0,0,0,.87);
    font-size: 16px;
    font-weight: normal;
}

.IDV_Rupees #txtVehicleIdv {
    width: 40% !important;
    height: 1.5rem !important;
    margin-bottom: 3% !important;
}

.irs-slider {
    background: #e42125;
    border: 1px solid #e42125;
    border-radius: 50%;
    box-shadow: none;
    cursor: pointer;
    height: 18px;
    top: 25px;
    width: 18px;
}

.irs-bar {
    background: #e42125;
    border-bottom: 1px solid #e42125;
    border-top: 1px solid #e42125;
    height: 2px;
    top: 33px;
}

.irs-bar-edge {
    -moz-border-bottom-color: none;
    -moz-border-left-color: none;
    -moz-border-right-color: none;
    -moz-border-top-color: none;
    background: #e42125;
    border-color: #e42125;
    border-image: none;
    border-radius: 16px 0 0 16px;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    height: 2px;
    top: 33px;
    width: 14px;
    background: #e42125;
}

.irs-line {
    background: rgba(0,0,0,.24);
    border: 0 none;
    border-radius: 16px;
    height: 2px;
    top: 33px;
}

.irs-slider.state_hover, .irs-slider:hover {
    background: #e42125 none repeat scroll 0 0;
}

.irs-from, .irs-to, .irs-single {
    background: transparent none repeat scroll 0 0;
    border-radius: 3px;
    color: #d1af59;
    font-size: 12px;
    line-height: 1.333;
    padding: 4px 5px;
    text-shadow: none;
}

.irs {
    height: 40px;
}

.slider-txt .icon-rupee {
    font-size: 12px;
}

.filled-in[type="checkbox"]:not(:checked) + label::after {
    background-color: transparent;
    border: 2px solid rgba(0,0,0,.38);
}

.pol-cov .icon-arrow-down, .cust-policy .icon-arrow-down {
    position: relative;
    top: 1px;
}


.select-block input:not([type]), .select-block input[type="text"], .select-block input[type="password"], .select-block input[type="email"], .select-block input[type="url"], .select-block input[type="time"], .select-block input[type="date"], .select-block input[type="datetime"], .select-block input[type="datetime-local"], .select-block input[type="tel"], .select-block input[type="number"], .select-block input[type="search"], .select-block textarea.materialize-textarea {
    border-color: rgba(0, 0, 0, 0.12);
    height: 30px;
}

.select-block .input-field.col label {
    left: -15px;
    margin-bottom: 0;
}

.select-block .input-field label {
    /*top: 0.3rem;*/
    margin-bottom: 0;
}

.select-block .select-wrapper + label {
    top: -14px;
    margin-bottom: 0;
}

footer ul:not(.browser-default) li {
    padding: 0;
}

/* END CODE FOR STEP 2*/
/* END CODE FOR QUOTE STEPS */

#mypage input:focus:not([type]):not([readonly]),
#mypage input[type="text"]:focus:not([readonly]),
#mypage input[type="password"]:focus:not([readonly]),
#mypage input[type="email"]:focus:not([readonly]),
#mypage input[type="url"]:focus:not([readonly]),
#mypage input[type="time"]:focus:not([readonly]),
#mypage input[type="date"]:focus:not([readonly]),
#mypage input[type="datetime"]:focus:not([readonly]),
#mypage input[type="datetime-local"]:focus:not([readonly]),
#mypage input[type="tel"]:focus:not([readonly]),
#mypage input[type="number"]:focus:not([readonly]),
#mypage input[type="search"]:focus:not([readonly]),
#mypage textarea.materialize-textarea:focus:not([readonly]) {
    box-shadow: none;
    border: 0;
    border-radius: 0;
}

#mypage .loc-input-main input[type="text"]:focus:not([readonly]) {
    border: 1px solid rgba(255, 255, 255, 0.38);
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
}

.wt-qstep-6 .gs_control__indicator {
    top: 22px;
}
/*.wt-qstep-8 p.main-heading {margin-bottom: 0;}*/
.pol-cov span a {
    color: #d1af59;
}

.claim-stat1 p {
    display: inline-block;
}

    .claim-stat1 p label, .claim-stat1 div label {
        display: inline-block;
        font-weight: normal;
        color: rgba(0,0,0,.87);
    }

.claim-stat1 p, .claim-stat1 div {
    margin-right: 38px;
}

.claim-stat1 [type="radio"]:not(:checked) + label::before, .claim-stat1 [type="radio"]:not(:checked) + label::after {
    border-color: rgba(0,0,0,.38);
    color: rgba(0,0,0,.87);
}

.wt-qstep-13 a.go-back-btn, .wt-qstep-14 a.go-back-btn, .wt-qstep-15 a.go-back-btn, .wt-qstep-16 a.go-back-btn {
    left: 20px;
}

.wt-qstep-16 .current-loan, .wt-qstep-15 .current-loan {
    margin-top: 0;
}

.claim-stat1 p:last-child, .claim-stat1 div:last-child, .claim-stat1 p.termslink {
    margin-right: 0;
}

.custom-blk-gap [class*="col-"] {
    padding-left: 30px;
    padding-right: 30px;
}

.chk-idv {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.termslink label {
    color: rgba(0,0,0,.87);
}

.custom-blk-gap .step-next-btn a.go-back-btn::before {
    margin-left: 10px;
}

.custom-blk-gap {
    margin-left: -30px;
    margin-right: -30px;
}

    .custom-blk-gap .select-wrapper ~ label, .custom-blk-gap .input-field label {
        margin-left: 30px;
    }

#mypagejourney .row, .services-menu.row {
    margin-bottom: 0;
}

.doubleBtn a {
    display: inline-block;
    margin: 0 0 0 15px !important;
}

    .doubleBtn a.cancel-btn {
        color: rgba(0,0,0,.54) !important;
    }

    .doubleBtn a.ok-btn {
        color: #e42125 !important;
    }

.dropdown-menu {
    border: 0 none;
}

.dropdown-menu {
    border-radius: 0;
}

#edit-idv .dropdown-menu {
    padding: 28px 32px;
    width: 420px;
    left: 100%;
    right: 0;
}

#edit-idv .fill-details {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

#edit-idv .slider-txt {
    float: left;
    font-size: 12px;
    margin: 4px 0 0;
    width: 100%;
}

.doubleBtn {
    float: left;
    margin-top: 40px;
    text-align: right;
    width: 100%;
}

.whatsappIcon {
    width: 24px;
}

#edit-idv .dropdown-menu {
    top: 0;
}

.price.pfont2 i.icon-rupee::before {
    font-size: 16px;
}

.price.pfont i.icon-rupee::before {
    font-size: 13px;
}

.newPolD li {
    display: table;
    width: 100%;
}

    .newPolD li span {
        display: table-cell;
        vertical-align: top;
        padding: 5px 0;
    }

        .newPolD li span:last-child {
            text-align: right;
            color: rgba(0, 0, 0, 0.76);
            font-weight: bold;
            position: relative;
        }

.editnwPol li span:last-child {
    text-align: left !important;
    font-weight: 100;
    left: 4px;
}

.collapsible-body {
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    display: none;
    padding: 0 15px 10px;
}

.collapsible-header span.edit-details {
    display: none;
}

.collapsible-header.active span.edit-details {
    display: block;
}

.collapsible-header span.edit-details {
    position: absolute;
    right: 60px;
    top: 0;
    font-weight: bold;
    color: rgba(0,0,0,.38);
}

    .collapsible-header span.edit-details:hover {
        color: rgba(0,0,0,.87);
    }

.collapsible-header {
    position: relative;
}

    .collapsible-header.active {
        border-bottom: 0;
    }

    .collapsible-header strong {
        font-weight: 700;
        font-size: 16px;
    }


nav i.icon-arrow-down {
    display: inline-block !important;
    font-size: 14px;
    left: 4px;
    position: relative;
    top: 1px;
}
/*
.ncb-blk {position: relative; text-align: right; width: 100%; padding: 5px 10px; background: #f6edd6;}
.ncb-blk:after {width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid black;}*/

.ncb-blk {
    background: #f6edd6;
    border: 1px solid #f6edd6;
    color: rgba(0, 0, 0, 0.54);
    display: inline;
    float: right;
    font-size: 12px;
    margin-top: 5px;
    padding: 5px 10px;
    position: relative;
    text-align: right;
}

    .ncb-blk:after, .arrow_box:before {
        bottom: 100%;
        right: 10px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .ncb-blk:after {
        border-color: rgba(246, 237, 214, 0);
        border-bottom-color: #f6edd6;
        border-width: 8px;
        margin-left: -8px;
    }

    .ncb-blk:before {
        border-color: rgba(246, 237, 214, 0);
        border-bottom-color: #f6edd6;
        border-width: 9px;
        margin-left: -9px;
    }

.modal-overlay {
    opacity: .94 !important;
}

#content-2 {
    margin-left: -20px;
}

.step-next-btn.cust-gap-btn {
    padding: 0 60px 0 10px;
}

.step-next-btn.cust-gap-btn1 {
    right: 40px;
    padding: 20px 0;
}

.collapsible-blk .mCSB_inside > .mCSB_container {
    padding-left: 0;
}

.circle-design {
    top: 25px;
}

/* START CSS FOR TYPEAHEAD */
.bs-example {
    font-family: sans-serif;
    position: relative;
    margin: 100px;
}

/*typeahead, .tt-query, .tt-hint {
	border: 2px solid #CCCCCC;
	border-radius: 8px;
	font-size: 22px; 
	height: 30px;
	line-height: 30px;
	outline: medium none;
	padding: 8px 12px;
	width: 396px;
}
.typeahead {
	background-color: #FFFFFF;
}*/
.typeahead:focus {
    border: 2px solid #0097CF;
}
/*.tt-query {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.tt-hint {
	color: #999999;
}*/
.tt-menu {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    margin-top: 12px;
    padding: 8px 0;
    width: 422px;
}

.tt-suggestion {
    font-size: 22px; /* Set suggestion dropdown font size */
    padding: 3px 20px;  
}

    .tt-suggestion:hover {
        cursor: pointer;
        background-color: #0097CF;
        color: #FFFFFF;
    }

    .tt-suggestion p {
        margin: 0;
    }
/* END CSS FOR TYPEAHEAD */


.twoxblock.select-block ul li {
    width: 48%;
    padding: 0 15px;
}

.wt-search .icon-back-new::before {
    font-size: 16px;
    margin-right: 15px;
    position: relative;
    top: 7px;
    cursor: pointer;
}

.cust-pol-r label {
    color: rgba(0,0,0,.87);
    display: block;
    float: none;
    margin-bottom: 0;
    font-weight: normal;
}

    .cust-pol-r label.text-heading {
        margin-top: -3px;
    }

    .cust-pol-r label.caption {
        margin-top: -2px;
    }

    .cust-pol-r label.caption {
        color: rgba(0,0,0,.54);
        font-size: 11px;
    }

.addons-blk li i.icon-what {
    color: rgba(0, 0, 0, 0.24);
    display: inline;
    font-size: 18px;
    left: 4px;
    position: relative;
    top: 4px;
}

.addons-blk li em {
    font-style: normal;
}

.material-tooltip {
    z-index: 10000;
}

.picker__date-display {
    background-color: #e42125;
}

.picker__weekday-display {
    background-color: #d41115;
}

.picker__close, .picker__today {
    color: #e42125;
    font-weight: 700;
}

.btn-flat {
    font-weight: 700;
}

.picker__nav--prev::before, .picker__nav--next::before {
    border-bottom: 0.5em solid transparent;
    border-right: 0.75em solid #e42125;
    border-top: 0.5em solid transparent;
}

.picker__nav--next::before {
    border-left: 0.75em solid #e42125;
    border-right: 0 none;
}

.picker__nav--prev:hover, .picker__nav--next:hover {
    background: rgba(255, 0, 0, 0.2) none repeat scroll 0 0;
}

.picker__day.picker__day--today {
    color: #e42125;
}

.ad-blk {
    border: 1px solid rgba(0,0,0,.12);
    margin: 20px 0;
}

    .ad-blk .collapsible-header {
        border: 0;
    }

.sticky-div, .sticky-div1 {
    position: relative;
}

    .sticky-div > .sticky-active, .sticky-div1 > .sticky-active {
        position: fixed;
        width: 96%;
        z-index: 10;
        top: 50px;
        margin-bottom: 20px;
    }

        .sticky-div > .sticky-active .cust-policy, .sticky-div > .sticky-active .cust-policy {
            width: 104%;
        }

    .sticky-div > div, .sticky-div1 > div {
        background: #fff;
    }

    .sticky-div1 .cust-policy {
        width: 100%;
    }

.policy-com-third.fullWid, .cust-policy-addons.fullWid {
    width: 96%;
}

.select-wrapper input[value="Owner"] {
    color: rgba(63, 63, 63, 0.38);
}

.autoCom.caret {
    position: absolute;
    right: 30px;
    top: 13px;
}

.autocomplete-content {
    position: absolute;
}

    .autocomplete-content li:hover {
        width: 100%;
    }

.dropdown-content {
    white-space: nowrap;
    width: 80%;
}

.adhar-nxt-btn a.red-btn {
    font-size: 14px;
    padding: 6px 30px;
    position: relative;
    top: 20px;
}

.dropdown-content li > a, .dropdown-content li > span {
    color: rgba(0,0,0,.87);
}

.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
    background-color: #f5f5f5;
}

ul.cont-det-top:not(.browser-default) {
    padding: 20px;
}

    ul.cont-det-top:not(.browser-default) li {
        padding: 0 23px;
    }

#modalOtp, #modalBreak, #modal1, #modalAgentContactDetail {
    transform: translateY(-50%) !important;
}

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after, input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after {
    box-shadow: 0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(0,0,0,0.1);
}

.select-block ul.txt-gap:not(.browser-default) {
    margin-top: 10px;
}

.select-block ul.collapsible li {
    width: 100%;
}

.acc-cov-gap i.icon-round-minus, .acc-cov-gap i.icon-round-plus {
    font-size: 32px;
    color: rgba(0,0,0,.38);
}

.numofPs, .passCount {
    float: left;
}

.passCalc {
    width: 101%;
    margin: 12px 0;
    float: left;
}

.passCount span {
    display: inline-block;
    font-size: 20px;
    line-height: 32px;
    position: relative;
    top: -7px;
    padding: 0 6px;
}

.passCount i:hover {
    color: #d1af59;
    cursor: pointer;
}

.passCount .icon-round-minus.disabled {
    color: rgba(0,0,0,.38);
    cursor: default;
}

.passCount .icon-round-plus.disabled {
    color: rgba(0,0,0,.38);
    cursor: default;
}

.passCount {
    margin-left: 26px;
}

.padDriver {
    width: -webkit-calc(100% - 73px);
    width: -o-calc(100% - 73px);
    width: -ms-calc(100% - 73px);
    width: calc(100% - 73px);
    margin-left: 35px;
    margin-bottom: 20px;
}
/*.wt-qstep-9 .claim-stat1 p, .wt-qstep-9 .claim-stat1 div { margin-right: 0;}*/
.wt-qstep-9 .claim-stat1 div.passCalc {
    margin-bottom: 0;
}

.numofPs {
    position: relative;
    top: 5px;
}

.sumAssuredblk {
    margin: 12px 0 0;
    float: left;
    clear: both;
}

.mob-input i {
    color: #c6c6c6;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 5px;
}

ul.thumbnails-carousel .center {
    display: inline-block;
    margin-top: 18px;
}


#testimonials {
    background: #f3eee1;
    position: relative;
}

    #testimonials .icon-quote-left, #testimonials .icon-quote-right {
        color: rgba(0, 0, 0, 0.06);
        font-size: 180px;
        position: absolute;
        left: 10%;
        top: 20px;
    }

    #testimonials .icon-quote-right {
        right: 10%;
        left: auto;
    }

.testimonial-blk img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.testLine {
    font-size: 30px;
    font-weight: 300;
    padding: 84px 20% 0;
    margin-bottom: 47px;
    height: 100px;
}

.testName {
    margin: 10px 0 0;
    font-size: 22px;
    font-weight: bold;
}

.insType i {
    font-size: 24px;
    color: rgba(0,0,0,.54);
    font-size: 30px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 60px;
    right: -10px;
    padding: 4px;
}

.insType {
    position: relative;
    width: 125px;
    margin: auto;
}

#testimonials .carousel-inner img {
    width: auto;
    margin-top: 60px;
}

.testimonial-blk {
    padding: 0;
}

#testimonials .thumbnails-carousel {
    position: absolute;
    bottom: 0;
    background: #f7f5ee;
    height: 112px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

#carousel-example-generic .carousel-inner .item {
    padding: 0;
}

#testimonials .container-fluid, #testimonials .row, #testimonials .container .row, #testimonials .container .row, #testimonials .testimonial-blk, #testimonials #carousel-example-generic, #testimonials .carousel-inner {
    max-height: 100% !important;
    height: 100% !important;
}

.marL50 {
    margin-left: 50px;
}

.marL1pct {
    margin-left: 4% !important;
}

.marL20pct {
    margin-left: 20% !important;
}


/*.marL20 {
    margin-left: 20px;
}*/

button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus {
    background: rgba(0,0,0,.03);
}

.btn-flat:focus, .btn-flat:hover {
    background-color: rgba(0, 0, 0, 0.03);
    box-shadow: none;
}

.ad-blk .icon-round-plus::before {
    vertical-align: middle;
}

.icon-round-plus.active::before {
    content: "\e924";
    color: #e42125;
}

@media (min-width: 1400px) {
    .mjPosition {
        top: 41%;
    }
    /*.circle-design {position: relative; top: 14%; left: 5%;}*/
    .why-content {
        padding: 8% 70px;
    }

    #car-homepage {
        padding: 160px 0 160px 80px;
    }
}

@media only screen and (max-width: 1919px) and (min-width: 1580px) {
    #testimonials .thumbnails-carousel {
        bottom: -175px;
        margin: 0 auto;
        position: absolute;
        width: 100%;
        padding: 0;
    }

    #car-homepage {
        padding: 170px 0 160px 80px;
    }

    .circle-design {
        top: 105px;
    }

    .serv-cont {
        top: 26%;
    }

    .testimonial-blk {
        padding: 50px 0;
    }

    .carousel-inner {
        max-height: none !important;
    }

    .why-hdfc-content {
        padding: 190px 0;
    }

    #testimonials {
        height: 81%;
    }

        #testimonials .thumbnails-carousel {
            bottom: -175px;
        }
}

@media (min-width: 1920px) {
    #car-homepage {
        padding: 240px 0 240px 80px;
    }

    #locatorBlock {
        padding: 150px 0;
    }

    .why-award-desc {
        font-size: 21px;
        line-height: 36px;
        max-width: 95%;
    }

    .why-hdfc-content .head {
        font-size: 30px;
    }

    .why-award {
        font-size: 40px;
    }

    .cur .circle-design {
        position: relative;
        top: 19%;
        left: 5%;
    }

    .make-images {
        bottom: 180px;
        position: fixed;
        width: 38%;
    }

    #locatorBlock {
        height: 100%;
        padding: 190px 0;
    }


    .carousel-inner {
        max-height: none !important;
    }

    .insType {
        margin: 30px auto 0;
    }

    .step-next-btn > div {
        width: 60%;
    }

    .step-next-btn.fullWid > div {
        width: 62%;
    }

    .select-block ul:not(.browser-default) {
        margin: 36px 0 0;
    }

    .mCSB_scrollTools .mCSB_draggerContainer {
        top: 36px;
    }

    #left-menu .mCSB_scrollTools .mCSB_draggerContainer {
        top: 0;
    }

    .select-block .addons-blk ul li {
        padding: 40px 15px;
    }

    .cust-policy, .cust-policy-addons, .addons-blk, .slider-main {
        width: 100%;
    }

    .step-next-btn {
        width: -webkit-calc(66.6666% - 200px);
        width: calc(66.6666% - 200px);
    }

        .step-next-btn > div {
            width: 62%;
        }

    .addons-blk {
        margin: 20px -8px 0;
    }
    /*.select-block ul.prev-policy-status li {width: 50%;}*/
    /*    .wt-qstep-7 .select-block ul li {width: 100%;}*/

    #testimonials .carousel-inner img {
        margin-top: 50px;
        width: auto;
    }

    .testimonial-blk {
        padding: 0;
    }

    #testimonials .thumbnails-carousel {
        position: absolute;
        bottom: 0;
        background: #f7f5ee;
        height: 112px;
    }

    #carousel-example-generic .carousel-inner .item {
        padding: 150px 0;
    }

    #testimonials .icon-quote-left, #testimonials .icon-quote-right {
        top: 150px;
    }

    #testimonials .container-fluid, #testimonials .row, #testimonials .container .row, #testimonials .container .row, #testimonials .testimonial-blk, #testimonials #carousel-example-generic, #testimonials .carousel-inner {
        max-height: 100% !important;
        height: 100% !important;
    }

    #testimonials .icon-quote-left {
        left: 10%;
    }

    #testimonials .icon-quote-right {
        right: 10%;
    }

    .testLine {
        padding: 55px 18% 0;
    }

    .insType i {
        top: 50px;
    }

    .awd-recog {
        margin-top: 57px;
    }

    ul.cont-det-top:not(.browser-default) li {
        padding: 0 62px;
    }
}

.select-block ul.prev-policy-status li {
    padding-left: 15px;
    padding-right: 15px;
}

.make-name {
    margin-top: 5px;
    text-align: center !important;
    word-break: break-word;
    line-height: normal;
    max-width: 100px;
    min-height: 50px;
}


.make-listing {
    display: inherit;
}

    .make-listing li {
        display: table-cell;
        vertical-align: middle;
    }


/* START CODE FOR PAYMENT PAGE */
.payment-block {
    padding-top: 124px; /*heading:54px+margin top 70px*/
}

.make-payH {
    font-size: 24px;
}

.scroll-b ul:not(.browser-default) li {
    padding: 0 15px;
}
/*ul.left-menu-link:not(.browser-default) li {padding: 0;}*/
#mypagejourney .bor_der {
    border: 1px solid rgba(0,0,0,0.12);
}

#mypagejourney ul.sideways {
    border-bottom: 0;
}

    #mypagejourney ul.sideways li {
        width: 100%;
    }

        #mypagejourney ul.sideways li a {
            border-radius: 0;
            color: #666666;
            margin: 0;
            border-left: 3px solid transparent;
        }

            #mypagejourney ul.sideways li a:hover {
                border: 1px solid rgba(0,0,0,0.12);
                border-left: 3px solid #f00000;
                margin-right: -1px;
                background: #fff !important;
            }

.payment-block .nav-tabs > li.active > a, .payment-block .nav-tabs > li.active > a:focus, .payment-block .nav-tabs > li.active > a:hover {
    border: 1px solid rgba(0,0,0,0.12) !important;
    border-left: 3px solid #ed0008 !important; /*border-right: 1px solid transparent !important;*/
    font-weight: 600;
    color: #131212 !important;
    margin-right: -1px !important;
    border-right: 1px solid #fff !important;
}

#mypagejourney ul.sideways li:first-child a {
    border-top: 0 !important;
}

#mypagejourney .crad_name {
    font-size: 15px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.87);
    padding: 25px 25px 20px 0;
    display: inline-block;
}

#credit-v .first_sec {
    border: 1px solid rgba(0,0,0,0.12);
    padding: 15px;
}

#credit-v .sec_sec {
    border: 1px solid rgba(0,0,0,0.12);
    padding: 15px;
    margin-top: 15px;
}

#credit-v .third_sec {
    border: 1px solid rgba(0,0,0,0.12);
    margin-top: 15px;
    padding: 15px 10px;
}

    #credit-v .third_sec .select-dropdown {
        margin-bottom: 0 !important;
        border-bottom: 0 !important;
        padding: 0;
        width: 106% !important;
    }

    #credit-v .third_sec input.select-dropdown {
        padding: 0 0 0 10px;
    }

    #credit-v .third_sec .select-dropdown li {
        padding: 0 10px;
    }

    #credit-v .third_sec .select-wrapper span.caret {
        right: 5px;
    }

#credit-v .first_sec .main_card .gs_control {
    border: 0;
    padding: 0;
    padding-left: 32px;
    font-size: 15px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.87);
    padding-top: 1px;
}

#credit-v .first_sec .main_card .gs_control__indicator {
    top: 0;
    left: 0;
}

#credit-v .first_sec .sec_card span label {
    color: #4d4d4d;
    font-size: 14px;
}

#credit-v .first_sec .main_card label {
    margin: 0;
}

#credit-v .sec_sec .main_card .gs_control {
    border: 0;
    padding: 0;
    padding-left: 32px;
    font-size: 15px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.87);
    padding-top: 1px;
}

#credit-v .sec_sec .main_card .gs_control__indicator {
    top: 0;
    left: 0;
}

#credit-v .sec_sec .main_card label {
    margin: 0;
}

#mypagejourney .atmw {
    color: rgba(0, 0, 0, 0.87);
    font-size: 12px;
    margin-top: -4px;
    margin-left: 37px;
}

#credit-v .fourt_sec {
    margin: 34px 0 0;
    float: right;
}

    #credit-v .fourt_sec .btn-custom {
        height: 48px;
        display: block;
        font-size: 16px;
        color: #fff;
        background: #e42125;
        box-shadow: none;
    }

.sec_sec:hover, .third_sec:hover, .first_sec:hover {
    border-color: #e42125 !important;
}

.current-loan .icon-info::before {
    color: rgba(0, 0, 0, 0.34);
    font-size: 18px;
    position: relative;
    top: 4px;
}


.pad-L0 {
    padding-left: 0 !important;
}

.padTB25 {
    padding: 25px 0;
}

.pad-B0 {
    padding-bottom: 0 !important;
}

.celen_der .select-wrapper ~ label, .celen_der .input-field label {
    margin-left: 0;
}

.celen_der .input-field label {
    top: 0.3rem;
}

.celen_der .input-field input {
    height: 30px;
}

.payment-block input:not([type]),
.payment-block input[type="text"],
.payment-block input[type="password"],
.payment-block input[type="email"],
.payment-block input[type="url"],
.payment-block input[type="time"],
.payment-block input[type="date"],
.payment-block input[type="datetime"],
.payment-block input[type="datetime-local"],
.payment-block input[type="tel"],
.payment-block input[type="number"],
.payment-block input[type="search"],
.payment-block textarea.materialize-textarea {
    height: 30px;
    margin-bottom: 32px;
    border-color: rgba(0,0,0,.12);
}

.payment-block .input-field label.active:not(.label-icon) {
    transform: translateY(-100%);
}

.payment-block .input-field .icon-calender::before {
    right: 0;
}

.picker__day--infocus {
    padding: 0.55rem 0;
}

.payment-block .dropdown-content.select-dropdown {
    left: -11px !important;
    top: -16px !important;
}

.tableStrMain {
    display: table;
    padding: 0;
}

.tableStr {
    display: table-cell;
    vertical-align: top;
    float: none;
    padding: 0;
}

.borderLb {
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.tableStr .tab-content {
    padding: 20px;
}
/* END CODE FOR PAYMENT PAGE */


/* START CODE FOR CUSTOM CALENDER */
.ui-datepicker .ui-datepicker-title select {
    background: transparent none repeat scroll 0 0;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 0;
    color: rgba(0,0,0,.87);
    display: inline;
    font-weight: normal;
    height: auto;
    margin: 0 3px;
    padding: 0;
}

.ui-datepicker thead {
    border-bottom: 0;
}

.datepicker {
    z-index: 9999 !important;
}

.ui-widget-header {
    background: #fff;
    border: 0 none;
    border-radius: 0;
    color: rgba(0,0,0,.87);
    font-weight: bold;
}

.ui-widget.ui-widget-content {
    border: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 5px 30px -2px rgba(0, 0, 0, 0.2);
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background: transparent;
    border: 0;
    color: rgba(0,0,0,.87);
    font-weight: normal;
    text-align: center;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #e42125 none repeat scroll 0 0;
    color: #fff;
}

.ui-datepicker-prev.ui-corner-all {
    color: #fff;
    background: url('../images/left-arrow.svg');
    background-repeat: no-repeat;
    margin: 29px 0 0 18px;
    opacity: .38;
    cursor: pointer;
    background-size: cover;
}

.ui-datepicker-next.ui-corner-all {
    color: #fff;
    background: url('../images/right-arrow.svg');
    background-repeat: no-repeat;
    margin: 29px 12px 0 0;
    opacity: .38;
    cursor: pointer;
    background-size: cover;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 0;
    color: #fff;
    font-weight: normal;
}



.ui-datepicker-calendar .ui-state-hover, .ui-datepicker-calendar .ui-widget-content .ui-state-hover, .ui-datepicker-calendar .ui-widget-header .ui-state-hover, .ui-datepicker-calendar .ui-state-focus, .ui-datepicker-calendar .ui-widget-content .ui-datepicker-calendar .ui-state-focus, .ui-datepicker-calendar .ui-widget-header .ui-state-focus, .ui-datepicker-calendar .ui-button:hover, .ui-datepicker-calendar .ui-button:focus {
    border: 0;
    color: #fff;
    font-weight: normal;
    background: #e42125;
}



.ui-datepicker-prev.ui-datepicker-prev-hover, .ui-datepicker-next.ui-datepicker-next-hover {
    opacity: .54;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 0;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 0;
}

.ui-datepicker .ui-datepicker-prev {
    left: 0;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker-days-cell-over .ui-state-hover {
    border: 0 none;
    color: #fff;
    font-weight: normal;
}

.ui-datepicker {
    padding: 0;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0;
}

.ui-datepicker .ui-datepicker-header {
    padding: 30px 0 10px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    padding: 6px 8px;
    font-size: 14px;
}

.ui-datepicker th {
    text-transform: uppercase;
}

#ui-datepicker-div.datepickerR.datepickerR4 {
    width: 52em !important;
    z-index: 999 !important;
}

#ui-datepicker-div.datepickerR4 {
    width: 25em !important;
    z-index: 999 !important;
}

.ui-datepicker th {
    padding: 20px 0.3em 10px;
}

.ui-datepicker-multi .ui-datepicker-group table {
    margin: 0 auto 20px;
    width: 90%;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    height: 32px;
    width: 38px;
}

.ui-datepicker .ui-datepicker-title {
    font-size: 20px;
}

.ui-datepicker-title select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../images/down-arrow.svg") no-repeat scroll 0 0 transparent !important;
    background-repeat: no-repeat !important;
    background-size: cover;
    background-position: right center !important;
    text-indent: 0.01px;
    text-overflow: "";
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-month {
    border: 0;
    width: 65px;
    font-size: 20px;
    font-weight: bold !important;
    margin-right: 10px;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
    border: 0;
    width: 80px;
    font-size: 20px;
    font-weight: bold !important;
    margin-left: 10px;
}

.ui-datepicker table {
    margin: 0 auto 0.4em;
    width: 90%;
}

.advertise {
    text-align: center;
}
/* END CODE FOR CUSTOM CALENDER */

.sel-modal-name {
    font-size: 16px;
}

.sel-var-name {
    font-size: 10px;
}

@media only screen and (max-width: 1280px) {
    .make-desc {
        font-size: 20px;
    }

    .pol-cov {
        font-size: 12px;
    }

    .acc-cov-gap i.icon-round-minus, .acc-cov-gap i.icon-round-plus {
        font-size: 20px;
    }

    .passCount span {
        font-size: 14px;
        top: -4px;
    }

    ul.cont-det-top:not(.browser-default) li {
        padding: 0 16px;
    }

    #modalOtp .vericode .custom_form, #modalOtp .vericode .custom_form {
        height: 36px;
        width: 36px;
    }
}

.wt-qstep-1 .select-block ul li.make-others, .wt-qstep-1 .select-block ul li.make-plzwait, .wt-qstep-1 .select-block ul li.make-plzwait-2 {
    width: 100%;
    clear: both;
    text-align: center;
    float: left;
}

    .wt-qstep-1 .select-block ul li.make-others a .make-format, .wt-qstep-1 .select-block ul li.make-plzwait a .make-format, .wt-qstep-1 .select-block ul li.make-plzwait-2 a .make-format {
        width: 90%;
        display: block;
        height: auto;
        padding: 15px 0;
        float: left;
        margin-bottom: 20px;
    }


.typeahead, .tt-query, .tt-hint {
    border: 2px solid #ccc;
    border-radius: 8px;
    font-size: 15px;
    line-height: 30px;
    outline: medium none;
}

.tt-query {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
    box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
}

.tt-hint {
    color: #999;
}


.typeahead {
    background-color: #FFFFFF;
}

    .typeahead:focus {
        border: 2px solid #0097CF;
    }

.wt-search ul.typeahead.dropdown-menu {
    width: auto;
    max-height: 200px !important;
    overflow: auto !important;
}

.modal ul.typeahead.dropdown-menu {
    max-height: 200px !important;
    overflow: auto !important;
    width: auto;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #e42125;
}

.select-block ul li a.active .make-format i {
    display: inline-block;
    background-color: rgba(255,0,0,.7);
    content: "";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.select-block ul li:hover a .make-format, .select-block ul li a.active .make-format {
    border: 1px solid #e42125;
    cursor: pointer;
}

/*Other Button*/
.select-block ul li a .make-format {
    position: relative;
}

    .select-block ul li a .make-format i {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

.select-block ul li a.active .make-format i:after {
    content: '';
    display: block;
    width: 17px;
    height: 45px;
    border: solid #fff;
    border-width: 0 6px 6px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 40px;
    position: relative;
    top: 20px;
}

.select-block ul li a.active .make-format i {
    display: inline-block;
    background-color: rgba(255, 0, 0, 0.7);
    content: "";
    height: 100px;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 100.8%;
}

.select-block ul li:hover a .make-format, .select-block ul li a.active .make-format {
    border: 1px solid #e42125;
    cursor: pointer;
}

.wt-qstep-1 .select-block ul li a .make-format {
    border: 1px solid rgba(0,0,0,.12);
    display: table-cell;
    vertical-align: middle;
    height: 100px;
    width: 100px;
}

.wt-qstep-1 .select-block ul li:hover a .make-format {
    border: 1px solid #e42125;
}

.popup-overlay, .mob-logo {
    display: none;
}

@media only screen and (min-width: 320px) and (max-width: 359px) {
    .plz-wait-block-2.fullPage {
        z-index: 20001;
    }

    .plz-wait-block-2 .text-center {
        text-align: center;
        padding: 70% 0;
    }

    .plz-wait-block-2.fullPage {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 10002;
        padding-top: 0;
    }

    .mobiledesign {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
    }

    .wt-qstep-1 .select-block ul li a .make-format {
        height: 80px;
        width: 80px;
    }

    .select-block .addons-blk ul li {
        min-height: 130px;
    }

    .passCount {
        margin-left: 25px;
    }

    .feedbackPop .cmn_btn {
        padding: 6px 13px;
    }
}

.posRelative {
    position: relative;
}

.wt-qstep-1 .select-block ul li.make-others, .wt-qstep-1 .select-block ul li.make-plzwait, .wt-qstep-1 .select-block ul li.make-plzwait-2 {
    width: 100%;
    clear: both;
    text-align: center;
    float: left;
}

    .wt-qstep-1 .select-block ul li.make-others a .make-format, .wt-qstep-1 .select-block ul li.make-plzwait a .make-format, .wt-qstep-1 .select-block ul li.make-plzwait-2 a .make-format {
        width: 90%;
        display: block;
        height: auto;
        padding: 15px 0;
        float: left;
        margin-bottom: 20px;
    }

.trans-bg { /*Synoverge*/
    position: absolute;
    background: rgba(255,255,255,.8);
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    z-index: 1;
    display: none;
}


.wt-search.other-search input {
    border: 1px solid #e42125;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    padding: 8px 35px 8px 45px;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: none;
}

.wt-search .icon-close {
    display: none;
    font-size: 20px;
}

.wt-search.other-search .icon-close {
    display: inline-block;
}

    .wt-search.other-search .icon-close:before {
        position: absolute;
        right: 8px;
        top: 8px;
        color: rgba(0,0,0,.38);
        z-index: 10;
        cursor: pointer;
    }

.wt-search.other-search .icon-lens:before {
    left: 0;
    font-size: 20px;
    background: #e42125;
    color: #fff;
    padding: 8px;
    right: auto;
    top: 0;
}

#btnCancel {
    padding: 10px 30px 10px;
    background: transparent;
    border: 1px solid rgba(0,0,0,.34);
    margin-right: 20px;
}

button#btnCancel:hover {
    border-color: #e42125;
}

.addressBlk-inn {
    background: rgba(0, 0, 0, 0.02);
    width: 430px;
    margin: 20px auto;
    padding: 15px;
}

.thnx_page .downl_btn .btn_editdownload.two-line {
    border: solid 1px #e42125;
    color: #e42125;
    padding: 3px 20px;
    font-size: 14px;
    font-weight: 600;
    float: left;
    line-height: 18px;
}

#thanksPage .downl_btn .btn_editdownload {
    border: solid 1px #e42125;
    background: #fff;
    color: #e42125;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
}

    #thanksPage .downl_btn .btn_editdownload:hover {
        color: #fff;
        background: #e42125;
        text-decoration: none;
    }

#frmRenewalContactDetail input[type=text], #frmRenewalContactDetail input[type=number] {
    margin-bottom: 32px;
    border-bottom: 1px solid rgba(0,0,0,.12);
    height: 30px;
}

.addContent {
    margin: 20px 0;
}

.mob-logo {
    height: 30px;
    margin-right: 10px;
    max-width: 100%;
    position: relative;
    top: -4px;
}

.modalSendPaymentLink {
    width: 30% !important;
}

    .modalSendPaymentLink .modal-close {
        float: right;
    }

.sendPaymentLink ul {
    margin: 0px !important;
}

.select-block ul li {
    width: 100%;
}

.sendPaymentLink li {
    margin: 10px 0px;
    cursor: pointer;
}

.paymentIcon {
    font-size: 20px;
    color: red;
    vertical-align: middle;
    margin-right: 15px;
}

#copyPaymentLink {
    width: 103%;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .spanLastYearClaimTaken { /*19687*/
        font-size: 72%;
    }

    .spanPreviousPolicyScreen {
        font-size: 81%;
    }

    .addContent .red-btn { /*19687*/
        padding: 10px 10px;
    }

    .addContent .text-center { /*19687*/
        padding-right: 24px;
    }

    #btnDownloadPolicy { /*19687*/
        padding: 8px 52px !important;
    }

    .plz-wait-block-2.fullPage {
        z-index: 20001;
    }

    .plz-wait-block-2 .text-center {
        text-align: center;
        padding: 70% 0;
    }

    .plz-wait-block-2.fullPage {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 10002;
        padding-top: 0;
    }

    .plz-wait-block-2.tranasction-plz-wait {
        z-index: 0999999999999999999999 !important;
    }

    .plz-wait-overlay.tranasction-overlay-popup {
        z-index: 1000000 !important;
    }

    .mobiledesign {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 0px !important;
    }

    .gs_controlreg.active::before {
        color: #e42125;
        content: "\e924";
        font-family: hdfc-ergo;
        font-size: 32px;
        position: absolute;
        right: -5px;
        top: -11px;
    }

    .divotherdetails {
        margin-top: -30px;
    }

    .select-block .addons-blk ul li {
        display: inline-block;
        width: 47%;
    }

        .select-block .addons-blk ul li:nth-child(2n+1) {
            margin-left: 0;
        }

    .v-align {
        display: block;
        float: left;
        width: 100%;
    }

    .pol-cov span {
        margin-right: 0;
    }

    .wt-right-blk-click {
        padding: 0 15px;
    }

    .select-block .addons-blk ul li {
        min-height: 125px;
        margin-top: 20px;
    }

    .switch label .lever {
        margin-left: 6px;
    }

    .collapsible-header div {
        display: table-cell;
        float: none !important;
        line-height: 16px;
        /*padding: 10px;*/ /*19687*/
        vertical-align: middle;
    }

        .collapsible-header div:last-child {
            line-height: 45px;
            margin-right: 0;
            min-width: 65px;
            padding-right: 0;
            white-space: nowrap;
        }

    .ad-blk .collapsible-header {
        padding: 0;
        display: table;
    }

    .collapsible-header::after {
        right: 10px;
    }

    .cust-pol-r, .cust-pol-l {
        font-size: 15px;
    }

    .RenewalNetPremium {
        font-size: 20px;
    }

    .passCount span {
        font-size: 20px;
        top: -6px;
    }

    .acc-cov-gap i.icon-round-minus, .acc-cov-gap i.icon-round-plus {
        font-size: 30px;
    }

    .passCount {
        margin-top: 2px;
    }

    #modalCompre.modal {
        max-height: 75%;
    }

    .dropdown1 .sec-head {
        font-size: 16px;
        font-weight: bold;
    }

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

    .mob-logo {
        display: inline-block;
        top: -2px;
        margin-left: 0px; /*Synoverge*/
        margin-right: 5px;
    }

    .dropdown1.dropdown-menu {
        padding: 15px;
    }

    .edit-idv span:last-child a {
        margin-top: 4px;
    }

    ul.cont-det-top:not(.browser-default) li {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .collapsible-header span.edit-details {
        right: 35px;
    }

    .feedbackPop .cmn_btn {
        font-size: 12px;
    }

    .feedbackPop .extramsg p {
        font-size: 14px;
    }

    #modalThnx .modal-content {
        border: 0 none;
    }

    .pol-cov {
        text-transform: none;
    }

    .edit-idv span:last-child a {
        margin-left: 0;
    }

    .padDriver {
        margin-bottom: 10px;
    }

    #modalCompre .modal-footer a:last-child, #modalCPA .modal-footer a:last-child {
        padding-right: 20px;
    }

    .input-field label {
        font-size: 16px;
    }

    .wt-qstep-11 .wt-right-blk, .wt-qstep-12 .wt-right-blk, .wt-qstep-13 .wt-right-blk, .wt-qstep-14 .wt-right-blk, .wt-qstep-15 .wt-right-blk, .wt-qstep-16 .wt-right-blk {
        padding-top: 0 !important;
    }
    /*.custom-blk-gap .input-field {min-height: 75px;}*/
    #bikeOptThirdP .boxs p.rup_ees {
        text-align: center;
        padding: 0 0 10px;
    }

    .policy-com-third.marB40 {
        margin-bottom: 30px;
    }
}

#MK .icon-back-new {
    display: none;
}

#modalCompre.modal, #modalCPA.modal {
    width: 35%;
}

.mob-view-cross, .modal-img, .search-blk-mob {
    display: none;
}

.navbar-header .icon-help, .cust-policy-addons .icon-arrow-down, .mobile-v, .wt-search .icon-menu, .mobile-v2 {
    display: none;
}

.dropdown1.dropdown-menu.dropdown-2 {
    top: 84%;
    left: 210px;
    right: inherit;
    overflow-y: auto; /*Scrolling for Premium breakup popup*/
    max-height: 455px; /*Scrolling for Premium breakup popup*/
}

.dropdown1.dropdown-menu {
    white-space: normal;
    text-align: left;
    text-transform: none;
    padding: 28px 35px;
    width: 460px;
    top: 25px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 5px 30px -2px rgba(0,0,0,.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 5px 30px -2px rgba(0,0,0,.2);
}

.dropdown1 .damage {
    color: #000;
    font-size: 14px;
    margin: 20px 0 3px;
}

.dropdown1 .srno {
    color: rgba(0,0,0,.87);
    font-size: 12px;
    padding: 2px 0;
    float: left;
    font-weight: 600;
    font-weight: bold;
}

.dropdown1 .price {
    color: rgba(0,0,0,.87);
    font-size: 12px;
    padding: 1px 0;
    float: right;
    font-weight: 600;
    text-align: right;
}

.dropdown1 .sec-head {
    color: rgba(0,0,0,.87);
    font-size: 24px;
    padding: 0 0 5px;
    margin: 0;
}

.dropdown1 h4 {
    font-weight: normal;
    text-transform: capitalize;
}

.dropdown1 .particnt {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    padding: 10px;
    font-weight: normal;
}

.dropdown1 .net {
    color: rgba(0,0,0,.87);
    font-weight: bold;
}

.dropdown1 .netfont {
    font-size: 14px;
}

.dropdown1 .pfont {
    font-size: 16px;
}

.dropdown1 .pfont1 {
    font-size: 14px;
}

.dropdown1 .pfont2 {
    font-size: 20px;
}

.dropdown1 .borde_r {
    border-bottom: 1px solid rgba(0,0,0,.12);
    margin: 10px 0;
    float: left;
    width: 100%;
}

.select-block .mCSB_inside > .mCSB_container {
    padding-bottom: 30px;
}

.red-btn.prop-next {
    left: -63px !important;
    margin: 2px;
}

@media screen and (min-width: 0px) and (max-width: 1279px) {
    .menu-help-blk {
        background: #f5f5f5 none repeat scroll 0 0;
        bottom: 0;
        margin-top: 20px;
        position: inherit;
        width: auto;
    }

    .rtoOption {
        padding: 10px;
    }

    #frmLanding .customerrormessage > span {
        font-size: 14px !important;
        text-align: center;
    }

    #confirmdetails {
        min-height: 800px;
    }

    .configurableButtons {
        float: none;
        margin-right: 0;
        position: absolute;
        bottom: 15px;
        width: 100%;
    }

    .btn_payLater, .btn_sendQuote {
        width: 100% !important;
    }

    .seticon {
        left: 60px !important;
    }

    .cust-policy .icon-rupee {
        font-size: 16px;
    }

    .cust-policy #dvStickyPremium {
        font-size: 17px;
    }

    .cust-pol-r label {
        display: inline;
    }

    #dvEditIdv span {
        margin-left: 3%;
    }

    .text-heading {
        font-size: 15px;
    }

    #edit-idv .dropdown-backdrop {
        background: rgba(0,0,0,.39);
        z-index: 999;
    }

    .premiumPaid {
        margin-left: 4%;
        font-size: 15px !important;
    }

    .premiumPaidBefore {
        font-size: 16px;
        padding-right: 20px;
        padding-left: 0px;
    }

    #dvPremiumDiff {
        font-size: 16px !important;
    }

    #thanksPage .downl_btn {
        margin-bottom: 0px;
    }

    .IncludeCpaCover {
        margin-top: -30px;
        margin-bottom: 30px !important;
    }

    .scroll-b > .container-fluid {
        padding-left: 0px;
        margin-top: 20px;
    }

    .nav .icon-menu, .nav .icon-help {
        font-size: 40px;
        line-height: 54px;
        margin-right: 0px !important;
    }

    .icon-back-new:before {
        content: "\e954" !important;
    }

    input.validate:not([type]) + label, input.validate[type="text"] + label, input.validate[type="password"] + label, input.validate[type="email"] + label, input.validate[type="url"] + label, input.validate[type="time"] + label, input.validate[type="date"] + label, input.validate[type="datetime"] + label, input.validate[type="datetime-local"] + label, input.validate[type="tel"] + label, input.validate[type="number"] + label, input.validate[type="search"] + label, textarea.materialize-textarea.validate + label {
        width: calc(100% - 15px);
    }


    .cust-policy-addons .icon-arrow-down {
        display: inline-block;
    }

    

    .wt-left-blk {
        display: none;
    }

    .wt-right-blk-click {
        padding: 0 30px;
    }

    #content-2 {
        margin-left: 0;
    }

    .wt-qstep-1 .select-block ul li {
        font-size: 14px;
        margin: 0 0 10px 0;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
        width: 33.3%;
        display: table-cell;
        float: left;
        vertical-align: middle;
    }
    /*.wt-qstep-1 .select-block ul li a {height: 80px;width: 80px;}*/
    .select-block ul li:hover a ~ i {
        height: 80px;
        width: 80px;
    }

    .select-block ul:not(.browser-default) {
        margin: 15px 0 0;
    }

    .navbar-default .navbar-toggle {
        border-color: transparent;
    }

    .navbar-brand {
        left: auto;
        margin-left: 0;
        position: inherit;
        text-align: center;
        top: 0;
        width: auto;
        z-index: 1;
    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 0;
    }

    .navbar-brand {
        height: 54px;
        line-height: 20px;
    }

    .navbar-toggle {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .wt-qstep-1 .select-block ul li a .make-format {
        border: 1px solid rgba(0,0,0,.12);
        display: table-cell;
        vertical-align: middle;
    }

    .wt-qstep-1 .select-block ul li:hover a .make-format {
        border: 1px solid #e42125;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-header {
        width: 100%;
    }

    .col-sm-offset-4.wt-right-blk-click {
        margin-left: 0;
    }

    /*.wt-search input, .wt-search i.icon-lens { Synoverge
        display: none;
    }*/

    .wt-right-blk-click {
        width: 100%;
    }

    nav i.icon-arrow-left {
        display: inline-block;
        height: auto;
        float: left;
        line-height: 54px;
        margin-left: 15px;
    }

    .navbar-brand {
        line-height: 54px;
        padding: 0 15px;
    }

    .wt-search {
        font-size: 20px;
        line-height: 54px;
        position: fixed;
        top: 0;
        z-index: 999;
    }

    .twoxblock.select-block ul li {
        width: 100%;
    }

    .wt-search .icon-back-new::before {
        top: 0;
        cursor: pointer;
    }

    .select-block ul li, .select-block ul.prev-policy-status.txt-gap li {
        width: 100%;
    }

    #modalBreak.modal, #modal1.modal, #modal2.modal, #modalAgentContactDetail.modal {
        width: 96%;
    }

    .step-next-btn .red-btn.nxt-btn {
        display: block;
        position: absolute;
        text-align: center;
        width: 100%;
        left: auto;
        float: none;
        right: auto;
        padding-top: 15px;
        padding-bottom: 40px;
        top: 0px;
    }

    .red-btn.prop-next {
        left: 0px !important;
    }


    .step-next-btn > div {
        height: auto;
        left: 0;
        width: 100%;
        position: absolute;
        top: 0;
    }

    .step-next-btn {
        clear: both;
        left: 0;
        position: fixed;
        width: 100%;
        bottom: 0;
        height: 50px;
    }
    .contact-sec.quote-sec {
        box-shadow: 0px 0px 10px 0px #82828240 !important;
        background: #FFF !important;
        z-index: 99999 !important;
        position: relative !important;
        top: -95px !important;
        width: 90% !important;
        margin: 0 auto !important;
        right: 0;
        padding: 10px 15px;
        border-radius: 6px;
        display: flex;
    }
    .quote-sec .contact-details span:first-child{
        display:block;
    }
    .contact-sec.quote-sec span {
        padding: 0;
        font-size: 14px;
    }
    .contact-sec {
        height: auto;
        padding:10px;
    }
        .contact-sec span:first-child{
            display:block;
            font-size:14px !important;
        }
        .contact-sec span a, .contact-sec span {
            font-size: 14px !important;
        }
        .select-block.topGap {
            margin-bottom: 150px !important;
        }

    .wt-qstep-17 .select-block.topGap {
        margin-bottom: 0px;
    }

    .select-block ul li:last-child label {
        margin-bottom: 15px;
    }

    .new-policy-type .gs_control.active::before {
        top: 10px;
    }

    #modal1.modal .modal-content, #modal2.modal .modal-content, #modalAgentContactDetail.modal .modal-content {
        border: 0 none;
        padding: 20px 15px;
    }

    .select-block.marT30 {
        margin-top: 15px;
    }

    .short_heading {
        display: inline-block;
    }

    .full_heading {
        display: none;
    }

    .cust-pol-r, .cust-pol-l {
        clear: both;
        float: left;
        width: 100%;
    }

    .cust-policy {
        display: block;
        float: left;
        padding: 10px 12px;
        position: relative;
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    .cust-pol-r {
        margin-top: 0;
        padding: 10px 0;
    }

        .cust-pol-r label.caption {
            display: none;
        }

    .edit-idv {
        padding-top: 0;
    }

    .pol-cov {
        margin-top: 0;
        padding-top: 10px;
    }

        .pol-cov span:last-child {
            float: left;
        }

    .addons-blk, .cust-policy-addons {
        width: 100% !important;
    }

    .mobile-v {
        display: block;
        border-bottom: 1px solid rgba(0,0,0,.12);
    }

    .mobile-v2 {
        display: block;
        border-bottom: 1px solid rgba(0,0,0,.12);
        margin-top: 50px;
    }

    .cust-pol-r.fixed-item {
        background: #fff none repeat scroll 0 0;
        left: 0;
        position: fixed;
        top: 54px;
        width: 100%;
        z-index: 999;
    }

    .wt-search .icon-menu, .navbar-header .icon-help, .navbar-header .icon-lens {
        font-size: 40px;
        line-height: 54px;
        margin-right: 10px;
        color: rgba(0,0,0,.54);
    }

    .navbar-header .icon-lens {
        cursor: pointer;
        font-size: 28px;
        margin-right: 15px;
        position: fixed;
        right: 0;
        z-index: 10001;
    }

    .wt-search .icon-menu:hover, .navbar-header .icon-help:hover {
        color: rgba(0,0,0,.87);
        cursor: pointer;
    }

    .left-menu-content, .right-menu-content {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        width: 100%;
        height: auto;
    }

    #left-menu, #right-menu, #left-menu .icon-arrow-down, #right-menu .icon-arrow-down {
        display: none;
    }

    .menu-txt .icon-close, .navbar-header .icon-help, .wt-search .icon-menu {
        display: block;
    }

    #left-menu .icon-close, #right-menu .icon-close {
        cursor: pointer;
        display: inline-block;
        float: right;
        position: relative;
        font-size: 24px;
    }

    .cust-policy-addons .icon-arrow-down {
        color: rgba(0, 0, 0, 0.54);
        float: right;
        position: relative;
        right: 0;
        top: 4px;
    }

    .opt-cover-addons {
        display: none;
    }

    .slider-main:first-child {
        margin-top: 0;
    }

        /*.slider-main > div {
        margin-bottom: 20px;
    }*/

        .slider-main:first-child > div {
            margin-bottom: 0;
        }

    .dropdown1.dropdown-menu.dropdown-2 {
        top: 0;
        width: 100%;
        left: 0;
        z-index: 10005;
    }

    #edit-idv .dropdown-menu {
        left: 0;
        padding: 28px 32px;
        width: 90%;
        top: 22%;
        position: fixed;
        left: 5%;
    }

    .step-next-btn.fullWid, .step-next-btn.fullWid > div {
        width: 100%;
    }

    .acc-cov-gap.marL50 {
        margin-left: 0;
    }

    .modal-img {
        margin-right: 15px;
        display: inline-block;
    }

    .gs_control {
        margin-bottom: 15px;
    }

    .policy-com-third.marT30 {
        margin-top: 15px;
    }

    .sticky-div1-inn {
        width: 100%;
    }

        .sticky-div1-inn .cust-policy {
            margin-left: 0;
            padding: 0;
        }

    .pol-cov.third-pol-blk {
        margin-top: 0;
    }

    .acc-cov-gap {
        float: left;
        margin-top: 20px;
        width: 100%;
    }

    .wt-qstep-11 .wt-right-blk, .wt-qstep-12 .wt-right-blk, .wt-qstep-13 .wt-right-blk, .wt-qstep-14 .wt-right-blk, .wt-qstep-15 .wt-right-blk, .wt-qstep-16 .wt-right-blk {
        padding-top: 120px;
    }

    .cont-det-top {
        top: 0;
    }

        .cont-det-top li {
            width: 50%;
        }

    ul.cont-det-top:not(.browser-default) {
        margin: 0;
        padding: 15px 0;
    }

        ul.cont-det-top:not(.browser-default) li:first-child, ul.cont-det-top:not(.browser-default) li:nth-child(2) {
            min-height: 38px !important;
        }

        ul.cont-det-top:not(.browser-default) li { /*border-bottom: 1px solid rgba(0,0,0,.12);*/
            margin-bottom: 15px;
            padding: 0 0 4px 0;
            text-align: left;
        }

            ul.cont-det-top:not(.browser-default) li:nth-child(2n+2) {
                padding-left: 10px;
                border-right: 0;
            }

            ul.cont-det-top:not(.browser-default) li:last-child {
                float: none;
                margin: 0 auto;
                text-align: center;
                width: 100%;
                padding: 5px 0;
                background: #fafafa;
                clear: both;
            }

    .dropdown1.dropdown-menu {
        width: 90%;
        position: fixed;
        top: 55px;
        padding: 10px;
        left: 5%;
    }

    #modalOtp.modal {
        width: 95%;
    }

    #modalOtp .vericode .custom_form {
        margin: 0 1px;
    }

    #modalOtp .vericode .custom_form, #modalOtp .vericode .custom_form {
        height: 40px;
        width: 40px;
    }

    #modalOtp .icon-circle img {
        height: 80px;
        width: 80px;
    }

    .policy-com-third div {
        font-size: 12px;
        padding: 10px 0;
    }

    .custom-blk-gap {
        margin-left: -15px;
        margin-right: -15px;
    }

        .custom-blk-gap [class*="col-"] {
            padding-left: 15px;
            padding-right: 15px;
        }

        .custom-blk-gap .select-wrapper ~ label, .custom-blk-gap .input-field label {
            margin-left: 15px;
        }

    .widAuto {
        width: auto !important;
    }

    .current-loan {
        float: left;
        /*width: 100%;*/
    }

    .input-field .icon-calender::before {
        right: 10px;
    }

    .autoCom.caret {
        right: 15px;
    }

    .mobTopGap {
        margin-top: 15px !important;
    }

    .wt-qstep-17 .wt-right-blk {
        padding: 0 15px;
    }

    .ui-datepicker {
        width: 91%;
        max-width: 23.5em;
    }

    .padLR115 {
        padding: 0 !important;
    }

    #modalThnx.modal {
        width: 100%;
    }

    .feedbackPop .textbox {
        padding: 10px 0 0;
    }

    .feedbackPop .submtbtn p {
        padding: 0 12px;
    }

    .feedbackPop .cmn_btn {
        padding: 8px 10px;
    }

    #thanksPage .findsomething p span {
        display: inline-block;
        margin-top: 10px;
        padding: 0;
    }

    #thanksPage .circle-box {
        padding: 0 0 20px;
        text-align: center;
    }

    .down-app {
        margin: 10px 0 20px;
        position: relative;
        left: 0;
        padding-left: 15px;
    }

    #left-menu ul li a {
        padding-left: 15px;
        padding-right: 15px;
    }

    .submenu-content {
        margin: 0;
    }

    #bikeOpt .boxs p.ye_ar, #bikeOptThirdP .boxs p.ye_ar {
        margin: 10px 0 0;
        padding: 10px 0 0;
        text-align: center;
        transform: translateZ(0) !important;
    }

        #bikeOpt .boxs p.ye_ar .custom-tick, #bikeOptThirdP .boxs p.ye_ar .custom-tick {
            float: none;
            left: 0;
            margin-top: 0;
            position: absolute;
            text-align: right;
            top: 10px;
            vertical-align: top;
            width: 100%;
        }

    #bikeOpt .boxs p.rup_ees {
        margin: 0;
        padding: 0 0 10px;
        text-align: left;
    }

    #bikeOpt .nav-tabs > li, #bikeOptThirdP .nav-tabs > li {
        margin-right: 5%;
    }

    #bikeOpt .custom-nav, #bikeOptThirdP .custom-nav {
        margin-top: 15px;
    }
    /*.discount-offer {padding: 10px 0;}*/

    .discount-offer p {
        margin: 0;
        padding: 0;
    }

    .discount-offer .amnt {
        color: rgba(0,153,51,0.87);
        font-size: 14px;
        padding-top: 5px
    }

    .discount-offer .validity {
        color: rgba(102,102,102,0.87);
        font-size: 12px;
        padding-top: 0
    }

    .cust-policy {
        width: 100%;
        margin-left: 0;
    }

    #modalCompre.modal, #modalCPA.modal {
        width: 95%;
    }

    #bikeOptThirdP .nav-tabs > li {
        width: 30%;
    }

    .policy-com-third.marB10 {
        margin-bottom: 0;
    }

    .minH150 {
        min-height: 70px;
    }

    .cont-det-top li {
        width: 50%;
        border-right: 1px solid rgba(0, 0, 0, 0.12);
        float: left;
        text-align: center;
        display: block;
    }

    .mob-view-cross {
        color: rgba(0, 0, 0, 0.38);
        display: block;
        font-size: 24px;
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
    }

    .modal {
        z-index: 10004 !important;
    }

    #modal1.modal, #modalAgentContactDetail.modal {
        max-height: 100% !important;
    }

    .modal-content {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dropdown1.dropdown-menu {
        height: 100%;
        left: 0;
        padding: 10px;
        position: fixed;
        top: 0;
        width: 100%;
        overflow-y: scroll;
    }

    .dropdown1 .sec-head {
        font-size: 18px;
    }

    #mypagejourney #top-nav-2 {
        position: inherit;
    }

    #top-nav-2 {
        height: auto;
        -webkit-box-shadow: none;
        box-shadow: none; /*0 2px 6px rgba(0, 0, 0, 0.1)*/
    }

    .wt-search {
        height: 54px;
        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        left: 0;
        width: 100%;
        background: #fff;
        padding-left: 15px;
    }

    .wt-q-steps {
        padding-top: 0;
    }

    .search-blk-mob {
        display: none;
        background: #fff none repeat scroll 0 0;
        display: none;
        height: 54px;
        padding: 0 15px 0 50px;
        position: fixed;
        right: 0;
        width: 100%;
        z-index: 10001;
    }

        .search-blk-mob .icon-back-new {
            left: 15px;
            position: fixed;
            font-size: 16px;
            line-height: 54px;
            cursor: pointer;
        }

        .search-blk-mob input {
            border: 0 none;
        }

    .navbar-header input:focus:not([type]):not([readonly]), .navbar-header input[type="text"]:focus:not([readonly]) {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .wt-search .icon-menu {
        margin-left: -5px;
    }

    .scroll-b ul:not(.browser-default) li:first-child {
        padding: 10px 0 0;
    }

    .scroll-b ul:not(.browser-default) li {
        padding: 0;
    }

    .progressbar {
        position: fixed;
        z-index: 999;
        top: 40px;
        left: 0;
    }

    .acc-cov-gap-mob {
        vertical-align: middle;
        display: table-cell;
        float: none;
        margin-top: 6px;
        width: 82%;
    }

    .acc-cov-gap-mob-main {
        display: table;
    }

    .claim-stat1 .acc-cov-gap-mob-main {
        margin-top: -8px;
    }

    .acc-cov-gap .switch label .lever {
        margin-right: 0;
        padding-right: 0;
    }

    .acc-cov-gap-mob.widAuto {
        position: relative;
        padding-left: 0;
        /*right: -10px; /*syno*/
    }

    .acc-cov-gap-mob-main {
        margin-top: 20px;
    }

    /*19687*/
    /*.passCount { 
        margin-left: 38px;
        margin-top: -5px;
    }*/

    .acc-cov-gap i.icon-round-minus, .acc-cov-gap i.icon-round-plus {
        font-size: 22px; /*20021*/
    }

    .slider-txt {
        margin-top: 10px;
    }
    /*.irs-slider {height: 28px;top: 20px;width: 28px;}
    .irs-from, .irs-to, .irs-single {padding: 4px 7px;}*/
    .padDriver {
        width: calc(100% - 40px);
    }

    .passCount span {
        font-size: 18px; /*20021*/
        top: -4px; /*20021*/
    }

    .amnt .icon-rupee {
        font-size: 12px;
    }

    .make-selected > div {
        display: table-cell;
        vertical-align: middle;
    }

    .make-selected {
        display: table;
        padding: 6px 0;
    }

        .make-selected > div {
            width: 15%;
        }

            .make-selected > div:nth-child(2n) {
                padding: 0 10px;
                width: 55%;
            }

            .make-selected > div:last-child {
                width: 30%;
                text-align: right;
            }

        .make-selected img {
            max-width: 75%;
        }

    .irs-from, .irs-to, .irs-single {
        font-size: 14px;
        font-weight: bold;
    }

    .claim-stat1 div.acc-cov-gap-mob {
        margin-right: 0;
    }

    .acc-cov-gap-mob-main {
        width: 100%;
    }

    .termslink {
        margin-bottom: 10px;
    }

    .gidText {
        margin-top: 43px !important;
    }

    .collapsible-header span.edit-details {
        right: 40px;
    }

    #modalOtp.modal {
        max-height: 75%;
    }

    .dropdown1 .srno {
        line-height: 20px;
        padding: 3px 0;
    }

    .dropdown1 .particnt {
        padding: 0 10px;
    }

    .wt-qstep-17 .select-block.topGap {
        margin-top: 15px;
    }

    .popup-overlay {
        background: #000 none repeat scroll 0 0;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
        opacity: .8;
    }

    #thanksPage {
        padding-top: 0;
        padding-left: 0px;
    }

    .select-wrapper input.select-dropdown {
        font-size: 16px;
        line-height: normal;
    }

    .cont-det-top {
        border-bottom: 0;
    }

    #modalOtp .vericode .custom_form, #modalOtp .vericode .custom_form {
        height: 30px;
        width: 30px;
        -webkit-box-shadow: 0 !important;
        box-shadow: 0 !important;
    }

    #modalOtp.modal {
        max-height: 90%;
    }

    .logo-img-main {
        display: block;
    }

        .logo-img-main img {
            margin: 10px 0 30px;
            max-width: 45%;
        }

    .thnxpage {
        display: none;
    }

    input.form-control {
        -webkit-box-shadow: 0 none;
        box-shadow: 0 none;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    #modalThnx.modal {
        width: 100%;
        left: 0;
        top: 0 !important;
        height: 100%;
    }

    .padDriver {
        margin-bottom: 10px;
    }

    #modalCompre .modal-footer a:last-child {
        padding-right: 20px;
    }

    .acc-cov-gap .icon-what {
        color: rgba(0, 0, 0, 0.38);
        font-size: 16px;
        position: relative;
        top: 3px;
    }

    ul.cont-det-top:not(.browser-default) {
        padding: 10px 0;
    }

    span.caret {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
    }

    .wt-qstep-12 .current-loan {
        margin-top: 5px;
    }

    .wt-qstep-11 .cont-det-top, .wt-qstep-12 .cont-det-top, .wt-qstep-13 .cont-det-top, .wt-qstep-14 .cont-det-top, .wt-qstep-15 .cont-det-top, .wt-qstep-16 .cont-det-top {
        position: relative;
    }

    #thanksPage.container {
        width: 100%;
    }

        #thanksPage.container .row {
            margin-left: -15px;
            margin-right: -15px;
        }

            #thanksPage.container .row [class^="col-"] {
                padding-left: 15px;
                padding-right: 15px;
            }

    .feedbackPop .cmn_btn {
        padding: 10px 24px;
    }

    #bikeOpt .nav-tabs > li.active > a, #bikeOpt .nav-tabs > li.active > a:focus, #bikeOpt .nav-tabs > li.active > a:hover {
        min-height: 76px;
    }

    #bikeOpt .boxs p.ye_ar, #bikeOptThirdP .boxs p.ye_ar {
        margin-top: 5px;
        text-align: left;
    }

    .termslink .filled-in[type="checkbox"]:checked + label::after, .filled-in[type="checkbox"]:checked + label::before {
        top: 2px;
    }

    .filled-in[type="checkbox"]:not(:checked) + label::after {
        top: 2px;
    }

    .dropdown1 .damage {
        margin: 10px 0 3px;
    }

    .dnlink {
        display: block;
        color: rgba(0,0,0,.54);
    }


    .wt-qstep-8 .select-block ul li:last-child label {
        margin-bottom: 0;
    }

    .wt-qstep-11 .select-block.topGap, .wt-qstep-12 .select-block.topGap, .wt-qstep-13 .select-block.topGap, .wt-qstep-14 .select-block.topGap, .wt-qstep-15 .select-block.topGap {
        margin-top: 0;
    }

    #thanks-nav .collapse, #thanks-nav .navbar-collapse.collapse, nav#thanks-nav {
        display: block !important;
    }

        #thanks-nav .collapse > ul {
            float: left;
        }

            #thanks-nav .collapse > ul:last-child {
                float: right;
            }

    #thanks-nav .navbar-brand > img {
        margin: auto;
        position: relative;
        text-align: center;
        max-width: 90px;
    }

    #thanks-nav .navbar-brand {
        left: 0;
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%;
    }

    #thanksPage {
        margin-top: 20px;
        margin-left: 20px;
    }

    #thanks-nav.navbar-default .navbar-nav > li > a {
        padding: 0;
    }

    #thanks-nav .navbar-nav {
        margin: 0;
    }

    #thanksPage .thnkshead p, #thanksPage .policyn p {
        padding: 0;
    }

    #thanksPage .downl_btn .btn_download {
        padding: 8px 20px;
        font-size: 12px;
        margin-bottom: 10px;
    }

    #thanksPage .downl_btn .btn_editdownload {
        padding: 8px 20px;
        font-size: 12px;
    }

    .bor_der {
        display: none;
    }

    .select-block.new-policy-type ul li {
        line-height: 20px;
    }

    .new-policy-type .gs_control em {
        line-height: 20px;
        margin-top: 10px;
        display: block;
    }

    .wt-search .icon-back-new {
        cursor: pointer !important;
        font-size: 16px;
        left: 0;
        margin-right: 0px; /*Synove*/
        position: relative;
        padding: 17px 0;
        display: inline-block;
        top: -1px;
    }

    .input-field .icon-engine-number::before {
        right: 10px;
    }

    .input-field .icon-chasis-number::before {
        right: 10px;
    }

    .addressBlk-inn {
        width: 350px !important;
    }

    div #modalSamplePolicy {
        width: 95% !important;
        top: 20% !important;
        transform: translateY(0) !important;
    }

    #modalSamplePolicy .modal-close {
        right: 10px !important;
    }

    .addonTooltip {
        font-size: 11px;
    }
    /*acronym 58085 Start*/
    .acc-cov-gap.acc-cov-gap-mob.widAuto.pull-left.marT15.CPAMobCheckBox {
        width: 20% !important;
        float: right !important;
        margin-top: 7px !important;
    }

    .acc-cov-gap .switch {
        right: 0;
        top: inherit
    }
    .btnConfigPaymentLink {
        float: left !important;
        width: 48% !important;
    }
    .btnConfigmakePayment {
        float: right !important;
        width: 50% !important;
        position: relative !important;
    }
    /*For Renewal*/
    .clear {
        clear: both;
        width: 100%;
        padding-top: 15px;
    }
    /*acronym 58085 complete*/
}

.width-96 {
    width: 96% !important;
}

.mobwidth78 {
    width: 78% !important;
}

.CPATitleWidth {
    width: 70% !important;
}

.GETitleWidth {
    width: 30% !important;
}

.SelectNcbPctTitleWidth {
    width: 60% !important;
}

.CPAMobCheckBox {
    margin-top: 0px !important
}

    .CPAMobCheckBox .switch {
        top: -10px !important;
    }

.IncludeCpaCover {
    margin-top: 10px !important;
}

.CPAMobHeader {
    padding-left: 15px !important;
}

.CPAM-pl-0{
    padding-left:0 !important;
}
.CPA-mtn-2{
    margin-top:-2px !important;
}

.overflowAuto {
    overflow: auto;
}

input:not([type]), input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="time"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="tel"], input[type="number"], input[type="search"], textarea.materialize-textarea {
    font-size: 16px;
}

.wt-search input {
    height: auto;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    font-size: inherit;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    max-width: 250px;
    font-size: 16px;
    position: relative;
    top: 6px;
    padding: 5px 5px 5px 25px; /*Syno*/
}


.trans-bg { /*Synoverge*/
    margin-top: 20px;
    position: absolute;
    background: rgba(255,255,255,.8);
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    z-index: 1;
    display: none;
}

#MK .icon-back-new {
    display: none;
}

#IsNewBusiness {
    width: 96%;
    margin-top: 0px;
}

.dropdown1.dropdown-menu.dropdown-2.policyCoverage {
    left: 23px;
}

@media only screen and (min-width: 480px) and (max-width: 1279px) {
    .wt-qstep-12 .wt-right-blk, .wt-qstep-13 .wt-right-blk, .wt-qstep-15 .wt-right-blk {
        padding-top: 10px;
    }

    .dropdown1.dropdown-menu.dropdown-2.policyCoverage {
        height: auto;
    }
    /*.reg-process { 
        padding-left: 110px; 
    }*/
    .indexPage-content {
        padding-top: 70px;
        padding-left: 110px;
    }

    .make-name {
        max-width: 233px;
    }

    .renewal-Index-Content {
        padding-top: 65px;
    }
}

@media screen and (min-width: 0px) and (max-width: 1279px) {

    .divTermConditions.modal {
        overflow-y: auto;
        max-height: 80%;
    }

    .divErrorIncludeCpa {
        margin-top: 127px;
        position: absolute;
        margin-left: 10px;
        padding-left: 0px;
    }

    .modalSendPaymentLink {
        width: 85% !important;
    }

    #copyPaymentLink {
        width: 109%;
    }

    #IsNewBusiness {
        width: 100%;
    }

    #SearchBar {
        display: none;
    }

    #dvIdvValidation {
        margin-top: 9% !important;
    }

    .wt-search ul.typeahead.dropdown-menu {
        width: calc(100% - 60px);
    }

    .wt-search input {
        background: #fff;
        line-height: 42px;
        top: 0;
        display: block;
        position: absolute;
        left: 40px;
        border: 0 none !important;
        width: calc(100% - 106px);
        max-width: none;
        display: none;
        padding: 4px 0 4px 15px;
        box-shadow: none;
    }

    .dropdown1.dropdown-menu.dropdown-2.policyCoverage {
        left: auto !important;
        height: auto !important;
        top: auto !important;
        width: 88% !important;
    }

    .short_heading {
        display: inline-block;
    }

    .full_heading {
        display: none;
    }

    .wt-search .icon-lens::before {
        right: 65px;
        top: 18px;
    }

    #MK .wt-search .icon-back-new {
        font-size: 16px;
        left: 15px;
        margin-right: 0px;
        position: absolute;
        padding: 17px 0;
        display: none;
        top: -1px;
        background: #fff;
    }

    .fueltypeOption {
        margin-left: 0px !important;
    }

    .forvehitooltip {
        right: 9px !important;
    }

    .icon-call:before {
        font-size: 44px !important;
    }

    .call-li li {
        padding-top: 0px !important;
        margin-right: 0px !important;
    }

    .customer-care-content {
        color: rgba(0,0,0,.54);
        font-weight: 700;
        font-size: 20px;
    }

    .closeCust {
        border-right: 2px solid #e5e5e5;
        line-height: 55px;
        color: #1a8cff;
        font-size: 21px;
        text-align: center;
    }

    .callCust {
        line-height: 55px;
        color: #1a8cff;
        font-size: 21px;
        text-align: center;
    }

        .callCust a {
            color: #1a8cff;
        }

    .Cust-footer {
        background-color: #fff;
        border-top: 1px solid #e5e5e5;
    }

    .callCustMobile {
        float: right;
        padding-top: 5px;
        padding-right: 5px;
        display: block !important;
    }

    .shareIctMobile {
        float: right;
        padding-top: 12px;
        padding-right: 5px;
        display: block !important;
        font-size: 28px;
    }
    /*acronym 58085 Start*/
    .acc-cov-gap.acc-cov-gap-mob.widAuto.pull-left.marT15.CPAMobCheckBox {
        width: 20% !important;
        float: right !important;
        margin-top: 7px !important;
    }

    .acc-cov-gap .switch {
        right: 0;
        top: inherit
    }

    /*For Renewal*/
    .clear {
        clear: both;
        width: 100%;
        padding-top: 15px;
    }
    /*acronym 58085 complete*/
}

.removehorizontalScroll {
    overflow-x: hidden !important;
}

#modalOtp.modal .modal-content, #modalBreak.modal .modal-content, #modalCompre.modal .modal-content, #modalCPA.modal .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0 none;
    padding: 24px 24px 16px;
}

#modalOtp, #modalBreak, #modal1, #modalCompre, #modalCPA, #modalpackagePolicyDetails, #modalThirdPolicyDetails, #modalNcbDescription, #modalAgentContactDetail, #modalStandAloneODPolicyDetails {
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

    #modalCompre.modal, #modalCPA.modal {
        background: #fff;
    }

        #modalCompre.modal .modal-footer, #modalCPA.modal .modal-footer {
            background-color: transparent;
            border-radius: 0;
            height: auto;
            text-align: center;
            line-height: normal;
            width: 100%;
            text-transform: uppercase;
            line-height: normal;
            padding: 18px 0;
            font-weight: 700;
        }

        #modalCompre.modal .modal-content, #modalCPA.modal .modal-content {
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 0 none;
        }

            #modalCompre.modal .modal-footer a:hover:first-child, #modalCPA.modal .modal-content modal-footer a:hover:first-child {
                color: #000;
            }

        #modalCompre.modal .modal-footer a:hover:last-child, #modalCPA.modal .modal-footer a:hover:last-child {
            color: #d41115;
        }

    #modalCompre img {
        padding-top: 30px;
    }

/*.mob-view-cross {
    color: rgba(0, 0, 0, 0.38);
    display: block;
    font-size: 24px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}*/



.modal-overlay {
    position: fixed;
    z-index: 999;
    top: -100px;
    left: 0;
    bottom: 0;
    right: 0;
    height: 125%;
    width: 100%;
    background: rgba(0,0,0,.39);
    display: none;
    will-change: opacity;
}

.text-center {
    text-align: center;
}

.verimsg > p {
    font-size: 20px;
    margin: 36px 0 20px;
    text-align: center;
}

.cpaTitle > p {
    font-size: 20px;
    margin: 13px 0 20px;
    text-align: center;
}

#modalCompre.modal .modal-footer a:hover:first-child, #modalCPA.modal .modal-footer a:hover:first-child {
    color: #000;
}

#modalCompre .modal-footer a, #modalCPA .modal-footer a {
    padding: 13px 10px;
    display: inline-block;
    font-weight: bold;
}

#dvIdvValidation {
    margin-top: 7%;
}

.validation-error {
    color: #f44336;
    font-size: 12px;
    display: block;
}

.input-field {
    margin-top: 16px;
    position: relative;
}

#frmContactDetail .select-wrapper ~ label, #frmContactDetail .input-field label,
#frmAgentContactDetail .select-wrapper ~ label, #frmAgentContactDetail .input-field label {
    margin-left: 0;
}

#modal1 .input-field label, #modalAgentContactDetail .input-field label, .input-field label {
    top: 4px;
}

.field-validation-error span {
    color: #f44336;
    font-size: 12px;
    display: block;
}

@supports (-ms-ime-align: auto) { /*Bug - 35759*/
    .morespace {
        top: 20px !important;
        position: relative !important;
    }
}
/*Bug - 35759*/

.nav .icon-menu, .nav .icon-help {
    font-size: 40px;
    line-height: 54px;
}


#left-menu ul li a i.icon-info, #left-menu ul li a i.icon-user, #left-menu ul li a i.icon-users, #left-menu ul li a i.icon-blog {
    font-size: 32px;
    top: 7px;
}

.left-menu-link a span, .last-menu-link a span {
    position: relative;
    top: -5px;
    margin-left: 10px;
    font-size: 16px;
}

.left-menu-content .down-app {
    color: #37464f;
    margin: 40px 0 20px 20px;
    font-size: 14px;
    position: fixed;
    bottom: 0;
    -webkit-transform: translate(-400px,0);
    -ms-transform: translate(-500px,0);
    transform: translate(-350px,0);
    transition: all .35s ease-in-out 0s;
}

.left-menu-content.visible .down-app {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

#QuotePage .short_heading, #left-menu .icon-close, #right-menu .icon-close {
    display: none;
}

.pclistval:before {
    content: '\2713';
    margin-right: 3px;
}


/* COPY CODE FROM HERE */
.datepicker .prev:hover, .datepicker .prev {
    background: URL('../images/left-arrow.svg') no-repeat 0 center !important;
    text-indent: -99999px;
}

.datepicker .next, .datepicker .next:hover {
    background: URL('../images/right-arrow.svg') no-repeat 0 center !important;
    text-indent: -99999px;
}

.dow, .datepicker-switch {
    text-transform: uppercase;
}

.day {
    padding: 8px 10px !important;
    text-align: center;
    color: #000;
    font-weight: bold;
}

.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
    background: #e42125;
    color: #fff;
}
/*stop focus and hover on un-selectable year,month and dates 38504 */
.datepicker table tr td.old:hover, .datepicker table tr td.old.focused, .datepicker table tr td.new:hover, .datepicker table tr td.new.focused, .datepicker table tr td.disabled:hover, .datepicker table tr td.disabled.focused {
    background: none;
    cursor: default;
    color: rgb(211,211,211);
    font-weight: normal;
}

.datepicker table tr td span.old, .datepicker table tr td span.new, .datepicker table tr td span.disabled {
    color: rgb(211,211,211);
    font-weight: normal;
}

.datepicker table tr td span {
    color: #000;
    font-weight: bold;
}

    .datepicker table tr td span.old:hover, .datepicker table tr td span.old.focused, .datepicker table tr td span.new:hover, .datepicker table tr td span.new.focused, .datepicker table tr td span.disabled:hover, .datepicker table tr td span.disabled.focused {
        background: none;
        cursor: default;
        color: rgb(211,211,211);
        font-weight: normal;
    }
/*stop focus and hover on un-selectable year,month and dates*/
.datepicker td, .datepicker th {
    border-radius: 0;
}

    .datepicker th.dow {
        color: rgba(0,0,0,.54);
        margin-top: 200px;
        font-size: 12px;
    }

.datepicker-days {
    margin: 10px;
}

thead tr:last-child {
    border-top: 10px solid transparent;
}

.datepicker table tr td.old, .datepicker table tr td.new, .datepicker table tr td.disabled {
    color: rgb(211,211,211); /*38504*/
    font-weight: normal;
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
    background: #e42125;
    color: #fff;
}

.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] {
    background: #e42125;
    color: #fff;
}

.datepicker table tr td span:hover, .datepicker table tr td span.focused {
    background: #e42125;
    color: #fff;
}

.datepicker table tr td span {
    border-radius: 0;
}


.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background: #e42125;
}

.datepicker .datepicker-switch:hover {
    background: transparent;
}

.datepicker.dropdown-menu {
    border: 0 none;
    -webkit-box-shadow: 0 2px 15px rgba(0,0,0,.09);
    box-shadow: 0 2px 15px rgba(0,0,0,.09);
}

.datepicker-dropdown:after, .datepicker-dropdown:before {
    border: 0 none;
}

/*Switch active inactive Start*/
.switch label input[type=checkbox]:checked + input[type=hidden] + .lever {
    background-color: #eee6d0;
    width: 49px;
    padding: 4px 5px;
    line-height: 8px;
}

    .switch label input[type=checkbox]:checked + input[type=hidden] + .lever:after {
        background-color: #d1af59;
        left: 33px;
    }
/*Switch active inactive End*/






.posRelative {
    position: relative;
}



.icon-back-new {
    cursor: pointer !important;
}

.padding-PALL {
    padding-left: 0px !important;
}

.input-field.marT40, #divPersonalLiablityCoverDetail.marT40 {
    margin-top: 40px;
}

.acc-cov-gap .switch {
    position: relative;
    top: 5px;
}

.select-wrapper input.select-dropdown {
    line-height: normal;
}

/*#divParivahanDetail{
    z-index:-2;
}*/

.slider-txt {
    margin-top: 10px;
}

.make-images {
    z-index: 999 !important;
}

.select-wrapper input.select-dropdown {
    line-height: normal;
}

.new-policy-type .gs_control.active::before {
    top: 10px;
}

/*Check Box*/
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    opacity: 0;
}

[type="checkbox"] + [type="hidden"] + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 20px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

    [type="checkbox"] + [type="hidden"] + label:before, [type="checkbox"]:not(.filled-in) + [type="hidden"] + label:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 18px;
        height: 18px;
        z-index: 0;
        border: 2px solid #5a5a5a;
        border-radius: 1px;
        margin-top: 2px;
        transition: .2s;
    }

[type="checkbox"]:not(.filled-in) + [type="hidden"] + label:after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="checkbox"]:not(:checked):disabled + [type="hidden"] + label:before {
    border: none;
    background-color: rgba(0,0,0,0.26);
}

[type="checkbox"].tabbed:focus + [type="hidden"] + label:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 10px rgba(0,0,0,0.1);
    background-color: rgba(0,0,0,0.1);
}

[type="checkbox"]:checked + [type="hidden"] + label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #26a69a;
    border-bottom: 2px solid #26a69a;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type="checkbox"]:checked:disabled + [type="hidden"] + label:before {
    border-right: 2px solid rgba(0,0,0,0.26);
    border-bottom: 2px solid rgba(0,0,0,0.26);
}

[type="checkbox"]:indeterminate + [type="hidden"] + label:before {
    top: -11px;
    left: -12px;
    width: 10px;
    height: 22px;
    border-top: none;
    border-left: none;
    border-right: 2px solid #26a69a;
    border-bottom: none;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type="checkbox"]:indeterminate:disabled + [type="hidden"] + label:before {
    border-right: 2px solid rgba(0,0,0,0.26);
    background-color: transparent;
}

[type="checkbox"].filled-in + [type="hidden"] + label:after {
    border-radius: 2px;
}

[type="checkbox"].filled-in + [type="hidden"] + label:before, [type="checkbox"].filled-in + [type="hidden"] + label:after {
    content: '';
    left: 0;
    position: absolute;
    transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    z-index: 1;
}

[type="checkbox"].filled-in:not(:checked) + [type="hidden"] + label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 20% 40%;
    transform-origin: 100% 100%;
}

[type="checkbox"].filled-in:not(:checked) + [type="hidden"] + label:after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 0px;
    z-index: 0;
}

[type="checkbox"].filled-in:checked + [type="hidden"] + label:before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type="checkbox"].filled-in:checked + [type="hidden"] + label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #d1af59;
    background-color: #d1af59;
    z-index: 0;
}

[type="checkbox"].filled-in.tabbed:focus + [type="hidden"] + label:after {
    border-radius: 2px;
    border-color: #5a5a5a;
    background-color: rgba(0,0,0,0.1);
}

[type="checkbox"].filled-in.tabbed:checked:focus + [type="hidden"] + label:after {
    border-radius: 2px;
    background-color: #26a69a;
    border-color: #26a69a;
}

[type="checkbox"].filled-in:disabled:not(:checked) + [type="hidden"] + label:before {
    background-color: transparent;
    border: 2px solid transparent;
}

[type="checkbox"].filled-in:disabled:not(:checked) + [type="hidden"] + label:after {
    border-color: transparent;
    background-color: #BDBDBD;
}

[type="checkbox"].filled-in:disabled:checked + [type="hidden"] + label:before {
    background-color: transparent;
}

[type="checkbox"].filled-in:disabled:checked + [type="hidden"] + label:after {
    background-color: #BDBDBD;
    border-color: #BDBDBD;
}

.loanproviderBlk {
    margin-bottom: -27px !important;
    margin-top: 40px !important;
}

.input-field ul.typeahead.dropdown-menu {
    width: 85%;
    max-height: 200px !important;
    overflow: auto !important;
}

.pointer {
    cursor: pointer;
}


#bike-homepage h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    line-height: normal;
}


.alpha_srno {
    width: 7px;
    margin-right: 0 !important;
    color: #000;
}

.icon-close:before {
    content: "";
}



.renew-heading {
    color: #fff
}

    .renew-heading span {
        font-size: 54px;
        font-weight: normal
    }

    .renew-heading h1 {
        font-size: 54px;
        font-weight: bold;
        margin-bottom: 0
    }

    .renew-heading span {
        font-size: 54px;
        font-weight: normal
    }

#thanks-nav {
    display: none
}

#frmContactDetail input[type="Email"], #frmContactDetail input[type="number"], #frmContactDetail input[type="text"],
#frmAgentContactDetail input[type="Email"], #frmAgentContactDetail input[type="number"], #frmAgentContactDetail input[type="text"], #frmAgentContactDetail button {
    margin-top: 47px;
}
/*Synoverge*/
/*Disable Div click*/
.disabled-div {
    pointer-events: none;
}

/* Start Thank you screen Feedback popup*/
.font_black {
    color: black !important;
}

.font14 {
    font-size: 14px;
}

.first-text-capitalize:first-letter {
    text-transform: uppercase;
}

.close_button {
    cursor: pointer;
    margin: 10px !important;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    color: #d1af59 !important;
}

#PolicyCoveragedropdown .close_button {
    top: -3px;
    right: 0px;
}

.smiley-size {
    height: 60px;
    width: 60px;
}

.smiley-01 {
    background: url("../images/smiley-01.svg");
}

.smiley-05 {
    background: url("../images/smiley-05.svg");
}

.smiley-02 {
    background: url("../images/smiley-02.svg");
}

.smiley-06 {
    background: url("../images/smiley-06.svg");
}

.smiley-03 {
    background: url("../images/smiley-03.svg");
}

.smiley-07 {
    background: url("../images/smiley-07.svg");
}

.smiley-04 {
    background: url("../images/smiley-04.svg");
}

.smiley-08 {
    background: url("../images/smiley-08.svg");
}

/* End Thank you screen Feedback popup*/


/*Landing screen Start*/
a.continue-txt {
    color: rgba(255, 255, 255, 0.8);
    clear: both;
    display: inline-block;
    font-size: 16px;
    margin-top: 10px;
}

.continue-txt-main .icon-arrow-right:before {
    color: #fff;
    font-size: 20px;
    left: 3px;
    position: relative;
    top: 4px;
}

@media (min-width: 1400px) {
    #car-homepage {
        padding: 160px 0 160px 80px;
    }
}

@media only screen and (max-width: 1919px) and (min-width: 1580px) {
    #car-homepage {
        padding: 170px 0 160px 80px;
    }
}

@media (min-width: 1920px) {
    #car-homepage {
        padding: 240px 0 240px 80px;
    }
}

@media only screen and (max-width: 991px) {
    .essential-plan-colum {
        margin-bottom: 15px;
    }
    .collapse {
        display:block;
    }
    #TopMenu {
        margin-top: 65px;
    }
    #top-nav-2 ul {
        width: 40%;
        padding-top: 10px;
        vertical-align: top;
    }
}

@media screen and (max-width: 767px) {
    #TopMenu {
        margin-top:50px;
    }

    .navbar-collapse .navbar-brand > img {
        height: 56px;
    }
    #top-nav-2 ul {
        padding-top: 0 !important;
    }
        .custom-blk-gap #pancard {
        width: 100% !important;
    }

    .get-cash-wraper {
        padding: 15px 0 0 0 !important;
    }

    .medicalExpenseWrapperrow {
        padding: 15px 0 !important;
    }

    .row.get-wraper .container {
        width: 100%;
        max-width: inherit;
    }

    .medicalExpenseWrapperrow .form-group {
        margin-bottom: 20px !important;
    }

    .tooltipEIA .tooltiptext {
        width: 250px !important;
        margin-left: 0 !important;
    }

    #car-homepage {
        padding: 117px 0;
        background-position: right center;
        box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.6);
    }

    #textCarousel h1, #textCarousel h1 + span {
        font-size: 30px;
        text-align: center;
        display: block;
    }

    #textCarousel .carousel-indicators {
        text-align: center;
    }

    #car-homepage .reg-process input {
        box-sizing: border-box;
        height: auto;
        width: 100%;
        padding: 15px;
        font-size: 14px;
    }

    #car-homepage .reg-process .cust-btn-red {
        width: 100%;
        margin-top: 20px !important;
        display: block;
        text-align: center;
        margin: 0 auto;
        font-size: 16px !important;
        height: auto !important;
        padding: 15px;
        cursor: pointer;
    }

    .drive-opacity {
        height: 100% !important;
    }

    .CPAMobHeader .switch {
        right: 15px !important;
    }

    .box-inner-essential {
        width: 100%;
    }
}


@media screen and (max-width: 767px) {
    #car-homepage {
        height: auto;
    }

    .continue-txt-main {
        top: -150px;
        text-align: center;
    }

    #drive-opacity-ID {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    a.continue-txt {
        border: 0;
        font-size: 13px;
        position: absolute;
        width: 100%;
        left: 0;
        top: 170px;
    }
}

@media screen and (max-width: 320px) {
    #textCarousel.carousel {
        height: 130px;
    }
}
/*Landing screen End*/


/* Start Landing screen header for mobile */
.brand-text {
    position: absolute;
    white-space: nowrap;
    top: 19px
}

#index-nav .collapse, #index-nav .navbar-collapse.collapse, nav#index-nav {
    display: none !important;
    position: absolute;
    background: transparent;
    width: 100%;
    top: -1px;
}

#index-nav .icon-menu, #index-nav .icon-help {
    color: #fff;
}

#index-nav .icon-menu, #index-nav .icon-help {
    color: #fff;
}

#index-nav .collapse > ul {
    float: left;
}

    #index-nav .collapse > ul:last-child {
        float: right;
    }

#index-nav .navbar-brand > img {
    margin: auto;
    position: absolute;
    text-align: center;
    max-width: 100%;
    left: 20px;
    top: 14px;
}

#index-nav .navbar-brand {
    text-align: center;
    width: auto;
    color: #fff;
    font-size: 14px;
}

#index-nav .navbar-nav {
    margin: 0;
}

#index-nav.navbar-default .navbar-nav > li > a {
    padding: 0;
}

#index-nav .navbar-brand {
    float: left;
    height: 50px;
    line-height: 20px;
}

@media screen and (max-width: 767px) {
    #index-nav .collapse, #index-nav .navbar-collapse.collapse, nav#index-nav {
        display: block !important;
    }
}

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

    #OptionalCoverIDV .slider-main {
        width: 92% !important;
        margin-left: 18px;
    }

    #index-nav .navbar-collapse {
        padding-left: 5px;
        padding-right: 5px;
    }

    #divQuoteDetail.wt-right-blk-click {
        padding: 0 10px !important;
    }
}

@media only screen and (max-device-width: 1279px) and (min-device-width: 320px) {
    #index-nav .navbar-collapse {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media only screen and (max-device-width: 1279px) and (min-device-width: 320px) {
    #left-menu .icon-close, #right-menu .icon-close {
        cursor: pointer;
        display: inline-block;
        float: right;
        position: relative;
        font-size: 24px;
    }

    .down-app {
        margin: 10px 0 20px !important;
        position: relative !important;
        left: 0;
        padding-left: 15px;
    }
}
/* End Landing screen header for mobile */

.policy-cover-width {
    width: 370px !important;
    padding: 18px 18px !important;
}

/* Make sprite image & logo*/
.make-sprite {
    background: rgba(0, 0, 0, 0) url("../images/car-logo-sprite.png") no-repeat scroll 0 0;
    width: 70px;
    display: block;
    vertical-align: middle;
    margin: auto;
}

.logo-ashokleyland {
    background-position: -37px -16px;
    height: 66px;
}

.logo-astonmartin {
    background-position: -37px -83px;
    height: 19px;
}

.logo-atulauto {
    background-position: -37px -101px;
    height: 49px;
}

.logo-audi {
    background-position: -37px -148px;
    height: 29px;
}

.logo-bajajauto {
    background-position: -37px -178px;
    height: 64px;
}

.logo-bajajtempo {
    background-position: -37px -240px;
    height: 60px;
}

.logo-bentley {
    background-position: -37px -298px;
    height: 27px;
}

.logo-bmw {
    background-position: -37px -324px;
    height: 64px;
}

.logo-bugatti {
    background-position: -37px -389px;
    height: 37px;
}

.logo-buick {
    background-position: -37px -427px;
    height: 66px;
}

.logo-cadillac {
    background-position: -37px -495px;
    height: 63px;
}

.logo-chrysler {
    background-position: -37px -557px;
    height: 15px;
}

.logo-daewoo {
    background-position: -37px -571px;
    height: 40px;
}

.logo-daimler {
    background-position: -37px -611px;
    height: 13px;
}

.logo-datsun {
    background-position: -37px -623px;
    height: 40px;
}

.logo-dcdesign {
    background-position: -37px -664px;
    height: 24px;
}

.logo-dcdesignpvtltd {
    background-position: -37px -662px;
    height: 28px;
}

.logo-dodge {
    background-position: -37px -687px;
    height: 68px;
}

.logo-eichermotors {
    background-position: -37px -755px;
    height: 50px;
}

.logo-eicherpolarispvtltd {
    background-position: -37px -801px;
    height: 31px;
}

.logo-eicherpolaris {
    background-position: -37px -805px;
    height: 24px;
}

.logo-ferrari {
    background-position: -37px -832px;
    height: 60px;
}

.logo-fiat {
    background-position: -37px -892px;
    height: 70px;
}

.logo-force {
    background-position: -37px -959px;
    height: 65px;
}

.logo-ford {
    background-position: -37px -1027px;
    height: 26px;
}

.logo-generalmotors {
    background-position: -37px -1056px;
    height: 65px;
}

.logo-hindustanmotors {
    background-position: -37px -1120px;
    height: 46px;
}

.logo-honda {
    background-position: -37px -1166px;
    height: 55px;
    width: 66px;
}

.logo-hummer {
    background-position: -37px -1221px;
    height: 14px;
}

.logo-hyundai, .logo-hyundaimotorindialtd {
    background-position: -37px -1235px;
    height: 35px;
}

.logo-BYD {
    background-position: -37px -3861px;
    height: 50px;
}

.logo-icml {
    background-position: -36px -1271px;
    height: 56px;
}

.logo-infiniti {
    background-position: -37px -1325px;
    height: 38px;
}

.logo-isuzu {
    background-position: -37px -1362px;
    height: 18px;
}

.logo-jaguar {
    background-position: -37px -1380px;
    height: 30px;
}

.logo-jeep {
    background-position: -37px -1407px;
    height: 30px;
}

.logo-lamborghini {
    background-position: -37px -1439px;
    height: 67px;
}

.logo-landrover {
    background-position: -37px -1507px;
    height: 38px;
}

.logo-mahindra {
    background-position: -37px -1543px;
    height: 37px;
}

.logo-mahindrarenault {
    background-position: -37px -1579px;
    height: 23px;
}

.logo-maruti {
    background-position: -37px -1600px;
    height: 19px;
}

.logo-maserati {
    background-position: -37px -1618px;
    height: 70px;
}

.logo-maybach {
    background-position: -37px -1684px;
    height: 53px;
}

.logo-mazda {
    background-position: -37px -1737px;
    height: 60px;
}

.logo-mercedesbenz {
    background-position: -37px -1795px;
    height: 70px;
}

.logo-mini {
    background-position: -37px -1868px;
    height: 29px;
}

.logo-mitsubishi {
    background-position: -37px -1896px;
    height: 67px;
}

.logo-morris {
    background-position: -37px -1959px;
    height: 51px;
}

.logo-nissan {
    background-position: -37px -2009px;
    height: 63px;
}

.logo-opel {
    background-position: -37px -2070px;
    height: 63px;
}

.logo-peugeot {
    background-position: -37px -2133px;
    height: 70px;
}

.logo-piaggio {
    background-position: -37px -2202px;
    height: 70px;
}

.logo-plymouth {
    background-position: -37px -2272px;
    height: 70px;
}

.logo-porsche {
    background-position: -37px -2344px;
    height: 67px;
}

.logo-premier {
    background-position: -37px -2408px;
    height: 50px;
}

.logo-renault {
    background-position: -37px -2458px;
    height: 68px;
}

.logo-reva {
    background-position: -37px -2526px;
    height: 23px;
}

.logo-rollsroyce {
    background-position: -37px -2551px;
    height: 66px;
}

.logo-rover {
    background-position: -37px -2621px;
    height: 65px;
}

.logo-san {
    background-position: -37px -2686px;
    height: 65px;
}

.logo-skoda {
    background-position: -37px -2751px;
    height: 67px;
}

.logo-sonalikamotors {
    background-position: -37px -2818px;
    height: 56px;
}

.logo-ssangyong {
    background-position: -37px -2873px;
    height: 40px;
}

.logo-standard {
    background-position: -37px -2919px;
    height: 59px;
}

.logo-subaru {
    background-position: -37px -2980px;
    height: 40px;
}

.logo-swarajmazda {
    background-position: -37px -3018px;
    height: 34px;
}

.logo-tatamotorsltd {
    background-position: -37px -3051px;
    height: 45px;
}

.logo-toyotakirloskar {
    background-position: -37px -3100px;
    height: 51px;
}

.logo-tvs {
    background-position: -37px -3152px;
    height: 25px;
}

.logo-volkswagen {
    background-position: -37px -3176px;
    height: 66px;
}

.logo-volvo {
    background-position: -37px -3243px;
    height: 63px;
}

.logo-willys {
    background-position: -37px -3307px;
    height: 70px;
}

.logo-toyota {
    background-position: -37px -3376px;
    height: 45px;
}

.logo-toyotamotors {
    background-position: -37px -3360px;
    height: 45px;
}

.logo-mahindraforxuv {
    background-position: -37px -1544px;
    height: 37px;
}

.logo-singermotors {
    background-position: -37px -3431px;
    height: 59px;
}

.logo-mclaren {
    background-position: -37px -3493px;
    height: 20px;
}

.logo-tesla {
    background-position: -37px -3515px;
    height: 45px;
}

.logo-kia {
    background-position: -35px -3570px;
    height: 45px;
    width: 75px;
}

.logo-morrisgarages {
    background-position: -37px -3621px;
    height: 70px;
}

/* Start error Page*/
.common-error-main {
    position: relative;
    min-height: 660px;
    padding-top: 130px;
    text-align: center;
}

.page-bg {
    position: absolute;
    bottom: 20px;
    width: 100%;
    height: 100%;
    max-width: 100%;
    background: url(../images/page-bg.svg) no-repeat bottom center;
    z-index: 1;
}

.error-content, .error-content-conf {
    position: relative;
    z-index: 2;
}

.error-heading {
    font-size: 28px;
    font-weight: bold;
    margin: 20px 0 6px;
}

.error-sub-heading {
    font-size: 16px;
    padding: 0px 120px;
}

.error-btn a {
    background: #e42125;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    border: 0;
    -webkit-transition: all 0.3s;
    /*-0-transition: all 0.3s;*/
    transition: all 0.3s;
    margin: 30px auto 0;
    width: 200px;
    display: block;
    cursor: pointer;
}

    .error-btn a:hover {
        background: #d41115;
    }

.error-content-conf .error-heading {
    margin: 20px 0 5px;
}

.error-content-conf .error-img {
    margin: 120px 0 0;
}

.error-btn.retry-btn a {
    width: 150px;
}

.page-bg-payconf.page-bg-main-payconf {
    position: fixed;
    background: transparent;
    height: auto;
    bottom: 60px;
    width: 100%;
    z-index: 1;
}

    .page-bg-payconf.page-bg-main-payconf img {
        max-width: 500px;
    }

.common-error-main.payconf {
    padding-top: 76px !important;
    min-height: 0px !important;
}

@media screen and (min-width: 0px) and (max-width: 1279px) {
    /*.navbar-collapse.collapse {display: block !important;}
    #top-nav-2 ul {float: left; width: 38.7%;}
    #top-nav-2 ul.navbar-right li {float: right;}
    #top-nav-2 ul.navbar-nav {margin: 0;}
    #top-nav-2 .navbar-brand > img {max-width: 70px; top: -1px;}
    #top-nav-2 ul li a {padding: 0;}
    .navbar-collapse {padding-left: 5px; padding-right: 5px;}*/
    .common-error-main {
        min-height: 450px;
        padding-top: 80px;
    }

    .page-bg {
        background-size: 80%;
    }
    /*.footer-one-mobile, .footer-two-mobile{display: block;}
    .footer-one-mobile, .footer-two-mobile{display: block;}
    .footer-one, .footer-two{display: none;}
    footer ul li:first-child::after {display: none;}
    .social-icons{margin-top: 0; width: 100%; text-align:center;}
    .social-icons a {margin-right: 5px; font-size: 24px;}
    .footer-three p {margin: 12px 0; padding: 0;}*/
    .error-img img {
        max-width: 100px;
    }

    .btn_IncludeCpa {
        margin-top: 20px;
    }

    .error-heading {
        font-size: 22px;
        margin: 15px 0 5px;
    }

    .error-sub-heading {
        font-size: 14px;
    }

    .error-content-conf .error-img {
        margin-top: 100px;
    }
    /*acronym 58085 Start*/
    .acc-cov-gap.acc-cov-gap-mob.widAuto.pull-left.marT15.CPAMobCheckBox {
        width: 20% !important;
        float: right !important;
        margin-top: 7px !important;
    }

    .acc-cov-gap .switch {
        right: 0;
        top: inherit
    }

    /*For Renewal*/
    .clear {
        clear: both;
        width: 100%;
        padding-top: 15px;
    }
    /*acronym 58085 complete*/
}
/* End Error Page*/

.btn-flat {
    background-color: rgba(0, 0, 0, 0.22);
    box-shadow: none;
}

.termncon .modal-body {
    max-height: 380px;
    overflow: auto;
    padding: 15px;
    margin-top: 10px;
}

.acc-cov-gap .switch label .lever {
    margin: 0;
    padding-right: 0;
}

.input-field label.active:not(.label-icon) {
    font-size: 12px;
}
/* Start Premium change popup */
.premiumChanged {
    background: url('../images/ic_premiumupdated.svg');
    background-repeat: no-repeat;
    display: inline-block;
    height: 100px;
    width: 100px;
    margin-top: -10px;
}


.divPremiumChangedModel.modal.open {
    text-align: center;
    width: 390px;
}

.PremiumChangedBoxData {
    margin: 20px;
    padding-left: inherit;
    padding-right: inherit;
}

.PremiumChangedBlackBox {
    text-align: center;
    border: 1px solid #ddd;
    padding: 2px;
}

.PremiumChangedRedBox {
    text-align: center;
    border: 1px solid #e42125;
    padding: 2px;
}

.full-width {
    width: 100%;
}

.PremiumChangedbtnProceed {
    width: 90%;
}

.checktext {
    text-decoration: line-through
}

/* End Premium change popup */
#aNetwork {
    cursor: pointer;
}

    #aProducts i.icon-arrow-down, #aNetwork i.icon-arrow-down, #help i.icon-arrow-down {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        display: inline-block;
        color: rgba(0,0,0,.54) !important;
        cursor: pointer;
        font-size: 20px;
        top: 0px;
    }

#aProducts span {
    margin-left: 10px;
    font-size: 18px;
    top: 0px;
}

.product-ul {
    background-color: #f2f2f2;
}

.right-menu-link a {
    color: rgb(114, 104, 104) !important;
    font-weight: 600;
}

.right-menu-link li {
    padding: 10px 0px !important;
    font-size: 18px;
}

.submenu-network li {
    padding: 4px 5px !important;
    font-size: 16px;
}

.right-menu-link {
    padding-left: 25px !important;
}

#IntegrationLogo {
    height: 42px;
}

/*Remove Arrows from textbox input Mozilla*/
input[type=number] {
    -moz-appearance: textfield;
}

@media screen and (min-width: 0px) and (max-width: 1279px) {
    .policy-cover-width {
        width: 100% !important;
    }

    .thnxpage {
        display: none;
    }

    .renew-heading h1 {
        font-size: 26px;
        font-weight: bold;
    }

    .renew-heading span {
        font-size: 26px;
    }

    /*.reg-process input {
        width: calc(100% - 40px);
    }

    .reg-process .cust-btn-red {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }*/

    #mypagejourney #top-nav-2 {
        position: inherit;
    }

    #thanks-nav .collapse, #thanks-nav .navbar-collapse.collapse, nav#thanks-nav {
        display: block !important;
        width: 100%;
        height: 55px;
    }

        #thanks-nav .collapse > ul {
            float: left;
        }

    #thanks-nav.navbar-default .navbar-nav > li > a {
        padding: 0;
    }

    #thanks-nav .navbar-brand {
        width: auto;
        padding: 0;
        top: 0;
        left: calc(50% - 30px);
        position: relative;
    }

        #thanks-nav .navbar-brand > img {
            margin: auto;
            position: relative;
            text-align: center;
            max-width: 72px;
            top: -1px;
        }

    #thanks-nav .collapse > ul:last-child {
        float: right;
    }
    /*acronym 58085 Start*/
    .acc-cov-gap.acc-cov-gap-mob.widAuto.pull-left.marT15.CPAMobCheckBox {
        width: 20% !important;
        float: right !important;
        margin-top: 7px !important;
    }

    .acc-cov-gap .switch {
        right: 0;
        top: inherit
    }

    /*For Renewal*/
    .clear {
        clear: both;
        width: 100%;
        padding-top: 15px;
    }
    /*acronym 58085 complete*/
}

.hidePariahan, .renewal-quote {
    display: none;
}
/*#ThankYouPageControl, #TopMenu, #TopMenuTwo, #FormFillDetailType, #ChatOption{
    display: none !important;
}*/ /*JP*/

.alertModalTitle {
    color: #FF0000;
}

.regnoConfirmPage {
    margin-left: 60%;
}

.newPolD li span:first-child {
    width: 40%;
}

.icon-what {
    top: 8px !important;
    position: relative;
}

.divotherdetails {
    margin-top: 0px !important;
}

#ThankYouPageControl {
    margin-top: 45px;
}

.pad-L8 {
    padding-left: 8px;
}

#frmLanding .customerrormessage > span {
    color: #fdfdfd;
    font-size: 15px;
    display: block;
}

.customerrormessage > span {
    color: #fdfdfd;
    font-size: 15px;
    display: block;
}

.confirmPremium-breakup {
    top: 9px;
}

.adv-block {
    text-align: center;
}

.edit-btn-main a.cancel-btn {
    color: rgba(0,0,0,.54);
    line-height: 44px;
    margin-left: 0;
}

.varient-txt-sep {
    border-top: 1px solid rgba(0,0,0,.12);
    margin-top: 10px;
}

.left-b {
    width: 58%;
    float: left;
}

.right-b {
    width: 42%;
    float: left;
    padding-left: 15px;
}

.bord-L {
    border-left: 1px solid rgba(0,0,0,.12);
}
/*15246 */
.activeImp {
    font-size: 12px !important;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.break-word {
    word-break: break-word;
}

.aadharTermsDiv {
    margin-top: -40px;
}

.policy-text {
    text-align: center;
    font-size: 19px;
    font-weight: 500;
}

.error-sub-heading.cl-gr {
    color: rgba(131, 129, 129, 0.87);
}

#modalSamplePolicy.modal {
    width: 70%;
    max-width: 590px;
    top: 15%;
}

    #modalSamplePolicy.modal .modal-content {
        padding: 0;
        overflow-y: hidden;
    }

#modalSamplePolicy .modal-close {
    display: block;
    position: absolute;
    color: #000;
    font-size: 30px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
    right: 0px;
    z-index: 9;
}

#modalSamplePolicy.modal .modal-content img {
    overflow: hidden;
}

.other-registration-year {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 5px 30px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 5px 30px -2px rgba(0, 0, 0, 0.2);
    overflow-y: auto;
    max-height: 450px;
}


.otherbuttononRD { /*Synoverge*/
    font-weight: 400;
    font-size: 16px;
    color: rgba(0,0,0,.87);
    text-align: left;
}


#modalRegistrationYear .modal-close, #InspectionVideo .modal-close {
    display: block;
    position: fixed;
    color: #000;
    font-size: 25px;
    right: 20px;
    z-index: 0;
    top: 9px;
}

#InspectionVideo .modal-close {
    right: 5px;
    top: 3px;
}

#modalRegistrationYear {
    overflow: hidden;
}

.brand-new {
    padding: 12px 0px;
    font-weight: 600 !important;
}

.purchased-text {
    font-size: 12px;
    color: #808080;
}

.termcondition-close-button {
    cursor: pointer;
    margin: 17px !important;
    color: #34bccf;
    font-size: 15px;
    display: none;
}

@media only screen and (min-width: 320px) and (max-width: 1279px) {
    .termcondition-close-button {
        cursor: pointer;
        margin: 17px !important;
        color: #d1af59;
        font-size: 15px;
        display: block;
    }
}

.trans-num {
    clear: both;
    max-width: 400px;
    display: inline-block;
    width: 100%;
    margin: 20px auto 0;
    padding: 10px 5px;
    border-top: 1px solid rgba(0,0,0,.12);
    border-bottom: 1px solid rgba(0,0,0,.12);
}

.container-fluid-height {
    height: 394px;
}

.error-template {
    padding: 40px 15px;
    text-align: center;
}

.error-actions {
    margin-top: 15px;
    margin-bottom: 15px;
}

    .error-actions .btn {
        margin-right: 10px;
    }

.btn_download {
    border: solid 1px #e42125;
    color: #e42125;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    background-color: #ffffff;
}

    .btn_download:hover {
        color: #fff;
        background: #e42125;
        text-decoration: none;
    }


#breakin-homepage .mouseDown {
    background: transparent;
}

#breakin-homepage {
    background: url(../images/banner_inspection_1440x720.jpg);
    background-size: cover;
    background-position: top center;
    position: relative;
    height: 92%;
}

    #breakin-homepage:before {
        background: rgba(0,0,0,.3);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: "";
    }

    #breakin-homepage.del-home {
        padding-top: 100px;
        padding-bottom: 100px;
        height: auto;
    }

    #breakin-homepage.del-homepage {
        padding-top: 180px;
        padding-bottom: 179px;
        height: auto;
    }

        #breakin-homepage.del-home .renew-heading, #breakin-homepage.del-homepage .renew-heading {
            margin: 0;
        }

    #breakin-homepage .reg-process {
        margin-top: 50px;
        text-shadow: 0px 2px 40px rgba(0,0,0,.38);
    }

        #breakin-homepage .reg-process input {
            height: 64px;
            font-size: 16px;
            color: rgba(0,0,0,1);
            width: 36%;
            padding: 0 20px;
            margin-bottom: 0;
            background: rgba(255,255,255,.95);
            border-radius: 0;
        }

    #breakin-homepage .cust-btn-red {
        font-size: 16px;
        height: 64px;
        border: 0;
        margin-left: -4px;
        position: relative;
    }

.garage-network {
    padding-top: 54px;
}

.awardnrecog img {
    margin: 30px 0;
    max-width: 50%;
    width: 7%;
}

.awd-recog {
    font-size: 14px;
    font-weight: bold;
    color: #525252;
    margin-top: 50px;
    width: 180px;
}

.awd-recog-img.pull-left {
    width: calc(100% - 180px);
}

.awardformobile {
    display: none;
}

    .awardformobile .slider {
        height: auto;
    }

@media only screen and (min-width: 993px) {
    .container {
        width: 85%;
    }

    .policy-generated-container {
        width: 92%;
        padding-left: 5%;
    }
}

#frmAddOnDetail .learn-more-info {
    margin-top: -20px;
    z-index: 2;
}

@media(min-width:1366px) {
    #frmAddOnDetail .learn-more-info {
        position: absolute !important
    }
}

@media screen and (min-width: 0) and (max-width: 1366px) {
    #breakin-homepage .renew-heading {
        margin-top: 15%;
    }
    /* #breakin-homepage {height: calc(100% - 54px);height: calc(100% - 54px);} */
}

@media screen and (min-width: 0px) and (max-width: 1279px) {
    #breakin-homepage {
        height: 370px;
    }

    .renew-heading {
        margin-top: 80px;
    }

        .renew-heading h1 {
            font-size: 30px;
            font-weight: bold;
            margin-top: 0;
        }

        .renew-heading span {
            font-size: 24px;
            margin-top: 10px;
            display: inline-block;
        }

    .reg-process input {
        width: 60%;
    }

    .garage-network {
        padding: 0;
    }

    .cust-btn-red {
        top: 1px;
    }



    .awardnrecog img {
        margin: 30px 0;
        max-width: 100%;
        width: 100%;
    }

    .awardnrecog .container {
        width: 100%;
    }

    .awd-recog-img {
        display: none;
    }

    .awd-recog {
        text-align: center;
        width: 100%;
        font-size: 20px;
    }

    .awardformobile {
        display: block;
    }

        .awardformobile a {
            display: block;
            max-width: 120px;
            margin: auto;
        }

    #theCarousel12.carousel {
        height: auto;
        clear: both;
    }

    #theCarousel12 .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        left: 12px;
        color: #dcdcdc;
        text-shadow: none;
    }

    #theCarousel12 .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        right: 12px;
        color: #dcdcdc;
        text-shadow: none;
    }

    .awardnrecog img {
        margin: 30px 0;
        max-width: 100%;
        width: 100%;
    }

    .multi-item-carousel .carousel-inner > .item {
        -webkit-transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out left;
    }

    .multi-item-carousel .carousel-inner .active.left {
        left: -33%;
    }

    .multi-item-carousel .carousel-inner .active.right {
        left: 33%;
    }

    .multi-item-carousel .carousel-inner .next {
        left: 33%;
    }

    .multi-item-carousel .carousel-inner .prev {
        left: -33%;
    }

    .carousel-control.left, .carousel-control.right {
        background: transparent;
    }

    .step4 .thnkshead {
        margin-top: 0px;
    }

    .track-steps .round {
        float: none;
        width: 0% !important;
        margin-bottom: 10px;
    }

    .track-steps li:after {
        border: 0 none;
        border-left: 1px dashed rgba(0,0,0,.12);
        content: "";
        position: absolute;
        width: calc(100% - 20px);
        left: 12px !important;
        top: 10px;
        height: 30px;
    }

    .track-steps .round span {
        top: -10px !important;
        left: 40px !important;
    }

    .track-steps .round.done:before {
        font-size: 24px !important;
        top: -16px !important;
        left: 0px;
    }

    .track-steps .round:last-child:after {
        border: 0 none;
    }

    .track-steps .round:last-child {
        height: 20px;
    }

    .congo-blk:before {
        left: 18px !important;
    }

    .track-steps {
        margin-top: 30px !important;
    }

    .congo-blk {
        width: calc(100% - 40px);
        background: #fff;
        float: left !important;
    }

    .mBreakinStatus {
        height: 425px;
    }

    .inspection-type a {
        margin-top: 20px;
        /*margin-right: 25pxd !important;*/
    }

    .hr-InspectionType {
        margin-left: 8px !important;
        margin-right: 25px !important;
    }
    /*acronym 58085 Start*/
    .acc-cov-gap.acc-cov-gap-mob.widAuto.pull-left.marT15.CPAMobCheckBox {
        width: 20% !important;
        float: right !important;
        margin-top: 7px !important;
    }

    .acc-cov-gap .switch {
        right: 0;
        top: inherit
    }

    /*For Renewal*/
    .clear {
        clear: both;
        width: 100%;
        padding-top: 15px;
    }
    /*acronym 58085 complete*/
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    #breakin-homepage.del-homepage {
        padding: 130px 0 90px;
    }

    .reg-process input {
        box-sizing: border-box;
        height: auto !important;
        width: 100% !important;
        padding: 15px !important;
    }

    .customer-delight-step-1 .cust_satisfaction {
        line-height: 26px;
    }

    .CPATitleWidth {
        width: 78% !important;
    }

    .SelectNcbPctTitleWidth {
        width: 70% !important;
    }

    #ncb-know-more {
        margin-top: 2px !important;
        padding-right: 4% !important;
    }

    #divQuoteDetail.wt-right-blk-click {
        padding: 0 10px !important;
    }
}

.marT3 {
    margin-top: 3px !important;
}

.marT10 {
    margin-top: 10px !important;
}

.marT15 {
    margin-top: 15px !important;
}

@media screen and (min-width: 0px) and (max-width: 1279px) {
    #modalZeroDep {
        width: 90% !important;
        right: 0% !important;
    }

    #modalZeroDep1 {
        width: 90% !important;
        right: 0% !important;
    }

    #modalZeroDepEGP {
        width: 90% !important;
        right: 0% !important;
    }

    #modalRWRegNoChange {
        width: 90% !important;
        right: 0% !important;
    }

    #breakin-homepage .reg-process input {
        width: 94%;
        padding: 15px;
        height: auto;
        font-size: 13px;
    }

    .divErrorIncludeCpa {
        margin-top: 127px !important;
        position: absolute;
        margin-left: 10px;
    }

    #breakin-homepage .reg-process {
        padding-right: 0px;
        padding-left: 0px;
    }

        #breakin-homepage .reg-process .cust-btn-red {
            width: 100%;
            margin-top: 20px !important;
            display: block;
            text-align: center;
            margin: 0 auto;
            height: auto !important;
            cursor: pointer;
            font-size: 13px !important;
            padding: 13px;
        }

    .footer-one-mobile, .footer-two-mobile {
        display: block !important;
    }

    .footer-one, .footer-two {
        display: none;
    }

    .track-steps li:after {
        top: 12px !important;
    }

    .track-steps .round:before {
        top: -16px !important;
        left: -2px !important;
    }

    .social-icons {
        margin-top: 0;
        width: 100%;
        text-align: center;
    }

    footer ul li:first-child::after {
        background: #f7f7f7 none repeat scroll 0 0;
        margin-bottom: -15px;
    }
    /*acronym 58085 Start*/
    .acc-cov-gap.acc-cov-gap-mob.widAuto.pull-left.marT15.CPAMobCheckBox {
        width: 20% !important;
        float: right !important;
        margin-top: 7px !important;
    }

    .acc-cov-gap .switch {
        right: 0;
        top: inherit
    }

    /*For Renewal*/
    .clear {
        clear: both;
        width: 100%;
        padding-top: 15px;
    }
    /*For Renewal*/
    /*acronym 58085 complete*/

}

.cust-btn-red {
    background: #e42125;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    height: 64px;
    border: 0;
    margin-left: 10px;
    padding: 0 30px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.inspection-type a ul {
    margin: 0px !important;
    position: relative;
}

.inspection-type a li {
    padding: 15px 0px;
}

.hr-InspectionType {
    border-top: 1.5px solid #a6a6a6;
    margin-left: 45px;
    margin-right: 140px;
}

.padL-45ML0 {
    padding-left: 45px !important;
}

.pad-B20 {
    padding-bottom: 20px;
}

.pad-all-15 {
    padding: 15px !important;
}

.InspectionMethodRequired {
    display: none;
    padding-top: 12px;
    color: #e42125;
    font-weight: 600;
}

.step4 .thnkshead {
    margin-top: 30px;
}

.thnx_page .thnkshead p {
    margin: 0;
}

.thnx_page .thnkshead p {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    padding: 10px 0;
    margin: 0;
}

.thnx_page .inspection-progress .circle-box, .thnx_page .inspection-progress .thnkshead p {
    padding-bottom: 0;
}

.thnx_page .thnkshead p.text-left {
    text-align: left;
}

.thnx_page .policyn p {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    padding: 24px 0 0;
    margin: 0;
}

.thnx_page .policyn > span {
    font-size: 16px;
    text-align: center;
    display: block;
    margin-top: 5px;
}

.thnx_page .policyn p span {
    font-weight: 600;
}

.choose-option {
    margin-top: 30px;
}

    .choose-option.enq-txt {
        margin-top: 0;
    }



.track-steps {
    float: left;
    width: 100%;
    clear: both;
    margin-top: 100px;
    margin-left: -6px;
}

    .track-steps .round {
        position: relative;
        width: 40%;
        white-space: nowrap;
        margin-left: 15px;
    }

        .track-steps .round span {
            color: rgba(0,0,0,.87);
            display: inline-block;
            position: absolute;
            top: -36px;
            padding-top: 0;
            left: -10px;
        }

        .track-steps .round:last-child {
            width: 0px;
        }

        .track-steps .round:before {
            position: relative;
            content: "\e927";
            font-family: 'hdfc-ergo';
            color: rgba(0,0,0,.54);
            font-size: 27px !important;
            top: -18px !important;
            left: -18px;
        }

    .track-steps li {
        float: left;
    }

    .track-steps .round.active, .track-steps .round.done {
        border-color: #d1af59;
    }

.round.done {
    border-top: 2px solid #d1af59;
}

.track-steps .round.active:before {
    color: #d1af59;
}

.track-steps .round.done:before {
    color: #d1af59;
    content: "\e924";
    font-size: 32px;
    top: -25px;
    z-index: 1;
}

.track-steps li:after {
    border-bottom: 1px dashed rgba(0,0,0,.12);
    content: "";
    position: absolute;
    width: calc(100% - 10px);
    left: 11px;
    top: 0;
}

.congo-blk .yes-btn {
    border: solid 1px #e42125;
    color: #e42125;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 600;
    float: left;
    line-height: 36px;
    margin-right: 20px;
}

.congo-blk .no-btn {
    background: #e42125;
    float: left;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 0;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: none;
    padding-left: 20px;
    padding-right: 20px;
}

.congo-blk {
    clear: both;
    float: right;
    max-width: 360px;
    width: 100%;
    border: 1px solid rgba(0,0,0,.12);
    padding: 10px 15px 15px;
    position: relative;
    margin-bottom: 50px;
}

    .congo-blk:before {
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 12px solid rgba(0,0,0,.12);
        content: "";
        position: absolute;
        top: -13px;
        left: 46%;
    }

.conto-txt {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

.congo-desc {
    font-weight: 500;
}

@media(min-width:361px) and (max-width:480px) {
    #frmAddOnDetail .learn-more-info {
        position: relative !important;
        z-index: 1;
        /*width: 153px !important;*/
        margin-top: -30px;
    }
}

@media screen and (max-width: 320px) {
    .inspection-type a {
        width: 140px;
        font-size: 13px;
        margin: 20px 3px;
    }

    #frmAddOnDetail .learn-more-info {
        position: relative !important;
        /*width: 127px !important;*/
        margin-top: -30px !important;
    }
}

.font-weight-600 {
    font-weight: 600;
}

.height30 {
    height: 30px !important;
}

.display-none {
    display: none;
}

.inspection-type a {
    color: rgba(0,0,0,.54);
    border: 1px solid rgba(0,0,0,0.12);
    display: inline-block;
    width: 150px;
    text-align: center;
    cursor: pointer;
    width: 160px;
    font-size: 14px;
}

    .inspection-type a:first-child {
        margin-left: 0;
    }

    .inspection-type a:last-child {
        margin-right: 0;
    }

.inspection-type i {
    font-size: 80px;
    margin-left: 9px;
}

.inspection-type a:hover, .inspection-type a:hover i, .inspection-type a.active {
    color: #e42125;
    border-color: #e42125;
}

.inspection-type a i.icon-tick {
    float: right;
    position: absolute;
    top: 7px;
    font-size: 28px;
    right: 10px;
}

.choose-Quote {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 5px;
    margin-left: 10px;
}

.marR30 {
    margin-right: 30px;
}

.addressBlk .other-ins {
    width: 102%;
    margin: 0 auto 20px;
}

.addressBlk .icon-car {
    font-size: 55px;
    position: relative;
    top: 0px;
    left: -13px !important;
}

.addressBlk .other-ins li {
    color: rgba(0,0,0,.54);
    margin: 7px;
    border: 1px rgba(0,0,0,.45) solid;
    width: 48%;
    height: 84px;
    line-height: 1.6
}

    .addressBlk .other-ins li:hover {
        border: 1px solid #e42125;
        cursor: pointer;
        color: #e42125;
    }

#ChooseBreakinRequestModal.modal {
    width: 62%;
}

.breakin-registrationNo {
    padding-top: 9px;
    font-weight: 600;
    font-size: 16px;
    color: #302d2d;
}

.breakin-detail {
    top: 1px;
    color: #000;
}

#InspectionVideo.modal {
    width: 48%;
}

.SelfInspectionVideo {
    margin-top: 13px;
    margin-bottom: 10px;
    color: #2368d1;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
}

#SelfInspectionVideo .icon-play {
    font-size: 30px;
    position: relative;
    top: 6px;
}

.SelfInspectionVideoFrame {
    height: 300px;
    width: 100%;
}
/*Ipad Css start*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    #textCarousel.carousel {
        height: 200px;
    }

    #textCarousel .carousel-indicators {
        bottom: -12px;
    }

    .slider-main:first-child .acc-cov-gap {
        width: 50%;
        float: none;
    }

    .wt-make input {
        padding-left: 50px;
    }

    .SelfInspectionVideoFrame {
        width: 315px;
        height: 100%;
    }

    #makePaymentConfirm .modal-content {
        height: 250px !important;
    }

    #modalZeroDep .modal-content {
        height: 160px !important;
    }

    #modalZeroDep1 .modal-content {
        height: 160px !important;
    }

    #modalZeroDepEGP .modal-content {
        height: 160px !important;
    }

    #modalRWRegNoChange .modal-content {
        height: 160px !important;
    }

    .acc-cov-gap-mob {
        width: 35%;
    }

    .indexPage-content {
        padding-top: 0px;
        padding-left: 20px;
        width: 90% !important;
    }

    .wt-search, .wt-make input {
        left: 4px;
    }

    .mob-logo {
        display: inline-block;
    }

    .scrollimple, .mCustomScrollbar, ._mCS_1 {
        height: 420px !important;
    }

    div #modalSamplePolicy {
        top: 200px !important;
        height: 0%;
    }

    .carousel-inner {
        width: 100%
    }

    #car-homepage .reg-process input {
        width: 85%;
        margin-bottom: 15px;
    }

    .cust-btn-red, a.cust-btn-red {
        width: 91%;
        margin-left: 0px;
    }

    #breakin-homepage .reg-process input {
        width: 95%;
        margin-bottom: -5px;
    }

    #edit-idv .dropdown-backdrop {
        background: rgba(0,0,0,.39);
        z-index: 999;
    }

    .feedbackPop .submtbtn {
        clear: both;
        left: 0;
        height: 52px;
        position: relative;
        right: 0;
        bottom: 0;
        z-index: 9;
    }

    .feedbackform {
        width: 100% !important;
        height: auto;
    }

    .feedbackPop.modal {
        width: 92% !important;
    }

    .feedbody .form-group {
        margin-bottom: 20px;
    }

    .feedbackPop .cmn_btn {
        display: block;
        position: relative;
        text-align: center;
        width: 100%;
        left: auto;
        float: none;
        right: auto;
        top: 0px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #car-homepage {
        height: 95%;
    }

    .UpgradePAtext {
        width: 86% !important;
    }

    .acc-cov-gap.marT20 {
        margin-top: -30px !important;
    }

    .fueltypeOption {
        margin-left: -12px !important;
    }
}

@media all and (device-width: 1024px) and (device-height: 768px) {
    .slider-main:first-child .acc-cov-gap {
        width: 50%;
        float: none;
    }

    .indexPage-content {
        padding-left: 15px;
        padding-top: 0px;
    }

    #textCarousel.carousel {
        height: 200px;
    }

    #textCarousel .carousel-indicators {
        bottom: -12px;
    }

    .wt-make input {
        padding-left: 50px;
    }

    .left-tooltip {
        margin-left: 375px !important;
    }

    .make-name {
        max-width: 305px;
    }

    .SelfInspectionVideoFrame {
        width: 440px;
        height: 100%;
    }

    #makePaymentConfirm .modal-content {
        height: 250px !important;
    }

    #modalZeroDep .modal-content {
        height: 160px !important;
    }

    #modalRWRegNoChange .modal-content {
        height: 160px !important;
    }

    #InspectionVideo .modal-content {
        height: 360px !important;
    }

    .acc-cov-gap-mob {
        width: 20%;
    }

    .wt-search, .wt-make input {
        left: 4px;
    }

    .mob-logo {
        display: inline-block;
    }

    .modal-content, .scrollimple, .mCustomScrollbar, ._mCS_1 {
        height: 420px !important;
    }

    div #modalSamplePolicy {
        top: 200px !important;
        height: 0%;
    }

    .carousel-inner {
        width: 100%
    }

    #car-homepage .reg-process input {
        width: 85%;
        margin-bottom: 15px;
    }

    .cust-btn-red, a.cust-btn-red {
        width: 90%;
        margin-left: 0px;
    }

    #breakin-homepage .reg-process input {
        width: 85%;
        margin-bottom: 15px;
    }

    .feedbackPop .submtbtn {
        clear: both;
        left: 0;
        width: 100%;
        height: 52px;
        position: fixed;
        right: 0;
        bottom: 0;
        z-index: 9;
    }

    .feedbackPop .cmn_btn {
        display: block;
        position: relative;
        text-align: center;
        width: 100%;
        left: auto;
        float: none;
        right: auto;
        top: 0px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
/*Ipad Css End*/
#modalZeroDep {
    width: 32%;
    right: -12%;
}

#modalZeroDep1 {
    width: 32%;
    right: -33%;
    top: 30%;
}

#modalZeroDepEGP {
    width: 32%;
    right: -33%;
    top: 30%;
}

#modalRWRegNoChange {
    width: 40%;
    right: -12%;
}

#ZeroDepthTaken {
    width: 23%;
    padding: 10px;
}

.slideTransition {
    -webkit-animation: mymove 0.5s; /* Safari 4.0 - 8.0 */
    animation: mymove 0.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

@keyframes mymove {
    from {
        left: 700px;
    }

    to {
        left: 0px;
    }
}

#SearchBar:focus {
    border-bottom: 2px solid #d41115;
}

.amnt .icon-rupee {
    font-size: 12px;
}

.newPolD li span:last-child.icon-rupee::before {
    font-size: 12px;
}

.slider-txt.icon-rupee {
    font-size: 12px;
}

.price .icon-rupee {
    font-size: 11px;
}

.pfont1 .icon-rupee {
    font-size: 12px;
}

.cd-value .icon-rupee {
    font-size: 12px;
}

.icon-cross-color {
    color: #d1af59;
}



.premiumPaid {
    font-size: 14px;
    padding-right: 4px;
    padding-left: 0px;
}

.premiumPaidBefore {
    font-size: 16px;
    padding-right: 20px;
    padding-left: 0px;
}

    .premiumPaidBefore .icon-rupee {
        font-size: 16px;
    }

#dvPremiumDiff {
    font-size: 25px;
}

.premiumDiffHr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #a6a6a6;
}

/*New Loader*/
/*.containerLoader .loader {
    height: 20px;
    width: 250px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 35%;
    right: 0;
    margin: auto;
    z-index: 10007;
}

.loader--dot {
    animation-name: loader;
    animation-timing-function: ease-in-out;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background-color: black;
    position: absolute;
    border: 2px solid white;
}

    .loader--dot:first-child {
        background-color: #8cc759;
        animation-delay: 0.5s;
    }

    .loader--dot:nth-child(2) {
        background-color: #8c6daf;
        animation-delay: 0.4s;
    }

    .loader--dot:nth-child(3) {
        background-color: #ef5d74;
        animation-delay: 0.3s;
    }

    .loader--dot:nth-child(4) {
        background-color: #f9a74b;
        animation-delay: 0.2s;
    }

    .loader--dot:nth-child(5) {
        background-color: #60beeb;
        animation-delay: 0.1s;
    }

    .loader--dot:nth-child(6) {
        background-color: #fbef5a;
        animation-delay: 0s;
    }

.loader--text {
    position: absolute;
    top: 200%;
    left: 0;
    right: 0;
    width: 4rem;
    margin: auto;
}

    .loader--text:after {
        content: "Loading";
        font-weight: bold;
        animation-name: loading-text;
        animation-duration: 3s;
        animation-iteration-count: infinite;
    }

@keyframes loader {
    15% {
        transform: translateX(0);
    }

    45% {
        transform: translateX(230px);
    }

    65% {
        transform: translateX(230px);
    }

    95% {
        transform: translateX(0);
    }
}

@keyframes loader {
    15% {
        transform: translateX(0);
    }

    45% {
        transform: translateX(230px);
    }

    65% {
        transform: translateX(230px);
    }

    95% {
        transform: translateX(0);
    }
}

@keyframes loading-text {
    0% {
        content: "Loading";
    }

    25% {
        content: "Loading.";
    }

    50% {
        content: "Loading..";
    }

    75% {
        content: "Loading...";
    }
}

.containerLoader.fullPage .loader {
    height: 20px;
    width: 250px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10010;
}*/
/*End New loader*/

/*start ReportIssue*/
#GetHelp, #ReportIssue {
    cursor: pointer;
    font-weight: 600;
}

.step {
    margin-top: 14px;
    font-weight: 600;
}

.additional-info {
    font-size: 12px;
    margin: 12px 0px;
}

#frmErrorFeedback > #UserComment {
    height: 38% !important;
}

#btnCancelFeedback {
    padding: 6px 20px !important;
}

#btnSendFeedback {
    padding: 6px 20px !important;
    margin-left: 25px !important;
}

#modalReportIssue {
    width: 45%;
    height: 50%;
}

    #modalReportIssue > .modal-content {
        height: 100%;
    }

.textAreaInvalid {
    border: 1px solid #e42125;
}

@media screen and (max-width: 1279px) and (min-width: 0px) {
    #RegNoConfirmOld {
        padding: 10px 30px;
    }

    #RegNoConfirmNew {
        padding: 10px 30px;
    }

    .GoGreenMarginTopMobile {
        margin-top: 10%;
    }

    #modalReportIssue {
        top: 15% !important;
        width: 90%;
        height: 90%;
    }

    .mob-cpaCover {
        margin-bottom: 20px;
    }

    .padL-45ML0 {
        padding-left: 28px !important;
    }
}
/*End ReportIssue*/
#toast-container > .toast {
    color: white;
}

.marT80 {
    margin-top: 80px;
}

.isownerchange {
    padding-top: 7px;
}

@media screen and (max-width:480px) {
    #ChooseBreakinRequestModal.modal {
        top: 0 !important;
        width: 100% !important;
    }

    .addressBlk .other-ins li {
        width: 100%;
    }

    .txt-width {
        width: 107%;
        padding-right: 2px;
    }
}

#bikeOpt .custom-nav {
    border: 0;
    margin-top: 24px;
}

    #bikeOpt .custom-nav li a {
        padding: 0;
        margin: 0;
        border: 1px solid rgba(0,0,0,0.12);
        border-radius: 0;
        min-height: 81px;
    }

        #bikeOpt .custom-nav li a:hover {
            background-color: transparent;
            border: 1px solid #f00;
        }

#bikeOpt .nav-tabs > li.active > a, #bikeOpt .nav-tabs > li.active > a:focus, #bikeOpt .nav-tabs > li.active > a:hover {
    border: 0;
    border: 1px solid #f00;
    min-height: 81px;
    border-bottom: 5px solid #f00;
}

#bikeOpt .nav-tabs > li {
    width: 31%;
    margin-right: 20px;
}

    #bikeOpt .nav-tabs > li:last-child {
        margin-right: 0;
    }

#bikeOpt .boxs p.ye_ar {
    margin: 0;
    padding: 10px 15px 0;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
}

#bikeOpt .boxs p.rup_ees {
    margin: 0;
    padding: 0 12px 10px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 20px;
    font-weight: bold;
}

    #bikeOpt .boxs p.rup_ees span {
        vertical-align: middle;
    }

    #bikeOpt .boxs p.rup_ees .r-icon {
        vertical-align: middle;
    }

#bikeOpt .boxs p.ye_ar .custom-tick {
    font-size: 30px;
    vertical-align: middle;
    margin-top: 0px;
    float: right;
    color: #f20000;
    display: none;
}

#bikeOpt .nav-tabs > li.active > a .custom-tick {
    display: block;
}

@media screen and (max-width: 1366px) {
    #bikeOpt .nav-tabs > li {
        width: 30%;
    }
}




#bikeOptThirdP .custom-nav {
    border: 0;
    margin-top: 24px;
}

    #bikeOptThirdP .custom-nav li a {
        padding: 0;
        margin: 0;
        border: 1px solid rgba(0,0,0,0.12);
        border-radius: 0;
        min-height: 81px;
    }

        #bikeOptThirdP .custom-nav li a:hover {
            background-color: transparent;
            border: 1px solid #f00;
        }

#bikeOptThirdP .nav-tabs > li.active > a, #bikeOptThirdP .nav-tabs > li.active > a:focus, #bikeOptThirdP .nav-tabs > li.active > a:hover {
    border: 0;
    border: 1px solid #f00;
    min-height: 76px;
    border-bottom: 5px solid #f00;
}

#bikeOptThirdP .nav-tabs > li {
    width: 32%;
    margin-right: 20px;
}

    #bikeOptThirdP .nav-tabs > li:last-child {
        margin-right: 0;
    }

#bikeOptThirdP .boxs p.ye_ar {
    margin: 0;
    padding: 10px 15px 0;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.54);
}

#bikeOptThirdP .boxs p.rup_ees {
    margin: 0;
    padding: 0 12px 10px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 20px;
    font-weight: bold;
}

    #bikeOptThirdP .boxs p.rup_ees span {
        vertical-align: middle;
    }

    #bikeOptThirdP .boxs p.rup_ees .r-icon {
        vertical-align: middle;
    }

#bikeOptThirdP .boxs p.ye_ar .custom-tick {
    font-size: 30px;
    vertical-align: middle;
    margin-top: -5px;
    float: right;
    color: #f20000;
    display: none;
}

#bikeOptThirdP .nav-tabs > li.active > a .custom-tick {
    display: block;
}

@media screen and (max-width: 1366px) {
    #bikeOptThirdP .nav-tabs > li {
        width: 31.4%;
    }
}

.width47 {
    width: 47% !important;
}

/*@media(min-width:992px) and (max-width:1200px) {
    #frmAddOnDetail .learn-more-info {
        width: 115% !important;
    }
}*/

@media(min-width:768px) and (max-width:1024px) {
    #frmAddOnDetail .learn-more-info {
        position: absolute !important;
    }
}

@media(min-width:1366px) {
    #modalNcbDescription.modal {
        width: 50% !important;
    }
}

@media screen and (max-width: 767px) {
    a.continue-txt {
        border: 0;
        font-size: 13px;
        position: absolute;
        width: 100%;
        left: 0;
        top: 170px;
    }
    /*Bug id 14888*/

    #saveAmountYear2 {
        margin-left: 36%;
    }

    #divQuoteDetail.wt-right-blk-click {
        padding: 0 10px !important;
    }
}

@media only screen and (max-device-width: 1279px) and (min-device-width: 767px) {
    #saveAmountYear2 {
        margin-left: 3%;
    }
}

/*Bug 15510 Show Striked Actual premium*/
.strikeActualPremium {
    display: none;
    font-size: 12px;
    text-decoration: line-through;
    font-weight: 600;
    color: rgba(0,0,0,.54);
}
    /*End Bug 15510*/

    .strikeActualPremium.icon-rupee:before {
        font-size: 11px;
    }

.discount-offer p {
    margin: 0;
    padding: 0;
}

.discount-offer .amnt {
    color: rgba(0, 153, 51, 0.87);
    font-size: 14px;
    padding-top: 5px;
}

.discount-offer .validity {
    color: rgba(102, 102, 102, 0.87);
    font-size: 12px;
    padding-top: 0;
}

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



div#modalPB {
    top: 80px;
    width: 475px;
}

    div#modalPB .dropdown-menu {
        border-radius: 0;
        position: relative;
        top: auto;
        display: block;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%;
        float: none;
    }

    div#modalPB .close {
        display: block;
        top: -14px;
        right: -9px;
        position: absolute;
        font-size: 18px;
    }

    div#modalPB .modal-close {
        color: #34bccf;
        text-transform: uppercase;
        margin: 0px !important;
        display: block;
        position: absolute;
        top: 3px;
        right: -18px;
        font-size: 20px;
    }

    div#modalPB .modalPrembreakup h4 {
        font-weight: normal;
        text-transform: capitalize;
    }

    div#modalPB .modalPrembreakup .sec-head {
        color: rgba(0, 0, 0, 0.87);
        font-size: 24px;
        padding: 0 0 5px;
        margin: 0;
    }

    div#modalPB .modalPrembreakup .damage {
        color: #000000;
        font-size: 14px;
        margin: 20px 0 3px;
    }


    div#modalPB .pclistval:before {
        content: '\2713';
        margin-right: 3px;
    }

    div#modalPB .modalPrembreakup .particnt {
        color: rgba(0, 0, 0, 0.54);
        font-size: 12px;
        padding: 10px;
        font-weight: normal;
    }

    div#modalPB .modalPrembreakup .price {
        color: rgba(0, 0, 0, 0.87);
        font-size: 12px;
        padding: 1px 0;
        float: right;
        font-weight: 600;
        text-align: right;
    }

    div#modalPB .modalPrembreakup .net {
        color: rgba(0, 0, 0, 0.87);
        font-weight: bold;
    }

    div#modalPB .modalPrembreakup .borde_r {
        border-bottom: 1px solid rgba(0,0,0,0.12);
        margin: 10px 0;
        float: left;
        width: 100%;
    }

    div#modalPB .modalPrembreakup .netfont {
        font-size: 14px;
    }

    div#modalPB .modalPrembreakup .pfont {
        font-size: 16px;
    }

    div#modalPB .modalPrembreakup .pfont1 {
        font-size: 14px;
    }

    div#modalPB .modalPrembreakup .pfont2 {
        font-size: 20px;
    }

    div#modalPB .listval {
        float: left;
        width: 100%;
    }

    div#modalPB .prem-breakup a.dropdown-toggle {
        color: rgba(0, 0, 0, 0.54);
        font-size: 12px;
    }

    div#modalPB .addons-blk li i.icon-rupee {
        display: inline;
        font-size: 11px;
    }

    div#modalPB .cust-policy .icon-rupee {
        font-size: 22px;
    }

    div#modalPB .gsp-background {
        left: 16px;
    }

    div#modalPB .select-block ul li:last-child label {
        margin-bottom: 20px;
    }

    div#modalPB .modal-content {
        overflow-y: auto;
        max-height: 425px;
        overflow-x: hidden;
        padding: 0 24px 24px !important;
    }

#divTermConditions .modal-content {
    padding: 24px 24px 0 !important;
}

div#modalPB .modalPrembreakup .srno {
    color: rgba(0,0,0,.87);
    font-size: 12px;
    padding: 2px 0;
    float: left;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    div#modalPB {
        width: 100%;
        top: 0 !important;
        height: 100%;
        background: #fff;
        bottom: 0 !important;
        margin: 0 !important;
        max-height: 100%;
    }

        div#modalPB .modal-content {
            max-height: 100%;
        }
}

.remove-top {
    margin-top: 0px !important;
}

.acc-cov-gap.marT20 {
    margin-top: 12px;
}

.fueltypeOption {
    margin-left: -15px;
}

/* START CODE FOR FOOTER MOBILE */
.footer-one-mobile, .footer-two-mobile {
    display: none;
}

.footer-one-mobile {
    background: #f7f7f7;
}

    .footer-one-mobile .two-item {
        text-align: center;
        padding: 20px 0 0;
    }

.mble-icon {
    padding: 5px 0 25px;
}

.footer-one-mobile .two-item li {
    display: inline-block;
}

    .footer-one-mobile .two-item li a {
        font-size: 14px;
        font-weight: bold;
        padding: 0 10px;
        text-align: center;
    }

.footer-two-mobile {
    background: #e8e8e8;
}

.tollfreeNmr {
    text-align: center;
    color: rgba(0,0,0,0.87);
    padding: 20px 0 15px;
    font-size: 14px;
}

    .tollfreeNmr:after {
        content: "";
        display: block;
        height: 1px;
        margin: auto;
        text-align: center;
        width: 70%;
        background: rgba(0,0,0,0.12);
        margin-top: 10px;
    }

.tollfreetext {
    color: rgba(166, 166, 166, 0.87);
    font-size: 12px;
}

.address-hdfc {
    text-align: center;
    font-size: 12px;
    color: rgba(0,0,0,0.87);
    padding: 20px 0px;
}

.footer-one-mobile .two-item a {
    color: rgba(0,0,0,.87);
    font-size: 14px;
    padding: 0 20px;
    font-weight: bold;
}

footer .row {
    margin-bottom: 0;
}

.social-icons {
    float: left;
    margin-top: 20px;
}

    .social-icons a {
        margin-right: 5px;
        font-size: 28px;
    }

/* END CODE FOR FOOTER MOBILE */

/* START CODE FOR NEW CONTACT DETAIL */
@media screen and (min-width: 0px) and (max-width: 1279px) {
    .input-field.termsandconditioncheckbox {
        margin-bottom: 50px !important;
        margin-top: -13px !important;
    }

    .input-field.whatsappconsentcheckbox {
        margin-bottom: 80px !important; /*43053*/
        margin-top: -13px !important;
    }

    .input-field .termsandconditionlable {
        font-size: 14px;
        line-height: 17px;
    }
    /*acronym 58085 Start*/
    .acc-cov-gap.acc-cov-gap-mob.widAuto.pull-left.marT15.CPAMobCheckBox {
        width: 20% !important;
        float: right !important;
        margin-top: 7px !important;
    }

    .acc-cov-gap .switch {
        right: 0;
        top: inherit
    }

    /*For Renewal*/
    .clear {
        clear: both;
        width: 100%;
        padding-top: 15px;
    }
    /*acronym 58085 complete*/
}

.input-field.termsandconditioncheckbox {
    margin-bottom: 70px;
}

.input-field.whatsappconsentcheckbox {
    margin-bottom: 85px; /*43053*/
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .input-field.termsandconditioncheckbox {
        margin-bottom: 50px;
    }

    .input-field.whatsappconsentcheckbox {
        margin-bottom: 80px; /*43053*/
    }
}

.ContactDetailtermslink label {
    font-weight: normal;
    color: rgba(0,0,0,.87);
}

/* END CODE FOR NEW CONTACT DETAIL */
.btn_IncludeCpa {
    border: solid 1px #e42125;
    color: #e42125;
    padding: 8px;
    font-weight: 600;
    background-color: #ffffff;
    font-size: 16px;
    text-align: center;
    width: 100px;
    margin-right: 15px;
}

    .btn_IncludeCpa:hover, .CpaActive {
        color: #fff;
        background: #e42125;
        text-decoration: none;
    }

.btn_CngLpg {
    border: solid 1px #e42125;
    color: #e42125;
    padding: 8px;
    font-weight: 600;
    background-color: #ffffff;
    font-size: 16px;
    text-align: center;
    width: 100px;
    margin-right: 15px;
}

    .btn_CngLpg:hover {
        color: #fff;
        background: #e42125;
        text-decoration: none;
    }

.btn_RwRegNoGray {
    /*border: solid 1px #e42125;
    color: #e42125;*/
    padding: 10px;
    font-weight: 600;
    background-color: #f4f4f4;
    font-size: 16px;
    text-align: center;
    width: 100px;
    margin-right: 15px;
    border: 0px;
}

.forvehitooltip {
    position: absolute;
    right: 26px;
    opacity: 0.5;
    top: 4px;
    margin: 0;
}

/* New Feedback CSS start */
#modalFeedbackThnx.modal .modal-content {
    padding: 0px !important;
}

.feedbackform {
    width: 755px;
    height: 130px;
}

    .feedbackform h3 {
        background-image: linear-gradient(to left, #f9d6c7, #caeada);
        opacity: 0.8;
        padding: 29px 30px;
        margin: 0;
        font-family: Arial;
        font-size: 30px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.13;
        letter-spacing: normal;
        color: rgb(0, 0, 0);
        display: table;
        width: 100%;
    }

    .feedbackform .Oval {
        width: 39px;
        height: 39px;
        display: table-cell;
        vertical-align: middle;
        opacity: 0.2;
    }

        .feedbackform .Oval button {
            background-color: rgb(0, 0, 0);
            display: block;
            text-align: center;
            width: 100%;
            border: 0;
            height: 39px;
            border-radius: 50%;
        }

            .feedbackform .Oval button img {
                margin-top: -21px;
            }

.feedbody {
    padding: 10px 30px 3px;
}

    .feedbody label {
        opacity: 0.87;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.75;
        letter-spacing: normal;
        color: rgba(0, 0, 0, 0.87);
    }

    .feedbody .heat-rating {
        display: inline-block;
        width: 100%;
        height: 50px;
    }

    .feedbody .rating-block, .feedbody .rating-block1 {
        width: 49px;
        height: 29px;
        display: inline-block;
        float: left;
        cursor: pointer !important;
        opacity: 0.7;
        margin: 0 6px;
        text-align: center;
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 28px;
        letter-spacing: normal;
        color: rgb(255, 255, 255);
    }

    .feedbody .ratings, .feedbody .ratings1 {
        font-size: 14px;
        line-height: 20px;
        margin-left: 10px;
        display: inline-block;
    }

    .feedbody .one {
        background-color: rgb(255, 141, 93);
    }

    .feedbody .two {
        background-color: rgb(255, 161, 88);
    }

    .feedbody .three {
        background-color: rgb(255, 179, 85);
    }

    .feedbody .four {
        background-color: rgb(255, 178, 72);
    }

    .feedbody .five {
        background-color: rgb(255, 210, 78);
    }

    .feedbody .six {
        background-color: rgb(241, 215, 85);
    }

    .feedbody .seven {
        background-color: rgb(217, 212, 100);
    }

    .feedbody .eight {
        background-color: rgb(190, 209, 117);
    }

    .feedbody .nine {
        background-color: rgb(156, 204, 138);
    }

    .feedbody .ten {
        background-color: rgb(121, 201, 161);
    }

.verypoor {
    position: relative;
    opacity: 0.8;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 4;
    letter-spacing: normal;
    color: rgb(0, 0, 0);
    display: inline-block;
    float: left;
}

    .verypoor span {
        position: absolute;
        width: 100%;
        top: 30px;
        left: 0;
        text-align: center;
        line-height: 12px;
    }

.poor {
    position: relative;
    opacity: 0.8;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 4;
    letter-spacing: normal;
    float: left;
    color: rgb(0, 0, 0);
    display: inline-block;
}


    .poor span {
        position: absolute;
        width: 100%;
        top: 30px;
        left: 0;
        text-align: center;
        line-height: 12px;
    }

        .poor span:before {
            content: "";
            position: absolute;
            display: inline-block;
            bottom: 5px;
            height: 5.7px;
            width: 33%;
            left: 29px;
            border-bottom: 1px solid #000;
            border-left: 1px solid #000;
            border-top: 0;
            border-right: 0;
            opacity: 0.3;
        }

        .poor span:after {
            content: "";
            position: absolute;
            display: inline-block;
            bottom: 5px;
            height: 5.7px;
            width: 33%;
            right: 29px;
            border-bottom: 1px solid #000;
            border-right: 1px solid #000;
            border-top: 0;
            border-left: 0;
            opacity: 0.3;
        }

.average {
    position: relative;
    opacity: 0.8;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 4;
    letter-spacing: normal;
    float: left;
    color: rgb(0, 0, 0);
    display: inline-block;
}

    .average span {
        position: absolute;
        width: 100%;
        top: 30px;
        left: 0;
        text-align: center;
        line-height: 12px;
    }

        .average span:before {
            content: "";
            position: absolute;
            display: inline-block;
            bottom: 5px;
            height: 5.7px;
            width: 6%;
            left: 29px;
            border-bottom: 1px solid #000;
            border-left: 1px solid #000;
            border-top: 0;
            border-right: 0;
            opacity: 0.3;
        }

        .average span:after {
            content: "";
            position: absolute;
            display: inline-block;
            bottom: 5px;
            height: 5.7px;
            width: 6%;
            right: 29px;
            border-bottom: 1px solid #000;
            border-right: 1px solid #000;
            border-top: 0;
            border-left: 0;
            opacity: 0.3;
        }


.good {
    position: relative;
    opacity: 0.8;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 4;
    letter-spacing: normal;
    float: left;
    color: rgb(0, 0, 0);
    display: inline-block;
}

    .good span {
        position: absolute;
        width: 100%;
        top: 30px;
        left: 0;
        text-align: center;
        line-height: 12px;
    }

.excellent {
    position: relative;
    opacity: 0.8;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 4;
    letter-spacing: normal;
    float: left;
    color: rgb(0, 0, 0);
    display: inline-block;
}

    .excellent span {
        position: absolute;
        width: 100%;
        top: 30px;
        left: 0;
        text-align: center;
        line-height: 12px;
    }

/*42716 mostlikely */
.mostlikely {
    position: relative;
    opacity: 0.8;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 4;
    letter-spacing: normal;
    float: left;
    color: rgb(0, 0, 0);
    display: inline-block;
}

    .mostlikely span {
        position: absolute;
        width: 100%;
        top: 30px;
        left: 0;
        text-align: center;
        line-height: 12px;
    }

        .mostlikely span:before {
            content: "";
            position: absolute;
            display: inline-block;
            bottom: 5px;
            height: 5.7px;
            width: 6%;
            left: 20px;
            border-bottom: 1px solid #000;
            border-left: 1px solid #000;
            border-top: 0;
            border-right: 0;
            opacity: 0.3;
        }

        .mostlikely span:after {
            content: "";
            position: absolute;
            display: inline-block;
            bottom: 5px;
            height: 5.7px;
            width: 6%;
            right: 20px;
            border-bottom: 1px solid #000;
            border-right: 1px solid #000;
            border-top: 0;
            border-left: 0;
            opacity: 0.3;
        }

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

@media screen and (max-width: 767px) {
    .feedbackform {
        width: 100%;
        margin: 0;
        position: fixed;
        top: 0;
        bottom: 0;
        transform: translate(0, 0) !important;
        height: 100% !important;
    }

    #modalFeedbackThnx.modal {
        width: 100%;
        top: 0 !important;
        bottom: 0 !important;
        max-height: 100%;
        height: 100% !important;
        background: none;
    }

        #modalFeedbackThnx.modal .modal-content {
            padding: 0px !important;
            border: 0;
            height: 100%;
        }

    .feedbackform .Oval button img {
        margin-top: -16px;
    }

    .feedbody .rating-block, .feedbody .rating-block1 {
        width: 35px; /*19687*/
        margin: 0 1px; /*19687*/
        cursor: pointer;
    }

    .verypoor span {
        width: 140%;
        top: 19px;
        left: -8px;
    }

    .feedbackform h3 {
        font-size: 22px;
    }

    .poor span:before, .poor span:after {
        width: 23%;
    }
}

.feedbody .form-group {
    margin-bottom: 10px;
}

@media screen and (max-width: 420px) {
    .feedbackform h3 {
        font-size: 17px;
        padding: 29px 10px;
    }

    .feedbody label {
        font-size: 14px;
        line-height: 19px;
    }

    .feedbody .heat-rating {
        margin: 5px 0 0 0;
        height: 60px;
    }

    .feedbody {
        padding: 9px;
    }

        .feedbody .rating-block, .feedbody .rating-block1 {
            width: 25px; /*19687*/
            margin: 0 3px; /*19687*/
        }

    .excellent span, .verypoor span {
        word-break: break-word;
        line-height: 12px;
        top: 33px;
    }

    .poor span:before {
        left: 18px;
    }

    .poor span:after {
        right: 18px;
    }

    .verypoor, .poor, .average, .good, .excellent {
        font-size: 10px;
    }

    .feedbackSubmit { /*19687*/
        padding-top: inherit !important;
    }
}

@media(max-width:360px) {
    #frmAddOnDetail .learn-more-info {
        position: relative !important;
        /*width: 145px !important;*/
        margin-top: -30px;
    }
}

@media screen and (max-width: 320px) {
    .feedbody .rating-block, .feedbody .rating-block1 {
        width: 21px;
        margin: 0 3px;
    }
}

.commentTextbox {
    width: 500px;
    height: 100px;
}

.feedbackSubmit {
    width: 145px;
    text-align: center;
    margin: 0px 0 0 auto;
}
/* New Feedback CSS End */

/*header home and logout logo start*/
a > .headerHomeLogo {
    /*max-width: 17% !important;*/
    cursor: pointer;
    padding-left: 6px;
    padding-top: 8px;
}

a > .headerHomeLogotext {
    /*padding-left: 40px;*/
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
}

a > .headerlogoutLogo {
    max-width: 95% !important;
    cursor: pointer;
    padding-left: 9px;
    padding-top: 8px;
}

a > .headerlogoutLogotext {
    /*padding-left: 70px;*/
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
}

.resetAllcss {
    all: unset !important;
}
/*header home and logout logo end*/

/*#divProposalDetailRender {
    height: 100%;
}*/

.plz-wait-block, .plz-wait-block-2 {
    display: none;
    padding-top: 25%;
    font-size: 18px;
    width: 100%;
}

/*.plz-wait-block-2 {
    position: absolute;
    text-align: center;
    z-index: 16500;
}*/
.plz-wait-block-2 {
    width: 247px;
    position: fixed;
    top: -35px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10007;
    text-align: center;
}

    .plz-wait-block-2.fullPage {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 10002;
    }

    .plz-wait-block-2.fullPage {
        z-index: 20001;
    }

.fullPage.plz-wait-block-2 ~ .plz-wait-overlay {
    position: fixed;
}



.plz-wait-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 130%;
    background: rgba(255,255,255,.8);
    z-index: 10006;
    display: none;
}

.rating-block:hover, .rating-block1:hover {
    /*box-shadow: 0px 2px 3px #333 !important;*/
    opacity: 0.8 !important;
}

@media screen and (max-width: 767px) {
    .plz-wait-overlay {
        position: fixed;
    }
}

.footer-two a {
    color: #525252;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.footer-two hr {
    border: 0.5px solid;
    border-color: #d9d9d9;
}

@media (min-width: 1280px) {
    .maxheight450 > div {
        overflow: auto;
        max-height: 80%;
    }
}

input::-ms-clear {
    display: none;
}

.marT35 {
    margin-top: 35px !important;
}

div#modalPB .modal-close {
    right: -26px;
    top: 17px;
}

.sticky-span-close {
    position: fixed !important;
    top: 2% !important;
    right: 2% !important;
}

/*IE 10 and above*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .navbar-brand img {
        top: 22px !important;
        position: fixed !important;
    }

    .maxheight450IE > div {
        overflow-y: scroll;
        overflow-x: hidden;
        max-height: 80%;
    }

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

    .sticky-span-close {
        position: absolute !important;
    }

    .maxheight450IE > .remove-vertical-scroll {
        overflow-y: hidden;
    }
}



button.fueltype.active {
    /*background: #d1af59;*/
    background: #e42125;
    color: #fff;
}

.RenewalIdv .icon-rupee {
    font-size: 12px;
    font-weight: 600;
}

.passCountEmployee {
    margin-left: 32px;
}

.InspectionScreen {
    margin-bottom: 80px;
    margin-top: -15px;
}

#divMessage {
    color: #e42125;
}

/*BO new footer from https://www.hdfcergo.com/*/
.footer-two strong {
    display: block;
}

.new-footer-nav {
    padding-top: 20px;
    font-size: 12px;
    line-height: 22px;
}

    .new-footer-nav a {
        color: rgba(0,0,0,.54);
        padding-right: 5px;
    }

.pad-T5 {
    padding-top: 5px;
}

.new-border-top {
    border-top: 1px solid rgba(190,190,190,.54);
    margin-top: 20px;
    padding-top: 10px;
    margin-bottom: 15px;
}
/*BO END new footer from https://www.hdfcergo.com/*/

.SelfInspectionMessage i.icon-rupee:before {
    font-size: 14px;
}

.SelfInspectionMessage span {
    margin-left: -7px;
}

.SelfInspectionMessage {
    font-size: 16px;
    margin-top: 15px;
    font-weight: 600;
}

/* Start of Choose policy type UI css */
.marT-10 {
    margin-top: -10px !important;
}

.padLR0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.PolicyTypeBox {
    padding: 0;
    margin-top: 3%;
}

#tblPolicyType .col-sm-4 {
    padding-right: 2px;
    padding-left: 5px;
}

    #tblPolicyType .col-sm-4:first-child {
        padding-left: 10px;
    }

#tblPolicyType .dvTpPolicy {
    padding-right: 21px;
}

.tblpolicytype {
    color: #5b5b5b;
}

    .tblpolicytype .border-box {
        border: 1px solid rgba(0,0,0,.12);
        border-radius: 4px;
        margin-bottom: 20px;
        padding: 25px;
        min-height: 430px;
    }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .tblpolicytype .border-box {
        min-height: 450px;
    }
}

.tblpolicytype .border-box:hover, .borderRed {
    border: 2px solid #e42125 !important;
}

.tblpolicytype li {
    position: relative;
    padding-left: 18px;
}

.tblpolicytype .Policy_Title {
    width: 100% !important;
    font-size: 1.3em;
    font-weight: bold;
    text-align: left;
}

    .tblpolicytype .Policy_Title::after {
        clear: both;
        content: "";
        display: block;
        height: 2px;
        margin: 0;
        text-align: left;
        width: 15%;
        margin-top: 10px;
        color: #333;
        background: #e42125;
    }

#tblpolicytype .Policy_Description {
    text-align: left;
    min-height: 190px;
    font-size: 15px;
    margin-top: 20px;
}

#ODOnly .Policy_Description {
    margin-bottom: 19px;
}

#Comprehensive .Policy_Description {
    margin-bottom: 10px;
}

#ThirdParty .Policy_Description {
    margin-top: 44px;
    margin-bottom: 19px;
    padding: 1px;
}

.Policy_Description p {
    margin-bottom: -10px;
}

    .Policy_Description p.ncbDetails {
        margin-bottom: 20px;
    }

.Policy_Description ul {
    list-style: none;
}

    .Policy_Description ul li {
        margin-top: 10px;
        padding-left: 20px;
    }

#tblPolicyType .Policy_Description ul li::before {
    color: #e42125 !important;
    font-size: 1.5em;
    line-height: 15px;
    vertical-align: middle;
    margin-left: 0 !important;
    position: absolute;
    top: 6px;
    left: 0;
}

.Policy_Description ul li::before {
    content: "•";
    color: #3a3a3a;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: 1em;
}

#tblPolicyType .Policy_select {
    /*width: 103%;
    float: left;
    padding: 20px 0 0;
    text-align: left;*/
    width: 90%;
    float: left;
    padding: 20px 0 0;
    text-align: left;
    position: absolute;
    bottom: 20px;
    left: 10px;
}

#modalpackagePolicyDetails #tblPolicyType .Policy_select,
#modalStandAloneODPolicyDetails #tblPolicyType .Policy_select,
#modalThirdPolicyDetails #tblPolicyType .Policy_select {
    width: 100%;
    float: left;
    padding: 20px 0 0;
    text-align: left;
    position: inherit;
    bottom: 0;
    left: 0;
}

.Policy_select {
    float: right;
    width: 40%;
    text-align: right;
}

#tblNcbRates, #modalNcbDescription {
    font-size: 13px;
    line-height: 1.3em;
}

    #tblNcbRates thead {
        background-color: #e42125;
        color: white;
    }

    #tblNcbRates th, #tblNcbRates td {
        padding: 15px !important;
    }

#ncb-know-more {
    float: right;
    color: #e42125;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    margin-top: 10px;
    padding-right: 6%;
}


.width50 {
    width: 50% !important;
    float: left !important;
}

.width48 {
    width: 48% !important;
    float: left !important;
}

.new-policy-type .mCSB_inside > .mCSB_container {
    padding: 0;
}

.new-policy-type .mCSB_inside > .mCSB_container {
    padding-bottom: 30px;
}

table#tblNcbRates > thead > th {
    border-radius: 0 !important;
}

table#tblNcbRates > tbody > tr > td:nth-column(2) {
    width: 30%;
}

.ncb-pct {
    text-align: center;
    font-weight: 800;
    color: #e42125;
    font-size: 16px;
}

text-left {
    text-align: left;
}

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

#tblPolicyType a {
    color: #e42125 !important;
    font-size: 1.1em;
    cursor: pointer;
}

#tblPolicyType .btnChoosePolicy {
    padding: 6px 20px !important;
    text-align: right;
    float: right;
    padding: 6px 20px !important;
    border-radius: 50px !important;
    width: auto !important;
    cursor: pointer;
    padding: 10px 20px;
    font-size: 1.1em;
    font-weight: 600;
    border: 1px solid #e42125;
    color: #e42125;
    background: #fff;
    margin-top: -8px !important;
}

#modalTPPEDMoreThan3Month .btnOk, #modalTPPEDLessThan3Month .btnCancel, #modalTPPEDLessThan3Month .btnProceed, #modalSAODRestrict .btnCancel, #modalSAODRestrict .btnProceed {
    text-align: center;
    padding: 6px 40px;
    border-radius: 50px !important;
    width: auto !important;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: 600;
    border: 1px solid #e42125;
    color: #fff;
    background: #e42125;
}

#modalTPPEDLessThan3Month .btnProceed, #modalSAODRestrict .btnProceed {
    padding: 6px 30px !important;
}

#modalTPPEDLessThan3Month .btnCancel, #modalSAODRestrict .btnCancel {
    padding: 6px 30px !important;
    color: #e42125 !important;
    background: #fff !important;
}

.PolicySelected {
    background-color: #e42125 !important;
    color: white !important;
}

#modalpackagePolicyDetails .btnChoosePolicy-o:hover, #modalThirdPolicyDetails .btnChoosePolicy, #modalpackagePolicyDetails .btnChoosePolicy, #modalStandAloneODPolicyDetails .btnChoosePolicy {
    background-color: #e42125;
    color: #FFF;
    border-radius: 50px !important;
    float: right;
    text-align: center;
    cursor: pointer;
    margin-right: 10px;
}

#modalTPPEDMoreThan3Month .btnOk, #modalTPPEDLessThan3Month .btnCancel, #modalTPPEDLessThan3Month .btnProceed, #modalSAODRestrict .btnCancel, #modalSAODRestrict .btnProceed {
    background-color: #e42125;
    color: #fff;
    border-radius: 50px !important;
    text-align: center;
    cursor: pointer;
    margin-right: 10px;
}

#modalTPPEDLessThan3Month .btnCancel, #modalSAODRestrict .btnCancel {
    background-color: #fff !important;
    color: #e42125 !important;
}

#modalThirdPolicyDetails, #modalpackagePolicyDetails, #modalNcbDescription, #modalStandAloneODPolicyDetails {
    top: 50% !important;
    right: -31% !important;
    border-radius: 10px;
}

#modalTPPEDMoreThan3Month, #modalTPPEDLessThan3Month, #modalSAODRestrict {
    top: 25% !important;
    border-radius: 10px;
    width: 40%;
}

.modalTPPEDText, .modalSAODRestrictText {
    font-size: 14px;
    text-align: center;
}

#modalThirdPolicyDetails #tblPolicyType .border-box, #modalpackagePolicyDetails #tblPolicyType .border-box, #modalStandAloneODPolicyDetails #tblpolicytype .border-box {
    border: 0px !important;
}

#modalpackagePolicyDetails .rb, #modalThirdPolicyDetails .rb, #modalStandAloneODPolicyDetails .rb {
    border-right: 1px solid rgba(0,0,0,.12) !important;
    padding-right: 10px
}

#modalpackagePolicyDetails .mob-view-cross, #modalThirdPolicyDetails .mob-view-cross, #modalNcbDescription .mob-view-cross, #modalStandAloneODPolicyDetails .mob-view-cross, #modalTPPEDMoreThan3Month .mob-view-cross, #modalTPPEDLessThan3Month .mob-view-cross, #modalSAODRestrict .mob-view-cross {
    display: block !important;
    top: 0px;
    right: 1px;
    position: absolute;
    color: #d82a1b !important;
    font-size: 1.8em !important;
    z-index: 999;
}

#modalThirdPolicyDetails .modal-content, #modalpackagePolicyDetails .modal-content, #modalNcbDescription .modal-content, #modalStandAloneODPolicyDetails .modal-content, #modalTPPEDMoreThan3Month .modal-content, #modalTPPEDLessThan3Month .modal-content, #modalSAODRestrict .modal-content {
    border-radius: 8px !important;
}

pad-R0 {
    padding-right: 0
}

.pad-T10 {
    padding-top: 10px;
}

#modalCompre {
    top: 50% !important;
}

@media screen and (max-width:767px) {
    #tblPolicyType .dvTpPolicy {
        padding-right: 0px;
    }

    .TPmarT30 {
        margin-top: 30px;
    }

    #modalThirdPolicyDetails .media, #modalpackagePolicyDetails .media, #modalStandAloneODPolicyDetails .media {
        width: 90% !important
    }

    #modalThirdPolicyDetails #tblPolicyType .rb, #modalpackagePolicyDetails #tblPolicyType .rb, #modalStandAloneODPolicyDetails #tblpolicytype .rb {
        border-right: 0px !important;
        border-bottom: 1px solid rgba(0,0,0,.12) !important;
    }

    #tblPolicyType .border-box {
        padding: 10px;
        min-height: 290px;
    }

    #modalThirdPolicyDetails, #modalpackagePolicyDetails, #modalNcbDescription, #modalStandAloneODPolicyDetails {
        width: 90%;
        top: 8% !important;
        right: 0% !important;
    }

        #modalThirdPolicyDetails .modal-content, #modalpackagePolicyDetails .modal-content, #modalNcbDescription .modal-content, #modalStandAloneODPolicyDetails .modal-content, #modalTPPEDMoreThan3Month .modal-content, #modalTPPEDLessThan3Month .modal-content, #modalSAODRestrict .modal-content {
            padding: 15px !important
        }

        #modalThirdPolicyDetails .Policy_Description, #modalpackagePolicyDetails .Policy_Description, #modalStandAloneODPolicyDetails .Policy_Description {
            overflow-y: scroll;
            padding: 0px !important;
            max-height: 370px;
        }

        #modalNcbDescription .Policy_Description {
            overflow-y: scroll;
            padding: 0px !important;
            max-height: 510px;
        }

    #tblPolicyType .Policy_Description {
        min-height: 135px;
        margin-top: 10px;
        font-size: 0.9em;
    }

    #divVehicleBasicDetail .PolicyTypeBox {
        padding: 10px;
        margin-top: 0%;
    }

    .boxpt {
        padding: 20px 0px !important;
        display: block;
    }

    .Policy_select .col-xs-12 {
        padding: 0px;
    }

    .Policy_Description p {
        margin-bottom: 10px;
    }

    #tblPolicyType .Policy_select {
        padding: 10px 10px 0px 10px;
    }

    #tblpolicytype .Policy_Title {
        font-size: 1.1em;
        padding-top: 8px;
    }

    .tblPolicyType .col-sm-6 {
        padding-right: 5px;
        padding-left: 5px;
    }

        .tblPolicyType .col-sm-6:first-child {
            margin-bottom: -10px !important;
        }

    #tblPolicyType .Policy_Descyption ul li::before {
        top: 0px;
    }
}

@media (max-width:1024px) {
    #modalThirdPolicyDetails, #modalpackagePolicyDetails, #modalStandAloneODPolicyDetails {
        top: 36% !important;
        right: 0% !important;
        width: 90%
    }

    #modalNcbDescription {
        top: 36% !important;
        right: 0% !important;
        width: 90%
    }

    #modalTPPEDMoreThan3Month, #modalTPPEDLessThan3Month, #modalSAODRestrict {
        right: 0% !important;
        width: 90% !important;
    }

    .GETitleWidth {
        width: 65% !important;
    }

    .eiaURL {
        text-align: center;
        margin-top: 0px !important;
        margin-left: -1px !important;
    }

    .eiaURL_RW {
        text-align: center;
        margin-top: -5px !important;
        margin-left: -25px !important;
        margin-bottom: 15px !important;
    }
}

@media screen and (max-width:375px) {
    #modalCompre .modal-footer a {
        font-size: 9px;
    }
}
/* End of Choose policy type UI css */

.vehicle-subtext {
    font-size: 12px !important;
    margin-left: 0 !important;
    display: contents !important;
    color: rgba(0,0,0,.87) !important;
}

.dvVehicleSubtext {
    padding-left: 0 !important;
}

@media (max-width:800px) and (min-width: 600px) {
    .tblpolicytype .border-box {
        min-height: 395px;
    }

    #tblpolicytype .Policy_Description {
        min-height: 208px;
    }
}

.marB60 {
    margin-bottom: 60px !important;
}

.pad-B50 {
    padding-bottom: 50px;
}

.icon-call:before {
    font-size: 34px;
    color: #d41115;
}

.call-li li {
    padding-top: 9px !important;
    float: right;
    padding-right: 0px;
    width: auto !important;
}

.customer-care {
    position: relative;
    top: 0px;
}

.callCustMobile {
    display: none;
}

#Mobile-Customer-Care {
    border-radius: 25px;
}

.CustCarContent {
    border-radius: 25px 25px 0 0;
}

.pad-B100 {
    padding-bottom: 100px;
}

.disclaimerColor {
    color: #f44336;
}

#dvPYPDisclaimer {
    margin-top: -13px;
    margin-bottom: 15px;
}

.marR-15 {
    margin-right: -15px;
}

.green-color {
    color: #009900;
}

@media(min-height:1024px) {
    #tblpolicytype .Policy_Description {
        min-height: 250px
    }

    .tblpolicytype .Policy_Title {
        min-height: 75px;
    }

    #ODOnly .Policy_Description {
        margin-bottom: 11px;
    }

    .tblpolicytype .border-box {
        min-height: 478px;
    }
}

#divGeographicalExtension .gs_control {
    border: 0px solid
}

#divGeographicalExtension.select-block ul li label:hover {
    border: 0px solid;
}

#divGeographicalExtension .pad-L8 {
    padding-left: 25px;
}

#divGeographicalExtension ul li {
    height: 40px !important;
}

.GeoExtErrorMsg {
    color: #f44336;
    font-size: 12px;
    margin-top: 0px;
}

.crossSell-banner {
    padding-top: 6%;
}

.btnShareIct {
    text-align: right;
    float: right;
    padding: 6px 20px !important;
    border-radius: 50px !important;
    width: auto !important;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: 600;
    border: 1px solid #e42125;
    color: #FFF;
    background: #e42125;
    line-height: 20px;
    margin-top: 2px;
}

.lblShareICT {
    top: 15px !important;
}

.readonly-normal {
    color: #555 !important;
    background-color: transparent !important;
}

.margin-right-60px {
    margin-right: -60px;
}
/*********************/
/*.share-modal .nav-tabs > li.active > a, .share-modal .nav-tabs > li.active > a:hover, .share-modal .nav-tabs > li.active > a:focus {
    border: none !important;
    border-bottom: 2px solid #e42125 !important;
}*/

.share-modal.modal-body {
    padding: 5px;
}

.share-modal .nav-tabs > li > a {
    color: rgba(0,0,0,.54);
}

    .share-modal .nav-tabs > li > a:hover, .share-modal .nav-tabs > li.active a {
        border-color: transparent;
        background: transparent;
        border-bottom: 2px solid #e42125 !important;
    }

.share-modal .tab-content {
    padding-top: 15px
}

@media (min-width: 768px) {
   

    .share-modal-blk {
        width: 400px !important;
    }

    #thanksPage .col-sm-9, #thanksPage .col-sm-10 {
        width: 100%;
    }

    .col-sm-offset-2 {
        margin-left: 0 !important;
    }

    .verification-modal .pc-modal-dialog {
        width: 500px;
        margin: 14% auto;
    }

    #PayAsYouDrivePopup .modal-dialog {
        width: 400px !important;
        margin: 30px auto;
    }
}

@media (max-width:320px) {
    .short_heading {
        font-size: 16px;
        margin-right: 5px;
    }
}

.share-modal-blk .modal-content {
    padding: 20px 12px 20px !important;
}

.ICTShareQuoteMobile {
    float: right !important;
    margin-top: -4px;
    margin-bottom: -10px;
}

.ICTShareMobile {
    float: right;
    padding-top: 9px;
    display: inline-block;
    margin-top: -11px;
    margin-right: 0px;
}

.shareICT_modalContent .red-btn {
    margin-top: 15px;
}

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

.display-none-share {
    display: none !important;
}

.mar-L8 {
    margin-left: 8px;
}

span.ICTShareMobile img {
    width: 60px;
    height: 60px;
}

.exit-popup-error {
    text-align: left;
    margin-top: 6px;
    margin-left: 13%;
}

.pri-relative {
    position: relative;
}

.prifield {
    width: 50%;
    float: left;
}

button#btnShareICTSubmit {
    position: absolute;
    right: 5px;
    top: 4px;
}

.pri-relative .tab-content {
    padding-top: 0;
}

.ICTShare {
    margin-top: -18px;
}

.ICTShareQuoteImg {
    padding-top: 5px;
    margin-left: -18px;
    padding-bottom: 0px;
}

.pri-relative .form-group {
    margin-top: 0;
}

.pri-relative .lblplaceholder {
    margin-top: 15px;
    margin-bottom: -15px;
}

.pri-relative .error-msg {
    margin-top: 6px;
    margin-bottom: -6px;
}

.font-bold {
    font-weight: bold;
}
/*START Bug : 30100 */
@media all and (-ms-high-contrast:none) {
    .dvVehicleSubtext {
        margin-bottom: 17px;
    }

    .center {
        padding-right: 35px;
    }
    /* IE10 */
    *::-ms-backdrop, .dvVehicleSubtext {
        margin-bottom: 17px;
    }
    /* IE11 */
    *::-ms-backdrop, .center {
        padding-right: 35px;
    }
}
/*Bug : 30100 END*/

.bold-underline {
    font-weight: bold;
    text-decoration: underline;
}

/*START CR : 27123 */

#divExitReasonUL .gs_control {
    border: 0px solid
}

#divExitReasonUL.select-block ul li label:hover {
    border: 0px solid;
}

#divExitReasonUL .pad-L8 {
    padding-left: 25px;
    margin-left: -9px;
}

#divExitReasonUL ul li {
    /*height: 40px !important;*/
}

    #divExitReasonUL ul li label {
        font-weight: 400;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.87);
    }

.needAssist {
    font-size: 16px;
    margin-top: 10px !important;
    margin-bottom: 10px;
}

#btnExitIntentOk {
    padding: 8px 30px;
    margin-top: 6px;
}

/*END CR : 27123 */

.eiaURL {
    text-align: center;
    margin-top: 25px;
    margin-left: -25px;
}

.eiaURL_RW {
    text-align: center;
    margin-top: -40px;
    margin-left: -25px;
    margin-bottom: 25px;
}

.btnDisable {
    cursor: default;
    background-color: #ccc !important;
    border: solid 1px #ccc !important;
}

.otpErrorDiv {
    color: #e42125;
    margin-bottom: 5px;
}

.margin-bottom-21 {
    margin-bottom: 21%;
}

.margin-bottom-11 {
    margin-bottom: 11%;
}

.gidText {
    margin-top: 15px;
}

.dvNeedHelp {
    margin-top: 6px;
    padding-right: 20px !important;
}

.needHelpa {
    border: 1px solid #d41115;
    border-radius: 30px;
    padding: 14px !important;
    line-height: 10px !important;
    color: #d41115 !important;
}

.dvHelptext {
    margin: -8px;
}

.modalNeedHelp {
    height: 22%;
}

.needHelp_modalContent {
    height: 100%;
}

    .needHelp_modalContent:before {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 12px solid #fff;
        content: "";
        position: absolute;
        top: -10px;
        right: 6%;
    }

.needHelp_Text1 {
    font-weight: 600;
    font-size: 15px;
    margin-top: 5px;
}

.needHelp_Text2 {
    font-size: 11px;
    margin-top: 4px;
}

.callMebtn {
    background: #e42125;
    border: 0;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    padding: 7px 13px;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 4px;
    margin-left: 10px;
}

.callMeText {
    height: 2rem !important;
    width: 72% !important;
    float: left;
}

.marT-15 {
    margin-top: -15px;
}

div#modalNeedHelp {
    position: absolute !important;
    right: 20px !important;
    float: right;
    left: inherit;
}

.needHelpspan {
    display: none;
}

.needHelpClose {
    margin: -5px !important;
    display: block !important;
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 18px;
    color: #d1af59 !important;
}

@media only screen and (max-width: 1290px) {
    #modalNeedHelp.modal {
        width: 88% !important;
    }

    .needHelpa {
        padding: 11px 15px !important;
    }

    .needHelpspan {
        line-height: 10px;
        float: right;
        display: inline-block;
        border: 1px solid #d41115;
        border-radius: 17px;
        padding: 5px 7px !important;
        color: #d41115 !important;
        margin-right: 6px;
        margin-top: 15px;
    }

    .dvNeedHelp {
        margin-top: 6px;
        padding: 0px !important;
    }

    .callMebtn {
        width: auto;
        float: right;
    }

    label.lblNeedHelpMobileNo {
        width: 58% !important;
    }

    .modalNeedHelp {
        height: 23%;
    }

    .dvHelptext {
        font-size: 12px;
    }

    .callMeText {
        width: 58% !important;
    }
}

#ErorMessagePopup.modal {
    width: 40% !important;
}

/* CR 36425 Start */

.whatsapp-wraper {
    width: 650px;
    margin: 0 auto;
    display: table;
}

.pri-whatsapp-col {
    background: #f2f2f2;
    width: 100%;
    padding: 2% 2% 0 2%;
    float: left;
}

.pri-icon {
    float: left;
}

    .pri-icon img {
        width: 36px;
        float: left;
        margin-right: 15px;
        margin-bottom: 15px;
    }

.pri-right {
    width: 90%;
    float: left;
}

.pri-whatsapp-title {
    color: #7a7a7a;
    font-size: 12px;
    float: left;
    width: 100%;
    padding-bottom: 5px;
}

.pri-whatsapp-content {
    color: #515151;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
    float: left;
}

.accordion {
    background: #f9f9f9 url(../images/down-arrow.png) right 9px no-repeat;
    color: #444;
    cursor: pointer;
    padding: 10px 15px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    color: #f00;
    font-size: 12px;
}

    .accordion.active {
        background: #f9f9f9 url(../images/up-arrow.png) right 9px no-repeat;
    }

    .active, .accordion:hover {
        background-color: #f9f9f9;
    }

.carousel-inner .active {
    background: none;
}

.panel {
    padding: 15px 15px 15px;
    display: none;
    background-color: #f2f2f2;
    overflow: hidden;
    font-size: 12px;
}

    .panel p {
        color: #717171;
    }

        .panel p strong {
            font-weight: bold;
            color: #515151;
        }

    .panel ul {
        margin: 0 0 0 15px;
        padding: 0;
    }

        .panel ul li {
            color: #515151;
            font-weight: bold;
            line-height: 18px;
            list-style: none;
        }

            .panel ul li::before {
                content: "\2022";
                color: #f4cacb;
                font-weight: bold;
                display: inline-block;
                width: 1em;
                margin-left: -1em;
            }

.switch {
    margin: 0;
}

.col-sm-12 .switch {
    float: right;
    margin-top: -8px;
}

.CPAMobHeader .switch {
    right: 10px;
    top: 15px !important;
}


.switch .btn-toggle {
    top: 50%;
    transform: translateY(-50%);
}

.btn-toggle {
    margin: 0 4rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #bdc1c8;
}

    .btn-toggle:focus, .btn-toggle.focus, .btn-toggle:focus.active, .btn-toggle.focus.active {
        outline: none;
    }

    .btn-toggle:before, .btn-toggle:after {
        line-height: 1.5rem;
        width: 4rem;
        text-align: center;
        font-weight: 600;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 2px;
        position: absolute;
        bottom: 0;
        transition: opacity .25s;
    }

    .btn-toggle:before {
        content: 'Off';
        left: -4rem;
    }

    .btn-toggle:after {
        content: 'On';
        right: -4rem;
        opacity: .5;
    }

    .btn-toggle > .handle {
        position: absolute;
        top: 0.1875rem;
        left: 0.1875rem;
        width: 1.125rem;
        height: 1.125rem;
        border-radius: 1.125rem;
        background: #fff;
        transition: left .25s;
    }

    .btn-toggle.active {
        transition: background-color 0.25s;
    }

        .btn-toggle.active > .handle {
            left: 1.6875rem;
            transition: left .25s;
        }

        .btn-toggle.active:before {
            opacity: .5;
        }

        .btn-toggle.active:after {
            opacity: 1;
        }

    .btn-toggle.btn-sm:before, .btn-toggle.btn-sm:after {
        line-height: -0.5rem;
        color: #fff;
        letter-spacing: .75px;
        left: 0.41250000000000003rem;
        width: 2.325rem;
    }

    .btn-toggle.btn-sm:before {
        text-align: right;
    }

    .btn-toggle.btn-sm:after {
        text-align: left;
        opacity: 0;
    }

    .btn-toggle.btn-sm.active:before {
        opacity: 0;
    }

    .btn-toggle.btn-sm.active:after {
        opacity: 1;
    }

    .btn-toggle.btn-xs:before, .btn-toggle.btn-xs:after {
        display: none;
    }

    .btn-toggle:before, .btn-toggle:after {
        color: #6b7381;
    }

    .btn-toggle.active {
        background-color: #29b5a8;
    }

    .btn-toggle.btn-sm {
        margin-right: -8px;
        padding: 0;
        position: relative;
        border: none;
        height: 1.5rem;
        width: 3rem;
        border-radius: 1.5rem;
        float: right;
        margin-top: -10px;
    }

        .btn-toggle.btn-sm:focus, .btn-toggle.btn-sm.focus, .btn-toggle.btn-sm:focus.active, .btn-toggle.btn-sm.focus.active {
            outline: none;
        }

        .btn-toggle.btn-sm:before, .btn-toggle.btn-sm:after {
            line-height: 1.5rem;
            width: 0.5rem;
            text-align: center;
            font-weight: 600;
            font-size: 0.55rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            position: absolute;
            bottom: 0;
            transition: opacity .25s;
        }

        .btn-toggle.btn-sm:before {
            content: 'No';
            left: -0.5rem;
        }

        .btn-toggle.btn-sm:after {
            content: 'Yes';
            right: -0.5rem;
            opacity: .5;
        }

        .btn-toggle.btn-sm > .handle {
            position: absolute;
            top: 0.1875rem;
            left: 0.1875rem;
            width: 12px;
            height: 12px;
            border-radius: 1.125rem;
            background: #df1919;
            transition: left .25s;
            border: 2px solid #fff;
        }

        .btn-toggle.btn-sm.active {
            transition: background-color 0.25s;
        }

            .btn-toggle.btn-sm.active > .handle {
                left: 1.6875rem;
                transition: left .25s;
            }

            .btn-toggle.btn-sm.active:before {
                opacity: .5;
            }

            .btn-toggle.btn-sm.active:after {
                opacity: 1;
            }

        .btn-toggle.btn-sm.btn-sm:before, .btn-toggle.btn-sm.btn-sm:after {
            line-height: -0.5rem;
            color: #746c6c;
            letter-spacing: .75px;
            left: 0.41250000000000003rem;
            width: 2.325rem;
        }

        .btn-toggle.btn-sm.btn-sm:before {
            text-align: right;
        }

        .btn-toggle.btn-sm.btn-sm:after {
            text-align: left;
            opacity: 0;
        }

        .btn-toggle.btn-sm.btn-sm.active:before {
            opacity: 0;
        }

        .btn-toggle.btn-sm.btn-sm.active:after {
            opacity: 1;
        }

    .btn-toggle.btn-secondary {
        color: #6b7381;
        background: #fff;
        border: 1px solid #ffd4c9;
    }

        .btn-toggle.btn-secondary:before, .btn-toggle.btn-secondary:after {
            color: #6b7381;
        }

        .btn-toggle.btn-secondary.active {
            background-color: #fff;
            color: #746c6c;
        }

@media only screen and (max-width: 650px) {
    .whatsapp-wraper {
        width: 100%;
    }

    .pri-whatsapp-col {
        width: 100%;
        padding: 3% 3% 0 3%;
        position: relative;
    }

    .pri-right {
        width: 72%;
    }

    .pri-whatsapp-content {
        position: relative;
    }

    .col-sm-12 .switch {
        float: inherit;
        margin-top: inherit;
        position: absolute;
        right: 20px;
        top: 45px;
    }

    .pri-whatsapp-content {
        padding-bottom: 15px;
    }

    button#chkoptinWhatsapp {
        position: absolute;
        top: 60px;
    }

    .CPAMobHeader .switch {
        top: 5px !important;
    }
}

@media only screen and (max-width: 426px) {
    .pri-right {
        width: 65%;
    }

    .col-sm-12 .switch {
        top: 55px;
    }

    .accordion {
        font-size: 11px;
    }

    button#chkoptinWhatsapp {
        top: 80px;
        right: 20px;
    }
}
/*acronym 36425 complete*/


.tooltipEIA {
    position: relative;
    display: inline-block;
    opacity: inherit;
    width: 100%;
    text-align: center;
    margin-bottom: 90px;
}

    /* Tooltip text */
    .tooltipEIA .tooltiptext {
        visibility: hidden;
        width: 700px;
        background-color: black;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
        margin-top: 10px;
        padding: 5px;
        margin-left: 250px;
    }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltipEIA:hover .tooltiptext {
        visibility: visible;
    }

    .tooltipEIA .tooltiptext::after {
        content: " ";
        position: absolute;
        bottom: 100%; /* At the top of the tooltip */
        left: 45%;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent black transparent;
    }


/*HDC Cross Sell*/

.row.get-wraper {
    margin: 0;
}

.get-cash-wraper {
    background: #509848 url(..images/hospital-cash.png) right 35px no-repeat;
    width: 100%;
    Float: left;
    padding: 15px 0;
}

.getcash-title {
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    width: 70%;
    float: left;
    font-weight: bold;
    padding-bottom: 15px;
    padding-left: 30px;
}

.getcash-subtitle {
    background: #205828;
    padding: 10px;
    font-size: 20px;
    color: #fff;
    float: left;
    width: auto;
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
}

    .getcash-subtitle::after {
        width: 0;
        height: 0;
        border-bottom: 54px solid #205828;
        border-right: 50px solid transparent;
        content: " ";
        position: absolute;
        text-align: 0;
        top: 0;
        right: -50px;
    }

span.yellow {
    color: #f0ff00;
    font-size: 24px;
    font-weight: bold;
    background: transparent !important;
}

.get-cash-icon-row {
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 15px;
    padding-left: 30px;
}

.get-box {
    width: auto;
    font-size: 18px;
    float: left;
    padding-right: 30px;
    color: #fff;
}

    .get-box span {
        color: #fff;
    }

.opt-hospital {
    width: 62%;
    float: left;
    background: #fff;
    padding: 15px;
    clear: both;
    margin-left: 30px;
}

    .opt-hospital .label-title {
        font-size: 17px;
        color: #205828;
        font-weight: bold;
        float: left;
        padding-right: 15px;
        margin-right: 0px;
    }

.radio-box {
    float: left;
}

.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
    cursor: pointer;
    color: #205828;
    font-weight: normal;
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #205828;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    background: rebeccapurple;
    box-shadow: inset 0px 0px 0px 4px #fff;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    background: #205828;
    box-shadow: inset 0px 0px 0px 4px #fff;
}

.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
    outline: 1px solid #ddd; /* focus style */
}

.get-form {
    width: 100%;
    float: left;
    background: #66ac5e;
    padding: 15px;
    color: #fff;
}

.getcash-footer {
    width: 100%;
    float: left;
    background: #484848;
    padding: 15px 30px;
    font-size: 10px;
    color: #fff;
}

@media only screen and (max-width: 810px) {
    .row.get-wraper {
        margin-left: 0;
        margin-right: 0;
    }

    .container.get-wraper {
        width: 100%;
        padding: 0;
    }

    .getcash-title {
        width: 80%;
        font-size: 24px;
    }

    .getcash-subtitle, span.yellow {
        font-size: 15px;
    }

        .getcash-subtitle::after {
            border-bottom: 43px solid #205828;
        }

    .get-box {
        padding-right: 15px;
    }

    .get-wraper .col-md-12 {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .getcash-title {
        width: 100%;
        padding-left: 15px;
        line-height: inherit;
    }

    .getcash-subtitle {
        padding-left: 15px;
    }

    .get-cash-icon-row {
        padding-left: 15px;
        margin-bottom: 15px;
    }

    .get-box {
        padding-right: 15px;
        margin-bottom: 15px;
    }

    .opt-hospital {
        margin-left: 0;
        width: 100%;
    }

    .checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
        margin-top: 5px;
        margin-left: 0;
    }

    .get-form {
        padding: 15px;
    }

    .getcash-footer {
        padding: 15px;
    }

    .getcash-subtitle::after {
        display: none;
    }

    .get-box {
        font-size: 13px;
    }

    .medicalExpenseWrapperrow {
        display: inherit !important;
    }
}

.medicalExpenseWrapperrow .medicalExpenseWrapperInput {
    color: #000;
    border-bottom: 2px solid #000;
    font-size: 16px;
    height: 2rem;
}

.medicalExpenseWrapperrow {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    padding: 15px;
}

    .medicalExpenseWrapperrow label {
        font-size: 0.8rem;
        color: #000;
    }


    .medicalExpenseWrapperrow .select-text:valid ~ .select-label {
        color: #000;
        font-weight: bold;
    }

    .medicalExpenseWrapperrow .select:after {
        border-top: 6px solid #000;
    }

    .medicalExpenseWrapperrow .select-text {
        border-bottom: 2px solid #000;
        color: #000;
        font-size: 16px;
    }

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

.opt-hospital .radio-custom-label {
    margin-left: 0px;
}

.opt-hospital [type="radio"]:checked + label::after {
    background-color: transparent !important;
    border: 2px solid transparent !important;
}

.mt-20 {
    margin-top: 20px;
}

    .mt-20 .select-label {
        font-size: 0.8rem !important;
    }
/*HDC Cross Sell*/
div#ThankYouBannerCrossSell {
    display: none;
}

.get-wraper .get-form .medicalExpenseWrapperrow {
    background: none;
}

    .get-wraper .get-form .medicalExpenseWrapperrow label {
        color: #000;
    }

    .get-wraper .get-form .medicalExpenseWrapperrow label, .medicalExpenseWrapperrow .select-text:valid ~ .select-label {
        color: #000;
    }

.medicalExpenseWrapperrow .medicalExpenseWrapperInput, .medicalExpenseWrapperrow .select-text {
    border-bottom: 1px solid #000;
    color: #000;
}

.get-wraper .medicalExpenseWrapperrow .select:after {
    border-top: 6px solid #000;
}

.get-wraper input#medicalExpenseSubmit {
    padding: 17px 0;
    font-size: 20px;
    color: #205828;
    background: #fff;
    font-weight: bold;
}

.get-wraper input:focus:not([type]):not([readonly]),
.get-wraper input[type="text"]:focus:not([readonly]),
.get-wraper input[type="password"]:focus:not([readonly]),
.get-wraper input[type="email"]:focus:not([readonly]),
.get-wraper input[type="url"]:focus:not([readonly]),
.get-wraper input[type="time"]:focus:not([readonly]),
.get-wraper input[type="date"]:focus:not([readonly]),
.get-wraper input[type="datetime"]:focus:not([readonly]),
.get-wraper input[type="datetime-local"]:focus:not([readonly]),
.get-wraper input[type="tel"]:focus:not([readonly]),
.get-wraper input[type="number"]:focus:not([readonly]),
.get-wraper input[type="search"]:focus:not([readonly]) {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}

.get-form span {
    color: #000;
}

.field-validation-error span {
    font-size: 10px;
    padding-top: 10px;
}

.form-group.mt-20 .select {
    margin-top: 40px;
}



@media only screen and (max-width: 810px) {
    .acc-cov-gap.acc-cov-gap-mob.widAuto.pull-left.marT15.CPAMobCheckBox.swith-pull-right .switch {
        margin-top: 20px !important;
        position: absolute;
    }

    .cust-policy.new-features p {
        width: 100%;
    }

    .get-discount-row span.discount-left {
        width: 75%;
        display: table;
        float: left;
    }

    .new-features-pull-right {
        padding-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .acc-cov-gap.acc-cov-gap-mob.widAuto.pull-left.marT15.CPAMobCheckBox.swith-pull-right .switch {
        margin-top: 20px !important;
    }
}

.cust-policy.new-features {
    position: relative;
    margin-top: 40px;
}

#sms input {
    padding-left: 15px !important;
    padding-top: 14px;
    height: 2.2rem;
}

.newfeatures {
    background: #fde592;
    font-size: 12px;
    color: #000;
    padding: 5px;
    border-radius: 5px 5px 0 0;
    position: absolute;
    left: 0;
    top: -26px;
}

.cust-policy.new-features.sticky-active {
    width: 100% !important;
}

.new-features-icon {
    margin-right: 5px;
}

.new-features-pull-right {
    color: #e42125;
    text-align: right;
    float: right;
    text-decoration: underline;
    cursor: pointer;
}

.new-features p {
    width: 75%;
    float: left;
}

.swith-pull-right {
    float: right !important;
    width: 15% !important;
}

.get-discount-row {
    width: 100%;
    float: left;
    clear: both;
    font-size: 14px;
}

.discount-left {
    width: 88%;
    float: left;
}


.swith-pull-right .switch {
    margin-top: 0;
}

.new-feature-popup .pc-lopb-popup {
    border-bottom: none;
    padding: 20px 0;
}

.new-features-row {
    padding-bottom: 20px;
}

    .new-features-row label {
        width: 100%;
        font-size: 14px;
        color: #000;
        padding-bottom: 5px;
    }

    .new-features-row input.input-newfeatures {
        width: 92%;
        height: 38px;
        border: 1px solid #d8d8d8 !important;
        border-radius: 5px !important;
        padding: 5px 4%;
        font-weight: bold;
        font-size: 14px;
    }

.btn-continue {
    background: #9a9a9a;
    color: #fff;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    height: 48px;
    margin-top: 15px;
    width: 100%;
}

    .btn-continue.red-btn:hover {
        background: #9a9a9a !important;
        color: #fff !important;
        box-shadow: none;
    }

#dvPayasyou {
    position: relative !important;
}

.icon-calender-new {
    cursor: pointer;
    position: absolute;
    right: 6px;
    top: 41px;
    font-size: 24px;
    color: ccc;
}

/*Pay as You Drive aside bar*/
.drive-opacity {
    background: #7f7f7f;
    width: 100%;
    height: calc(100vh + 39px);
    opacity: 0.75;
    z-index: 10;
    position: relative;
}

.box {
    float: right;
    overflow: hidden;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999999;
}

.box-inner {
    width: 426px;
    position: relative;
    right: 0;
}

.zdbox {
    float: right;
    overflow: hidden;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999999;
}

.zdboxEGP {
    float: right;
    overflow: hidden;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999999;
}

.zdboxZD {
    float: right;
    overflow: hidden;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999999;
}

.opacity-paydrive {
    background: #7f7f7f;
    width: 100vh;
    height: 100vh;
}

.slide-pay-you-drive {
    width: 100%;
    background: #fff;
    padding: 30px;
    display: table;
    height: calc(100vh + 93px);
    overflow-y: scroll;
}

    .slide-pay-you-drive .close {
        margin: -5px 0 0 0;
        font-size: 28px;
        font-weight: 500;
        opacity: 0.2;
    }

    .slide-pay-you-drive h1 {
        text-transform: uppercase;
        font-size: 20px;
        padding-bottom: 15px;
    }

    .slide-pay-you-drive h2 {
        font-size: 16px;
        padding: 15px 0;
    }

    .slide-pay-you-drive p {
        text-align: justify;
        margin: 0;
        padding: 0;
    }

.chart-table {
    width: 100%;
    float: left;
}

.chart-row.heading {
    background: #d23931;
    color: #fff;
    border-radius: 5px 5px 0 0;
}

.chart-row {
    background: #f3f3f3;
    color: #000;
    font-size: 12px;
    border-bottom: 1px solid #fff;
    padding: 1.5% 4% 1% 4%;
    width: 100%;
    float: left;
}

.chart-left {
    width: 60%;
    float: left;
}

.chart-right {
    width: 40%;
    float: left;
}

.slide-pay-you-drive h2 {
    width: 100%;
    float: left;
}

.slide-pay-you-drive hr {
    border-top: 1px solid #f3f3f3;
    margin: 15px 0 0 0;
    width: 100%;
    float: left;
}

.mob-pay-left-arrow {
    display: none;
}

.mobile-pay {
    display: none;
}

@media only screen and (max-width: 767px) {
    .box-inner {
        width: 100%;
    }

    .slide-pay-you-drive {
        padding-bottom: 30px;
    }

    .mob-pay-left-arrow {
        margin-right: 15px;
        /*display: inline-table;*/
    }

    a.pay-btn-cancel {
        background: #fff;
        color: #333;
        text-transform: uppercase;
        font-size: 16px;
        text-align: center;
        border: #ddd solid 1px;
        border-radius: 5px;
        padding: 15px 25px;
        margin-top: 25px;
        float: left;
        width: 45%;
        text-decoration: none;
    }

        a.pay-btn-cancel:hover {
            background: #fff;
            color: #333;
        }

    a.pay-btn-select {
        border: #e02020 solid 1px;
        border-radius: 5px;
        background: #e02020;
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        text-align: center;
        padding: 15px 25px;
        margin-top: 25px;
        float: right;
        width: 45%;
        text-decoration: none;
    }

        a.pay-btn-select:hover {
            background: #e02020;
            color: #fff;
        }

    .mobile-pay {
        display: block;
    }

    .mobile-payclose {
        display: none;
    }

    #PayAsYouDrivePopup .pc-modal-content1 {
        top: inherit !important;
    }

    #PayAsYouDrivePopup .pc-modal-dialog {
        top: inherit !important;
    }
}

@media only screen and (max-width: 360px) {
    #PayAsYouDrivePopup .pc-modal-dialog {
        top: 10% !important;
    }
}

.new-features.sticky-active {
    height: auto !important;
}

.new-feature-popup .pc-popup-title {
    font-size: 20px;
}

.second-row-sticky .sticky-active {
    z-index: 9;
}

.pay-drive-scroll {
    min-height: 450px;
    /*overflow-y: auto;*/
    float: left;
    width: 100%;
    max-height: 490px;
}

.PayPedRight {
    padding-right: 0 !important;
}

.PayPedLeft {
    padding-left: 4px !important;
}

.btn-cust-gray {
    background: #9A9A9A;
}


.pc-d-flex {
    display: flex;
    justify-content: center;
}

.pc-d-flex-btn {
    display: flex;
    justify-content: center;
}

.one-row {
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
}

.pc-form-group {
    padding: 0 0 10px 0;
}

.pc-white-btn {
    background: #f4f4f4;
    border: 1.5px solid #e1e1e1;
    border-radius: 4px;
    color: #6c6c6c;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    width: 49%;
    height: 50px;
    padding: 15px 0;
    margin-right: 25px;
}

.pc-red-btn {
    background: #E21F26;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    width: 49%;
    height: 50px;
    border: 0;
    padding: 15px 0;
}

    .pc-red-btn:hover {
        color: #fff;
    }

.pc-red-text {
    color: #E21F26;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0px;
}

.pc-addpr {
    width: 100%;
    background: #f4f4f4;
    text-align: center;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 20px;
}

.pc-lopb-popup {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    text-align: center;
}

.pc-text {
    font-size: 16px;
    color: #333;
    margin-bottom: 0px;
}

.pc-popup-title {
    color: #333;
    font-size: 18px;
    font-weight: 500;
}

.pc-close {
    width: 20px;
    height: 20px;
    background: url(../images/pc/close-btn1.svg) left top no-repeat;
    outline: none;
    border: none;
    top: 0;
    right: 0;
    position: absolute;
    margin: 12px 12px 0 0;
    z-index: 1;
}
/* pc Fancy Radio & Checkbox Start*/
.pc-fancy-checkbox [type="checkbox"], .pc-fancy-radio [type="radio"] {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

    .pc-fancy-checkbox [type="checkbox"]:focus + label::before, .pc-fancy-radio [type="radio"]:focus + label::before {
        box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.4) !important;
    }

    .pc-fancy-checkbox [type="checkbox"]:hover + label::before, .pc-fancy-radio [type="radio"]:hover + label::before {
        border-color: #ccc;
    }

    .pc-fancy-checkbox [type="checkbox"]:active + label::before, .pc-fancy-radio [type="radio"]:active + label::before {
        transition-duration: 0;
    }

    .pc-fancy-checkbox [type="checkbox"] + label, .pc-fancy-radio [type="radio"] + label {
        position: relative;
        padding: 6px;
        user-select: none;
        color: #333;
        font-size: 16px;
        font-weight: 400;
        cursor: pointer;
        width: 100%;
        display: flex;
    }

        .pc-fancy-checkbox [type="checkbox"] + label::before, .pc-fancy-radio [type="radio"] + label::before {
            background-color: #fff;
            border: 2px solid #666;
            box-sizing: content-box;
            content: '';
            color: #444;
            margin-right: 10px;
            top: 50%;
            left: 0;
            width: 16px;
            height: 16px;
            display: inline-block;
            vertical-align: middle;
            border-radius: 3px;
        }

        .pc-fancy-checkbox [type="checkbox"] + label::after, .pc-fancy-radio [type="radio"] + label::after {
            box-sizing: content-box;
            content: '';
            background: none;
            position: absolute;
        }

    .pc-fancy-checkbox [type="checkbox"][disabled] + label::before, .pc-fancy-radio [type="radio"][disabled] + label::before {
        animation: none;
        box-shadow: none;
        border: 1px solid rgba(128, 128, 128, 0.5);
    }

    .pc-fancy-checkbox [type="checkbox"][disabled]:active + label::before, .pc-fancy-radio [type="radio"][disabled]:active + label::before, .pc-fancy-checkbox [type="checkbox"][disabled]:focus + label::before, .pc-fancy-radio [type="radio"][disabled]:focus + label::before, .pc-fancy-checkbox [type="checkbox"][disabled]:hover + label::before, .pc-fancy-radio [type="radio"][disabled]:hover + label::before {
        border-color: rgba(128, 128, 128, 0.5);
        filter: none;
        transition: none;
    }

    .pc-fancy-checkbox [type="checkbox"] + label::before, .pc-fancy-checkbox [type="checkbox"] + label::after {
        border-radius: 2px;
    }

    .pc-fancy-checkbox [type="checkbox"] + label::after {
        top: 7px;
        left: 7px;
        width: 18px;
        height: 18px;
        line-height: 18px;
        text-align: center;
        color: #fff;
    }

    .pc-fancy-checkbox [type="checkbox"]:checked + label::after {
        content: '\2714';
        border: 1px solid #f00;
        background: #f00 url("../images/pc/checked.png") 3px 3px no-repeat;
        width: 18px;
        text-indent: 27px;
        overflow: hidden;
    }

    .pc-fancy-radio [type="radio"] + label::before, .pc-fancy-radio [type="radio"] + label::after {
        border-radius: 50%;
    }

    .pc-fancy-radio [type="radio"]:checked:active + label::before, .pc-fancy-radio [type="radio"]:checked:focus + label::before {
        animation: none;
        filter: none;
        transition: none;
    }

    .pc-fancy-radio [type="radio"]:checked + label::before {
        animation: none;
        background-color: #e21f26;
    }

    .pc-fancy-radio [type="radio"]:checked + label::after {
        content: '\2714';
        background: transparent;
        border: 0 solid #f00;
        color: #fff;
        left: 6px !important;
        top: 6px !important;
        background: url("../images/pc/radio.png") left top no-repeat !important;
        width: 18px;
        text-indent: 27px;
        overflow: hidden;
        background-size: 20px;
        padding: 2px;
    }

.pc-seprate-label {
    float: right;
    width: 100%;
    font-size: 14px;
    font-family: Arial, sans-serif;
    color: #444444;
    line-height: 17px;
}

.year-sec {
    width: 94%;
    display: block;
    margin: 15px auto;
}

.pc-popup-modal {
    box-shadow: none;
    background-color: transparent;
}

.pc-modal-content1 {
    padding: 0 !important;
    border-radius: 6px;
}

.pc-radio-btn {
    height: inherit !important;
    line-height: inherit !important;
}

    .pc-radio-btn::before {
        position: inherit !important;
        margin: 2px !important;
        content: '' !important;
    }

.pc-checkbox1::before {
    position: inherit !important;
    content: '' !important;
}

.pc-checkbox1 {
    height: inherit !important;
    line-height: inherit !important;
}

.pc-radio-lbl {
    padding-left: 24px !important;
    border: none !important;
}

.lbl-font {
    font-weight: 400 !important;
    cursor: pointer !important;
}

.pc-white-btn:hover {
    background: #f4f4f4 !important;
    border: 1.5px solid #e1e1e1 !important;
}

.pc-red-btn:hover {
    background: #E21F26 !important;
}

.clear-row {
    clear: both;
}

.new-switch-right {
    right: 30px;
    position: absolute;
    top: 10px;
}

    .new-switch-right .switch {
        right: 0;
        top: 0;
    }

#dvAgentControl_CD .ins-sub-heading {
    width: auto;
}

#dvAgentControl_CD .switch {
    position: absolute;
    right: 30px;
    top: 0;
    margin: 3px 0 0 0;
}

.new-switch-right-toggle .GoGreenfontsize {
    width: 93%;
}

@media only screen and (max-width: 1280px) {
    .new-switch-right {
        right: 15px;
    }

    .new-switch-right {
        top: -5px;
    }

    #divOwnershipChange .new-switch-right {
        top: 7px;
    }

    .new-switch-right-toggle .switch {
        margin-top: 0;
    }

    .new-switch-right-toggle .GoGreenfontsize {
        width: 89%;
    }
}

@media only screen and (max-width: 768px) {
    #top-nav-2 ul {
        width:auto;
    }
    .mob-call-hide {
        display: none;
    }
    #dvAgentControl_CD .ins-sub-heading {
        width: 100%;
    }

    #dvAgentControl_CD .switch {
        right: 15px;
    }

    .new-switch-right-toggle .widAuto {
        width: 15%;
        text-align: right;
        float: right;
    }

    .new-switch-right-toggle .switch {
        top: 0;
        right: -10px;
        margin: 0;
    }
}

@media only screen and (max-width: 767px) {
    .new-switch-right-toggle .GoGreenfontsize {
        width: 80%;
    }

    .new-switch-right-toggle .widAuto {
        width: inherit;
    }

    .termsandconditionlable {
        height: 60px !important;
    }
}

@media only screen and (max-width: 480px) {
    #dvAgentControl_CD .ins-sub-heading {
        width: 100%;
    }

    #dvAgentControl_CD .switch {
        right: 10px;
    }


    .new-switch-right-toggle .switch {
        top: 0;
    }
}

@media only screen and (max-width: 414px) {
    .new-switch-right-toggle .switch {
        right: 0;
    }
}

.termsandconditionlable {
    line-height: 20px !important;
}




/*LOPB*/

/*Popup*/

.pc-d-flex {
    display: flex;
    justify-content: center;
}

.pc-d-flex-btn {
    display: flex;
    justify-content: center;
}

.one-row {
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
}

.pc-form-group {
    padding: 0 0 10px 0;
}


.pc-white-btn {
    background: #f4f4f4;
    border: 1.5px solid #e1e1e1;
    border-radius: 4px;
    color: #6c6c6c;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    width: 49%;
    height: 50px;
    padding: 15px 0;
    margin-right: 25px;
}

.pc-red-btn {
    background: #E21F26;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    width: 49%;
    height: 50px;
    border: 0;
    padding: 15px 0;
}

    .pc-red-btn:hover {
        color: #fff;
    }

.pc-red-text {
    color: #E21F26;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0px;
}

.pc-addpr {
    width: 100%;
    background: #f4f4f4;
    text-align: center;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 20px;
}

.pc-lopb-popup {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    text-align: center;
}

.pc-text {
    font-size: 16px;
    color: #333;
    margin-bottom: 0px;
}

.pc-popup-title {
    color: #333;
    font-size: 18px;
    font-weight: 500;
}

.pc-close {
    width: 20px;
    height: 20px;
    background: url(../images/pc/close-btn1.svg) left top no-repeat;
    outline: none;
    border: none;
    top: 0;
    right: 0;
    position: absolute;
    margin: 12px 12px 0 0;
    z-index: 1;
}
/* pc Fancy Radio & Checkbox Start*/
.pc-fancy-checkbox [type="checkbox"], .pc-fancy-radio [type="radio"] {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

    .pc-fancy-checkbox [type="checkbox"]:focus + label::before, .pc-fancy-radio [type="radio"]:focus + label::before {
        box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.4) !important;
    }

    .pc-fancy-checkbox [type="checkbox"]:hover + label::before, .pc-fancy-radio [type="radio"]:hover + label::before {
        border-color: #ccc;
    }

    .pc-fancy-checkbox [type="checkbox"]:active + label::before, .pc-fancy-radio [type="radio"]:active + label::before {
        transition-duration: 0;
    }

    .pc-fancy-checkbox [type="checkbox"] + label, .pc-fancy-radio [type="radio"] + label {
        position: relative;
        padding: 6px;
        user-select: none;
        color: #333;
        font-size: 16px;
        font-weight: 400;
        cursor: pointer;
        width: 100%;
        display: flex;
    }

        .pc-fancy-checkbox [type="checkbox"] + label::before, .pc-fancy-radio [type="radio"] + label::before {
            background-color: #fff;
            border: 2px solid #666;
            box-sizing: content-box;
            content: '';
            color: #444;
            margin-right: 10px;
            top: 50%;
            left: 0;
            width: 16px;
            height: 16px;
            display: inline-block;
            vertical-align: middle;
            border-radius: 3px;
        }

        .pc-fancy-checkbox [type="checkbox"] + label::after, .pc-fancy-radio [type="radio"] + label::after {
            box-sizing: content-box;
            content: '';
            background: none;
            position: absolute;
        }

    .pc-fancy-checkbox [type="checkbox"][disabled] + label::before, .pc-fancy-radio [type="radio"][disabled] + label::before {
        animation: none;
        box-shadow: none;
        border: 1px solid rgba(128, 128, 128, 0.5);
    }

    .pc-fancy-checkbox [type="checkbox"][disabled]:active + label::before, .pc-fancy-radio [type="radio"][disabled]:active + label::before, .pc-fancy-checkbox [type="checkbox"][disabled]:focus + label::before, .pc-fancy-radio [type="radio"][disabled]:focus + label::before, .pc-fancy-checkbox [type="checkbox"][disabled]:hover + label::before, .pc-fancy-radio [type="radio"][disabled]:hover + label::before {
        border-color: rgba(128, 128, 128, 0.5);
        filter: none;
        transition: none;
    }

    .pc-fancy-checkbox [type="checkbox"] + label::before, .pc-fancy-checkbox [type="checkbox"] + label::after {
        border-radius: 2px;
    }

    .pc-fancy-checkbox [type="checkbox"] + label::after {
        top: 7px;
        left: 7px;
        width: 18px;
        height: 18px;
        line-height: 18px;
        text-align: center;
        color: #fff;
    }

    .pc-fancy-checkbox [type="checkbox"]:checked + label::after {
        content: '\2714';
        border: 1px solid #f00;
        background: #f00 url("../images/pc/checked.png") 3px 3px no-repeat;
        width: 18px;
        text-indent: 27px;
        overflow: hidden;
    }

    .pc-fancy-radio [type="radio"] + label::before, .pc-fancy-radio [type="radio"] + label::after {
        border-radius: 50%;
    }

    .pc-fancy-radio [type="radio"]:checked:active + label::before, .pc-fancy-radio [type="radio"]:checked:focus + label::before {
        animation: none;
        filter: none;
        transition: none;
    }

    .pc-fancy-radio [type="radio"]:checked + label::before {
        animation: none;
        background-color: #e21f26;
    }

    .pc-fancy-radio [type="radio"]:checked + label::after {
        content: '\2714';
        background: transparent;
        border: 0 solid #f00;
        color: #fff;
        left: 6px !important;
        top: 6px !important;
        background: url("../images/pc/radio.png") left top no-repeat !important;
        width: 18px;
        text-indent: 27px;
        overflow: hidden;
        background-size: 20px;
        padding: 2px;
    }

.pc-seprate-label {
    float: right;
    width: 100%;
    font-size: 14px;
    font-family: Lato;
    color: #444444;
    line-height: 17px;
}

.pc-popup-modal {
    box-shadow: none;
    background-color: transparent;
}

.pc-modal-content1 {
    padding: 0 !important;
    border-radius: 6px;
}

.pc-radio-btn {
    height: inherit !important;
    line-height: inherit !important;
}

    .pc-radio-btn::before {
        position: inherit !important;
        margin: 2px !important;
        content: '' !important;
    }

.pc-checkbox1::before {
    position: inherit !important;
    content: '' !important;
}

.pc-checkbox1 {
    height: inherit !important;
    line-height: inherit !important;
}

.pc-radio-lbl {
    padding-left: 24px !important;
    border: none !important;
}

.lbl-font {
    font-weight: 400 !important;
    cursor: pointer !important;
}

.pc-white-btn:hover {
    background: #f4f4f4 !important;
    border: 1.5px solid #e1e1e1 !important;
}

.pc-red-btn:hover {
    background: #E21F26 !important;
}

/*.overflowAuto {
    overflow: hidden;
}*/
/*#pConsents {
    padding-bottom: 100px;
}*/

/*ekyc css start*/
.ekyc-checkbox-row {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    padding-top: 10px;
}

    .ekyc-checkbox-row input[type="checkbox"] {
        opacity: 1;
        left: 0;
    }

    .ekyc-checkbox-row span {
        padding: 2px 0 0 20px;
        float: left;
        font-size: 14px;
    }
/*ekyc css end*/

.ekyc-col {
    margin-top: 20px;
}

    .ekyc-col label {
        margin-left: -24px !important;
    }

    .ekyc-col .swith-pull-right .switch {
        margin-top: 6px;
    }

/*.custom-blk-gap #pancard {
    float: left;
    clear: both;
    padding: 0;
    margin: 0;
    width: 68%;
}

#pancard label {
    padding: 0;
    margin: 0;
}*/

.ekyc-col .input-field label {
    margin-left: 0;
}
#CIsTerm .field-validation-error span, #pConsents .field-validation-error span {
    padding: 10;
}

.pan-toggle {
    margin: 14px 0 0 0;
}

.newPolD li#IsPanCard span:last-child {
    text-align: inherit;
}

#IsPanCard .pan-toggle span {
    padding: 2px 5px 0 5px;
}

#IsPanCard .pan-toggle .lever span {
    line-height: 8px;
}

@media only screen and (max-width:680px) {
    #IsPanCard .pan-toggle .swith-pull-right .switch {
        margin-top: 20px;
    }

    .col-sm-12 #IsPanCard .pan-toggle .switch {
        right: 0;
    }

    .box-inner-essential {
        width: 100% !important;
    }
}

.Textred span {
    color: red !important;
}

#pTermsConditions .field-validation-error span, #pConsents .field-validation-error span {
    padding: 0;
}

ul.collapsible.marT20.marB20 {
    margin-bottom: 15px;
}

#frm_FD .termslink label {
    display: table;
    height: inherit;
    line-height: inherit;
}

#divDOB .regnoConfirmPage {
    position: relative;
}

.regnoConfirmPage i#dob {
    position: absolute;
    right: 0;
    top: 7px;
}

#divDOB span.field-validation-valid {
    clear: both;
    text-align: left;
    width: 100%;
}

/*Essential ZD*/
.essential-plan-row {
    float: left;
    clear: both;
    padding: 25px 0;
    position: relative;
}

.essential-plan-colum {
    border: 1px solid #E0E0E0;
    border-radius: 2px;
    width: 100%;
    display: table;
    padding: 15px;
}

    .essential-plan-colum:hover {
        border: 1px solid #D23931;
    }

.essential-left {
    width: 70%;
    float: left;
}

    .essential-left h3 {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.14px;
        color: #000000;
        text-transform: capitalize;
        padding-bottom: 0;
        float: left;
        margin-left: 30px;
    }

    .essential-left p {
        font-size: 12px;
        color: #666;
        width: 100%;
        float: left;
        text-align: inherit;
    }

.essential-right {
    width: 30%;
    float: right;
}

.essential-price {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    text-align: right;
}

a.essential-more {
    border: 1px solid #C2453A;
    border-radius: 25px;
    margin-top: 10px;
    float: right;
    line-height: 20px;
    padding: 4px 9px;
    color: #C2453A;
    font-size: 10px;
}

a.essential-moreZD {
    border: 1px solid #C2453A;
    border-radius: 25px;
    margin-top: 10px;
    float: right;
    line-height: 20px;
    padding: 4px 9px;
    color: #C2453A;
    font-size: 10px;
}

a.essential-moreEGP {
    border: 1px solid #C2453A;
    border-radius: 25px;
    margin-top: 10px;
    float: right;
    line-height: 20px;
    padding: 4px 9px;
    color: #C2453A;
    font-size: 10px;
}

.great-essential {
    position: absolute;
    background: #3F3F3F;
    border-radius: 5px;
    left: 20%;
    top: -75px;
    z-index: 99999;
    font-size: 16px;
    font-weight: 600;
    color: #FFF;
    padding: 5px 12px;
    width: 60%;
}

    .great-essential span {
        color: #FFE419;
    }

    .great-essential img {
        width: 30px;
        margin-right: 8px;
    }

.essential-plan-colum .gs_control {
    border: none;
    padding: 0;
}

    .essential-plan-colum .gs_control.gs_radio {
        float: left;
    }

.essential-plan-colum .gs_control__indicator {
    left: 0;
    top: 0;
}

.box-inner-essential {
    width: 578px;
}

.essential-cover-row {
    background: #f7f7f7;
    border-radius: 4px;
    width: 100%;
    display: table;
    padding: 15px 20px;
    margin-bottom: 15px;
}

    .essential-cover-row .essential-left {
        width: 80%;
    }

    .essential-cover-row .essential-right {
        width: 20%;
    }

    .essential-cover-row h3 {
        font-size: 16px;
        font-weight: 600;
        color: #333;
        margin-left: 0;
        padding-bottom: 10px;
    }

.essential-total-addon-price {
    padding: 15px 20px 0 20px;
    width: 100%;
    display: table;
}

    .essential-total-addon-price h3 {
        font-size: 16px;
        font-weight: 600;
        color: #333;
        margin-left: 0;
        padding-bottom: 10px;
    }

    .essential-total-addon-price .essential-right .essential-price {
        font-size: 24px;
        font-weight: 600;
    }

a.essential-ok-btn {
    color: #D23931;
    border: 1px solid #ddd;
    border-radius: 6px;
    width: 100%;
    text-align: center;
    height: 44px;
    line-height: 44px;
    display: table;
    float: left;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 15px;
}

    a.essential-ok-btn:hover {
        background: #D82B1B;
        color: #fff;
        border: 1px solid #D82B1B;
    }

/*77051  BH Series*/


#modalBHSeries .modal-dialog.pc-modal-dialog {
    width: 300px;
    margin: 10px auto !important;
}

    #modalBHSeries .modal-dialog.pc-modal-dialog .modal-content {
        padding: 24px;
        border-radius: 10px;
    }

span.modalBHSeries-close-icon {
    right: 10px;
    top: 10px;
    position: absolute;
    z-index: 1;
}

.modalBHSeries-icon {
    margin: 20px auto;
    display: table;
    width: 125px;
}

.modalBHSeries-title {
    font-size: 16px;
}

#modalBHSeries .pc-d-flex-btn {
    width: 230px;
    margin: 0 auto;
}

#modalBHSeries .pc-white-btn {
    padding: 10px 0;
    width: 100px;
    margin: 0 auto;
    display: table;
    height: 40px;
}

#modalBHSeries .pc-red-btn {
    padding: 10px 0;
    width: 100px;
    margin: 0 auto;
    display: table;
    height: 40px;
}

/*77051  BH Series end */

/*..new css corporate kyc*/
.company-label {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: normal;
}

.kyc-guideline, .company-guideline {
    background-color: #eee6d0 !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    margin-bottom: 30px !important;
}

    .kyc-guideline p {
        color: #d1af59;
        font-size: 12px;
    }

    .kyc-guideline label {
        height: auto !important;
        font-size: 12px !important;
        margin-right: 40px !important;
        color: #333 !important;
    }

        .kyc-guideline label input[type=text]:focus {
            background-color: none !important;
        }

    .kyc-guideline .option1, .kyc-guideline .option2, .kyc-guideline .option3 {
        width: 50%;
    }
/*... button*/
.form-radio, .form-group {
    position: relative;
    margin-bottom: 30px;
}

.form-radio {
    margin: 0 !important
}

    .form-radio .radio {
        display: inline-block;
        margin-bottom: 20px;
    }

.form-inline > .form-group, .form-inline > .btn {
    display: inline-block;
    margin-bottom: 0;
}

.form-help {
    margin-top: 0.125rem;
    margin-left: 0.125rem;
    color: #FDFBF2;
    font-size: 0.8rem;
}

.checkbox .form-help, .form-radio .form-help, .form-group .form-help {
    position: absolute;
    width: 100%;
}

.form-radio .form-help {
    padding-top: 0.25rem;
    margin-top: -1rem;
}


.form-group .bar {
    position: relative;
    border-bottom: 0.0625rem solid #999;
    display: block;
}

    .form-group .bar::before {
        content: '';
        height: 0.125rem;
        transition: left 0.28s ease, width 0.28s ease;
        z-index: 2;
        width: 0;
        left: 50%;
        bottom: -0.0625rem;
        position: absolute;
        background: #999;
        -webkit-transition: left 0.28s ease, width 0.28s ease;
    }


.form-group select, .form-group input:focus, .form-group input:valid, .form-group input.form-file, .form-group input.has-value, .form-group textarea:focus, .form-group textarea:valid, .form-group textarea.form-file, .form-group textarea.has-value {
    color: #333;
}

    .form-group select ~ .control-label, .form-group input:focus ~ .control-label, .form-group input:valid ~ .control-label, .form-group input.form-file ~ .control-label, .form-group input.has-value ~ .control-label, .form-group textarea:focus ~ .control-label, .form-group textarea:valid ~ .control-label, .form-group textarea.form-file ~ .control-label, .form-group textarea.has-value ~ .control-label {
        font-size: 12px;
        color: gray;
        top: -15px;
        left: -1px;
    }

    .form-group select:focus, .form-group input:focus, .form-group textarea:focus {
        outline: none;
    }

        .form-group select:focus ~ .control-label, .form-group input:focus ~ .control-label, .form-group textarea:focus ~ .control-label {
            color: #999;
        }

        .form-group select:focus ~ .bar::before, .form-group input:focus ~ .bar::before, .form-group textarea:focus ~ .bar::before {
            width: 100%;
            left: 0;
        }

.checkbox label, .form-radio label {
    position: relative;
    cursor: pointer;
    padding-left: 25px !important;
    text-align: left;
    display: block;
    color: #999;
}

.checkbox input, .form-radio input {
    width: auto;
    opacity: 0.00000001;
    position: absolute;
    left: 0;
}

.radio {
    margin: 0 10px 0 0;
}

    .radio .helper {
        position: absolute;
        top: -0.25rem;
        left: -0.25rem;
        cursor: pointer;
        display: block;
        font-size: 1rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #999;
    }

        .radio .helper::before, .radio .helper::after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            margin: 0.25rem;
            width: 16px;
            height: 16px;
            -webkit-transition: -webkit-transform 0.28s ease;
            transition: -webkit-transform 0.28s ease;
            transition: transform 0.28s ease;
            transition: transform 0.28s ease, -webkit-transform 0.28s ease;
            border-radius: 50%;
            border: 0.125rem solid currentColor;
        }

        .radio .helper::after {
            -webkit-transform: scale(0);
            transform: scale(0);
            background-color: #E21F26;
            border-color: #E21F26;
        }


    .radio input:checked ~ .helper::after {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    .radio input:checked ~ .helper::before {
        color: #E21F26;
    }

.tooltip1 {
    position: relative;
    font-size: 12px;
}

    /* Tooltip box */
    .tooltip1:before {
        content: attr(data-tooltip);
        position: absolute;
        width: 296px;
        background-color: #4A4A4A;
        color: #fff;
        text-align: left;
        padding: 10px;
        line-height: 1.2;
        border-radius: 6px;
        z-index: 1;
        opacity: 0;
        transition: opacity .6s;
        bottom: 190%;
        left: 0;
        margin-left: -70px;
        font-size: 0.75em;
        visibility: hidden;
    }

    /* Tooltip arrow */
    .tooltip1:after {
        content: "";
        position: absolute;
        bottom: 7px;
        left: 2px;
        margin-left: -5px;
        border-width: 10px;
        border-style: solid;
        opacity: 0;
        transition: opacity .6s;
        border-color: #4A4A4A transparent transparent transparent;
        visibility: hidden;
    }

    .tooltip1:hover:before, .tooltip1:hover:after {
        opacity: 1;
        visibility: visible;
    }

.mt-30 {
    margin-top: 30px;
}
/*.kyc-guideline .form-radio .label .active{
    background-color: none !important;
}*/
#ORGkyctextchnage.active {
    background-color: transparent !important;
}

.kyc-guideline #Documnetoption {
    display: block;
    width: 50%;
    height: 20px !important;
}
.company-label .form-select {
    width: auto !important;
    max-height: initial !important;
}

.company-guideline input[type=text] {
    margin-top: 10px;
    width: 50% !important;
    border: 1px solid #333 !important;
    background-color: #FFF !important;
    border-radius: 4px;
    padding-left: 10px;
    margin-bottom: 10px;
}

    .company-guideline input[type=text]:focus {
        box-shadow: none !important;
    }

.company-guideline span {
    text-decoration: underline;
}

.company-guideline .not-kyc {
    margin-top: 10px;
}

    .company-guideline .not-kyc a {
        text-decoration: underline;
        color: #e42125;
    }


.pc-otp-popup-sec {
    text-align: center;
    border-radius: 8px;
    background-color: #FFF;
    /*width: 500px;*/
    padding-bottom: 16px;
}



    .pc-otp-popup-sec .pc-cancel-icon {
        float: right;
        padding: 12px 10px 6px 0;
    }

    .pc-otp-popup-sec .otp-verification-img {
        padding-bottom: 6px;
    }

    .pc-otp-popup-sec p {
        font-size: 16px;
        font-weight: 600;
        line-height: 26px;
        color: #333;
        text-align: center;
        padding: 40px;
    }




    .pc-otp-popup-sec a {
        text-decoration: none;
        text-transform: uppercase;
        background-color: #E21F26;
        border-radius: 4px;
        color: #FFF;
        font-weight: 700;
        padding: 15px 140px;
    }

        .pc-otp-popup-sec a:hover {
            text-decoration: none;
            color: #FFF;
        }

        .pc-otp-popup-sec a:focus {
            color: #FFF;
            outline: none;
            text-decoration: none;
        }





    .pc-otp-popup-sec .modal-header, .pc-otp-popup-sec .modal-body, .pc-remove-popup-sec .modal-header, .pc-remove-popup-sec .modal-body {
        padding: 0;
        overflow: hidden;
        border-bottom: none;
    }
        .pc-otp-popup-sec .modal-header .close {
            cursor: pointer;
        }
    .pc-otp-popup-sec .modal-body {
        margin-bottom: 15px;
    }

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}

.vertical-align-center {
    display: table-cell;
    vertical-align: middle;
}

 

.pc-otp-page {
    padding-left: 0 !important;
    align-items: center !important;
}

.pc-otp-popup-sec ol {
    margin-bottom: 30px;
    margin-top: 20px;
    padding-left: 60px;
}

    .pc-otp-popup-sec ol li {
        list-style: decimal !important;
        text-align: left !important;
    }

.pc-otp-popup-sec h6 {
    padding-left: 30px;
}

.pc-otp-page {
    margin-top: 30px;
    border-radius: 8px;
}

.modal#otp-popup {
    max-height: 90%;
    padding-right: 0 !important;
}
.DOB-fs-12 {
    font-size: 12px;
}
.tooltip-org {
    position: absolute;
    z-index: 9;
    right: -18px;
    top: 5px;
}

@media only screen and (max-width: 767px) {
    .modal#otp-popup {
        max-height: 100%;
    }

    .pc-otp-popup-sec p {
        padding: 5px;
    }

    .pc-otp-popup-sec .pc-cancel-icon {
        padding: 12px 10px 6px 0;
    }

    .pc-otp-popup-sec h6 {
        padding-left: 0px;
    }

    .pc-otp-popup-sec ol {
        padding-left: 25px;
    }

    .pc-otp-popup-sec a {
        padding: 15px 100px;
    }
}
/*ekyc start*/
.ekyc-blk {
    background: #fff7e6;
    overflow: hidden;
    height: auto;
    padding: 10px 24px;
}

    .ekyc-blk .swith-pull-right {
        float: right !important;
        width: 15% !important;
        vertical-align: top;
        position: absolute;
        right: 0;
        top: 8px;
    }

.info-text {
    display: flex;
    width: 100%;
}

    .info-text span {
        width: 16px !important;
        padding: 0;
        margin-right: 5px;
    }

.ekyc-blk label {
    margin-bottom: 0 !important;
    background: transparent;
}

.ekyc-blk .form-control {
    background: #FFF;
}

.ekyc-blk #IsPanCard {
    padding-left: 20px;
    margin: 10px 0 16px !important;
    overflow: hidden;
}

.ekyc-blk .pl-20 {
    padding-left: 20px !important;
}

.ekyc-blk .acc-cov-gap .switch label input[type="checkbox"]:checked + .lever {
    background-color: #eee6d0;
    width: 49px !important;
    padding: 4px 16px 4px 5px;
    line-height: 8px;
}

.ekyc-blk .lever span {
    padding: 0px 2px !important;
}

.ekyc-blk .acc-cov-gap .switch label input[type=checkbox] + .lever {
    padding: 0px 5px 0px 24px;
    margin-top: -5px;
    display: block;
}

.pancard-radio {
    width: 100% !important;
    display: block !important;
}

    .pancard-radio .radio {
        display: inline-block !important;
        background: #fff;
        border: 1px solid #d4d4d4;
        width: 70px;
        height: 40px;
        padding-top: 4px;
        border-radius: 4px;
        margin-right: 10px;
    }

        .pancard-radio .radio .radio-label {
            position: absolute;
            left: 30px;
            top: 8px;
            margin: 0 auto;
            padding-left: 0;
        }

        .pancard-radio .radio input[type=radio] {
            position: absolute;
            opacity: 0;
        }

            .pancard-radio .radio input[type=radio] + .radio-label:before {
                content: "";
                background: #FFFFFF;
                border-radius: 100%;
                border: 1px solid #d4d4d4;
                display: inline-block;
                width: 1.4em;
                height: 1.4em;
                position: relative;
                top: -0.2em;
                margin-right: 5px;
                vertical-align: top;
                cursor: pointer;
                text-align: center;
                transition: all 250ms ease;
            }

    .pancard-radio [type="radio"] + label:after {
        display: none;
    }

    .pancard-radio .radio input[type=radio]:checked + .radio-label:before {
        background-color: #e42125;
        border: 1px solid #e42125;
        box-shadow: inset 0 0 0 4px #f4f4f4;
    }

    .pancard-radio .radio input[type=radio]:focus + .radio-label:before {
        outline: none;
        border-color: #e42125;
    }

    .pancard-radio .radio input[type=radio]:disabled + .radio-label:before {
        box-shadow: inset 0 0 0 4px #f4f4f4;
        border-color: #b4b4b4;
        background: #b4b4b4;
    }

    .pancard-radio .radio input[type=radio] + .radio-label:empty:before {
        margin-right: 0;
    }

#PancardNo {
    overflow: hidden;
    padding: 10px 0;
}

.pancard-div {
    position: relative;
}

    .pancard-div .form-control {
        border: 1px solid #d4d4d4;
        border-radius: 6px;
        font-size: 12px;
        padding: 5px 10px;
        width: 97%;
    }

    .pancard-div label {
        position: absolute;
        font-size: 11px !important;
        background: #FFF;
        left: 25px;
        top: -5px;
        padding: 0 2px;
    }

    .pancard-div .icon-calender {
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 8px;
        font-size: 20px;
    }

@media only screen and (max-width: 991px) {
    .pancard-div .icon-calender {
        right: 18px;
        top: 10px;
    }

    .pancard-div label {
        left: 25px;
    }

    .pancard-div .form-control {
        width: 96%;
    }
}
.pc-btns .pc-white-btn {
    width: auto !important;
    margin-right: 12px;
    font-size: 14px !important;
    padding: 6px 10px !important;
}

.pc-btns .pc-red-btn {
    font-size: 14px !important;
    padding: 6px 10px !important;
}


/*EV Add-on CR start*/
.box-inner-essentiallev {
    width: 480px;
    float: right !important;
    overflow-y: scroll;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999999;
    height: 100vh;
    /*extra test*/
    /*position: fixed;
    top: 0;
    right: 0;
    bottom: 0;*/
  
    /*width: 100%;*/
    /*z-index: 1001;
 
    height: calc(100vh + 39px);
    opacity: 1;*/
}

    .box-inner-essentiallev::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    .box-inner-essentiallev::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    .box-inner-essentiallev::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.3);
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    }

        .box-inner-essentiallev::-webkit-scrollbar-thumb:window-inactive {
            background: rgba(255, 255, 255, 0.3);
        }



.evAddons .irs-slider {
    background: #e42125;
    border: 1px solid #e42125;
    border-radius: 50%;
    box-shadow: none;
    cursor: pointer;
    height: 18px;
    top: 25px;
    width: 18px;
}

.evAddons h3 {
    margin-top: 30px;
}

.evAddons .avaddon-btn {
    background: #e42125;
    border: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 50px;
    color: #fff;
    cursor: pointer;
    border-radius: 8px;
    width: 100%;
    margin-top: 20px;
}

.evAddons .collapsible-header {
    line-height: 30px;
    border-bottom: none !important;
}

    .evAddons .collapsible-header h2 span {
        display: block;
        font-size: 12px;
        margin-top: 8px;
    }

    .evAddons .collapsible-header h2 {
        font-size: 12px;
    }

#LiVehicleProposalDetail.active {
    background-color: transparent !important;
}

.evAddons {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1001;
    background-color: rgba(0, 0, 0, 0.5);
}

    .evAddons.renewal .box-inner-essentiall {
        width: 480px;
        float: right !important;
        overflow-y: scroll;
        background: #fff;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 999999;
        height: 100vh;
    }

.evAddons h3 {
    margin: 0 0 15px;
    font-size: 16px;
}

    .evAddons .collapsible-body {
        border-bottom: none;
        overflow: hidden;
    }

    .evAddons .collapsible {
        overflow: hidden;
        border-radius: 10px;
        border: 1px solid #ddd;
    }

    .evAddons .collapsible-header {
        padding: 0.5rem 1.2rem 0;
        line-height: 22px;
    }

        .evAddons .collapsible-header.active {
            background-color: transparent !important;
        }

        .evAddons .collapsible-header:after {
            font-size: 25px;
            color: #e42125;
            top: 15px !important;
        }

        .evAddons .collapsible-header h2 strong {
            font-weight: 700;
            font-size: 14px;
        }

    .evAddons .select-block.topGap {
        margin-bottom: 0;
    }

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

    .evAddons .select-block ul li .form-group label {
        margin-bottom: 0 !important;
        font-size: 13px !important;
    }

        .evAddons .select-block ul li .form-group label.active {
            background-color: transparent !important;
        }

    .evAddons input.form-control {
        height: 38px !important;
        font-size: 14px !important;
        border: 1px solid #ddd !important;
        padding: 6px 12px !important;
        box-sizing: border-box !important;
        border-radius: 10px;
        margin-top: 10px;
    }

        .evAddons input.form-control:focus {
            box-shadow: none !important;
        }

    .evAddons .form-group label .tooltip1:before, .slider-main .tooltip1:before {
        width: 130px !important;
    }

    .evAddons .form-radio label.text-label {
        padding-left: 0 !important;
        font-size: 14px !important;
        margin-bottom: 10px !important;
        margin-top: 15px;
    }

    .evAddons .form-radio {
        margin-bottom: 10px;
        padding-left: 12px;
    }

        .evAddons .form-radio .radio label {
            font-size: 14px !important;
            margin-top: 0 !important;
            padding-left: 25px !important;
        }

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-30 {
    margin-bottom: 30px;
}

.suminsured-blk {
    background: #f1f1f1;
    padding: 70px 10px;
    border-radius: 10px;
    overflow: hidden;
}

    .suminsured-blk .slider-main .optional-text-head {
        font-size: 12px;
        font-weight: 600;
        display: block;
        margin-bottom: 10px;
    }

        .suminsured-blk .slider-main .optional-text-head small {
            color: #bfbcbc;
            font-size: 12px;
            font-style: italic;
        }

    .suminsured-blk .IDV_Rupees {
        width: 130px;
        margin: 0 auto;
    }

    .suminsured-blk input[type=number] {
        height: 1.5rem;
        font-size: 14px;
    }

    .suminsured-blk .irs-from, .irs-to, .irs-single {
        color: #000;
    }

    .suminsured-blk .slider-main {
        /*overflow: hidden;*/
    }

.evAddons .mobile-payclose {
    background: rgba(0,0,0,0.5);
    border-radius: 50px;
    width: 22px;
    height: 22px;
    font-size: 16px;
    color: #FFF;
    text-shadow: none;
    opacity: 1;
    line-height: 22px;
}


.slide-evaddon {
    width: 100%;
    background: #fff;
    padding: 30px;
    display: table;
    height: calc(100vh + 93px);
    overflow-y: scroll;
}

    .slide-evaddon .close {
        margin: -5px 0 0 0;
        font-size: 28px;
        font-weight: 500;
        opacity: 0.2;
    }

    .slide-evaddon h1 {
        text-transform: uppercase;
        font-size: 20px;
        padding-bottom: 15px;
    }

    .slide-evaddon h2 {
        font-size: 16px;
        padding: 15px 0;
    }

    .slide-evaddon p {
        text-align: justify;
        margin: 0;
        padding: 0;
    }

.slide-evaddon {
    padding-bottom: 30px;
}

    .slide-evaddon h2 {
        width: 100%;
        float: left;
    }

    .slide-evaddon hr {
        border-top: 1px solid #f3f3f3;
        margin: 15px 0 0 0;
        width: 100%;
        /*float: left;*/
    }

@media only screen and (max-width: 500px) {
    .evAddons .box-inner-essentiall {
        width: 100%;
    }
}
/*EV Add-on CR end*/
.share-modal .pri-relative .tab-content{
overflow: hidden;
}

.share-modal .pri-relative {
    min-height: 95px;
}
.read-more-odometer {
    background: #fcf9ef;
    clear: both;
    border-radius: 5px;
    margin-top: 15px;
    float: left;
    padding: 15px;
}

    .read-more-odometer p {
        width: 100%;
    }
#more {
    display: none;
}
/*CKYC Renewal CR Start*/

#RenewalCKYCmodel {
    max-height: 100% !important;
    top: 5% !important;
    width: 42%;
    border-radius: 16px;
}

    #RenewalCKYCmodel .modal-content1 .modal-body .mobile-payclose {
        margin-top: 4px;
        margin-right: 8px;
    }


    #RenewalCKYCmodel .modal-body {
        position: relative;
        padding: 15px 43px;
    }

    #RenewalCKYCmodel .input-field {
        border: 1px solid #E0E0E0 !important;
        /*margin-bottom: 5px;*/
        border-radius: 8px;
    }

.mb-10 {
    margin-bottom: 10px;
}

#RenewalCKYCmodel .input-field input[type=text], #RenewalCKYCmodel .select-wrapper input.select-dropdown {
    border-bottom: none;
}

    #RenewalCKYCmodel .input-field input[type=text]:focus {
        box-shadow: none;
    }

#RenewalCKYCmodel .select-wrapper input.select-dropdown {
    margin-bottom: 0;
    padding: 0;
}

#RenewalCKYCmodel .ckyc-box {
    background-color: #FDFBF2;
    border-radius: 12px;
    clear: both;
    padding: 10px 15px 0;
}

    #RenewalCKYCmodel .ckyc-box p {
        font-size: 14px;
        color: #916605;
        font-weight: 500;
    }

#RenewalCKYCmodel .renew-btn .ckyc-btn {
    width: 100% !important;
    border-radius: 8px;
    background-color: #d23931;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    border: none !important;
    line-height: 48px;
    margin-top: 20px;
}

/*#RenewalCKYCmodel .renew-btn .ckyc-btn:hover {
            background-color: #D23931;
        }*/

#RenewalCKYCmodel .caret {
    margin-right: 15px;
}

#RenewalCKYCmodel .company-guideline {
    background-color: #FDFBF2;
}

#RenewalCKYCmodel .input-field label {
    top: 10px;
}

#RenewalCKYCmodel .after-check input[type=text] {
    opacity: 0;
}

.ckyc-box .form-radio .radio {
    width: 100%;
}

.radioinput, .radioinput input[type=text] {
    position: relative !important;
    opacity: 1 !important;
    width: 100%;
    font-size: 14px;
    height: 30px;
}

#RenewalCKYCmodel select {
    display: block !important;
    background-color: transparent;
    border: none;
}

.RenewalCKYCmodel .mobile-payclose {
    background: rgba(0,0,0,0.5);
    border-radius: 50px;
    width: 22px;
    height: 22px;
    font-size: 16px;
    color: #FFF;
    text-shadow: none;
    opacity: 1;
    line-height: 22px;
}

#RenewalCKYCmodel .input-field#dvOrganization label {
    top: 10px;
}

.float-label {
    left: 5px;
    top: -8px;
    font-size: 0.875rem;
    pointer-events: none;
    color: #7a7a7a;
    background: #fff;
    padding: 0 5px;
    position: absolute;
    z-index: 9;
}

.pc-otp-page.modal {
    width: 550px !important;
}

#materialize-modal-overlay-2 {
    z-index: 99 !important;
}

.modal-backdrop {
    z-index: 1001 !important;
}

#RenewalCKYCmodel .close {
    margin-top: 2px;
    margin-right: 10px;
}

#ckycmodelclose {
    margin-top: 10px !important;
    margin-left: -60px;
}
/*CKYC Renewal CR end*/

/*95615 : Changes in RTI Add-on Cover Start*/
.idv-section {
    background: #F8F8F8;
    border: 1px solid #C7C7C7;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
    padding: 10px;
    border-radius: 10px;
    position: relative;
    margin: 0 16px;
}

    .idv-section:before {
        content: '';
        display: block;
        position: absolute;
        /*left: 220px;
        bottom: 100%;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-bottom-color: #F8F8F8;*/
        background: url(../images/up-arrow.jpg) no-repeat;
        width: 19px;
        height: 9px;
        top: -9px;
        right: 110px;
    }

.share-modal-blk .modal-body {
    padding: 15px 0 !important;
}

.gs_control.label-text {
    padding: 12px 20px 12px;
}

.infoInvoiceValue {
    float: right;
    margin-top: -44px;
    margin-right: 132px !important;
}

.infoDateInsuranceValue {
    float: right;
    margin-top: -44px;
    margin-right: 27px !important;
}

.infoDateOfLossValue {
    float: right;
    margin-top: -44px;
    margin-right: 58px !important;
}

.dvInvoiceValue {
    max-width: 64%;
}

.dvDateInsuranceValue {
    max-width: 92%;
}

.dvDateOfLossValue {
    max-width: 84%;
}

/*95615 : Changes in RTI Add-on Cover End*/


/*95616 : Modification in Existing Add-on Covers ZD & EMI START*/


.dvMakeYourOwnPlan {
    width: 85%;
    margin: 0 auto;
}

.dvDiscountPlan {
    width: 85%;
    margin: 0 auto;
}

.dvEMIAmountBox {
    margin-bottom: 15px;
}

.infoMakeYourOwnPlan {
    float: right;
    margin-top: -44px;
    margin-right: 106px !important;
}

.infoDiscountPlan {
    float: right;
    margin-top: -44px;
    margin-right: 138px !important;
}

#dvEMIPlan {
    padding-left: 34px;
}

    #dvEMIPlan .gs_control.label-text {
        padding: 9px 20px 5px !important;
    }

.pad-L8.plan-label {
    font-weight: 600 !important;
    padding-left: 33px;
}

#dvEMIPlan .gs_control__indicator {
    width: 16px;
    height: 16px;
}

#dvEMIPlan .gs_checkbox .gs_control__indicator:after, #dvEMIPlan .gs_radio .gs_control__indicator:after {
    left: 4px !important;
    top: 0px !important;
    width: 5px;
    height: 10px;
}

.emiamount {
    width: 260px;
    margin: 15px auto 0;
}

.mr-28 {
    margin-right: 28px;
}

.emiamount .form-control {
    border: 1px solid #9e9e9e;
    border-radius: 12px;
    padding: 6px 12px;
    height: 34px;
}

.emiamount input[type="number"]:focus:not([readonly]) {
    border: 1px solid #9e9e9e !important;
    box-shadow: none !important;
}

.csvalidationHypetheticOption {
    padding-top: 15px !important;
}

/*95616 : Modification in Existing Add-on Covers ZD & EMI  END*/




.SendmobileOTP {
    cursor: pointer;
    color: red;
    float: right;
    margin-top: -25px;
    position: relative
}

.pt-20 {
    padding-top: 20px;
}

.verification-modal {
    top: 15% !important;
}

    .verification-modal .modal-body {
        text-align: center;
        padding: 25px 30px;
    }

    .verification-modal h2 {
        text-align: center;
        font-size: 20px;
        color: #333333;
        font-weight: 600;
        margin: 20px 0;
    }

    .verification-modal p {
        text-align: center;
        font-size: 14px;
        color: #222222;
        margin-bottom: 15px;
    }

    .verification-modal .select-wrapper ~ label, .verification-modal .input-field label {
        margin-left: 0;
    }

.px-45 {
    padding-left: 45px;
    padding-right: 45px;
}

.verification-modal a {
    text-align: center;
    text-decoration: underline;
    font-size: 14px;
    color: #CF2428;
}

.verification-modal .verify-btn {
    background: #CF2428;
    color: #FFF;
    border: none;
    padding: 6px 12px;
    width: 100%;
    margin-top: 10px;
    border-radius: 6px;
}

.verification-modal .pc-close {
    width: 20px;
    height: 20px;
    background: url(../images/OTP_Close-24px.svg) left top no-repeat;
    outline: none;
    border: none;
    top: 5px;
    right: 0;
    background-size: 24px;
    position: absolute;
    margin: 12px 12px 0 0;
    z-index: 1;
}
/*Cyber sachet CR CSS Start*/
/*New*/
.btn:focus {
    outline: none;
}

.d-block {
    display: block !important;
}

.d-inline-block {
    display: inline-block;
}

.d-flex {
    display: flex;
}

.ml-5 {
    margin-left: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.pr-0 {
    padding-right: 0 !important;
}

.viewmore a {
    cursor: pointer;
}

.theft-icon {
    vertical-align: top;
    padding-top: 5px;
    padding-right: 15px;
}

.card-protection {
    background: #FDFDFD;
    border: 1px solid #D6D6D6;
    border-radius: 2px;
    padding: 12px 0;
    margin: 20px 0;
    overflow: hidden;
}

    .card-protection p {
        text-align: left;
        color: #333333;
        font-size: 16px;
        line-height: 17px;
        font-weight: bold;
        text-transform: capitalize;
        display: inline;
    }

    .card-protection span {
        text-align: left;
        color: #333333;
        font-size: 14px;
        line-height: 17px;
    }

        .card-protection span a {
            text-align: left;
            color: #004BA2 !important;
            font-size: 14px;
            line-height: 17px;
        }

.btn.cover-btn {
    border: 1px solid #e42125;
    color: #e42125;
    font-size: 14px;
    background: #FFF;
    width: 144px;
    padding: 6px 12px !important;
    border-radius: 6px;
    line-height: 28px;
    float: right;
    margin-top: 3px;
    height: 40px;
    box-shadow: none !important;
}

    .btn.cover-btn:hover {
        background: #e42125;
        color: #FFF;
        border: 1px solid #e42125;
        border-radius: 6px;
        line-height: 28px;
    }

    .btn.cover-btn:focus {
        outline: none;
    }

.beware-modal {
    width: 480px !important;
    overflow: hidden !important;
    margin-top: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 540px;
}

    .beware-modal::after {
        position: fixed !important;
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: .5;
        z-index: 1040;
        background-color: #000;
    }

#Protection .modal-content {
    text-align: center;
    border-radius: 12px;
    box-shadow: none !important;
    z-index: 1050;
}

.beware-modal p {
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin-bottom: 30px;
}

.beware-modal h2 {
    color: #D23931;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 18px;
}

.no-thanks-btn {
    border: 1px solid #C1C1C1;
    color: #e42125;
    font-size: 14px;
    background: #FFF;
    padding: 6px 12px !important;
    border-radius: 6px;
    line-height: 18px;
    text-transform: uppercase;
    width: 50%;
    margin-right: 10px;
    height: 40px;
    box-shadow: none;
}

    .no-thanks-btn:hover, .no-thanks-btn:focus, .no-thanks-btn:active {
        background: #FFF !important;
        color: #D82B1B !important;
        box-shadow: none;
    }

.continue-btn {
    border: 1px solid #e42125;
    color: #FFF;
    font-size: 14px;
    background: #e42125;
    padding: 6px 12px !important;
    border-radius: 6px;
    line-height: 25px;
    text-transform: uppercase;
    width: 50%;
    height: 40px;
    margin-left: 10px;
    box-shadow: none;
}

    .continue-btn:hover, .continue-btn:focus, .continue-btn:active {
        background: #D23931 !important;
        color: #FFF !important;
        box-shadow: none;
    }

.source-sec {
    margin-top: 23px;
}

    .source-sec h6 {
        text-align: left;
        font-size: 11px;
        line-height: 17px;
        letter-spacing: 0px;
        color: #333333;
    }

    .source-sec p {
        text-align: left;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0px;
        color: #3173D3;
    }
/* Solid border */
#CSPremiumbreakup hr.solid {
    border-top: 1px solid #bbb;
    margin-right: -200px;
}

#Removecscover {
    float: right;
    clear: both;
}

.card-protection #CSPremiumbreakup hr.solid {
    border-top: 1px solid #bbb;
    margin-right: -30px;
}

#rcorners4 {
    border-radius: 15px;
    background: #dcdedc4d;
    height: 53px;
    font-weight: bold;
    margin: auto;
    text-align: left;
    /*margin-left: auto;*/
}

    #rcorners4 p {
        text-align: right;
    }

    #rcorners4 b {
        color: #d30607f7;
        vertical-align: top;
        padding-top: 3px;
        display: inline-block;
        padding: 10px 10px 0 0;
    }

.download-blk {
    padding-top: 16px;
    display: inline-block;
    color: #d30607f7;
}

.download-policy-blk {
    padding: 0 15px;
}

.pdf-icon {
    padding-top: 5px;
}

.policyname {
    padding-top: 15px;
}

@media (max-width:768px) {
    .cover-btn {
        width: 100% !important;
    }

    .beware-modal {
        width: 100% !important;
    }

    .card-protection #CSPremiumbreakup hr.solid {
        margin-right: 0 !important;
    }

    #rcorners4 {
        height: auto !important;
        overflow: hidden;
        padding-bottom: 10px;
    }

    .policyname {
        font-size: 12px;
        width: 84%;
    }

    .policy-right {
        display: block;
        margin: 0 auto;
        float: inherit !important;
    }

    .download-blk {
        padding-top: 13px;
        font-size: 12px !important;
        padding-left: 10px;
        color: #d30607f7;
    }

    #rcorners4 b {
        width: 29px;
    }
}

@media (max-width:350px) {
    .policyname {
        width: 80%;
    }
}
/*Cyber sachet CR CSS End*/

.modal.feedback-modal {
    top: 3% !important;
    width: 816px;
    border-radius: 26px;
}

.feedback-modal .modal-content {
    width: 100%;
    border-radius: 26px;
}

    .feedback-modal .modal-content .submit_btn {
        background: #E21F26;
        color: #FFFFFF;
        border-radius: 22px;
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        text-transform: uppercase;
        border: none;
        width: 94px;
        height: 38px;
        margin: 10px auto;
        display: inline-block;
        border-bottom: none !important;
        padding: 9px 17px 10px;
    }

.feedback-modal .modal-header {
    border-bottom: none !important;
    padding: 0 0 15px;
}

    .feedback-modal .modal-header .close {
        background: #C3C2C2;
        color: #FFFFFF !important;
        border-radius: 50px;
        height: 28px;
        width: 28px;
        opacity: 1;
        position: absolute;
        right: 28px;
        top: 18px;
    }

.beware-modal.modal .modal-content {
    padding: 24px 30px;
}


.modal-title {
    font-size: 20px;
    font-weight: 600;
    color: #100F0F;
    padding-bottom: 16px;
    border-bottom: 1px solid #CBD4DD;
}

.feedback-modal .modal-body {
    padding: 15px 30px;
}

.que {
    margin-bottom: 26px;
}

    .que label {
        font-size: 16px;
        font-weight: 600;
        color: #000000;
        margin-bottom: 18px;
    }

    .que .poor-text {
        font-size: 12px;
        font-weight: 400;
        color: #100F0F;
        margin-bottom: 12px;
        display: inline-block;
    }

    .que .excellent-text {
        font-size: 12px;
        font-weight: 400;
        color: #100F0F;
        float: right;
        margin-bottom: 12px;
        display: inline-block;
    }

/* Style for the outer feedback list */
.feedback-list ul {
    list-style-type: none;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

    .feedback-list ul li {
        margin-bottom: 20px;
        display: inline-block;
    }

        .feedback-list ul li span {
            display: block;
        }

.sub-feedback-list {
    list-style-type: none;
    padding: 0;
    display: flex;
    align-items: center;
}

    .sub-feedback-list li {
        margin-right: 1.3rem;
        margin-left: 1.3rem;
    }

.mr-0 {
    margin-right: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}





.rating-block, .rating-block1 {
    width: 36px;
    height: 30px;
    cursor: pointer;
}



.feedback-list span {
    font-size: 12px;
}

textarea.form-control {
    border: 1px solid #CBD4DD;
    border-radius: 12px;
    padding: 12px 16px;
    box-shadow: none !important;
}



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

    .summary-sec {
        padding: 10px 0 0 0;
    }

    .premium-section {
        display: none;
    }

    .w-11, .w-19, .w-23 {
        width: 100%;
    }

    .mt-5 {
        margin-top: 1rem !important;
    }

    .my-4 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .ps-25 {
        padding-left: 0;
    }

    .floating-label {
        margin-bottom: 30px;
    }

    .border-end {
        border-right: none;
    }

    .policycard-header {
        padding: 0 12px;
    }

        .policycard-header h2 {
            font-size: 16px;
        }

        .policycard-header span {
            font-size: 12px;
        }

        .policycard-header img {
            width: 19px;
        }

    .policycard-body {
        padding: 10px 12px 0;
    }

    .policy-blk ul {
        flex-direction: column;
    }

    .policy-blk li {
        margin: 10px 0;
        height: auto;
    }

    .mb-premium-text {
        display: block;
    }

        .mb-premium-text label {
            font-size: 14px;
            font-weight: 600;
            color: #000000;
        }

            .mb-premium-text label small {
                font-size: 12px;
                font-weight: 400;
                color: #6a7580;
            }

        .mb-premium-text .mb-premium-price {
            color: #000000;
            font-size: 20px;
            display: block;
            font-weight: 700;
        }

        .mb-premium-text .mb-strikethrough {
            color: #6a7580;
            font-size: 14px;
            display: block;
            font-weight: 500;
            text-decoration: line-through;
        }

        .mb-premium-text .viewbrekup-text {
            color: #D82A1B;
            font-size: 14px;
            display: block;
            font-weight: 700;
            cursor: pointer;
        }

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

        .form-checkbox label b {
            font-size: 14px;
        }

    .viewbrekup-modal .modal-dialog {
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
    }

    .viewbrekup-modal .modal-content {
        border-radius: 0 !important;
    }

    .viewbrekup-modal .plansummary-card h2 {
        padding-left: 15px;
    }

    .viewbrekup-modal .modal-body {
        padding: 15px 0 0;
    }

    .viewbrekup-modal .plansummary-body {
        padding: 0 15px;
    }

    .viewbrekup-modal .plansummary-card:before, .viewbrekup-modal .plansummary-card:after {
        display: none
    }

    .total-bg {
        background: #EFF4F9;
        padding: 15px;
    }

    .viewbrekup-modal .plansummary-card span {
        font-size: 16px;
        font-weight: 700;
        text-align: right;
        float: right;
    }

    .thankyou-sec .ty-img {
        width: 164px;
    }

    .thankyou-sec {
        padding: 10px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 830px) {
    .modal.feedback-modal {
        width: 768px;
    }
}

@media only screen and (max-width: 768px) {
    .modal.feedback-modal {
        width: 100%;
    }

    .sub-feedback-list li {
        margin-right: 1.2rem;
        margin-left: 1.2rem;
    }


    .que .poor-text, .que .excellent-text {
        display: none;
    }
}

@media only screen and (max-width: 400px) {
    #feedbackModal .modal-title {
        margin-right: 30px;
    }

    .mb-premium-text {
        padding-top: 10px
    }

        .mb-premium-text .mb-premium-price {
            font-size: 18px;
        }

        .mb-premium-text label {
            font-size: 11px;
        }

    footer {
        height: 106px;
    }

    .nextbtn {
        margin-top: 32px;
    }

    .file-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 80%;
    }

    .download-btn span {
        display: none;
    } 
}
.calendar-btn-center {
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
}

/********/
.contact-sec-banner {
    padding: 0px;
    width: 96%;
    margin: 0 auto;
    clear: both;
    padding-top:30px;
 }
.quote-sec.contact-sec {
    box-shadow: none;
    background: transparent;
    z-index: 9;
    width: auto !important;
    left: 0;
    position: absolute;
    top: 14px;
}
.contact-img, .contact-details {
    display: inline-block;
}

.contact-sec {
    box-shadow: 4px 0px 6px 4px #81818140;
    background: #fff;
    height: auto;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    padding: 10px 0;
    border-radius: 6px;
}

    .contact-sec img {
        margin-right: 10px;
        width: 24px;
    }

    .contact-sec span {
        color: #333;
        font-size: 18px;
        font-weight: 600;
        margin-left: 5px;
        padding: 5px 0;
    }

        .contact-sec span a {
            color: #E21F26;
            font-size: 18px;
            font-weight: 600;
            margin-left: 5px;
            padding: 5px 0;
            vertical-align: baseline !important;
        }

#top-nav-2 ul li .contact-img-new a {
    padding: 0 5px 0 0;
}
.contact-img-new {
    float: right;
    display: flex;
    padding-right:10px;
}


    .contact-img-new span a {
        color: #E21F26 !important;
        font-family: Lato;
        font-size: 14px;
        font-weight: 400;
      
    }

.P2 {
    color: #E21F26 !important;
}
.mob-call-hide {
    display: inline;
}
.mob-call-hide a {
    float:left;
    text-align:left;
}



/*105681 : Long Term CR Start*/

.covrage-label {
    display: flex;
}

.covrage-plan {
    border-radius: 11px;
    width: 96%;
    padding: 15px 4px 15px 15px;
    margin-right: 2%;
    margin-left: 2%;
}

.covrage-left {
    width: 100%;
    background: #FFF;
}

.covrage-label span {
    text-align: center;
}

.ms-20 {
    margin-left: 20px;
}

.essential-left.covrage-left h3 {
    float: none;
    margin-left: 0;
}

.essential-left.covrage-left p {
    margin-bottom: 0;
    font-size: 10px !important;
    color: rgba(0,0,0,.45);
}

.covrage-left .gs_control {
    margin-bottom: 0 !important;
}

.covrage-left .add {
    margin: 0 10px;
    color: rgba(0,0,0,.45);
}

.mx-10 {
    margin-right: 10px;
    margin-left: 10px;
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.covrage-title {
    font-size: 20px;
    float: left;
    clear: both;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    padding-bottom: 7px;
    width: 100%;
}

    .covrage-title .icon-arrow-down {
        float: right;
        font-size: 14px;
        cursor: pointer;
    }

.gs_radio input:disabled ~ .gs_control__indicator:after {
    border: solid #000000;
    border-width: 0 2px 2px 0;
}

.gs_radio input:disabled ~ .gs_control__indicator:after {
    background: #e6e6e6;
}

.gs_control input:checked:disabled ~ .gs_control__indicator {
    background: #e6e6e6;
    border: 2px solid #e6e6e6;
}

/*105681 : Long Term CR End*/
/*DeDupe Start*/
.panclose-modal {
    right: 10px;
    top: 5px;
    position: absolute;
    z-index: 1;
    font-size: 30px;
    color: rgba(0,0,0,.12);
}

.MaxPolicyLimitBody p {
    font-size: 14px;
    line-height: 25px;
}

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

#MaxPolicyLimitExceededKYC .modal-header {
    border-bottom: none !important;
}

#MaxPolicyLimitExceededKYC .modal-footer {
    text-align: center;
    background: transparent !important;
    border-top: none;
}

.got-it-btn {
    background: #e42125;
    border: 1px solid #e42125;
    color: #fff;
    padding: 6px 12px;
    width: auto;
    font-weight: 600;
    border-radius: 10px;
    height: 50px;
    font-size: 16px;
}

    .got-it-btn:hover, .got-it-btn:active, .got-it-btn:focus {
        outline: none !important;
    }

#MaxPolicyLimitExceededKYC .modal-dialog {
    width: 688px;
    margin: 0 auto;
}

.modal-content.MaxPolicyLimitBody {
    border-radius: 26px;
}

.modal-img {
    background: url(../images/pc/Dedupe_Validation_image/model_image_desupe.svg) no-repeat;
    width: 260px;
    height: 200px;
}

    .modal-img.kyc-img {
        background-position: 0 -2450px;
        height: 185px;
        width: 260px;
        display: block;
        margin: 0 auto;
    }

    .modal-img.mobilenum-img {
        background-position: 0 -2450px;
        height: 185px;
        width: 260px;
        display: block;
        margin: 0 auto;
    }



#MaxPolicyLimitExceededKYC .MaxPolicyLimitBody p {
    font-size: 14px;
    line-height: 25px;
    text-align: left !important;
}


/*Mobile Number*/
#MaxPolicyLimitExceededMobile .modal-header {
    border-bottom: none !important;
}

#MaxPolicyLimitExceededMobile .modal-footer {
    text-align: center;
    background: transparent !important;
    border-top: none;
}

#MaxPolicyLimitExceededMobile .modal-dialog {
    width: 640px;
}

.modal-img.mobile-img {
    background-position: 0 -2968px;
    height: 185px;
    width: 260px;
    display: block;
    margin: 0 auto;
}

#MaxPolicyLimitExceededMobile .MaxPolicyLimitBody p {
    font-size: 14px;
    line-height: 25px;
    text-align: left !important;
}
/*EmaiID*/

#MaxPolicyLimitExceededEmail .modal-header {
    border-bottom: none !important;
}

#MaxPolicyLimitExceededEmail .modal-footer {
    text-align: center;
    background: transparent !important;
    border-top: none;
}

#MaxPolicyLimitExceededEmail .modal-dialog {
    width: 640px;
}

.modal-img.email-img {
    background-position: 0 -2720px;
    height: 185px;
    width: 260px;
    display: block;
    margin: 0 auto;
}

#MaxPolicyLimitExceededEmail .MaxPolicyLimitBody p {
    font-size: 14px;
    line-height: 25px;
    text-align: left !important;
}

/*Email and Mobile number*/

#MaxPolicyLimitExceededEmailandMobile .modal-header {
    border-bottom: none !important;
}

#MaxPolicyLimitExceededEmailandMobile .modal-footer {
    text-align: center;
    background: transparent !important;
    border-top: none;
}

#MaxPolicyLimitExceededEmailandMobile .modal-dialog {
    width: 640px;
}

.modal-img.emailmobile-img {
    background-position: 0 -948px;
    height: 185px;
    width: 260px;
    display: block;
    margin: 0 auto;
}

#MaxPolicyLimitExceededEmailandMobile .MaxPolicyLimitBody p {
    font-size: 14px;
    line-height: 25px;
    text-align: left !important;
}

.common.modal {
    margin-top: 25px !important;
}

@media (max-width: 768px) {
    .common.modal {
        margin-top: 20px !important;
    }

    .common .modal-dialog {
        width: 100% !important;
        margin: 25px auto 0;
    }

    .common .modal .modal-content {
        padding: 15px !important;
    }

    .common .modal-body {
        position: relative;
        padding: 0 15px 15px;
    }
}

.GoGreenMarginTopMobile {
    margin-bottom: 60px !important;
    padding-top: 10px;
}

@media screen and (max-width: 661px) and (min-width: 0px) {
    .smalltext {
        padding-top: 16px;
    }
}

@media screen and (max-width: 367px) and (min-width: 0px) {
    .smalltext {
        padding-top: 45px;
    }
}

/*DeDupe End*/

/*Pan velidation started*/

/* KYC and Pan Invalid css*/
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Lato Light'), local('Lato-Light'), url('./fonts/latoLight.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Lato Regular'), local('Lato-Regular'), url('./fonts/latoRegular.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Lato Bold'), local('Lato-Bold'), url('./fonts/latoBold.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*body {
    font-family: Lato, sans-serif !important;
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .87);
    background-color: #fff;
    overflow-x: hidden !important;
    overflow-y: visible !important;
}*/

.callback-button {
    padding: 13px;
    font-size: 13px;
    font-weight: 400;
    color: white;
    background-color: #E21F26;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
}

    .callback-button:hover {
        background-color: #E21F26;
        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
    }

    .callback-button:active {
        background-color: #E21F26;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }


    .callback-button .button-text {
        transition: opacity 0.3s ease;
        margin-left: 3px;
    }

    .callback-button .loader-icon,
    .callback-button .check-icon {
        font-size: 1.1em;
        line-height: 1;
    }


    .callback-button.processing {
        background-color: #E21F26;
        color: white;
        cursor: wait;
    }

        .callback-button.processing .loader-icon {
            display: inline-block;
            margin-left: 8px;
        }

        .callback-button.processing .check-icon {
            display: none;
        }

    .callback-button::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: linear-gradient(to right, #28a745 20%, #E21F26 100%);
        transition: width 1.2s cubic-bezier(0.4, 0, 0.2, 1);
        z-index: 0;
        border-radius: 8px;
    }

    .callback-button.filling::before {
        width: 100%;
    }

    .callback-button .button-text,
    .callback-button .loader-icon,
    .callback-button .check-icon {
        position: relative;
        z-index: 1;
    }

    .callback-button.success {
        background-color: #28a745;
        color: white;
        cursor: default;
    }

        .callback-button.success::before {
            width: 100%;
            background: none;
        }

        .callback-button.success .loader-icon {
            display: none;
        }

        .callback-button.success .check-icon {
            display: inline-block;
        }

/* ============================================================= */
/* sticky assistance css start here */
/* ============================================================= */
.sticky-assistance-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #D82A1B;
    color: white;
    font-size: 14px;
    font-weight: 600;
    padding: 9px 13px;
    border-radius: 9999px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    border: none;
    cursor: pointer;
}

.help-icon {
    display: inline-block;
    margin-right: 7px;
}

.assistance-mobile {
    display: none;
}

@media screen and (max-width: 767px) {
    .sticky-assistance-button {
        display: none;
    }

    .assistance-mobile {
        display: block;
        font-size: 14px;
        font-weight: 600;
        padding: 6px 12px;
        color: #D82A1B;
        border: 1px solid #CBD4DD;
        border-radius: 6px;
        position: absolute;
        right: 17px;
        top: 11px;
        line-height: 1;
    }

    .wt-search .icon-lens::before {
        right: 114px;
    }
}

/* ============================================================= */
/* custom modal start here  */
/* ============================================================= */
body.modalcustom-open {
    overflow: hidden !important;
}

.modalcustom-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    /* Hidden by default */
    justify-content: center;
    align-items: center;
    z-index: 10000;
    /* Ensure it's above most other content */
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

    .modalcustom-overlay.active {
        display: flex;
        opacity: 1;
    }

.modalcustom-dialog {
    background-color: #fff;
    /* padding: 30px; */
    padding: 30px 15px 30px 30px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    position: relative;
    max-width: 90%;
    width: 359px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.modalcustom-overlay.active .modalcustom-dialog {
    opacity: 1;
    transform: scale(1);
}



.modalcustom-header h2 {
    margin: 0;
    font-size: 1.5rem;
}

.modalcustom-close-btn {
    background: none;
    border: none;
    font-size: 1.8rem;
    cursor: pointer;
    color: #777;
    padding: 0 5px;
    line-height: 1;
}

.closebtnPos {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 5px;
}

.modalcustom-close-btn:hover {
    color: #333;
}

.modalcustom-content {
    overflow-y: auto;
    flex-grow: 1;
    padding-right: 15px;
}




/* Mobile specific styles */
@media (max-width: 768px) {
    .modalcustom-overlay.active {
        align-items: flex-end;
    }

    .modalcustom-dialog {
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: 90vh;
        border-radius: 15px 15px 0 0;
        margin: 0;
        transform: translateY(100%);
        transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    }

    .modalcustom-overlay.active .modalcustom-dialog {
        transform: translateY(0);
        /* Slide in */
        opacity: 1;
    }

        /* Class for closing animation on mobile */
        .modalcustom-overlay.active .modalcustom-dialog.modalcustom-closing {
            transform: translateY(100%);
            /* Slide out */
            opacity: 0;
        }
}

/* ---------------------------------------------- */
/* inside modal content css start here  */
/* ---------------------------------------------- */

.assistance__text {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.assistance__img {
    text-align: center;
}

.assistance__text h2 {
    font-size: 20px;
    color: #333333;
    font-weight: 700;
    margin-bottom: 12px;
}

.assistance__text p {
    font-size: 14px;
    color: #666666;
    font-weight: 400;
}



/* ---------------------------------------------- */
/* ekyc css start here  */
/* ---------------------------------------------- */
.modalbgContainer .modalBgImage {
    border-radius: 12px;
    position: relative;
    z-index: 1;
    position: relative;
    background: linear-gradient(131.27deg, #FFFBF4 7.37%, #FDECEC 104.55%);
    overflow: hidden;
    padding: 24px 30px;
}

    .modalbgContainer .modalBgImage::before {
        content: "";
        position: absolute;
        inset: 0;
        background: url('../images/bg-card.png') center center / cover no-repeat;
        opacity: 0.04;
        pointer-events: none;
        z-index: 0;
    }

    .modalbgContainer .modalBgImage > * {
        position: relative;
        z-index: 1;
    }

.modalbgContainer .modalcustom-dialog {
    padding: 2px;
    width: 580px;
}

.genekyc__img {
    text-align: center;
    max-width: 100%;
}

.genekyc__text {
    text-align: center;
    margin-bottom: 20px;
}

    .genekyc__text h2 {
        color: #E31C0F;
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 6px;
        text-transform: uppercase;
    }

    .genekyc__text p {
        color: #181E28;
        font-size: 16px;
        font-weight: 400;
    }

.genekyc__highlight {
    padding: 14px 12px;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 20px;
}

    .genekyc__highlight p {
        color: #181E28;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
    }

.genekycbtnWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.genekycbtn {
    width: 100%;
}

    .genekycbtn button {
        border: none;
        outline: none;
        cursor: pointer;
        padding: 10px;
        line-height: 1;
        width: 100%;
        font-size: 16px;
    }

.genekycbtn14 {
    font-size: 14px;
}

.genekycbtn16 {
    font-size: 16px;
}


.genekycbtn__primary {
    color: #fff;
    background-color: #E51818;
}


.genekycbtn__Secondary {
    color: #E51818;
    background-color: #fff;
}

.genkycbtnGroupofTwo button {
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .modalbgContainer .modalBgImage {
        padding: 16px;
    }

    .genkycbtnGroupofTwo {
        flex-wrap: wrap;
    }

        .genkycbtnGroupofTwo .two {
            order: 1;
        }

        .genkycbtnGroupofTwo .two {
            order: 2;
        }
}

/*Pan velidation end*/


.IsGSTINOptedForCorporateStyle {
    color: red !important;
    font-size: 13px !important;
    font-style: normal !important;
}