/********************** lombard loader css ************************/
.mainWrapper a:active,
.mainWrapper a:hover {
    color: #fe6625;
}
.mainWrapper .btn-orange:hover {
    color: #fff;
}
.ui-loader {
    display: block;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #003d59;
    z-index: 100000;
}

.ui-loader-otp {
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #003d59;
    z-index: 100000;
    display: none;
}

.cursorpointer {
    cursor: pointer;
}

.loader-inner {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.face {
    width: 4rem;
    height: 4rem;
    margin: 0 0.3rem;
    padding: 0.5rem;
    border-radius: 50px;
    opacity: 0;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.face .dot {
    display: inline-block;
    position: absolute;
    width: 40px;
    height: 10px;
    right: 0;
    left: 0;
    text-align: center;
    margin: 0 auto;
    top: 30%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #f44336;
    border-radius: 50%;
    margin-top: 10px;
}

.face:nth-child(1) {
    -webkit-animation: waves 5s linear infinite;
    animation: waves 5s linear infinite;
}

.face:nth-child(1) .dot {
    background: url(/docs/default-source/assets/freshlook/images/loader-sprite.png);
    background-position: -3px 22px;
    width: 35px;
    height: 15px;
    border-radius: 0;
}

.face:nth-child(2) {
    -webkit-animation: waves 5s 0.2s linear infinite;
    animation: waves 5s 0.2s linear infinite;
}

.face:nth-child(2) .dot {
    background: url(/docs/default-source/assets/freshlook/images/loader-sprite.png);
    background-position: -61px 51px;
    width: 30px;
    height: 18px;
    border-radius: 0;
}

.face:nth-child(3) {
    -webkit-animation: waves 5s 0.4s linear infinite;
    animation: waves 5s 0.4s linear infinite;
}

.face:nth-child(3) .dot {
    background: url(/docs/default-source/assets/freshlook/images/loader-sprite.png);
    background-position: -117px 23px;
    width: 32px;
    height: 23px;
    border-radius: 0;
}

.face:nth-child(4) {
    -webkit-animation: waves 5s 0.6s linear infinite;
    animation: waves 5s 0.6s linear infinite;
}

.face:nth-child(4) .dot {
    background: url(/docs/default-source/assets/freshlook/images/loader-sprite.png);
    background-position: -473px 22px;
    width: 18px;
    height: 20px;
    border-radius: 0;
}

.face:nth-child(5) {
    -webkit-animation: waves 5s 0.8s linear infinite;
    animation: waves 5s 0.8s linear infinite;
}

.face:nth-child(5) .dot {
    background: url(/docs/default-source/assets/freshlook/images/loader-sprite.png);
    background-position: -516px 23px;
    width: 25px;
    height: 22px;
    border-radius: 0;
}

.face:nth-child(6) {
    -webkit-animation: waves 5s 1s linear infinite;
    animation: waves 5s 1s linear infinite;
}

.face:nth-child(6) .dot {
    background: url(/docs/default-source/assets/freshlook/images/loader-sprite.png);
    background-position: -562px 23px;
    width: 35px;
    height: 20px;
    border-radius: 0;
}

.first-face {
    justify-content: center;
    align-items: center;
}

.second-face {
    justify-content: space-between;
}

.second-face .dot:last-of-type {
    align-self: flex-end;
}

.third-face {
    justify-content: space-between;
}

.third-face .dot:nth-child(2) {
    align-self: center;
}

.third-face .dot:last-of-type {
    align-self: flex-end;
}

.fourth-face {
    justify-content: space-between;
}

.fourth-face .column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fifth-face {
    justify-content: space-between;
}

.fifth-face .column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fifth-face .column:nth-child(2) {
    justify-content: center;
}

.sixth-face {
    justify-content: space-between;
}

.sixth-face .column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/****************************************************** */

@-webkit-keyframes waves {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
    }
    4% {
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px);
        opacity: 1;
    }
    8% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    70% {
        opacity: 0;
    }
}

@keyframes waves {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
    }
    4% {
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px);
        opacity: 1;
    }
    8% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    70% {
        opacity: 0;
    }
}

/********************** lombard loader css ************************/

/**************************************************header/footer start **************************************************/

.header .mobCallback,
.header .lombardLogo,
#header ul.calFeedback,
#header .nav ul.navBar .menuBox li.mobProBack,
.mobBeforelogin {
    display: none;
}

.header .il-headerTop {
    background: #fff;
    color: #063b6d;
    text-align: right;
    padding: 2px 0;
}

.header .liveChat,
.header .lombardCall {
    position: relative;
    top: 3px;
}

.header .lombardCall {
    top: 4px;
}

.header .lombardCall,
.header .liveChat,
.header .feedBack {
    display: inline-block;
}

.header .feedBack {
    position: relative;
    vertical-align: top;
}

.header .lombardCall a {
    font-size: 16px;
    font-weight: 700;
}

.ht-phoneIcon img {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 3px;
    position: relative;
    top: -1px;
}

.header .liveChat a {
    display: inline-block;
    border: 1px solid #e5e5e5;
    font-size: 13px;
    border-radius: 5px;
    padding: 3px 11px 3px 9px;
    font-weight: 400;
    cursor: pointer;
    margin: 0 20px;
}

.header .liveChat a .dotsGreen {
    background: #00a651;
    height: 12px;
    width: 12px;
    display: inline-block;
    border-radius: 50px;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -1px;
    animation: blink-animation 1.5s steps(5, start) infinite;
    -webkit-animation: blink-animation 1.5s steps(5, start) infinite;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

.header .feedBack .profIcohide,
.header .feedBack .profIcoactive {
    background-image: url(/docs/default-source/assets/freshlook/images/login-sprite.png);
    background-repeat: no-repeat;
    background-position: 0 -1px;
    display: block;
    width: 35px;
    height: 30px;
}

.header .feedBack .profIcoactive {
    background-position: -35px -1px;
    display: none;
}

#header .mainNvbg {
    width: 100%;
    margin: 0 auto;
    /*background:#c13911 url(/images/default-source/HomeRevamp/main-nav-bg.jpg);*/
    background: #ce561a;
    background: -moz-linear-gradient(top, #df7625 0%, #c13911 100%);
    background: -webkit-linear-gradient(top, #df7625 0%, #c13911 100%);
    background: linear-gradient(to bottom, #df7625 0%, #c13911 100%);
    background-repeat: repeat-x;
}

#header .img-responsive {
    display: block;
    max-width: 100%;
}

#header .mobLogo a {
    display: inline-block;
}

#header .mobLogo a img {
    width: 178px;
}

#header .mobMenuWrapper {
    float: right;
}

#header .nav {
    position: relative;
}

#header .nav .menuBox {
    width: 915px;
    position: absolute;
    top: 100%;
    right: 0px;
    z-index: 9999;
    background: #fff;
    border-bottom: 5px solid #eb8e15;
    border-radius: 0 0 5px 5px;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.3);
}

#header .nav .menuBox {
    right: 0px;
    left: auto;
}

#header .nav .rightAln {
    right: -445px;
    left: auto;
}

#header .nav ul.navBar .otherdrMenu {
    width: 275px;
}

#header .nav ul.navBar ul.otherdrMenu {
    padding-top: 10px;
}

#header .nav ul.navBar > li a span.dwnArrow,
._mPdtBack .dwnArrow {
    border: solid #fff;
    border-width: 0 1.2px 1.2px 0;
    display: inline-block;
    padding: 3px;
    vertical-align: top;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-left: 8px;
    margin-top: 7px;
}

#header .nav ul.navBar > li {
    display: inline-block;
    position: relative;
    float: left;
}

#header .nav ul.navBar > li:after {
    content: "";
    position: absolute;
    bottom: -10px;
    right: 0;
    left: 0;
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #063b6d transparent transparent transparent;
    z-index: 9999;
    opacity: 0;
    visibility: visible;
}

#header .nav ul.navBar > li.no-dropdown:after {
    display: none;
}

#header a {
    text-decoration: none;
    color: inherit;
}

#header .nav ul.navBar > li a {
    display: block;
    color: #fff;
    padding: 19px 16px 20px;
    font-size: 16px;
    text-transform: capitalize;
    transition: 0.15s;
    font-weight: 400;
    cursor: pointer;
}

#header .nav ul.navBar .menuBox.rightAln > li {
    width: 33.333%;
    float: left;
    padding-left: 2px;
    padding-right: 2px;
}

#header .nav ul.navBar .menuBox.rightAln > li:first-child,
#header .nav ul.navBar .menuBox.rightAln > li:nth-child(4) {
    padding-left: 0;
}

#header .nav ul.navBar .menuBox.rightAln > li:nth-child(3),
#header .nav ul.navBar .menuBox.rightAln > li:nth-child(6) {
    padding-right: 0;
}

#header .nav ul.navBar .menuBox li {
    width: 100%;
    border-bottom: 1px solid #eff0f1;
}

#header .nav ul.navBar .menuBox li:last-child,
#header .nav ul.navBar .menuBox.rightAln > li {
    border-bottom: none;
}

#header .nav ul.navBar ul.menuBox li a {
    color: #063b6d;
    display: block;
    padding: 11px 20px;
    text-transform: capitalize;
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

#header .nav .navBar .menuBox li h4,
#header .nav .navBar .menuBox li .headingh4 {
    position: relative;
    font-size: 14px;
    color: #063b6d;
    font-weight: 400;
    background: #fdf3e7;
    margin-right: 6px;
    padding: 15px 0 15px 60px;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    margin-top: 10px;
}

#header .nav .navBar .menuBox li h4 a,
#header .nav .navBar .menuBox li .headingh4 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: none !important;
}

#header .menuBox .menupIcons {
    background-image: url(/docs/default-source/assets/freshlook/images/menu-icons.svg);
}

#header .menuBox .menupIcons,
.menuDrpBox h4 span,
.menuDrpBox .headingh4 span {
    background-repeat: no-repeat;
    -webkit-background-size: 264px;
    background-size: 264px;
    width: 44px;
    height: 29px;
    margin-right: 10px;
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}

#header .menuBox .menupIcons.travelInsico,
.menuDrpBox h4 .travelInsico,
.menuDrpBox .headingh4 .travelInsico {
    background-position: -44px 0;
}

#header .menuBox .menupIcons.helthInsico,
.menuDrpBox h4 .helthInsico,
.menuDrpBox .headingh4 .helthInsico {
    background-position: -88px 0;
}

#header .menuBox .menupIcons.homeInsico,
.menuDrpBox h4 .homeInsico,
.menuDrpBox .headingh4 .homeInsico {
    background-position: -132px 0;
}

#header .menuBox .menupIcons.marineInsico,
.menuDrpBox h4 .marineInsico,
.menuDrpBox .headingh4 .marineInsico {
    background-position: -176px 0;
}

#header .menuBox .menupIcons.otherInsico,
.menuDrpBox h4 .otherInsico,
.menuDrpBox .headingh4 .otherInsico {
    background-position: -220px 0;
}

#header .mobHumberger {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -12px;
    margin: auto;
    width: 48px;
    height: 48px;
}

#header .mobHumberger span {
    display: block;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 2px;
    width: 25px;
    margin: auto;
}

#header .mobHumberger span:first-child {
    top: -15px;
}

#header .mobHumberger span:last-child {
    top: 15px;
}

.m_liveChat {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -6px;
    margin: auto;
    width: 38px;
    height: 38px;
    padding: 9px 5px;
}

.m_liveChat img {
    width: 27px;
}

#header .feedBack .profileSec {
    display: none;
    position: absolute;
    top: 41px;
    right: -40px;
    width: 309px;
    background: #f9f9f9;
    border-radius: 10px;
    z-index: 2;
    border-bottom: 7px solid #eb8e15;
    text-align: center;
    padding: 15px 0;
    font-weight: 300;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.3);
}

#header .feedBack .profileSec:before,
#header .feedBack .profileSec:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: -10px;
    right: 48px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff transparent;
}

#header .feedBack .profileSec:before {
    border-width: 0 11px 11px 11px;
    border-color: transparent transparent #ccc transparent;
    top: -11px;
    right: 47px;
}

#header .feedBack .welProf h4,
#header .feedBack .welProf .headingh4 {
    color: #e57200;
    font-size: 15px;
    text-transform: uppercase;
    margin: 0 0 8px;
}

#header .welProf .womIco {
    background-image: url(/docs/default-source/assets/freshlook/images/womico.png);
}

#header .welProf .guestIco {
    background-image: url(/docs/default-source/assets/freshlook/images/guestico.png);
}

#header .welProf .menIco {
    background-image: url(/docs/default-source/assets/freshlook/images/menico.png);
}

#header .welProf .menIco,
#header .welProf .womIco,
#header .welProf .guestIco {
    background-repeat: no-repeat;
    display: none;
    width: 60px;
    height: 60px;
    text-align: center;
    margin: auto;
}

#header .welProf .menIco {
    display: block;
}

#header .welProf .guestIco {
    background-color: #d2d2d2;
    border-radius: 100%;
}

#header .feedBack a {
    display: inline-block;
    color: #fe6625;
    font-size: 14px;
}

#header .feedBack .profileSec .welProf h3 {
    color: #063b6d;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    padding: 5px 0 5px;
}

#header .feedBack .profileSec .welProf .editProf a {
    font-size: 12px;
    color: #282828;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: underline;
}

.header .rightBlog .feedBack .profileSec .logoutSec {
    border-top: 1px solid #e0e6eb;
    margin: 15px 0 0;
}

.header .rightBlog .feedBack .profileSec .logoutSec p {
    padding: 6px 0 10px;
    color: #828282;
    font-size: 12px;
}

.logoutSec .linkBtn {
    text-transform: uppercase;
}

._mPdtBack {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 18px 40px;
    background: #f2f5f8;
    color: #063b6d;
    pointer-events: none;
    z-index: -1;
    display: none;
}

._mPdtBack .dwnArrow {
    border-color: #063b6d;
    padding: 4px;
    position: absolute;
    left: 17px;
    margin-top: 4px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

#header .mobMenuWrapper {
    opacity: 0;
}

/*** New Footer ***/

.il-footer.new_footer {
    background: #fcfcfc;
    margin-bottom: -1px;
}

.footer_bg_f9fafc .il-footer.new_footer {
    background: #f9fafc;
}

.new_footer .addressBlock h6 {
    padding: 30px 0 7px;
    font-weight: 700;
    font-size: inherit;
    color: inherit;
    margin: 0;
}

.new_footer .ftAdrsLine {
    font-weight: 400;
    line-height: 1.7;
}

.new_footer .emlnoBlock span {
    font-size: 11px;
    line-height: inherit;
}

.new_footer .emlnoBlock span:last-child,
.addressBlockRight,
.new_footer .footerNav,
.new_footer .footer_list a:before,
.new_footer .lower-footer__para {
    display: none;
}

.new_footer .addressBlockRight {
    display: block;
}

.new_footer .ft-col.addressBlock {
    width: 40%;
}

.new_footer .addressBlockRight {
    width: 60%;
    float: left;
    padding-top: 20px;
}

.new_footer .gcFootText p {
    font-size: 12px;
    line-height: 1.65;
    margin-bottom: 20px;
    font-weight: 300;
    color: #828282;
}

.new_footer .addressBlockRight p:last-child {
    margin-bottom: 0;
}

.new_footer .lower-footer {
    background: none;
    padding-top: 0;
}

.new_footer .footer_list li {
    display: inline-block;
}

.new_footer .footer_list li a {
    display: block;
    padding: 3px;
    margin-right: 10px;
}

.new_footer .footer_list a span {
    display: block;
    background: url(/docs/default-source/assets/freshlook/images/social.svg) no-repeat;
    -webkit-background-size: 168px;
    background-size: 168px;
    width: 28px;
    height: 29px;
}

.new_footer .footer_list a span.si2 {
    background-position: -28px 0;
}

.new_footer .footer_list a span.si3 {
    background-position: -56px 0;
}

.new_footer .footer_list a span.si4 {
    background-position: -84px 0;
}

.new_footer .footer_list a span.si5 {
    background-position: -112px 0;
}

.new_footer .footer_list a span.si6 {
    background-position: -140px 0;
}

.new_footer .gcInMax {
    max-width: 300px;
    position: relative;
}

.new_footer .gcButton {
    position: relative;
    border-bottom: 1px solid #c9c9c9;
    padding: 7px 0;
    cursor: pointer;
    font-weight: 300;
    font-size: 1.6rem;
}

.new_footer .gcButton:before {
    content: "";
    position: absolute;
    top: 25%;
    right: 2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #282828;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    padding: 5px;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
}

.new_footer .gcDropList .gcButton:before {
    top: 45%;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.new_footer .lower-footer .gcList {
    position: relative;
    background: #fcfcfc;
    width: 100%;
    max-height: 120px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: none;
    box-shadow: 1px 2px 5px #ddd;
    -webkit-box-shadow: 1px 2px 5px #ddd;
    -moz-box-shadow: 1px 2px 5px #ddd;
}

.new_footer .lower-footer .gcList li {
    display: block;
    padding: 0;
}

.new_footer .lower-footer .gcList li a {
    display: block;
    padding: 7px 10px;
    font-size: 13px;
    color: inherit;
    font-weight: 400;
    width: 100%;
    text-decoration: none;
}

.new_footer .lower-footer .addressBlockRight {
    padding-top: 0;
}
.new_footer .lower-footer .gcList li a:hover {
    background: #f1f1f1;
}

/*** New Footer ***/

/*************tooltip ui***************/

span.tooltip-ui {
    border: 1px solid;
    height: 1.5rem;
    width: 1.5rem;
    display: inline-block;
    border-radius: 10rem;
    /*font-family: 'Muli';*/
    padding: 0 5px;
    margin-left: 0.5rem;
    margin-top: 0.3rem;
    font-size: 1rem;
    color: rgba(40, 40, 40, 0.5);
    position: relative;
}

span.tooltip-ui:before {
    content: "i";
    color: #282828;
}
.bg-blue span.tooltip-ui,
.bg-blue span.tooltip-ui:before {
    color: #fff;
}
span.tooltip-text {
    visibility: hidden;
    width: 250px;
    background: #fff;
    color: #fff;
    text-align: left;
    border-radius: 10px;
    padding: 1.2rem 1.5rem;
    position: absolute;
    z-index: 99999;
    /* bottom: 0; */
    /*top: 37px;*/
    left: -20px;
    opacity: 0;
    /* transition: opacity 1s; */
    font-size: 1.4rem;
    margin: auto;
    box-shadow: 0 0 18px #e6e0e0;
    font-weight: 400;
    margin-top: 3.5rem;
}
.plan-block span.tooltip-text {
    margin-top: 2rem;
}
span.tooltip-text:after {
    content: "";
    position: absolute;
    top: -19px;
    left: 16px;
    margin-left: 0;
    border-width: 10px;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent;
    transform: rotate(180deg);
}

.tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
    transform: translateY(-10px);
    transition: 0.3s linear;
    color: #282828;
    animation: 1s ease-in-out infinite alternate;
}

a.tooltip {
    display: inline-block;
    outline: none;
    /*  margin: 0.2rem 0;*/
}

.bg-blue span.tooltip-text {
    box-shadow: 0 0 10px rgba(45, 45, 45, 0.6);
}
.bg-blue .addons-detail span.tooltip-ui,
.bg-blue .addons-detail span.tooltip-ui:before {
    color: rgba(40, 40, 40, 0.5);
}
.bg-blue .addons-detail span.tooltip-ui {
    margin: 0 0 0 5px;
    opacity: 1;
    display: inline-block;
    font-size: 1rem;
}

.il-penone span.tooltip-ui {
    display: none;
}
/*************tooltip ui***************/

.mobAfterlogin span,
.detach-lastLogin span,
.new_footer .ftAdrsLine p {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.il-container {
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

header *,
footer * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

header ul,
footer ul {
    margin: 0;
}

header li,
footer li {
    padding: 0;
    list-style: none;
}

header a,
footer a {
    text-decoration: none;
}

body {
    margin: 0;
    overflow-x: hidden;
}
/*.js-addonlist {
    overflow: hidden;
}*/

/*** Footer ***/

.il-footer {
    background: #f9fafc;
    color: #282828;
}

.footerContainer {
    padding: 50px 0 46px;
}

.ftFloater {
    margin-left: -20px;
    margin-right: -20px;
}

.ftFloater .ft-col.addressBlock {
    width: 30%;
}

.ftFloater .ft-col {
    width: 23.3333%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}

.ft-addIn {
    max-width: 280px;
}

.addressBlock {
    font-size: 11px;
}

.addressBlock h6 {
    padding: 30px 0 10px;
    font-weight: 800;
}

.ftAdrsLine {
    color: #828282;
    line-height: 1.6;
    font-weight: 300;
}

.emlnoBlock {
    margin-top: 10px;
}

.new_footer .emlnoBlock {
    padding: 0;
}

.emlnoBlock span {
    display: block;
    font-size: 12px;
}

.footerNav h3 {
    padding-bottom: 12px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.2px;
    font-weight: 800;
}

.footerNav li a {
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #828282;
    font-weight: 400;
    display: inline-block;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding: 8px 0;
}

.footerNav li a:hover {
    color: #282828;
}

.lower-footer {
    background-color: #f1f1f1;
    padding: 22px 0 20px;
}

.lower-footer p {
    font-size: 11px;
    color: #666;
    float: right;
    text-align: right;
    padding-top: 10px;
}

.footer_list {
    margin-left: -3px;
}

.footer_list,
.footer_list li {
    display: inline-block;
}

.footer_list a {
    display: block;
    padding: 3px;
}

.footer_list a span {
    display: block;
    background: url(/docs/default-source/assets/freshlook/images/social.svg) no-repeat;
    -webkit-background-size: 168px;
    background-size: 168px;
    width: 28px;
    height: 29px;
}

.footer_list a span.si2 {
    background-position: -28px 0;
}

.footer_list a span.si3 {
    background-position: -56px 0;
}

.footer_list a span.si4 {
    background-position: -84px 0;
}

.footer_list a span.si5 {
    background-position: -112px 0;
}

.footer_list a span.si6 {
    background-position: -140px 0;
}

.ft-logo img {
    max-width: 100%;
}

.sum-prem-block .v-select .dropdown-menu,
.select-drop .v-select .dropdown-menu {
    min-width: auto;
}

.shw {
    -webkit-box-shadow: 0 0 15px rgba(204, 204, 204, 0.3);
    box-shadow: 0 0 15px rgba(204, 204, 204, 0.3);
}

span.ui-error {
    font-size: 1.2rem;
    position: relative;
    width: 100%;
    z-index: 1;
    bottom: 0px;
    left: 0;
    text-align: left;
    /* display: none;*/
}
span.ui-error.gstinerror {
    bottom: -1px;
    background-color: #fff;
    line-height: 1.1;
}

span.error-bottom {
    bottom: -15px;
}

span.error-bottom1 {
    bottom: 3px;
}

.bg-blue span.ui-error {
    /*color: #fc9494;*/
    color: #ff0000;
    font-weight: 600;
}

.bg-grey span.ui-error {
    color: #ff0000;
}

.addons-detail .addon-list li:after,
.check-list li:before,
.icomoon-icon {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.card-wrap {
    max-width: 120rem;
    margin: 0 auto;
    padding-top: 3rem;
}

.card-wrap .card-block {
    margin: 2%;
    width: 46%;
    display: inline-block;
    float: left;
    padding: 0 2rem 2.5rem;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    position: relative;
}

.card-wrap.block-3 .card-block {
    margin: 1.66%;
    width: 30%;
}

.card-block.card-text p,
.card-text p {
    font-size: 1.7rem;
    color: #282828;
    margin-bottom: 1.5rem;
    /*font-family: 'Muli';*/
    font-weight: 600;
    text-align: left;
}

.card-block.card-text span,
.card-text span {
    color: #282828;
    font-size: 1.4rem;
    line-height: 2.2rem;
}

.check-list.exc-text li {
    font-size: 1.5rem;
    font-weight: 300;
    margin-bottom: 1.5rem;
}

.card-block h2 {
    color: #01b4bb;
    text-align: center;
    font-weight: 300;
}

.card-block p {
    color: #979797;
    font-size: 1.6rem;
    text-align: center;
    font-weight: 300;
}

.get-quote-section {
    padding: 6rem 0;
}

.get-quote-wrap {
    max-width: 52rem;
    margin: 0 auto;
}

.get-quote-wrap h1 {
    /*font-family: 'Muli';*/
    font-weight: 200;
    margin-bottom: 3.5rem;
}

.get-quote-wrap p {
    font-size: 1.8rem;
    padding-bottom: 2.5rem;
}

.get-quote-wrap .input-block {
    margin-bottom: 5rem;
    max-width: 80%;
}

.get-quote-wrap .input-block.mobile-block {
    margin-bottom: 2rem;
}

.form-block {
    padding: 3rem 0;
}

a.check-terms-condition {
    font-size: 1.3rem;
    color: rgba(255, 255, 255, 0.5);
}

a.tnclnk {
    color: #fc9494;
    font-size: 1.2rem;
}

.plan-block-landing .card-block span {
    padding-right: 4rem;
    display: inline-block;
    min-height: 10rem;
    overflow: hidden;
}

.plan-block-landing .card-block em {
    width: 55px;
    height: 55px;
    font-size: 3.5rem;
    color: #828282;
    margin-bottom: 1rem;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
}

.plan-block-landing .card-block em {
    color: #01b4bb;
    display: inline-block;
}

.check-list {
    padding-top: 3.5rem;
    padding-bottom: 1.5rem;
}

.check-list li {
    width: 50%;
    float: left;
    margin-bottom: 2.5rem;
    margin-top: 1.5rem;
    padding: 0 3.5rem;
    text-align: left;
    position: relative;
    color: #282828;
}

.check-list li:before {
    content: "\e90f";
    position: absolute;
    color: #00d64c;
    left: 10px;
    top: 3px;
    font-size: 1.7rem;
}

.link {
    margin-left: 4rem;
    border-bottom: 1px solid;
    font-weight: 300;
    text-decoration: none;
}

a.link.policy-wrd {
    margin-top: 1rem;
    z-index: 2;
    position: relative;
}
a.link.policy-wrd:focus {
    color: #fe6625;
    text-decoration: none;
}
.link:hover {
    text-decoration: none;
}

.claim-block h2 {
    margin-bottom: 2rem;
}

.claim-steps {
    margin-bottom: 3rem;
}

.claim-steps p {
    font-size: 1.8rem;
    display: inline-block;
}

.claim-steps ul {
    display: inline-block;
    padding: 0 1rem;
}

.claim-steps li {
    color: #fff;
    display: inline-block;
    font-size: 1.5rem;
    width: 26px;
    height: 26px;
    text-align: center;
    padding-top: 0.3rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 1rem;
    position: relative;
}

.icon-sprt {
    text-align: center;
}

.claim-blocks {
    margin-bottom: 6rem;
}

.claim-blocks li {
    width: 15rem;
    height: 14rem;
    display: inline-block;
    background: rgba(26, 80, 106, 0.35);
    -webkit-border-radius: 2rem;
    border-radius: 2rem;
    position: relative;
    margin-right: 9rem;
    padding-top: 4rem;
    vertical-align: top;
    z-index: 5;
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.claim-blocks li:last-child {
    margin-right: 0;
}

.claim-blocks li span {
    position: absolute;
    top: 13px;
    left: 20px;
    font-size: 1.8rem;
    color: rgba(255, 255, 255, 0.5);
}

.claim-blocks li p {
    text-align: center;
    position: absolute;
    bottom: 3rem;
    width: 100%;
    color: #003d59;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
    font-size: 1.4rem;
    letter-spacing: 0.5px;
}

.claim-blocks li:after {
    content: "";
    position: absolute;
    width: 100%;
    left: -100%;
    height: 100%;
    background: 0 0;
    -webkit-border-radius: 2rem;
    border-radius: 2rem;
    top: 0;
    z-index: -1;
    -webkit-transition: left 3s cubic-bezier(0.73, 0.24, 0.45, 0.76);
    transition: left 3s cubic-bezier(0.73, 0.24, 0.45, 0.76);
}

.claim-blocks li em {
    font-size: 3.8rem;
    color: #003d59;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.claim-blocks li.active {
    background: #1a506a;
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

.claim-blocks li.active:after {
    left: 0;
}

.claim-blocks li.active em {
    font-size: 3.8rem;
    color: #fff;
    /*-webkit-transition: color .5s ease;transition: color .5s ease*/
}

.claim-blocks li.active p {
    color: #fff;
}

.pie_progress__svg {
    position: absolute;
    z-index: 5;
    width: 26px;
    top: 0;
}

.floaterImg {
    position: absolute;
    right: 60%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.floaterImg img {
    /*-webkit-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
    -webkit-animation: float 4s ease-in-out infinite;
    animation: float 4s ease-in-out infinite*/
}

.floaterImg .radialAnimation {
    position: absolute;
    width: 100%;
    height: 100%;
}

.floaterImg .shadow-img {
    position: absolute;
    bottom: -31px;
    width: 70%;
    height: 25px;
    left: 15%;
    /*-webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-animation: floatshadow 4s ease-in-out infinite;
    animation: floatshadow 4s ease-in-out infinite;
    background: rgba(8, 8, 8, .15);
    -webkit-border-radius: 50%;
    border-radius: 50%*/
}

.claim-section {
    position: relative;
    padding-bottom: 10rem;
    padding-top: 10rem;
}

@-webkit-keyframes floatbaba {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

@keyframes floatbaba {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

@-webkit-keyframes floatshadow {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        background: rgba(8, 8, 8, 0.25);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background: rgba(8, 8, 8, 0.1);
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        background: rgba(8, 8, 8, 0.25);
    }
}

@keyframes floatshadow {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        background: rgba(8, 8, 8, 0.25);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background: rgba(8, 8, 8, 0.1);
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        background: rgba(8, 8, 8, 0.25);
    }
}

@-webkit-keyframes float {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
    50% {
        -webkit-transform: translatey(-30px);
        transform: translatey(-30px);
    }
    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
}

@keyframes float {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
    50% {
        -webkit-transform: translatey(-30px);
        transform: translatey(-30px);
    }
    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
}

@-webkit-keyframes AnimationName {
    0% {
        background-position: 9% 0;
    }
    50% {
        background-position: 92% 100%;
    }
    100% {
        background-position: 9% 0;
    }
}

@keyframes AnimationName {
    0% {
        background-position: 9% 0;
    }
    50% {
        background-position: 92% 100%;
    }
    100% {
        background-position: 9% 0;
    }
}

.sonar-wave {
    -webkit-animation: sonarWave 2s linear infinite;
    animation: sonarWave 2s linear infinite;
}

@-webkit-keyframes sonarWave {
    from {
        opacity: 0.4;
    }
    to {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0;
    }
}

@keyframes sonarWave {
    from {
        opacity: 0.4;
    }
    to {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0;
    }
}

.dot {
    display: inline-block;
    position: absolute;
    width: 40px;
    height: 10px;
    right: 115%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dot em {
    background: rgb(26, 80, 106);
    width: 5px;
    height: 5px;
    display: inline-block;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 0.7rem;
}

@-webkit-keyframes blink {
    50% {
        background-color: transparent;
    }
}

@keyframes blink {
    50% {
        background-color: transparent;
    }
}

.dot.active em {
    /*background-color: #fff;*/
    /*-webkit-animation: 1s blink infinite;animation: 1s blink infinite*/
}

.dot.active em:nth-child(2) {
    -webkit-animation-delay: 250ms;
    animation-delay: 250ms;
}

.dot.active em:nth-child(3) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.search-garage-section {
    padding: 8.5rem 0;
    /*background-image: url(/docs/default-source/assets/freshlook/images/garage-bg.png);
    background-repeat: no-repeat;
    background-position: 98% 100%*/
}

.garage-search,
.garage-title {
    width: 50%;
    float: left;
    position: relative;
    padding-top: 2.5rem;
}

.garage-title p {
    font-size: 1.6rem;
}

.garage-search h2,
.garage-title h2 {
    margin-bottom: 2.2rem;
    /*font-family: 'Muli';*/
    font-weight: 200;
}

.garage-search {
    padding-top: 0;
}

.garage-search p {
    padding-left: 5rem;
    margin-bottom: 1rem;
}

.garage-search h3 {
    padding-left: 5rem;
    font-size: 2.5rem;
    margin-bottom: 2.3rem;
    /*font-family: 'Muli';*/
    font-weight: 200;
}

.garage-search .search-item {
    background: #fff;
    /* padding: 1.5rem 2rem 0; */
    -webkit-border-radius: 7px;
    border-radius: 7px;
    width: 44rem;
    /* margin-top: -10px;*/
}

.garage-search .search-item .icon-map {
    width: 25px;
    height: 30px;
    color: #01b4bb;
    font-size: 2.6rem;
    padding: 1.7rem 0 0 1.8rem;
    display: inline-block;
    position: absolute;
}

.garage-search .search-item input {
    vertical-align: top;
    border: 0;
    min-width: 295px;
    min-height: 60px;
    font-size: 1.4rem;
    outline: 0;
    /* opacity: 0.6; */
    color: #696969;
    background: #fff;
    padding: 0 2rem 0;
    display: inline-block;
    padding-left: 5.5rem;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    /*text-transform: capitalize;*/
}

.garage-search a {
    float: right;
    color: #fe6625;
    font-size: 1.2rem;
    font-weight: 700;
    padding: 2.3rem 3rem 0 0;
    /*font-family: 'Muli';*/
    /*text-transform: capitalize;*/
    letter-spacing: 0.05rem;
}
#ui-id-2 li {
    border-bottom: 1px solid #ececec;
    padding: 1rem 0 1rem 6rem;
    font-size: 1.4rem;
}
.reveal .submit-btn {
    clear: both;
}

.checkBoxsmall .check-feild {
    padding-bottom: 2rem;
    float: none;
    display: block;
}

.checkBoxsmall .input-check + label {
    font-size: 1.3rem;
    color: rgba(255, 255, 255, 0.5);
}

.checkBoxsmall .input-check + label:before {
    width: 1.8rem;
    height: 1.8rem;
}

.vehicle-policycover .checkBoxsmall .input-check + label:before {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #cecece;
}

.dark-form .vehicle-policycover .radio input[type="radio"] + .radio-label:before {
    background: #fff;
}

.vehicle-policycover .checkBoxsmall .input-check:checked + label:after {
    width: 7px;
    height: 12px;
    border: solid #fff;
    border-width: 0 1.5px 1.5px 0;
    bottom: 8px;
    left: 9px;
}

.dark-form .checkBoxsmall {
    padding: 1rem 0 4rem;
    width: 100%;
}

.dark-form .checkBoxsmall .input-check + label:before {
    width: 2.5rem;
    height: 2.5rem;
}

.dark-form .checkBoxsmall .input-check:checked + label:after {
    width: 7px;
    height: 13px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    bottom: 8px;
    left: 9px;
}

.checkBoxsmall .input-check:checked + label:after {
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    bottom: 6px;
    left: 6px;
}

.checkBoxsmall .input-check:checked + label:before {
    background: #fe6625;
    border: solid #fe6625;
}

.reveal .submit-btn {
    margin-top: 2rem;
}

.bg-blue .re-quote {
    vertical-align: top;
    padding: 1.5rem 0 0;
    font-size: 1.7rem;
    color: #f26624;
    font-weight: 300;
    border-bottom: none;
    margin-left: 2rem;
    text-decoration: underline;
    display: block;
}

.get-quote-wrap {
    float: left;
    margin: 0 0 0 25%;
    display: inline-block;
}

.renew-box {
    width: 21rem;
    display: inline-block;
    margin: 3rem 10% 0;
    /*padding: 2rem 1.5rem;
    background: #1a516a;
    -webkit-border-radius: 1rem;
    border-radius: 1rem*/
}

.renew-box img {
    width: 4rem;
    margin-left: 1rem;
}

.renew-box h2 {
    font-size: 1.5rem;
    padding: 2rem 1rem;
    font-style: italic;
    font-weight: 300;
}

.renew-box a.btn-blue {
    padding: 1.8rem 1.5rem;
    margin-right: 0;
}

.renew-box a.btn-blue:after {
    background: rgba(255, 255, 255, 0.1);
}

.break-up li p,
.break-up li span {
    font-size: 1.4rem;
    margin-bottom: 0;
}

.covers-block {
    width: 100%;
    margin-top: 2rem;
}

.commonpop-pad {
    padding: 2rem 8rem;
}

.cover-discount h1 {
    text-align: left;
    padding-bottom: 2rem;
}

.cover-discount h4 {
    text-align: left;
    font-weight: 400;
    color: #282828;
    /*font-family: 'Muli';*/
    padding-bottom: 4rem;
}

.cover-discount .choice-radio-block {
    text-align: left;
}

.cover-discount .car-form-block .text-left .sm-input {
    float: none;
}

.vehicle-policycover {
    padding: 3rem 0 0;
    width: 100%;
    text-align: left;
}

.vehicle-policycover h3 {
    padding: 2rem 0;
}

.pacover-popblock h3 {
    font-size: 2rem;
    padding: 1rem 0 0.6rem;
    font-weight: 500;
    /*font-family: 'Muli';*/
    text-align: left;
    margin: 0;
}
#viewListp .pacover-popblock h3 {
    padding-bottom: 3rem;
}
span.pac-text {
    width: 90%;
    display: inline-flex;
    font-size: 1.6rem;
    font-weight: 400;
    overflow: hidden;
}

.pacover-popblock p {
    text-align: left;
}

.pacover-popblock span.ui-error {
    position: static;
    color: #ff0000;
    float: left;
}

.vehicle-policycover h4 {
    font-size: 1.6rem;
    font-weight: 600;
    /*font-family: 'Muli';*/
    padding: 0 0 1.5rem;
}

.vehicle-policycover .rec-idv .radio {
    width: 5%;
}

.vehicle-policycover .rec-text {
    padding-top: 0;
    line-height: 2.5rem;
    border-bottom: 1px solid #f1f1f1;
    padding: 0.4rem 1rem 2rem;
}

.vehicle-policycover .rec-idv {
    padding: 2rem 2rem 0.5rem;
}

.vehicle-policycover .rec-text span {
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: #fe6625;
}

.vehicle-policycover .rec-idv:last-child {
    padding-bottom: 0;
    padding-top: 1rem;
}

.vehicle-policycover .rec-text.border-hid {
    border-bottom: none;
}

.car-detail-wrap {
    width: 345px;
    position: relative;
    padding-bottom: 3rem;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.car-detail-wrap .img-loader figure {
    position: relative;
}

.car-detail-wrap .img-loader figure:after {
    content: "";
    position: absolute;
    border: 4px solid #fff;
    opacity: 1;
    left: 50%;
    top: 25%;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.car-detail-wrap .img-loader img {
    -webkit-filter: blur(6px);
    filter: blur(6px);
}

@-webkit-keyframes lds-ripple {
    0% {
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: 30%;
        left: 35%;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}

@keyframes lds-ripple {
    0% {
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: 30%;
        left: 35%;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}

.car-detail-wrap h3 {
    margin-bottom: 0.8rem;
    padding-right: 3rem;
    min-height: 31px;
    display: inline-block;
}

.car-detail-wrap h3.text-loader {
    position: relative;
}

.car-detail-wrap .text-loader {
    position: relative;
}

.car-detail-wrap .text-loader::after {
    content: "";
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eee;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #003046), color-stop(18%, #003b56), color-stop(25%, #003046));
    background: linear-gradient(to right, #003046 8%, #003b56 18%, #003046 25%);
    background-size: 800px 104px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }
    100% {
        background-position: 468px 0;
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }
    100% {
        background-position: 468px 0;
    }
}

.car-detail-wrap span {
    font-size: 1.3rem;
    margin-bottom: 1.5rem;
    display: inline-block;
}

.car-detail-wrap a.edit {
    position: absolute;
    top: 25px;
    right: 0;
}

.car-detail-wrap .check-feild {
    padding: 1.2rem 0;
}

.car-image {
    margin: 0 auto;
    margin-bottom: 1rem;
}

.car-image figure {
    text-align: center;
}

.car-image img {
    max-width: 75%;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.car-image img.active {
    width: 170px;
}

.car-detail {
    position: relative;
}

.car-detail input[type="text"] {
    padding-right: 3rem;
    padding-left: 0;
    font-size: 1.4rem;
    display: block;
    background: 0 0;
    color: #fff;
    outline: 0;
    border: 0;
    font-family: Muli;
    font-weight: 300;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.car-detail input[type="text"].car-name {
    font-size: 2.5rem;
    margin-bottom: 0.8rem;
}

.car-detail input[type="text"].car-model-name {
    margin-bottom: 2rem;
    font-size: 1.5rem;
}

.car-detail p {
    margin-bottom: 2rem;
}

.car-detail.edit input[type="text"] {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) inset;
    background: rgba(0, 48, 70, 0.5215686275);
    padding-left: 1rem;
}

.break-up {
    padding: 1rem 0;
    /*border-top: 1px solid #184f69*/
    position: relative;
}
.break-up:before {
    height: 1px;
    width: 20%;
    background: #184f69;
    content: "";
    position: absolute;
    top: 0;
}
.break-up li {
    padding: 1.2rem 0;
}
.nw-wid-wrap .break-up li {
    padding: 0.6rem 0;
}
.break-up .custom-dropdown li {
    padding: 0;
}

.break-up .leftValue {
    display: inline-block;
}

.break-up .leftValue a {
    text-decoration: none;
}

.break-up .leftValue a:active,
.break-up .leftValue a:hover,
.break-up .leftValue a:link {
    text-decoration: none;
    color: #fff;
}

.break-up .rightValue {
    float: right;
    text-align: right;
    margin-bottom: 0;
}

.dropdown {
    padding-top: 1rem;
}

.dropdown .leftValue,
.dropdown .rightValue {
    color: #01b4bb;
    font-size: 1.3rem;
}

.dropdown .leftValue {
    padding-left: 1rem;
}

.plan-block {
    width: 100%;
    background: #fff;
    margin-bottom: 2rem;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 3rem 3rem 3rem 3rem;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
}

.plan-block span {
    color: #282828;
    opacity: 0.8;
    font-family: Muli;
    font-weight: 400;
}

.plan-block.active {
    padding: 2rem 3rem;
}

.plan-block.active .coverage img {
    width: 100%;
}

/*.js-addonlist, .js-banner-discount {display: none}*/

.js-banner-discount .telematic img {
    /*display: none;*/
    padding-bottom: 7rem;
}

.js-banner-discount .telematic img.active {
    display: inline-block;
}

.coverage {
    width: 12%;
    float: left;
    text-align: center;
}

.coverage img {
    width: 70%;
    padding: 0 1rem;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.coverage span {
    text-align: center;
    margin-top: 0.5rem;
    display: block;
}

.addons-detail {
    width: 46%;
    float: left;
    /*padding-left: 3rem;*/
}

.addons-detail h4 {
    font-size: 2rem;
    /*font-family: 'Muli';*/
    font-weight: 300;
    color: #282828;
    margin-bottom: 1rem;
}
.plan-block.active .addons-detail h4 {
    font-weight: 600;
}
.addons-detail span {
    font-size: 1.3rem;
    margin-bottom: 2rem;
    display: block;
}

.addons-detail .addon-list {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    max-width: 80%;
}

.addons-detail .addon-list li {
    padding: 0.3rem 0.5rem 0.3rem 3rem;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 0.5rem;
    position: relative;
    font-size: 1.1rem;
}

.addons-detail .addon-list li:after {
    content: "\e90f";
    position: absolute;
    left: 5px;
    font-size: 1.3rem;
    color: #00d64c;
}

.right-side-plan {
    width: 40%;
    float: right;
    text-align: right;
}

.discounts {
    background: #cee4cd;
    padding: 1rem 1.5rem 1.5rem 1.5rem;
    margin: 1rem 0;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    max-width: 92%;
    text-align: left;
    position: relative;
    display: inline-block;
}

.discounts span {
    font-size: 1.1rem;
    opacity: 1;
}

.discounts a {
    position: absolute;
    right: 7px;
    bottom: 4px;
    font-size: 1.1rem;
    color: #fe6625;
}

.plan-block.active .amount-plan {
    bottom: 20px;
}

.plan-wt-top.plan-block.active .amount-plan {
    top: 20px;
}

.amount {
    padding-top: 0.5rem;
}

.amount-plan {
    padding-top: 0.5rem;
    position: absolute;
    right: 23px;
    bottom: 30%;
    width: 38%;
}

.amount-plan .amt-detail {
    display: inline-block;
    float: left;
    text-align: left;
}

.amount-plan .amt-detail span {
    width: 100%;
    text-align: left;
    font-weight: 300;
    font-size: 1.3rem;
}

.plan-block .amount-plan .amt-detail span strong {
    display: block;
    font-size: 3rem;
    font-weight: 300;
    padding-top: 2px;
}
.plan-block.active .amount-plan .amt-detail span strong {
    font-weight: 800;
}
.amount-plan .amt-detail.tp strong {
    font-weight: 400;
}

.side-panel {
    position: fixed;
    top: 0;
    width: 110rem;
    background: 0 0;
    z-index: 1;
    height: 100%;
    z-index: 99999;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.side-panel.close {
    -webkit-transform: translate3d(-105%, 0, 0);
    transform: translate3d(-105%, 0, 0);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.side-panel-content {
    padding: 5rem 10rem;
    background-color: #f7f6f6;
    max-width: 100%;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    position: absolute;
    -webkit-transform: translate3d(-105%, 0, 0);
    transform: translate3d(-105%, 0, 0);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.side-panel-content.active {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.js-planWrap {
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

/*.js-planWrap.active {-webkit-transform: translateX(90rem);-ms-transform: translateX(90rem);transform: translateX(90rem)}*/

.car-form-block {
    margin-top: 3rem;
}

.car-form-block .input-block {
    display: inline-block;
}

.car-form-block .make-model {
    width: 65%;
    max-width: 100%;
    margin-right: 5%;
    float: left;
}

.car-form-block .sm-input {
    width: 30%;
    margin-right: 5%;
    float: left;
}

.plan-detail-wrap .insured-form .sm-input {
    width: 30%;
    margin-right: 5%;
    float: left;
}

.plan-detail-wrap .insured-form .sm-input.dob-imp {
    margin-left: 6%;
    width: 26%;
}

.plan-detail-wrap .insured-form .sm-input.gender-imp {
    margin-right: 0;
    width: 14%;
}

.car-form-block .sm-input.no-mar {
    margin-right: 0;
}

.car-form-block .submit-btn {
    margin-top: 3rem;
}

.md-input {
    width: 45%;
    margin-right: 4%;
}

.radio-btn-group {
    display: none;
    margin-top: 2rem;
}

.radio-btn-group .radio {
    display: block;
    padding: 2.5rem;
    border-top: 1px solid #ecebeb;
    border-bottom: 1px solid #ecebeb;
    margin: 0;
    background: #fff;
}

.radio-btn-group .radio.no-br {
    border-top: 0;
}

.radio-btn-group .hidden-detail {
    padding-top: 2rem;
    padding-left: 4rem;
    display: none;
}

.radio-btn-group .hidden-detail span {
    line-height: 2.4rem;
}

.addons-area {
    width: 100%;
    display: inline-block;
    margin: 0;
    /*padding: 2rem 0 0;*/
    border-bottom: 1px solid #ededed;
    padding: 2rem 6rem 0;
}

.addon-text {
    display: inline-block;
    width: 50%;
    float: left;
    text-align: left;
    margin-right: 6rem;
}

.totl-prem {
    display: inline-block;
    float: left;
    padding: 2rem 4rem;
    width: 25%;
    text-align: right;
    position: relative;
}

.addon-text h2 {
    font-size: 2.3rem;
    color: #282828;
    /*font-family: 'Muli';*/
    font-weight: 400;
    padding-bottom: 0.3rem;
}

.totl-prem .prem {
    display: block;
    font-size: 1.3rem;
}

.totl-prem .prem-amt {
    font-size: 2.5rem;
    color: #282828;
    display: block;
    /*font-family: 'Muli';*/
    font-weight: 400;
    position: relative;
}

.totl-prem .prem-amt:after {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 1px;
    top: 10px;
    left: 57%;
    height: 1px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.totl-prem .prem-amt.active:after {
    -webkit-animation: ripple 1s ease-in-out 1;
    animation: ripple 1s ease-in-out 1;
}

.addon-text p {
    font-size: 1.5rem;
    color: #666;
    line-height: 2rem;
    /*font-family: 'Muli';*/
    font-weight: 400;
}

.addon-btn {
    display: inline-block;
    padding: 2rem 0;
    float: right;
}

.addon-listbl {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 2rem 0;
}

.add-onblock {
    display: inline-block;
    float: left;
    text-align: left;
    width: 48%;
    min-height: 255px;
    padding: 2rem 4rem 2rem 0;
}

.add-onblock .check-feild em {
    font-size: 2.8rem;
}

.check-feild {
    display: inline-block;
    vertical-align: top;
    padding-right: 1.5rem;
    position: relative;
    float: left;
}

.cover-block {
    display: inline-block;
    float: left;
    width: 80%;
}

.renewal-blk {
    display: inline-block;
    float: left;
    width: 90%;
}

.add-onblock .input-check:checked + label:before {
    border: none;
    -webkit-border-radius: 3px;
    border-radius: 0.5rem;
    background: #fe6625;
}

.add-onblock .input-check:checked + label:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 13px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(38deg);
    -ms-transform: rotate(38deg);
    transform: rotate(38deg);
    position: absolute;
    bottom: 9px;
    left: 12px;
}

.add-onblock .input-check + label:before {
    content: "";
    margin-right: 1rem;
    display: inline-block;
    vertical-align: text-top;
    width: 3rem;
    height: 3rem;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 3px;
    border-radius: 0.5rem;
}

.cover-block h3 {
    font-size: 1.5rem;
    color: #282828;
    display: inline-block;
    padding-right: 0;
    font-family: Muli;
    font-weight: 600;
    position: relative;
}

.renewal-blk h3 {
    font-size: 1.5rem;
    color: #282828;
    display: inline-block;
    padding-right: 0;
    /*font-family: 'Muli';*/
    font-weight: 600;
    width: 100%;
    padding: 6px 0 0;
    cursor: pointer;
}

.renewal-blk h3.listActive:after {
    border-color: #282828;
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    vertical-align: text-top;
    transform: rotate(315deg);
    box-sizing: inherit;
    transition: all 0.15s cubic-bezier(1, -0.115, 0.975, 0.855);
    transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
    margin-left: 1rem;
    margin-top: 0.2rem;
    position: absolute;
    right: 0;
}

.renewal-blk h3.listClose:after {
    border-color: #282828;
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    vertical-align: text-top;
    transform: rotate(133deg);
    box-sizing: inherit;
    transition: all 0.15s cubic-bezier(1, -0.115, 0.975, 0.855);
    transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
    margin-left: 1rem;
    margin-top: 0.2rem;
    position: absolute;
    right: 0;
}

.cover-block span {
    display: inline-block;
    font-size: 1.4rem;
    color: #282828;
    font-weight: 700;
}

.bg-blue .car-renewal-main .v-select .selected-tag:before {
    content: "₹";
    padding-right: 0.5rem;
}

.bg-blue .car-renewal-main .select-rupee .v-select .selected-tag:before {
    content: "";
    padding-right: 0;
}

.renewal-blk span {
    display: inline-block;
    font-size: 1.5rem;
    color: #282828;
    font-weight: 700;
}

.car-renewal-main span.ui-error {
    font-size: 1.2rem;
    position: absolute;
    width: 100%;
    z-index: 1;
    bottom: 10px;
    left: 0;
    text-align: left;
    /*display: none;*/
}

.slide-block {
    display: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

.slide-block h4 {
    color: #282828;
    font-size: 1.4rem;
    padding-bottom: 1rem;
    /*font-family: 'Muli';*/
    font-weight: 300;
    display: inline-block;
}

.chi-addonlist .cover-block h3:before {
    content: "\e90f";
    position: absolute;
    left: 0;
    font-size: 1.8rem;
    color: #00d64c;
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.mob-slide {
    padding-left: 3rem;
}

.cover-block p {
    font-size: 1.3rem;
    line-height: 2rem;
}

.ext-addons {
    background: #f9fafc;
    display: inline-block;
    width: 100%;
    padding: 2rem 7rem;
}

.ext-addons h2 {
    font-size: 2.3rem;
    color: #282828;
    font-weight: 600;
    padding-bottom: 0.3rem;
    text-align: left;
}

.plan-detail-wrap {
    -webkit-perspective: 100rem;
    perspective: 100rem;
}

.plan-block.back {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate3d(30px, 0, -100px) rotateY(-10deg);
    transform: translate3d(30px, 0, -100px) rotateY(-10deg);
    -webkit-filter: grayscale(1);
}

.js-planwrap.active {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate3d(30px, 0, -150px) rotateY(-17deg);
    transform: translate3d(30px, 0, -150px) rotateY(-17deg);
    -webkit-filter: grayscale(1);
}

.plan-parent-wrap.blur {
    pointer-events: none;
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

.plan-detail-wrap h1 {
    display: inline-block;
    padding-bottom: 0.5rem;
    font-size: 3rem;
}

.idv-amount {
    display: inline-block;
    float: right;
    padding: 1rem 0;
}

.idv-amount span {
    display: inline-block;
    font-size: 1.8rem;
    padding-right: 0.5rem;
    vertical-align: bottom;
}

.idv-amount a.btn-small {
    color: #fff;
    border-color: #fff;
    font-size: 1.3rem;
}

#editPlan .popup.light {
    width: 100%;
    max-width: 800px;
}

#pa-coverpop .popup.light {
    width: 100%;
    max-width: 742px;
}

.idv-popup {
    width: 100%;
    display: inline-block;
    padding: 5rem 1rem 0 5rem;
}

.idv-content {
    display: inline-block;
    text-align: left;
    width: 42%;
    float: left;
}

.idv-check {
    display: inline-block;
    text-align: left;
    width: 55%;
    float: left;
    padding-left: 6rem;
}

.idv-content h3 {
    font-size: 1.7rem;
    font-weight: 700;
    padding-bottom: 0.5rem;
}

.idv-content p {
    font-size: 1.3rem;
    line-height: 2.2rem;
}

.rec-idv .radio {
    margin-left: 0;
    display: inline-block;
    float: left;
    width: 100%;
}

.rec-idv .radio input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.rec-idv {
    display: inline-block;
    padding-bottom: 4rem;
    width: 100%;
}

.rec-text {
    display: inline-block;
    padding-left: 1.5rem;
    /*float: left;*/
    width: 92%;
}

.rec-text span {
    display: inline-block;
    font-size: 1.5rem;
    color: #282828;
    padding-bottom: 0.5rem;
}

.rec-text span.rec-amt {
    color: #fe6625;
    font-size: 2.5rem;
    font-weight: 700;
    display: block;
}

span.rec-inpt input {
    cursor: auto;
    border: none;
    color: #282828;
    border-bottom: 1px solid #d1d1d1;
    font-size: 2.2rem;
    font-weight: 600;
    z-index: 2;
    width: 200px;
    height: 35px;
    margin-top: 1rem;
    outline: 0;
    background: 0 0;
}

span.rec-inpt {
    display: block;
}

.rec-inpt span {
    font-size: 1.2rem;
    display: inline-block;
    color: #999;
    padding: 0.5rem 0;
}

.idv-btn {
    text-align: right;
    padding: 2rem 3rem;
    border-top: 1px solid #ededed;
}

.car-addv {
    background: url(/docs/default-source/assets/freshlook/images/driving-lavel-up.png) no-repeat;
    height: 35rem;
    width: 100%;
    display: inline-block;
    position: relative;
}

#car-tracking .popup.light {
    max-width: 77rem;
    width: 100%;
}

.car-text-addv {
    display: inline-block;
    width: 75%;
    text-align: left;
    padding: 3.2rem;
    float: left;
}

.car-text-addv h1 {
    font-size: 4rem;
    display: inline-block;
    color: #fff;
    font-weight: 900;
    font-family: Muli;
}

.car-text-addv p {
    display: table;
    color: #fff;
    font-size: 1.8rem;
    padding: 1rem 0 3rem;
}

ul.drv-exp {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 2rem 0;
}

ul.drv-exp li {
    display: inline-block;
    width: 47%;
    font-size: 1.2rem;
    color: #fff;
    line-height: 2rem;
    padding-bottom: 1.5rem;
    position: relative;
    padding-left: 4.5rem;
}

ul.drv-exp li:first-child:before {
    content: "";
    background: url(/docs/default-source/assets/freshlook/images/drv-in.png) no-repeat;
    display: inline-block;
    height: 2.9rem;
    width: 3rem;
    position: absolute;
    left: 0;
    top: 0.3rem;
}

ul.drv-exp li:nth-child(2):before {
    content: "";
    background: url(/docs/default-source/assets/freshlook/images/health-ind.png);
    display: inline-block;
    height: 2rem;
    width: 3.3rem;
    position: absolute;
    left: 0;
    top: 0.8rem;
}

ul.drv-exp li:nth-child(3):before {
    content: "";
    background: url(/docs/default-source/assets/freshlook/images/emrg-contact.png);
    display: inline-block;
    height: 3.1rem;
    width: 2.9rem;
    position: absolute;
    left: 0;
    top: 0.3rem;
}

ul.drv-exp li:last-child:before {
    content: "";
    background: url(/docs/default-source/assets/freshlook/images/sharing-app.png);
    display: inline-block;
    height: 3.2rem;
    width: 2.7rem;
    position: absolute;
    left: 0;
    top: 0.6rem;
}

.car-addv .amount {
    display: inline-block;
    float: left;
    position: absolute;
    bottom: 3rem;
    right: 4rem;
}

.il-assist {
    width: 100%;
    padding: 3rem 4rem;
    display: inline-block;
}

.il-assist img {
    display: inline-block;
    text-align: left;
    float: left;
}

.inapp-block {
    display: inline-block;
    float: left;
    width: 75%;
    text-align: left;
    padding-left: 4rem;
}

.inapp-block h3 {
    font-size: 2rem;
    font-family: Muli;
    font-weight: 600;
    color: #282828;
    margin: 0;
    padding-bottom: 1rem;
}

.inapp-block p {
    font-size: 1.4rem;
    color: #000;
    line-height: 2.5rem;
}

.inapp-block span {
    display: block;
    padding: 1rem 0;
    font-size: 1.3rem;
}

.inst-pross {
    display: inline-block;
    width: 100%;
    text-align: left;
    padding: 2rem 0;
    border-top: 1px solid #ccc;
    margin-top: 3rem;
}

#check-disc .popup.light {
    max-width: 77rem;
    width: 100%;
}

.exc-discount {
    width: 100%;
    display: inline-block;
    padding: 5rem 10rem;
}

.exc-discount h3 {
    font-size: 2rem;
    font-family: Muli;
    font-weight: 600;
    color: #282828;
    margin: 0;
    text-align: left;
    padding-bottom: 3rem;
}

.exc-discount .input-block {
    width: 48%;
    display: inline-block;
    padding-right: 3rem;
}

.coverage {
    position: relative;
    display: inline-block;
    padding: 0;
    text-align: center;
}

.coverage .circlesvg {
    display: inline-block;
    position: relative;
    text-align: center;
    color: #93a2ac;
    font-family: Lato;
    font-weight: 100;
    margin: 0;
}

.coverage .circlesvg:before {
    content: attr(data-name);
    position: absolute;
    width: 100%;
    bottom: -2rem;
    font-weight: 400;
}

.coverage .singlesvg {
    width: 7rem;
    height: 7rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.coverage .singlesvg:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.coverage .singlesvg:nth-child(2) path {
    fill: none;
    stroke-width: 25;
    stroke-dasharray: 629;
    stroke: #d6d6d6;
    opacity: 1;
    -webkit-animation: load 3.5s;
    animation: load 3.5s;
}

@-webkit-keyframes load {
    0% {
        stroke-dashoffset: 0;
    }
}

@keyframes load {
    0% {
        stroke-dashoffset: 0;
    }
}

.plan-block.active .singlesvg {
    width: 11rem;
    height: 10rem;
}

.plan-wrap-main {
    position: relative;
}

.plan-wrap-main:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate3d(30px, 0, -100px) rotateY(-10deg);
    transform: translate3d(30px, 0, -100px) rotateY(-10deg);
    -webkit-filter: grayscale(1);
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(246, 246, 246, 0.5)), color-stop(18%, rgba(240, 240, 240, 0.5)), color-stop(33%, rgba(246, 246, 246, 0.5)));
    background: linear-gradient(to right, rgba(246, 246, 246, 0.5) 8%, rgba(240, 240, 240, 0.5) 18%, rgba(246, 246, 246, 0.5) 33%);
    background-size: 800px 119px;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.loader,
.loader:after,
.loader:before {
    background: #7abcdcab;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 0.4rem;
    height: 2rem;
}

.plan-page .loader {
    color: #fff;
    text-indent: -9999rem;
    margin: 10px auto;
    position: relative;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    display: block;
    text-align: start;
}

.loader:after,
.loader:before {
    position: absolute;
    top: 0;
    content: "";
}

.loader:before {
    left: -0.7rem;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader:after {
    left: 0.7rem;
}

@-webkit-keyframes load1 {
    0%,
    100%,
    80% {
        -webkit-box-shadow: 0 0;
        box-shadow: 0 0;
        height: 4em;
    }
    40% {
        -webkit-box-shadow: 0 -2em;
        box-shadow: 0 -2em;
        height: 5em;
    }
}

@keyframes load1 {
    0%,
    100%,
    80% {
        -webkit-box-shadow: 0 0;
        box-shadow: 0 0 #7abcdcab;
        height: 1rem;
    }
    40% {
        -webkit-box-shadow: 0 -2em;
        box-shadow: 0 -0.5rem #7abcdcab;
        height: 1.5rem;
    }
}

.with-ruppe-icon {
    position: relative;
}

.with-ruppe-icon em {
    position: absolute;
    top: 13px;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
}

.with-ruppe-icon input {
    padding-left: 2rem;
}

.suminsured-block {
    width: 100%;
    padding: 1.3rem 4rem;
    background: #124574;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    display: inline-block;
}

.suminsured-block figure img {
    width: 100%;
    /*  -webkit-border-radius: 10rem;
    border-radius: 10rem;*/
    padding: 1rem 1.2rem;
}

.suminsured-block figure {
    width: 4.5rem;
    height: 4.5rem;
    display: inline-block;
    background: #003d59;
    -webkit-border-radius: 10rem;
    border-radius: 10rem;
    float: left;
    margin-right: 5rem;
}

.suminsured-block .check-feild span {
    display: block;
    font-size: 1.2rem;
    padding: 0.5rem 0;
}

.suminsured-block .ppcover-area {
    display: inline-block;
    width: 40%;
    float: left;
    padding: 0.6rem 0 0;
}

.ppcover-area .check-feild {
    padding-right: 0.5rem;
}

.suminsured-block .ppcover-area p {
    font-size: 1.3rem;
}

.sum-prem-block {
    display: inline-block;
    width: 40%;
    float: right;
}

.sum-prem-block .input-block {
    width: 45%;
    float: left;
    border-right: 1px solid #487488;
    height: auto;
    margin-right: 5rem;
    padding-right: 3rem;
    margin-bottom: 0;
}

.premium-amt {
    display: inline-block;
    text-align: right;
}

.premium-amt span {
    display: block;
    text-align: left;
    padding: 0.3rem 0;
}

.suminsured-block .check-feild span.js-add-ppcover {
    position: absolute;
}

.pe-none {
    pointer-events: none;
}

.total-amt {
    border-top: 1px solid #184f69;
    padding-top: 1rem;
}

.total-amt p {
    font-size: 1.7rem;
    display: inline-block;
    padding-top: 1rem;
}

.total-amt .rightValue {
    float: right;
    font-size: 2.4rem;
}

.insured-form {
    margin-top: 5rem;
}

.insured-form .input-block {
    width: 45%;
}

/*.insured-form .v-select.single .selected-tag{
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 32rem;
    white-space: nowrap;
    display: inline-block;
}
#gstDetails .v-select.single .selected-tag{
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 28rem;
    white-space: nowrap;
    display: inline-block;
}*/

.insured-form .vs--single .vs__selected {
    text-overflow: ellipsis;
    overflow: hidden;
    /*max-width: 32rem;*/
    white-space: nowrap;
    display: inline-block;
    padding-right: 2rem;
}

.od-form .vs--single .vs__selected {
    text-overflow: ellipsis;
    overflow: hidden;
    /*max-width: 26rem;*/
    white-space: nowrap;
    display: inline-block;
    padding-right: 2rem;
}

#gstDetails .vs--single .vs__selected {
    text-overflow: ellipsis;
    overflow: hidden;
    /*max-width: 28rem;*/
    white-space: nowrap;
    display: inline-block;
    padding-right: 2rem;
    left: 0;
}

.insured-form .input-full {
    width: 100%;
    max-width: 100%;
}

.insured-form .check-block {
    width: 45%;
    margin: 1rem 0 4rem;
    position: relative;
}

.insured-form .check-block h3 {
    font-size: 1.5rem;
    color: rgba(255, 255, 255, 0.5);
    top: -18px;
    position: absolute;
    padding-top: 0;
}

.insured-form .check-block .choice-radio-block {
    padding: 0;
    position: relative;
    padding-top: 10px;
}

.insured-form .check-block .choice-radio-block .radioButtons {
    float: none;
}

.insured-form .check-block .choice-radio-block label {
    position: static;
    color: #fff;
}

.renewal-screen {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.renewal-screen h3 {
    font-size: 2rem;
    color: #282828;
    margin: 0;
    display: block;
    text-align: left;
    padding-bottom: 3rem;
    font-weight: 300;
    /*font-family: 'Muli';*/
}

.wid-block {
    width: 30%;
    display: inline-block;
    margin-right: 3rem;
}

.wid-block:nth-child(4) {
    margin-right: 0;
}

/*policy dropdown css*/

.policytyp-block {
    display: inline-block;
    padding: 0 0 1.5rem 4rem;
}

ul.policylist-block {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 1;
    width: 28rem;
    top: 0;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
}

.policy-dropdown {
    background: #124574;
    border-radius: 5px;
    padding: 1rem 1rem 1rem 1rem;
    position: relative;
    display: inline-block;
    width: 192px;
    vertical-align: middle;
}

.policy-dropdown a {
    float: right;
    margin-left: 2rem;
    font-size: 1.2rem;
    position: absolute;
    top: 10px;
    right: 10px;
}
.policy-dropdown span:nth-child(2) {
    width: 124px;
    display: block;
    text-align: left;
    font-size: 10px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}
.policy-dropdown span {
    font-size: 1.2rem;
}

span.down-list {
    font-size: 1.4rem;
    padding-left: 0;
    cursor: pointer;
}

span.p-type {
    font-size: 1.1rem;
}

/*span.down-list:after {
    border-color: #fff;
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: "";
    display: inline-block;
    height: 9px;
    width: 9px;
    vertical-align: text-top;
    transform: rotate(133deg);
    box-sizing: inherit;
    position: absolute;
    right: 10px;
    top: 14px;
}*/

.policylist-block .radio,
.policylist-block .radio:last-child {
    margin: 0;
}

.policylist-block h4 {
    color: #282828;
    font-size: 1.4rem;
    padding: 1rem 2rem 1rem;
}

ul.policylist-block li {
    border-bottom: 1px solid #f2f2f2;
    padding: 1rem 2rem;
}

ul.policylist-block li:last-child {
    border: none;
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.policylist-block .radio label {
    font-size: 1.4rem;
}

.policylist-block .radio label {
    font-size: 1.4rem;
}

.policylist-block .radio label span {
    display: block;
    color: #282828;
    padding-left: 3.6rem;
    opacity: 0.7;
}

#policy-types .popup.light {
    max-width: 850px;
    overflow: visible;
}

#policy-types .radio {
    display: block;
    text-align: left;
    border-bottom: 1px solid #e8e8e8;
    padding: 3rem 3rem;
    margin: 0;
}

#policy-types .radio span.subtext {
    display: block;
    padding-left: 4rem;
    padding-top: 0.5rem;
}

#policy-types .radioButtons {
    background: #f8f8f8;
    /*padding: 1rem 2rem;*/
    margin: 2rem 0;
    display: inline-block;
    width: 100%;
}

#policy-types .commonpop-pad {
    padding: 2rem 5rem;
}

.od-form h4 {
    font-size: 1.5rem;
    padding: 1rem 0 4rem;
}

.od-form {
    padding: 2rem 0 0 4rem;
    width: 100%;
    margin: 0;
}

.od-form .input-block {
    width: 46%;
    float: left;
    max-width: 100%;
    margin-right: 3rem;
}

.od-form .input-block.no-mar {
    margin-right: 0;
}

#policy-types .radio:last-child {
    /*border-top: 2px solid #fff;*/
    border-bottom: none;
}

#policy-types .radio label {
    display: block;
    cursor: pointer;
}
#policy-types .radio .checkBoxsmall label {
    display: inline-block;
}

/*policy dropdown css*/

.renewal-screen .md-dtl {
    display: block;
    text-align: left;
    padding: 2rem 0 0;
    font-size: 1.2rem;
    margin: 0 auto;
}

h3.rec-policy {
    width: 65%;
    display: inline-block;
    text-align: left;
    float: left;
    padding-bottom: 2rem;
    font-weight: 300;
    /*font-family: 'Muli';*/
}

span.conf-id {
    display: inline-block;
    float: right;
    color: #fe6625;
    font-size: 2rem;
    opacity: 1;
    font-weight: 300;
}

span.conf-id span {
    text-align: left;
    color: #fe6625;
    font-size: 2rem;
    opacity: 1;
    font-weight: 300;
}

/*.renewal-screen a.btn-primary {
    padding: 1.4rem 4rem
}*/

.policy-summary h3 {
    display: block;
    border-top: 1px solid #eee;
    padding: 1.5rem 0;
    font-weight: 300;
    /*font-family: 'Muli';*/
}

.policy-summary {
    display: block;
    clear: both;
}

ul.summary-list {
    width: 100%;
    display: inline-block;
    background: #f9f9fb;
    margin: 0;
    padding: 2rem 0;
}

ul.summary-list li {
    width: 20%;
    display: inline-block;
    float: left;
    text-align: left;
    border-right: 1px solid #e4e4e6;
    padding-left: 2rem;
}

ul.summary-list li:nth-child(3) {
    width: 22%;
}

ul.summary-list li:last-child {
    width: 15%;
    border-right: none;
}

span.call-query {
    padding: 1.5rem 0;
    display: inline-block;
    color: #282828;
    opacity: 1;
    font-size: 1.6rem;
    font-weight: 300;
}

span.call-query a {
    color: #282828;
    opacity: 1;
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 600;
}

span.call-query a:before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(/docs/default-source/assets/freshlook/images/call-ico.png) no-repeat;
    vertical-align: middle;
    margin: 0.5rem;
}

.plan-block span.pl-sm-tp {
    font-size: 1.4rem;
    color: #979797;
    display: block;
    padding-bottom: 1rem;
}

/*.text-left.blockDiv {
    display: inline-block;
    width: 60%;
    margin: 1rem 0 0;
}*/

.plan-block span.pl-sm-btn {
    font-size: 1.8rem;
    color: #282828;
    opacity: 1;
}

.rating {
    display: block;
    clear: both;
    list-style: none;
    text-align: left;
    position: relative;
    padding: 3rem 0 5rem 0;
}

.rating-box {
    position: absolute;
    top: 0;
    left: 50%;
    width: 3.3rem;
    height: 3.3rem;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    margin-left: -6.5rem;
    z-index: 3;
    background: orange;
}

.rating-n,
.rating-preview {
    list-style: none;
    padding: 0;
    margin: 0;
    cursor: default;
}

.rating-n li,
.rating-preview li {
    display: inline-block;
}

.rating-preview li {
    color: #fff;
    text-align: center;
}

.rating-n {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 0.5rem;
    width: 100%;
    margin: 0 auto;
    white-space: nowrap;
}

.rating-n li {
    margin: 0 2.9rem;
    position: relative;
    z-index: 2;
}

.rating-n li a {
    -webkit-border-radius: 100%;
    border-radius: 100%;
    display: block;
    width: 2rem;
    height: 2rem;
    text-decoration: none;
    font-size: 1.2rem;
    text-align: center;
    background: #fff;
    border: 1px solid #e9e9e9;
}

.rating-n li span {
    position: relative;
    bottom: -3.5rem;
    color: #10b9c0;
    font-size: 1.6rem;
}

.rating-n li:after {
    content: "";
    height: 1px;
    width: 62px;
    background: #e9e9e9;
    display: inline-block;
    position: absolute;
    left: 20px;
    bottom: 10px;
}

.rating-n li:last-child:after {
    display: none;
}

.rating-n li:nth-child(1).activeEmj:before {
    content: "";
    height: 33px;
    width: 33px;
    display: inline-block;
    position: absolute;
    background: url(/docs/default-source/assets/freshlook/images/angry-emoji.png) no-repeat;
    z-index: 9;
    bottom: -3px;
    left: -6px;
}

.rating-n li:nth-child(2).activeEmj:before {
    content: "";
    height: 33px;
    width: 33px;
    display: inline-block;
    position: absolute;
    background: url(/docs/default-source/assets/freshlook/images/emoji1.png) no-repeat;
    bottom: -3px;
    left: -6px;
    z-index: 9;
}

.rating-n li:nth-child(3).activeEmj:before {
    content: "";
    height: 33px;
    width: 33px;
    display: inline-block;
    position: absolute;
    background: url(/docs/default-source/assets/freshlook/images/emoji1.png) no-repeat;
    bottom: -3px;
    left: -6px;
    z-index: 9;
}

.rating-n li:nth-child(4).activeEmj:before {
    content: "";
    height: 33px;
    width: 33px;
    display: inline-block;
    position: absolute;
    background: url(/docs/default-source/assets/freshlook/images/emoji1.png) no-repeat;
    bottom: -3px;
    left: -6px;
    z-index: 9;
}

.rating-n li:nth-child(5).activeEmj:before {
    content: "";
    height: 33px;
    width: 33px;
    display: inline-block;
    position: absolute;
    background: url(/docs/default-source/assets/freshlook/images/emoji1.png) no-repeat;
    bottom: -3px;
    left: -6px;
    z-index: 9;
}

.rating-n li:nth-child(6).activeEmj:before {
    content: "";
    height: 33px;
    width: 33px;
    display: inline-block;
    position: absolute;
    background: url(/docs/default-source/assets/freshlook/images/emoji1.png) no-repeat;
    bottom: -3px;
    left: -6px;
    z-index: 9;
}

.rating-n li:nth-child(7).activeEmj:before {
    content: "";
    height: 33px;
    width: 33px;
    display: inline-block;
    position: absolute;
    background: url(/docs/default-source/assets/freshlook/images/emoji1.png) no-repeat;
    bottom: -3px;
    left: -6px;
    z-index: 9;
}

.rating-n li:nth-child(8).activeEmj:before {
    content: "";
    height: 33px;
    width: 33px;
    display: inline-block;
    position: absolute;
    background: url(/docs/default-source/assets/freshlook/images/emoji1.png) no-repeat;
    bottom: -3px;
    left: -6px;
    z-index: 9;
}

.rating-n li:nth-child(9).activeEmj:before {
    content: "";
    height: 33px;
    width: 33px;
    display: inline-block;
    position: absolute;
    background: url(/docs/default-source/assets/freshlook/images/emoji1.png) no-repeat;
    bottom: -3px;
    left: -6px;
    z-index: 9;
}

.rating-n li:nth-child(10).activeEmj:before {
    content: "";
    height: 33px;
    width: 33px;
    display: inline-block;
    position: absolute;
    background: url(/docs/default-source/assets/freshlook/images/emoji1.png) no-repeat;
    bottom: -3px;
    left: -6px;
    z-index: 9;
}

.pl-ins-block {
    width: 100%;
    margin: 0;
}

.pl-ins-block .mult-block {
    width: 48%;
    display: inline-block;
    float: left;
    background: #f9f9f9;
    padding: 2rem;
    margin-right: 3rem;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    position: relative;
}

.pl-ins-block .hom-block {
    width: 48%;
    display: inline-block;
    float: left;
    background: #f9f9f9;
    padding: 2rem;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    position: relative;
}

.pl-ins-block .hom-block h3,
.pl-ins-block .mult-block h3 {
    font-size: 1.6rem;
    color: #282828;
    padding-bottom: 1rem;
}

.pl-ins-block .hom-block p,
.pl-ins-block .mult-block p {
    font-size: 1.4rem;
    margin: 0;
    color: #282828;
    text-align: left;
    line-height: 2.2rem;
    opacity: 0.7;
}

.pl-ins-block .link {
    color: #fe6625;
    display: inline-block;
    float: right;
    padding: 1rem 0 0;
    font-size: 1.3rem;
    font-weight: 600;
    border-bottom: none;
}

.pl-ins-block .mult-block:before {
    content: "";
    position: absolute;
    right: 2.5rem;
    background: url(/docs/default-source/assets/freshlook/images/bike.svg) no-repeat;
    width: 8rem;
    height: 4.5rem;
    display: inline-block;
    top: -21px;
}

.pl-ins-block .hom-block:before {
    content: "";
    position: absolute;
    right: 2.5rem;
    background: url(/docs/default-source/assets/freshlook/images/travel.svg) no-repeat;
    width: 9rem;
    height: 4rem;
    display: inline-block;
    top: -21px;
}

.blu-block {
    background: #1a516a;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 2rem;
}

.ins-app {
    width: 100%;
    margin: 0;
    display: inline-block;
    padding-bottom: 3rem;
}

.ins-app h3 {
    display: block;
    color: #fff;
    font-size: 2rem;
    padding-bottom: 2rem;
    text-align: center;
    margin: 0;
    padding: 2rem 0 3rem;
}

.insmob-img {
    display: inline-block;
    float: left;
    width: 40%;
    margin-right: 2rem;
}

.app-textarea {
    display: inline-block;
    float: left;
    width: 50%;
}

.app-textarea p {
    font-size: 1.5rem;
    display: inline-block;
    padding: 1.5rem 0;
    border-bottom: 1px solid #316379;
    margin-bottom: 2rem;
    line-height: 2rem;
}

.app-textarea p.il-bdr {
    border-bottom: none;
    margin-bottom: 1rem;
}

.blu-padn {
    padding: 2rem 2rem 0.5rem 2rem;
}

.blu-padn h3 {
    padding: 0;
}

.blu-padn p {
    text-align: center;
    padding: 2.5rem;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 200;
    /*font-family: 'Muli';*/
}

.ins-app .claim-blocks li.active {
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-filter: none;
    filter: none;
}

.ins-app .claim-blocks {
    margin-bottom: 0;
}

.ins-app .claim-blocks li {
    width: 11rem;
    height: 11rem;
    margin-right: 2.4rem;
    padding-top: 3rem;
    float: left;
}

.ins-app .claim-blocks li:last-child {
    margin-right: 0;
}

.ins-app .claim-blocks li span {
    color: #282828;
    opacity: 0.7;
    font-size: 1.6rem;
}

.ins-app .claim-blocks li p {
    text-align: center;
    position: absolute;
    bottom: 1.5rem;
    width: 100%;
    padding: 0.5rem;
    font-weight: 500;
    line-height: normal;
    color: #282828;
    font-size: 1.2rem;
}

.ins-app .claim-blocks li:after {
    display: none;
}

.insured-form .date-feild:before {
    color: rgba(255, 255, 255, 0.7);
}

.js-thatsc {
    display: none;
    /*margin-right: 1rem;*/
}

.js-modify {
    display: none;
}

.js-verify {
    display: none;
}

.js-claimipct {
    font-size: 2rem;
    opacity: 0.6;
    display: none;
}

.v-select.unsearchable .dropdown-toggle {
    cursor: default !important;
}

.reg-underind.wid-active,
.pre-policytype.wid-active {
    width: 30%;
    float: left;
    display: inline-block;
    position: relative;
}

.reg-underind.wid-active .rd-label,
.pre-policytype.wid-active .rd-label {
    color: rgba(40, 40, 40, 0.5);
    font-size: 1.6rem;
    position: absolute;
    top: -22px;
}

.choice-radio-block.reg-underind.wid-active .radioButtons,
.choice-radio-block.pre-policytype.wid-active .radioButtons {
    float: left;
    padding: 1rem 0;
}

.pre-policytype .radio label,
.choice-radio-block .radio label {
    font-size: 1.6rem;
}

.pre-policytype .radio input[type="radio"] + .radio-label:before,
.reg-underind .radio input[type="radio"] + .radio-label:before {
    margin-right: 1rem;
}

.pre-policytype.wid-active .radio:last-child {
    margin-left: 0;
}

.reg-un-indvalue,
.prevpolicy-typval {
    font-size: 2rem;
    /*display: none;*/
}

.buyn-carblock {
    width: 100%;
    display: none;
    margin: 0;
    padding-bottom: 5rem;
}

.car-slide-details {
    display: inline-block;
    float: left;
    width: 60%;
}

.buyn-carblock .car-gray {
    display: inline-block;
    float: left;
    width: 30%;
    margin-right: 2rem;
}

.buyn-carblock .car-nam {
    font-size: 2.7rem;
}

.buyn-carblock .car-modnm {
    display: block;
    font-size: 2.2rem;
}

.buyn-carblock .reg-area-date {
    font-size: 1.5rem;
}

.car-slide-details span {
    line-height: 3rem;
}

#addcovers .input-block.select-vu.ripple-bar.sm-input {
    margin-right: 0;
}

#addcovers.car-form-block .sm-input {
    width: 30%;
    margin-right: 5%;
}

#addcovers.text-left.blockDiv {
    display: table;
    width: 100%;
}

/*#inValTerm {
    position: absolute;
    right: 0;
    left: 100%;
    width: 100%;
    top: 0;
    margin-left: 3rem;
}*/
#inValTerm input {
    padding-left: 2.5rem;
}
#addcovers .ui-error {
    bottom: 0;
}
#addcovers .idv-btn {
    padding: 2rem 0;
}

#addcovers h4 strong {
    font-weight: 500;
}

#inValTerm .rpicon {
    font-size: 2.5rem;
    top: 2px;
    position: absolute;
}

#addcovers div#divDriverMember {
    width: 100%;
    max-width: 100%;
    margin-top: 2rem;
}

#ppcovers .custom-dropdown {
    height: 35px;
    border-bottom: none;
    margin-top: 1rem;
}

#ppcovers .select-vu.ripple-bar:after {
    display: none;
}

#ppcovers .v-select .selected-tag {
    color: #fff !important;
    font-size: 1.6rem !important;
}

#ppcovers .v-select .open-indicator:before {
    border-color: #fff !important;
}

#ppcovers .input-block.focus label {
    top: 2px;
    font-size: 1.3rem;
    color: #fff;
}

img.whatsapp-img {
    width: 75px;
    max-width: 100%;
    margin-left: 0.5rem;
}

.car-detail-wrap .checkBoxsmall .input-check + label {
    font-size: 1.3rem;
    color: #ffffff;
    display: inline-block;
}

.zd-prepolicy {
    display: inline-block;
    width: 100%;
    background: #f7f5f6;
    border-radius: 0.5rem;
    margin: 1rem 0;
}

.zd-prepolicy p {
    display: inline-block;
    font-size: 1.2rem;
    color: #282828;
    float: left;
    padding: 1rem;
}

.zd-prepolicy p.zd-covers {
    float: none;
    padding: 1rem 0.5rem;
}

.zd-prepolicy .input-block {
    width: 90px;
    height: auto;
    max-width: 100%;
    display: inline-block;
    margin: 0;
}

.zd-prepolicy .v-select .open-indicator:before {
    height: 8px !important;
    width: 8px !important;
}

.zd-prepolicy .v-select .vs__actions {
    padding: 0 !important;
    position: absolute;
    right: 12px;
    top: 15px;
}

span.rupee-ico {
    position: absolute;
    left: 0;
    font-size: 1.2rem;
    font-weight: normal;
    top: 12px;
}

.zd-prepolicy .custom-dropdown {
    height: 35px;
    border-bottom: none;
    margin-top: 0;
}

.zd-prepolicy .input-block .v-select .selected-tag {
    font-size: 1.2rem !important;
    font-weight: normal;
    padding-left: 0.6rem !important;
}

.zd-prepolicy .select-vu.ripple-bar:after {
    background: transparent;
}

.zd-prepolicy .custom-dropdown {
    border-bottom: none;
}

.zd-prepolicy .radioButtons {
    display: inline-block;
    width: 40%;
    padding-left: 1rem;
}

.zd-prepolicy .radioButtons .radio label {
    font-size: 1.3rem;
}

.zd-prepolicy .radio input[type="radio"] + .radio-label:before {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 0.5rem;
}

.zd-prepolicy .radio:last-child {
    margin-left: 0.6rem;
}

.tell-abtcar {
    display: none;
}

.car-form-block .veh-purchase-year {
    display: none;
}

.js-car-proc {
    display: none;
}

.wid-auto1 {
    /*width: 100%;*/
    display: inline-block;
}

.dark-form .zd-prepolicy .radio input[type="radio"]:checked + .radio-label:before {
    -webkit-box-shadow: inset 0 0 0 3px #f4f4f4;
    box-shadow: inset 0 0 0 3px #f4f4f4;
}

.reg-underind .radio,
.pre-policytype .radio {
    margin: 0.5rem 0 0 3rem;
}

#addcovers .text-left .input-block.select-vu.ripple-bar.sm-input {
    width: 30%;
}
#divDriverMember label {
    font-size: 1.8rem;
}
.shake-close:hover {
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

.ui-widget-content {
    overflow: auto;
    height: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 10px 10px;
}

/*#ui-id-2 {
    overflow: auto;
    height: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .15);
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    border: none;
    width: 440px !important;
    margin-top: -15px;
}*/

/*.check-list li:last-child{
    clear: both;
}*/

.card-wrap.block-3 .card-block:nth-child(4) {
    clear: both;
}

.ppcover-area .input-check + label:before {
    content: "+";
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1.8rem;
    padding-left: 0.4rem;
}

.ppcover-area .input-check:checked + label:before {
    content: "";
    background: #fe6625;
    border: none;
}

.break-up li span.cover-st {
    color: #01b4bb;
    font-size: 1.3rem;
    display: none;
}

span.js-covercount {
    display: none;
}

.cover-block h3 span {
    padding-left: 2rem;
}

/*.js-detail-addons {
    display: none;
}*/

.car-wrap-center {
    margin: 0 auto;
    text-align: center;
    /*        width: 448px;*/
}

.payment-page .car-wrap-center {
    width: 345px;
}
.car-detail-wrap.car-wrap-center.nw-wid-wrap {
    max-width: 448px;
    width: 100%;
}
.car-wrap-center a.details-link {
    font-size: 1.4rem;
    cursor: pointer;
    border-bottom: none;
}

.car-wrap-center .car-detail,
.car-wrap-center .break-up,
.car-wrap-center .total-amt {
    text-align: left;
}

.car-wrap-center .car-image img {
    max-width: 55%;
}

.policy-benefits {
    clear: both;
    padding: 1.5rem 0 1rem;
}

.policy-benefits p {
    font-size: 1.2rem;
    text-align: left;
    color: #9fb6be;
}

.policy-benefits p a {
    font-size: 1.2rem;
    margin-left: 0.5rem;
}

.accept-declaration span {
    font-size: 1.2rem;
    color: #9fb6be;
    text-align: left;
    display: inline-block;
    width: 92%;
    padding: 0.5rem 0;
}

.accept-declaration span a {
    font-size: 1.2rem;
}

.accept-declaration span small {
    display: block;
}

.accept-declaration {
    padding-bottom: 3rem;
    position: relative;
}

a.details-link {
    font-size: 1.6rem;
    padding: 3rem 0 0;
}

.car-detail-wrap .js-terms {
    display: none;
    font-size: 1.2rem;
    color: #9fb6be;
}

a.details-link:after {
    border-color: #01b4bb;
    border-style: solid;
    border-width: 1.5px 1.5px 0 0;
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px;
    vertical-align: text-top;
    transform: rotate(45deg);
    box-sizing: inherit;
    margin: 0.3rem 0;
}

.policy-breakup-block {
    width: 100%;
    margin: 0;
    display: inline-block;
    padding: 4rem 6rem;
}

.own-damage-prm {
    width: 50%;
    display: inline-block;
    float: left;
    padding-right: 4rem;
}

.liability-prm {
    width: 50%;
    display: inline-block;
    float: left;
    padding-left: 4rem;
}

.policy-breakup-block h3 {
    font-size: 1.8rem;
    /*font-family: 'Muli';*/
    font-weight: 400;
    text-align: left;
}

.policy-breakup-block .break-up {
    border: none;
    text-align: left;
}

.policy-breakup-block .break-up li {
    padding: 0.6rem 0;
}

.policy-breakup-block .total-amt {
    border-top: 1px solid #e8e8e8;
    text-align: left;
}

.policy-breakup-block .total-amt p {
    font-weight: 500;
    padding: 0;
    font-size: 1.6rem;
}

.policy-breakup-block .total-amt .rightValue {
    font-size: 1.6rem;
}

.bg-gray {
    background: #f7f5f6;
    padding: 0 2rem 1.5rem;
    border-radius: 1rem;
    margin: 2rem 0;
}

.policy-breakup-block .total-amt.amt-orange p,
.policy-breakup-block .total-amt.amt-orange .rightValue {
    color: #ff6522;
    font-weight: 600;
    font-size: 1.6rem;
}

.policy-breakup-block ul.break-up.nw-breakup,
.nw-total {
    margin: 0 2rem;
}

.top-heading {
    display: inline-block;
}

.insured-form .input-block.title-insure {
    width: 9%;
}

.payment-page .vdp-datepicker__calendar .cell {
    color: #003d59;
}

/*.payment-page .car-detail-wrap {
    padding: 6rem 0 0;
}*/

.payment-page .car-detail-wrap.car-wrap-center {
    padding-top: 0;
}

.pay-now-btn {
    text-align: right;
    display: inline-block;
    float: right;
}

#payment-screen .popup.light {
    max-width: max-content;
}

.js-getmy-policy {
    display: none;
}

.insured-form .check-block .choice-radio-block span.ui-error {
    bottom: -15px;
}

.policy-page .claim-blocks li.active em {
    color: #272727;
}

.rating-n li span.dis-text {
    position: absolute;
    right: 0;
    bottom: 40px;
    left: -16px;
    font-size: 1.3rem;
    color: #282828;
    cursor: pointer;
}

.rating-feedback {
    padding: 3rem 8rem;
    width: 100%;
}

ul.rating-list {
    width: 100%;
    margin: 0;
    padding: 5rem 0 0;
}

ul.rating-list li {
    display: inline-block;
    width: 48%;
    float: left;
    text-align: left;
    padding-bottom: 1rem;
}

.rating-feedback p {
    font-size: 1.5rem;
    opacity: 0.8;
}

ul.rating-list.checkBoxsmall label {
    color: #282828;
    font-size: 1.8rem;
}

ul.rating-list .input-check + label:before {
    border: 1px solid #282828;
}

ul.rating-list.checkBoxsmall .input-check + label:before {
    width: 2.2rem;
    height: 2.2rem;
}

ul.rating-list.checkBoxsmall .input-check:checked + label:after {
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    bottom: 8px;
    left: 8px;
}

.textarea-block {
    width: 100%;
    margin: 0;
    padding: 2rem 10rem 0 0;
    clear: both;
}

.textarea-block textarea {
    width: 100%;
    padding: 1rem 2rem;
    border-radius: 1rem;
    border: 1px solid #282828;
    height: 12rem;
    font-size: 1.5rem;
    clear: both;
    margin-bottom: 3rem;
    outline: 0;
    resize: none;
}

.js-rating-submit {
    display: none;
}

#thank-youpop .popup.light {
    max-width: 770px;
}

.thankyou-block {
    padding: 5rem 2rem;
    width: 100%;
    margin: 0;
}

ul.social-icons {
    width: 100%;
    margin: 0;
    padding: 2rem 0;
}

ul.social-icons li {
    display: inline-block;
    border-radius: 50rem;
    width: 20rem;
}

ul.social-icons li.fb-btn {
    background: #4b76bd;
    margin-right: 2rem;
}

ul.social-icons li a span {
    color: #fff;
    font-weight: 500;
    font-size: 1.2rem;
    padding: 1rem 1rem;
    display: inline-block;
    vertical-align: super;
}

ul.social-icons li a {
    padding: 1rem 2rem;
}

.social-icons .icon-Facebook:before,
.social-icons .icon-Twitter:before {
    color: #fff;
    font-size: 2.5rem;
}

ul.social-icons li a:hover {
    text-decoration: none;
}

span.sp-word {
    display: inline-block;
    padding: 5rem 0 0;
    font-size: 1.5rem;
}

ul.social-icons li.twt-btn {
    background: #00c6ff;
}

.paymentpage-summary {
    width: 61.2rem;
    margin: 0 auto;
}

.paymentpage-summary .header-block {
    background: url(/docs/default-source/assets/freshlook/images/header-payment-bg.jpg) repeat-x;
    width: 100%;
    height: 88px;
    display: inline-block;
}

.summary-block {
    padding: 3rem;
}

.summary-block h3 {
    display: inline-block;
    font-size: 2rem;
    /*font-family: 'Muli';*/
    font-weight: 300;
    padding-left: 3rem;
}

.summary-block span.conf-id {
    font-size: 1.5rem;
    padding-right: 3rem;
}

.summary-block span.conf-id span {
    font-size: 1.5rem;
    /*display: block;*/
}

.gray-bg-block {
    background: #f9fafc;
    padding: 4rem 3rem 3rem;
    margin: 2rem 0;
    border-radius: 1.5rem;
}

figure.pay-carblock {
    display: inline-block;
    float: left;
    padding-right: 1rem;
}

.car-details-block {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.car-details-block h3 {
    padding-left: 0;
    margin: 0;
    padding-bottom: 0.5rem;
}

.car-details-block span {
    display: block;
    font-size: 1.6rem;
    line-height: 2.5rem;
}

.payment-detailslist ul {
    width: 100%;
    margin: 0;
    padding: 2rem 0 0;
}

.payment-detailslist ul li {
    width: 49%;
    display: inline-block;
    padding-bottom: 3rem;
}

.payment-detailslist ul li span {
    display: block;
    font-size: 1.8rem;
}

.payment-detailslist {
    background: #fff;
    margin: 3rem 0 2rem;
    padding: 2rem 4rem;
    border-radius: 2rem;
}

.payment-detailslist ul li span:first-child {
    color: #979797;
    font-size: 1.4rem;
    padding-bottom: 0.5rem;
}

.payment-detailslist ul li:last-child {
    padding-bottom: 2rem;
}

.gray-bg-block span.call-query {
    padding: 0;
    display: block;
    text-align: center;
}

.footer-block {
    padding: 0 3rem 0;
    width: 100%;
}

.footer-block h6 {
    font-size: 1rem;
    /*font-family: 'Muli';*/
    font-weight: 700;
    padding-bottom: 0.5rem;
}

.footer-block p {
    font-size: 1rem;
    font-weight: 300;
    padding-bottom: 0.3rem;
}

.footer-block ul {
    width: 100%;
    margin: 0;
}

.footer-block ul li {
    width: 34%;
    display: inline-block;
    position: relative;
}

.footer-block ul li span {
    font-size: 1rem;
    color: #282828;
    font-weight: 600;
}

.footer-block ul li:last-child {
    padding-top: 0.3rem;
}

.footer-block ul li span:nth-child(2) {
    color: #fe6625;
}

.footer-block ul li:nth-child(2) {
    width: 45%;
}

.footer-block ul li:last-child span {
    color: #979797;
}

.footer-block ul li:after {
    content: "";
    background: #b1b1b1;
    height: 3px;
    width: 3px;
    display: inline-block;
    border-radius: 50rem;
    position: absolute;
    top: 0.5rem;
    margin-left: 1.3rem;
}

.footer-block ul li:nth-child(2):after,
.footer-block ul li:last-child:after {
    display: none;
}

.footer-block ul li:nth-child(3) {
    width: 20%;
}

.footer-block ul li:nth-child(3) span {
    color: #979797;
}

.tab-wrap.payment-tabs {
    padding-top: 0;
}

.payment-tabs .tab-head {
    padding-top: 0;
}

.payment-tabs .tab-head li {
    min-width: 20rem;
    font-weight: normal;
    /*font-family: 'Muli';*/
    text-transform: capitalize;
    font-size: 1.8rem;
    padding: 1.7rem 0;
}

.payment-tabs .tab-head li.active {
    color: #282828;
}

.payment-tabs .tab-head li.bar {
    background: #01b4bb;
    height: 6px;
    padding: 0;
}

.payment-tabs .tab-head li:before {
    content: "";
    background: #939393;
    height: 1.5rem;
    width: 1px;
    display: inline-block;
    right: 0;
    position: absolute;
    bottom: 0;
}

.payment-tabs .tab-head li:nth-child(4):before {
    display: none;
}

.payment-tabs .tab-head li.bar:before {
    display: none;
}

.payment-block {
    padding: 5rem 0 0;
    width: 100%;
    display: inline-block;
}

.payment-block .input-block {
    width: 50%;
    float: left;
}

.payment-block .input-block.card-number {
    clear: both;
    margin-right: 4rem;
}

.payment-block .input-block.exp-date-block {
    width: 26%;
    margin-right: 4rem;
}

.payment-block .input-block.cvv-number {
    width: 14%;
}

.reveal .submit-btn span {
    color: #fff;
    opacity: 1;
    font-size: 1.6rem;
}

.addon-pa {
    padding: 3rem 0 0;
}
#addon .tab-content-body {
    /*padding: 0 6rem 0;*/
    padding: 0;
}
#addcovers.commonpop-pad {
    /*padding: 0;*/
    padding: 0 6rem 0;
}

#addcovers h1 {
    padding-bottom: 1rem;
    font-size: 3rem;
}

.idv-check .radio input[type="radio"] + .radio-label:before {
    margin: 2rem 0 0;
}

#addcovers h4 {
    padding-bottom: 3rem;
    /*font-family: 'Muli';*/
    font-weight: 300;
    clear: both;
}

#addcovers.bg-grey {
    background: #fff;
}

#addon .tab-head li {
    text-transform: capitalize;
}

#addon .tab-head {
    padding-top: 0;
}

.covers-block .radio label {
    font-size: 1.4rem;
    color: #fff;
}

.covers-block .radio input[type="radio"] + .radio-label:before {
    margin-right: 0.8em;
    width: 1.8rem;
    height: 1.8rem;
}

.covers-block .radio:last-child {
    margin-right: 0;
    margin-left: 1rem;
}

.covers-block .radio input[type="radio"]:checked + .radio-label:before {
    -webkit-box-shadow: inset 0 0 0 4px #003d59;
    box-shadow: inset 0 0 0 4px #003d59;
}

.covers-block .break-up .leftValue {
    display: inline-block;
    margin-bottom: 0;
}

.covers-block.break-up .rightValue.select-drop {
    width: 25%;
}

.rightValue.select-drop .v-select .selected-tag {
    font-size: 1.4rem;
}

.covers-block.break-up .rightValue.select-drop .input-block {
    max-width: 100%;
    height: auto;
    margin-bottom: 0;
}

.bg-blue .rightValue.select-drop .select-vu.ripple-bar:after {
    display: none;
}

.bg-blue .rightValue.select-drop .custom-dropdown {
    border-bottom: none;
    margin-top: -8px;
}

/* gst css*/

.hyploan-details {
    width: 100%;
    /*display: none;*/
    clear: both;
    /*margin: 1rem 0 0;*/
}

.hyploan-details a {
    /*float: right;*/
    margin-left: 1rem;
}

#hypothecationLoan .popup.light {
    max-width: 450px;
}

.hyp-sty.exc-discount .input-block {
    padding-right: 0;
    margin-right: 0;
    width: 100%;
    float: left;
    max-width: 100%;
}

.hyp-sty.exc-discount {
    padding: 5rem 5rem;
}

.hyp-sty.exc-discount h3 {
    padding-bottom: 5rem;
}

.modify-details {
    width: 100%;
    /*display: none;*/
    clear: both;
    /*margin: 1rem 0 0;*/
}

span.gstno {
    font-size: 2rem;
    text-transform: uppercase;
    float: left;
}

.modify-details a {
    /*float: right;*/
    margin-left: 1rem;
}

#gstDetails .popup.light {
    max-width: 850px;
}

.gst-sty.exc-discount {
    padding: 5rem 5rem;
}

.gst-sty.exc-discount h3 {
    padding-bottom: 5rem;
}

.gst-sty.exc-discount .input-block {
    padding-right: 0;
    margin-right: 7rem;
    width: 45%;
    float: left;
}
.arg-policyBlock .policy-summary h3 {
    font-weight: bold;
    font-size: 17px;
    display: inline-block;
    float: left;
    border-top: 0;
}
.renewal-screen.freshlookApp.arg-policyBlock .policy-summary .DownloadPayLink {
    display: inline-block;
    float: right;
    padding: 1.5rem 0;
    font-weight: bold;
    font-size: 14px;
}
.renewal-screen.freshlookApp.arg-policyBlock .befitSummary .policyHead {
    padding: 10px 0;
}
.renewal-screen.freshlookApp .befitSummary .policyHead h3 {
    padding: 1.5rem 0;
}
/* arogya renewal new changes start here */

/* arogya renewal new changes end here */

.mrprenew-block .bagi_block p b a, 
.mrprenew-block .bagi_block p b {
    color: #000;
}

@media (max-width: 991px) {
    .gst-sty.exc-discount .input-block {
        margin-right: 5rem;
    }
}

.gst-sty.exc-discount .sm-input.no-mar {
    margin-right: 0;
}

#gstDetails .ui-error {
    color: #ff0000;
}

/* gst css*/

.newRenewal h1 {
    font-size: 3.5rem;
}

.newRenewal h3 {
    font-size: 2rem;
    font-weight: 600;
    padding-bottom: 4rem;
}

.vehicle-details {
    width: 100%;
    display: inline-block;
    margin: 0 auto;
}

#vehicleno,
#pan-numb {
    text-transform: uppercase;
}

.car-form-block .sm-input.address-wid {
    width: 100%;
    margin-right: 0;
    max-width: 100%;
}

a.edit.js-renewalEdit {
    text-transform: capitalize;
}

.exshowroom-block.ripple-bar.focus:before {
    position: absolute;
    content: "₹";
    font-size: 2rem;
    left: 0;
    top: 5px;
}

.exshowroom-block.input-block input {
    padding-left: 2rem;
}

#register-vehile {
    text-transform: uppercase;
}

.car-form-block .il-penone .input-block.ripple-bar:after,
.car-form-block .il-penone .date-feild:before,
.car-form-block .il-penone .vs__selected .open-indicator:before {
    background: #f7f6f6;
    content: "";
    border: none;
}

.car-form-block .il-penone .custom-dropdown {
    border: none;
}

.car-form-block .il-penone .custom-dropdown .vs__selected-options:before {
    display: none;
}
.il-penone .choice-radio-block {
    display: inline-block;
    width: 30%;
    margin-right: 5%;
    float: left;
}

.il-penone .choice-radio-block .radioButtons {
    display: block;
    float: none;
    vertical-align: inherit;
}
.il-penone .choice-radio-block.reg-underind {
    margin-right: 0;
}

/**************************************************car renewal policy**************************************************/

ul.paid-drv {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding-bottom: 1.5rem;
}

ul.paid-drv li {
    display: inline-block;
    margin-right: 0.5rem;
}

ul.paid-drv li a {
    font-size: 1.4rem;
    border: 1px solid #c7c7c7;
    border-radius: 3rem;
    height: 3rem;
    width: 6rem;
    display: inline-block;
    color: #282828;
    text-align: center;
    padding: 0.6rem;
    text-decoration: none;
}

ul.paid-drv li.active a {
    color: #fff;
    border: 1px solid #01b4bb;
    background: #01b4bb;
}

.get-quote-wrap.renewal-policy {
    width: 100%;
    margin: auto;
    text-align: center;
    display: block;
    float: none;
    max-width: 650px;
}

.renewal-policy .form-block {
    padding: 6rem 0 0;
    position: relative;
}

.renewal-policy h3 {
    font-size: 2rem;
}

ul.renewpolicy-list {
    width: 100%;
    margin: 0;
}

ul.renewpolicy-list li,
ul.policy-listbl li {
    display: inline-block;
    min-width: auto;
    float: none;
    padding: 0;
    text-transform: none;
    margin: 2rem 0 0;
    cursor: pointer;
    margin-right: 5rem;
}

ul.tab-head.clearfix.js-tab-head.renewpolicy-list {
    border-bottom: none;
}

.renewpolicy-list li .radio,
.policy-listbl li .radio {
    margin: 0;
}

ul.renewpolicy-list li .radio label,
ul.policy-listbl li .radio label {
    color: #7a9aa8;
    cursor: pointer;
}

.renewal-policy .radio input[type="radio"]:checked + .radio-label {
    color: #fff;
}

.renew-policyblock {
    position: relative;
    text-align: left;
}

.renewal-fields .car-policylist {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
    position: absolute;
    z-index: 0;
    visibility: hidden;
}

.renewal-fields .policylist-nm {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
    position: absolute;
    z-index: 0;
    margin-bottom: 8px;
    top: 25px;
    visibility: hidden;
}

.renewal-fields .car-policylist.active-block {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    position: relative;
    -webkit-transition: 0.6s opacity ease-in, 0.9s -webkit-transform ease, 0.9s -webkit-transform ease;
    transition: 0.6s opacity ease-in, 0.9s transform ease, 0.9s -webkit-transform ease;
    z-index: 1;
    visibility: visible;
}

.renewal-fields .policylist-nm.active-dv {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    position: relative;
    -webkit-transition: 0.6s opacity ease-in, 0.9s -webkit-transform ease, 0.9s -webkit-transform ease;
    transition: 0.6s opacity ease-in, 0.9s transform ease, 0.9s -webkit-transform ease;
    z-index: 1;
    visibility: visible;
}

.renewal-policy.get-quote-wrap .policylist-nm .input-block {
    margin-bottom: 0;
}

.renewal-policy.get-quote-wrap .policy-tabs .input-block.ret-block {
    margin-bottom: 0;
}

.btn-regbottom .link-blue {
    display: table;
    margin-bottom: 6rem;
}

.renewal-policy .policy-tabs .form-block {
    padding: 4rem 0 0;
}

.mrprenew-block {
    text-align: left;
}

.renewal-policy.get-quote-wrap .input-block {
    margin-bottom: 3rem;
    max-width: 40rem;
}

.btn-regbottom {
    clear: both;
    padding-top: 1.5rem;
}

.retrieve-policyblock {
    padding: 3rem 0 0;
}

.carno-model span.ui-error {
    /** bottom: 135px; **/
    font-size: 1.3rem;
}

/** OTP block **/

.renewal-policy .otp-container {
    display: inline-block;
    position: relative;
    padding: 3rem 0 5rem;
}

.renewal-policy .otp-container .renewotp-number-input {
    width: 55px;
    height: 45px;
    margin: auto;
    margin-right: 16px;
    margin-left: 4px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #7795a3;
    padding: 0;
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 26px;
    text-shadow: none;
    box-shadow: none;
    text-align: center;
    background-color: transparent;
    line-height: 0;
    border-radius: 0;
    border-image-width: 0;
    font-weight: 200;
    /*font-family: 'Muli';*/
    outline: none;
}

/*.renewal-policy .otp-container .renewotp-number-input:focus, .renewal-policy .otp-container .renewotp-number-input .otp-filled {
    outline: 0;
    border-color: #00618e;
    transition: all 0.3s ease;
    }*/

.otpInner.otp-container a {
    display: inline-block;
    text-align: right;
}

/** OTP block **/

.mob-otpblock p {
    font-size: 1.5rem;
}

.mob-otpblock p a {
    display: table;
    padding-top: 1rem;
}

.mob-otpblock {
    display: none;
}

.reg-carblock {
    width: 100%;
    margin: 0;
    display: none;
    position: relative;
}

.policy-carblock {
    display: none;
}

.carno-box {
    background: #1a516a;
    display: inline-block;
    padding: 1rem 2rem;
    border-radius: 0.6rem;
    width: 62%;
    margin-bottom: 3rem;
}

.carno-box a {
    float: right;
}

.carno-box span {
    text-align: left;
}

.renewal-policy .carno-model h3 {
    padding-bottom: 4rem;
}

.get-quote-wrap.renewal-policy h1 {
    text-align: left;
}

a.link-trypm {
    font-size: 1.7rem;
    padding: 3.5rem 0 0;
}

.input-block input.reg-valid {
    text-transform: uppercase;
}

.addons-box .add-onblock p {
    color: #282828;
    opacity: 0.8;
}

.addons-box .add-onblock {
    width: 50%;
    padding: 2rem 1rem 4rem 0;
}

.addons-box .add-onblock.addons-marg {
    padding-left: 3rem;
}

.addons-box .popularity-rating h5 {
    color: #282828;
    font-weight: 500;
    /*font-family: 'Muli';*/
}

.addons-box .addon-listbl {
    padding: 0 1rem;
}

.addons-box .check-feild {
    width: 15%;
}

.addons-box .cover-block {
    width: 85%;
}

.ncb-box {
    width: 100%;
    padding: 1.5rem 4rem;
    background: #1a5068;
    border-radius: 10px;
    margin-bottom: 2rem;
}

.ncb-box .ncb-text {
    display: inline-block;
    padding-left: 5rem;
}

.ncb-box figure {
    display: inline-block;
    vertical-align: bottom;
}

.ncb-box .ncb-text h4 {
    font-weight: 600;
    /*font-family: 'Muli';*/
}

.ncb-box .ncb-text p {
    font-size: 2rem;
}

.nominee-detail {
    position: relative;
    margin: 2rem 0 0;
    border-top: 1px solid #184f69;
    padding: 2rem 0 0;
    border-bottom: 1px solid #184f69;
}

.nominee-detail p {
    font-size: 1.6rem;
}

.nominee-detail span {
    padding: 1rem 0;
}

.renewal-page .car-detail-wrap {
    padding: 0;
}

.renewal-page .break-up .leftValue a.update-gst {
    font-size: 1.2rem;
    text-decoration: underline;
}

#updates-gstdetails .popup.light {
    width: 100%;
    max-width: 850px;
}

.caraddon-popup h3 {
    font-size: 2rem;
    display: block;
    text-align: left;
    padding: 0 0 4rem;
    font-weight: 500;
    /*font-family: 'Muli';*/
}

.caraddon-popup .car-form-block .sm-input {
    width: 45%;
    margin-right: 10%;
}

.caraddon-popup .car-form-block .sm-input.no-mar {
    margin-right: 0;
}

/*#updates-gstdetails .input-block.select-vu.ripple-bar.sm-input{
    margin-right: 10%;
}
#nominee-details .input-block.select-vu.ripple-bar.sm-input{
    margin-right: 5%;
}*/

.sub-btn {
    padding: 0 0 3rem;
    clear: both;
}

.nominee-popup h3 {
    font-size: 2rem;
    text-align: left;
    padding: 0 0 3rem;
    /*font-family: 'Muli';*/
    font-weight: 300;
}

#nominee-details .popup {
    overflow: visible;
}

.otpInner.otp-container a.resend-otp {
    text-decoration: underline;
}

.otpInner.otp-container a.resend-otp:before {
    content: "";
    width: 19px;
    height: 17px;
    background-image: url(/docs/default-source/assets/freshlook/images/resend-ico.png);
    background-repeat: no-repeat;
    display: inline-block;
    padding-right: 2.5rem;
    vertical-align: middle;
}

.covertop-block {
    width: 100%;
    display: inline-block;
}

.essential-cov {
    width: 50%;
    display: inline-block;
    margin: 0;
    float: left;
}

.ren-policy-block {
    width: 45%;
    float: right;
    display: inline-block;
}

.essential-cov .addons-detail {
    width: 100%;
    padding: 0;
    float: none;
}

.essential-cov .addons-detail .addon-list {
    max-width: 100%;
}

.essential-cov .addons-detail .addon-list li {
    width: 50%;
    display: inline-block;
    float: left;
}

.ren-policy-block p {
    color: #fe6625;
    font-size: 1.5rem;
    font-weight: 400;
    padding-bottom: 3rem;
}

.ren-policy-block .amount-plan {
    position: static;
    width: 100%;
}

/**************************************************car renewal policy**************************************************/

/**************************************************CHI buying start**************************************************/

.chi-mainblock .get-quote-wrap {
    margin: 0;
    float: none;
    max-width: 100%;
}

.chi-apprlist {
    padding: 18rem 0 0;
    width: 100%;
    margin: 0;
}

.chi-apprlist ul li {
    color: #a2b1b8;
    font-size: 1.6rem;
    padding-bottom: 3rem;
}

.chi-apprlist ul li:first-child:before {
    content: "";
    background-image: url(/docs/default-source/assets/freshlook/images/tax-ben.svg);
    background-repeat: no-repeat;
    height: 3.3rem;
    width: 3.3rem;
    display: inline-block;
    vertical-align: sub;
    margin-right: 2.5rem;
}

.chi-apprlist ul li:nth-child(2):before {
    content: "";
    background-image: url(/docs/default-source/assets/freshlook/images/cash-approval.svg);
    background-repeat: no-repeat;
    height: 3.3rem;
    width: 3.3rem;
    display: inline-block;
    vertical-align: sub;
    margin-right: 2.5rem;
}

.chi-apprlist ul li:nth-child(3):before {
    content: "";
    background-image: url(/docs/default-source/assets/freshlook/images/lifetime-renewal.svg);
    background-repeat: no-repeat;
    height: 3.3rem;
    width: 3.3rem;
    display: inline-block;
    vertical-align: sub;
    margin-right: 2.5rem;
}

.chi-apprlist ul li:nth-child(4):before {
    content: "";
    background-image: url(/docs/default-source/assets/freshlook/images/addons.svg);
    background-repeat: no-repeat;
    height: 3.3rem;
    width: 3.3rem;
    display: inline-block;
    vertical-align: sub;
    margin-right: 2.5rem;
}

.chi-apprlist ul li:last-child {
    padding-bottom: 0;
    font-size: 1.1rem;
    display: inline-block;
    margin-left: 6rem;
}

.chi-mainblock .chiplan-tabs.tab-head li.active {
    color: #fff;
    background: #01b4bb;
    border-radius: 1rem 1rem 0 0;
}

.chi-mainblock .chiplan-tabs.tab-head li {
    text-align: left;
    padding: 1.6rem 4rem 1.6rem;
    min-width: 50%;
    transition: none;
    text-transform: capitalize;
    font-size: 2rem;
    font-weight: 500;
    /*font-family: 'Muli';*/
}

.chi-mainblock .chiplan-tabs.tab-head li:not(.active):hover {
    color: #979797;
}

.chi-mainblock .chiplan-tabs.tab-head li span {
    display: block;
    color: #979797;
    font-size: 1.8rem;
    text-transform: none;
}

.chi-mainblock .chiplan-tabs.tab-head {
    width: 100%;
    border-bottom: 1px solid #01b4bb;
    background: #124b66;
    padding: 0;
    border-radius: 1rem 1rem 0 0;
}

.chi-mainblock .chiplan-tabs.tab-head li.active span {
    color: #fff;
}

.CHI-formblock .chi-gen {
    display: block;
    font-size: 2rem;
    color: #7795a3;
}

.CHI-formblock .radioButtons {
    display: inline-block;
    padding: 1rem 0 0;
}

.CHI-formblock .radioButtons .radio label {
    color: #fff;
}

/*.CHI-formblock .tab-content-body {
    margin: 0 5rem;
}*/

.rediobutton-block {
    padding-bottom: 4rem;
}

.CHI-formblock .date-feild:before {
    color: #fff;
}

.CHI-formblock .vdp-datepicker__calendar .cell {
    color: #003d59;
}

p.note-bottom {
    color: #8498a3;
    font-size: 1.2rem;
    padding: 4rem 0 0;
}

.get-quote-wrap.CHI-formblock .input-block {
    margin-bottom: 3rem;
}

.get-quote-wrap.CHI-formblock .form-block {
    margin: 0 10%;
}

.sub-add-block .child-lbl {
    font-size: 2rem;
    display: inline-block;
}

.child-block {
    display: inline-block;
    float: right;
}

.sub-add-block {
    max-width: 80%;
    padding-bottom: 5rem;
}

.sub-add-block .sub,
.sub-add-block .add {
    border: 1px solid #fff;
    border-radius: 50%;
    height: 2.5rem;
    width: 2.5rem;
    position: relative;
    overflow: hidden;
    color: #fff;
    background: none;
}

.sub-add-block .sub:hover,
.sub-add-block .add:hover {
    color: #01b4bb;
    border-color: #01b4bb;
}

.sub-add-block .sub:before {
    content: "-";
    position: absolute;
    font-size: 3rem;
    top: -11px;
    left: 5px;
    font-weight: 100;
}

.sub-add-block .add:before {
    content: "+";
    position: absolute;
    font-size: 2.5rem;
    top: -6px;
    left: 4px;
    font-weight: 100;
}

.sub-add-block .child-block input {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 2rem;
    width: 3rem;
    vertical-align: top;
    font-weight: 300;
    outline: none;
    text-align: center;
}

.chi-mainblock .card-block h2 {
    font-size: 2.5rem;
    color: #5fa65a;
}

.card-wrap.block-3 .card-block span {
    /*color: #979797;*/
    color: #828282;
    font-size: 1.6rem;
    font-weight: 300;
    padding: 0 18px;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    position: relative;
}

.relative {
    position: relative;
}

/*.card-wrap.block-3 .card-block span:last-child {
    margin-right: 0;
}
*/
.ui-error.count-selector-error {
    display: block;
    bottom: -24px;
}

.card-wrap.block-3 .card-block span:after {
    content: "";
    background: #bebebe;
    display: inline-block;
    height: 0.4rem;
    width: 0.4rem;
    border-radius: 50px;
    position: absolute;
    top: 11px;
    left: 100%;
    right: auto;
}
/*.card-wrap.block-3 .card-block span:nth-child(2):after {
    left: 6.7rem;
}*/
.card-wrap.block-3 .card-block p {
    position: relative;
}

.card-wrap.block-3 .card-block span:last-child:after {
    display: none;
}

ul.key-features-list {
    width: 100%;
    background: #fff;
    border-radius: 1rem;
    margin: 3rem 0;
    display: inline-block;
}

ul.key-features-list li {
    border-right: 1px solid #f5f7fa;
    display: inline-block;
    padding: 3rem 5rem 4rem;
    vertical-align: top;
    width: 25%;
    float: left;
}

ul.key-features-list li span {
    display: block;
    font-size: 1.8rem;
    padding: 3rem 0 0;
}

ul.key-features-list li:first-child:before {
    content: "";
    background-image: url(/docs/default-source/assets/freshlook/images/tax-ben.svg);
    background-repeat: no-repeat;
    height: 4rem;
    width: 4rem;
    display: inline-block;
}

ul.key-features-list li:nth-child(2):before {
    content: "";
    background-image: url(/docs/default-source/assets/freshlook/images/cash-approval.svg);
    background-repeat: no-repeat;
    height: 4rem;
    width: 4rem;
    display: inline-block;
}

ul.key-features-list li:nth-child(3):before {
    content: "";
    background-image: url(/docs/default-source/assets/freshlook/images/lifetime-renewal.svg);
    background-repeat: no-repeat;
    height: 4rem;
    width: 4rem;
    display: inline-block;
}

ul.key-features-list li:last-child:before {
    content: "";
    background-image: url(/docs/default-source/assets/freshlook/images/addons.svg);
    background-repeat: no-repeat;
    height: 4rem;
    width: 4rem;
    display: inline-block;
}

ul.key-features-list li:last-child {
    border-right: none;
}

.chi-covered ul.check-list {
    width: 46%;
    display: inline-block;
    float: left;
}

.chi-covered .check-list li {
    width: 100%;
}

.chi-covered .tab-head li {
    text-transform: none;
    font-weight: 600;
    /*font-family: 'Muli';*/
    /*font-size: 1.5rem;*/
}

.policy-docs {
    display: inline-block;
    width: 100%;
    margin: 0;
    border-top: 1px solid #eff0f2;
    padding: 5rem 4rem 2rem;
    margin-top: 2rem;
}

.policy-docs h4 {
    font-size: 1.7rem;
    font-weight: 400;
    /*font-family: 'Muli';*/
}

.policy-docs ul li {
    display: inline-block;
    border-right: 1px solid #0579af;
    margin-top: 3rem;
    line-height: 12px;
}

.policy-docs ul li a {
    font-size: 1.5rem;
    color: #0579af;
    padding: 0 4rem;
    text-decoration: none;
}

.policy-docs ul li:first-child a {
    padding-left: 0;
}

.policy-docs ul li:last-child {
    border-right: none;
}

.FAQs-section .tab-head li {
    text-transform: none;
    font-weight: 600;
    /*font-family: 'Muli';*/
    /* font-size: 1.5rem; */
    min-width: 29rem;
}

.FAQs-section .check-list li {
    width: 100%;
}

.FAQs-section .card-text p {
    font-size: 1.5rem;
    font-weight: 600;
}

.knowledge-section {
    border-top: 1px solid #e7e7e7;
}

.knowledge-section .owl-carousel .owl-item img {
    display: block;
    width: auto;
    max-width: 100%;
}

.ks-box {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    background: #f9fafc;
    width: 100%;
    max-width: 305px;
    border-radius: 1.5rem;
    direction: ltr;
}

.ks-box .ks-text-area {
    padding: 2.5rem 3.5rem;
}

.ks-box h3 {
    font-size: 1.5rem;
    text-align: left;
    font-weight: 600;
    /*font-family: 'Muli';*/
    line-height: 2.2rem;
}

.ks-box p {
    font-size: 1.5rem;
    text-align: left;
}

.ks-box a.link {
    display: block;
    text-align: left;
    margin-left: 0;
    float: left;
    padding: 2rem 0;
    font-size: 1.3rem;
    border-bottom: none;
    font-weight: 600;
}

.knowledge-section .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: 15rem;
    font-size: 0;
    border: 1px solid #adadad;
    height: 5rem;
    width: 5rem;
    border-radius: 50px;
    cursor: pointer;
    margin-left: -3rem;
}

.knowledge-section .owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 15rem;
    font-size: 0;
    border: 1px solid #adadad;
    height: 5rem;
    width: 5rem;
    border-radius: 50px;
    cursor: pointer;
    margin-right: -3rem;
}

.knowledge-section .owl-nav .owl-prev:before {
    border-color: #282828;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    vertical-align: text-top;
    transform: rotate(228deg);
    box-sizing: inherit;
    margin: 0;
    position: absolute;
    left: 21px;
    top: 18px;
}

.knowledge-section .owl-nav .owl-next:before {
    border-color: #282828;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    vertical-align: text-top;
    transform: rotate(47deg);
    box-sizing: inherit;
    margin: 0;
    position: absolute;
    left: 18px;
    top: 19px;
}

.knowledge-section .item {
    text-align: center;
    margin: 2rem 0;
}

.chi-claim .claim-steps li {
    color: #282828;
}

.chi-claim .claim-blocks li {
    background: #fff;
}

.chi-claim .claim-blocks li p {
    color: #282828;
}

.chi-claim .claim-blocks li em {
    color: #01b3bb;
}

.chi-claim .claim-blocks li span {
    color: #cbcbcb;
}

.chi-claim .dot.active em {
    background-color: #cbcbcb;
}

ul.testimonials-block {
    width: 100%;
    display: inline-block;
    margin: 0;
    position: relative;
    margin-bottom: 8rem;
    margin-top: 3rem;
    /* overflow: hidden; */
}

ul.testimonials-block li {
    background: #fff;
    display: inline-block;
    width: 48%;
    min-height: 26rem;
    float: left;
    margin-right: 30px;
    padding: 8rem 3rem 3rem;
    border-radius: 1rem;
    position: relative;
    /*    overflow: hidden;*/
}

ul.testimonials-block li:last-child {
    margin-right: 0;
}

ul.testimonials-block li:before {
    content: "";
    position: absolute;
    transform: rotate(1deg);
    background-image: url(/docs/default-source/assets/freshlook/images/testimonial-ico.png);
    background-repeat: no-repeat;
    width: 92px;
    height: 82px;
    display: inline-block;
    top: -1px;
}

ul.testimonials-block li p {
    font-size: 1.5rem;
    line-height: 25px;
    padding-right: 18rem;
}

ul.testimonials-block img {
    position: absolute;
    bottom: -35px;
    right: 30px;
}

ul.testimonials-block li span {
    font-weight: 700;
    padding: 3rem 0 0;
    display: inline-block;
}

ul.testimonials-block li span.prof-img1 {
    background-image: url(/docs/default-source/assets/freshlook/images/prafulla_sarode.png);
    background-repeat: no-repeat;
    width: 154px;
    height: 154px;
    position: absolute;
    right: 35px;
    bottom: -45px;
}

ul.testimonials-block li span.prof-img2 {
    background-image: url(/docs/default-source/assets/freshlook/images/haridas_fopalan.png);
    background-repeat: no-repeat;
    width: 154px;
    height: 154px;
    position: absolute;
    right: 35px;
    bottom: -45px;
}

.recent-rev {
    width: 100%;
    margin: 0;
    padding: 4rem 0 0;
    padding-right: 5rem;
}

.recent-rev h3 {
    font-size: 2rem;
    /*font-family: 'Muli';*/
    font-weight: 600;
}

.recent-rev ul li {
    padding: 2rem 0 0;
}

.recent-rev ul li p {
    font-size: 1.4rem;
    padding-bottom: 1rem;
    line-height: 25px;
    font-weight: 500;
    /*font-family: 'Muli';*/
}

.recent-rev ul li span {
    font-size: 1.2rem;
    color: #999999;
}

.recent-rev a.link {
    margin-left: 0;
    padding: 3rem 0 0;
}

.ratingform-block {
    width: 100%;
    margin: 0;
    padding: 3rem 0;
}

.ratingform-block .input-block textarea {
    width: 100%;
    padding: 2rem 3rem 3rem;
    outline: none;
    border-radius: 1.5rem;
    border: 1px solid #bdbdbd;
    font-size: 1.6rem;
    font-weight: 300;
    resize: none;
}

.ratingform-block .rating-inp {
    width: 45%;
    display: inline-block;
}

.ratingform-block .rating-inp.right-mar {
    margin-right: 5rem;
}

.ratingform-block a.btn-primary {
    vertical-align: middle;
}

.ratingform-block .input-block input {
    color: #282828;
}

.ratingform-block .input-block.textare-block {
    margin-bottom: 7rem;
    display: inline-block;
    width: 100%;
    max-width: 100%;
}

.ratingform-block .input-block label {
    color: #282828;
}

.owl-dots {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.owl-theme .owl-dots .owl-dot span {
    background: #282828;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    color: #cccccc;
}

.in-patient-ico {
    background-image: url(/docs/default-source/assets/freshlook/images/in-patient.svg);
    background-repeat: no-repeat;
    height: 4.5rem;
    width: 4.5rem;
    display: block;
    margin-bottom: 2rem;
}

.daycare-pro-ico {
    background-image: url(/docs/default-source/assets/freshlook/images/day-care.svg);
    background-repeat: no-repeat;
    height: 4.5rem;
    width: 4.5rem;
    display: block;
    margin-bottom: 2rem;
}

.ayush-ico {
    background-image: url(/docs/default-source/assets/freshlook/images/ayush.svg);
    background-repeat: no-repeat;
    height: 4.5rem;
    width: 4.5rem;
    display: block;
    margin-bottom: 2rem;
}

.emergency-ico {
    background-image: url(/docs/default-source/assets/freshlook/images/emergency.svg);
    background-repeat: no-repeat;
    height: 4.5rem;
    width: 4.5rem;
    display: block;
    margin-bottom: 2rem;
}

.reset-ico {
    background-image: url(/docs/default-source/assets/freshlook/images/reset.svg);
    background-repeat: no-repeat;
    height: 4.5rem;
    width: 4.5rem;
    display: block;
    margin-bottom: 2rem;
}

.prepost-ico {
    background-image: url(/docs/default-source/assets/freshlook/images/hospital.svg);
    background-repeat: no-repeat;
    height: 4.5rem;
    width: 4.5rem;
    display: block;
    margin-bottom: 2rem;
}

.chi-covered .check-list li:before,
.exc-text.check-list li:before {
    background-image: url(/docs/default-source/assets/freshlook/images/close.svg);
    background-repeat: no-repeat;
    height: 1.8rem;
    width: 1.8rem;
    display: inline-block;
    content: "";
    top: 0;
}

.FAQs-section .check-list li:before {
    background-image: url(/docs/default-source/assets/freshlook/images/faq.svg);
    background-repeat: no-repeat;
    height: 2rem;
    width: 2rem;
    display: inline-block;
    content: "";
    top: 0;
}

.rating-star {
    width: 100%;
    padding-bottom: 0.8rem;
}

.recent-rev span.star-fill,
.pdt__star {
    background-image: url(/docs/default-source/assets/freshlook/images/star-yellow.png);
    background-repeat: no-repeat;
    height: 1.8rem;
    width: 1.7rem;
    display: inline-block;
    margin-right: 0.3rem;
}

.recent-rev span.star-blank {
    background-image: url(/docs/default-source/assets/freshlook/images/star-gray.png);
    background-repeat: no-repeat;
    height: 1.8rem;
    width: 1.7rem;
    display: inline-block;
}

.form-rating h3 {
    display: inline-block;
}

.form-rating .rating-star {
    display: inline-block;
    width: auto;
    margin-left: 3rem;
}

.health-details {
    width: 100%;
    margin: 0;
    /*display: none;*/
}

.health-details .carno-box span {
    font-size: 1.3rem;
    padding: 0 3rem 0 0;
    position: relative;
}

.health-details .carno-box {
    width: 50%;
}

.health-details .carno-box span:after {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    display: inline-block;
    background: #5f8697;
    border-radius: 50%;
    left: 77%;
    position: absolute;
    top: 6px;
}

.health-details .carno-box span:nth-child(3):after {
    display: none;
}

.health-details h3 {
    font-size: 1.8rem;
    padding-bottom: 3rem;
}

.health-details .carno-model {
    width: 62%;
}

.health-details .check-feild {
    padding-bottom: 3rem;
}

span.terms-con {
    font-size: 1.3rem;
    display: block;
    padding: 2rem 0;
    color: #a2b1b8;
}

span.terms-con a {
    color: #a2b1b8;
    font-size: 1.3rem;
    border-bottom: 1px solid;
    text-decoration: none;
}

.health-details .check-feild .input-check + label {
    font-size: 1.3rem;
    color: #a2b1b8;
}

.chi-details a.edit {
    top: 10px;
    position: absolute;
    right: 0;
}

.chi-details h3 {
    margin-bottom: 0.8rem;
    padding-right: 3rem;
    min-height: 31px;
    display: inline-block;
}

.chi-details .break-up h4 {
    font-size: 1.6rem;
    color: #638899;
    padding: 1rem 0;
}

.chi-details .break-up.chi-breakup {
    border-top: none;
}

.cashless-hospitals {
    background: #1a516a;
    border-radius: 1rem;
    padding: 1rem 3rem;
    margin-top: 3rem;
}

.text-cashless {
    display: inline-block;
    padding-left: 3rem;
}

.text-cashless span:first-child {
    font-size: 1.3rem;
    display: block;
    margin-bottom: 0;
    padding-bottom: 0.5rem;
}

.text-cashless span:last-child {
    font-size: 1.8rem;
    margin: 0;
}

.cashless-hospitals img {
    width: 40px;
    height: 35px;
    display: block;
    float: left;
    margin: 0.5rem 0;
}

.suminsured-block.chi-policydetails {
    margin-bottom: 2rem;
}

.chi-details {
    top: 6rem;
    width: 345px;
    position: relative;
    padding-bottom: 3rem;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.chi-inspad {
    padding: 3rem 3rem;
    width: 100%;
}

.chi-policydetails .policy-duration {
    display: inline-block;
    width: 50%;
    float: left;
    border-right: 1px solid #487488;
}

.chi-policydetails h4 {
    font-size: 1.5rem;
    font-weight: 700;
}

ul.js-policy-tabs,
ul.js-suminsured-tabs {
    width: 100%;
    margin: 0;
    padding: 1rem 0 0;
}

ul.js-policy-tabs li,
ul.js-suminsured-tabs li {
    display: inline-block;
}

.sum-insured {
    float: right;
}

ul.js-policy-tabs li a,
ul.js-suminsured-tabs li a {
    border: 1px solid #4c768a;
    margin-right: 1rem;
    padding: 0.5rem 1.7rem;
    font-size: 1.3rem;
    border-radius: 10rem;
    text-decoration: none;
}

ul.js-policy-tabs li a:hover,
ul.js-suminsured-tabs li a:hover {
    background: #fff;
    color: #282828;
}

ul.js-policy-tabs li a.active,
ul.js-suminsured-tabs li a.active {
    background: #fff;
    color: #282828;
}

ul.js-suminsured-tabs li:last-child a {
    padding: 0;
    border: none;
    margin-right: 0;
    border-radius: 0;
}

.plancovers-block {
    background: #f6f6f6;
    border-radius: 1rem;
    width: 100%;
    margin: 0;
    text-align: left;
    padding: 1rem 2rem;
    display: inline-block;
}

.plancovers-block h4 {
    font-size: 1.3rem;
    color: #282828;
    font-weight: 600;
    /*font-family: 'Muli';*/
}

.plancover-list {
    width: 100%;
    margin: 0;
    padding: 1rem 0 0;
    display: inline-block;
}

.plancover-list .check-feild {
    float: left;
    padding: 0;
}

span.amt-sec {
    float: right;
    font-weight: 600;
    /*font-family: 'Muli';*/
}

.plancovers-block.checkBoxsmall .input-check + label {
    color: #282828;
    /*font-family: 'Muli';*/
    font-weight: 400;
    font-size: 1.2rem;
}

.plancover-list .input-check + label:before {
    border: 1px solid #282828;
}

.chi-plan-page .plan-block.active .amount-plan {
    bottom: 10px;
}

.plancovers-block.checkBoxsmall .input-check:checked + label:after {
    bottom: 3px;
    left: 7px;
}

.chi-plan-page .amount-plan {
    bottom: 3%;
    width: 46%;
    right: 15px;
}

.chi-plan-page .amount-plan .amt-detail {
    position: relative;
    top: 0;
    right: 10px;
    float: none;
}

.chi-plan-page .plan-block .singlesvg {
    width: 11rem;
    height: 10rem;
}

.amount-plan .amt-detail span.amount-bl strong {
    display: inline-block;
}

.amount-plan .amt-detail span.amount-bl {
    display: block;
    opacity: 1;
}

.amount-plan .amt-detail span.amount-bl span {
    padding-left: 1rem;
    font-weight: 600;
    /*font-family: 'Muli';*/
}

span.covers-t {
    font-size: 1.4rem;
    color: #5fa65a;
    font-weight: 600;
}

.check-feild.chi-checkblock {
    padding: 0 2rem;
}

.chi-addonlist .addon-listbl {
    padding: 0;
}

.chi-addonlist .add-onblock {
    width: 50%;
    padding: 2rem 0;
}

.chi-addons-popup .addons-area {
    padding: 3rem 8rem 2rem;
}

span.coveredtext-exp {
    font-weight: 300;
    font-size: 1.3rem;
    display: none;
    overflow: hidden;
}

a.learn-more {
    font-size: 1.3rem;
    color: #282828;
    padding: 1rem 0 0;
    text-decoration: none;
}

a.learn-more:after {
    border-color: #282828;
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: "";
    display: inline-block;
    height: 9px;
    width: 9px;
    vertical-align: text-top;
    transform: rotate(133deg);
    box-sizing: inherit;
    margin-left: 1rem;
    margin-top: 0.2rem;
}

a.learn-more.activePara:after {
    transform: rotate(315deg);
    margin-top: 0.6rem;
}

.chi-policydetails .more-tabs-slide {
    display: none;
    position: absolute;
    width: 250px;
    right: 0;
    background: #f6f6f6;
    padding: 2rem 3rem;
    text-align: center;
    margin: 0 auto;
    border-radius: 1rem;
    z-index: 1;
    margin-top: 1rem;
    box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.1);
}

.chi-policydetails .more-tabs-slide:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #f6f6f6;
    position: absolute;
    right: 32%;
    top: -8px;
}

.chi-policydetails ul.more-tabs-slide li a {
    color: #4c768a;
    border: 1px solid #4c768a;
    margin-right: 1rem;
    padding: 0.5rem 1.7rem;
    font-size: 1.3rem;
    border-radius: 10rem;
    text-decoration: none;
}

ul.js-suminsured-tabs li.more-lasttab {
    border: 1px solid #4c768a;
    margin-right: 0;
    padding: 0.5rem 2rem;
    font-size: 1.3rem;
    border-radius: 10rem;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

ul.js-suminsured-tabs li.more-lasttab.active {
    background: #fff;
    color: #282828;
}

.chiplanpage-details h2 {
    padding-bottom: 3rem;
    font-weight: 300;
    font-size: 2.6rem;
}

.chiinsured-details {
    width: 100%;
    padding: 2rem 0;
}

.chiinsured-details .choice-radio-block .radioButtons {
    float: none;
    margin-left: 5rem;
    padding-top: 0.5rem;
}

.chiinsured-details .choice-radio-block {
    padding: 0 0 5rem 0;
}

.chiinsured-details .pre-policytype .radio label,
.chiinsured-details .choice-radio-block .radio label {
    font-size: 2rem;
}

.chi-insuredetail-page .chi-details {
    top: 0;
}

.chi-insured-box .cashless-hospitals {
    background: transparent;
    border: 1px solid #809eac;
    padding: 1.5rem 3rem;
    margin-top: 4rem;
}

.chi-insured-box .cashless-hospitals a {
    color: #7b9ba9;
    font-size: 1.3rem;
}

.chi-insured-box .text-cashless span:first-child {
    font-size: 1.5rem;
}

.chi-insured-box .cashless-hospitals img {
    margin: 0.2rem 0;
}

.chi-insured-box .text-cashless {
    padding-left: 2rem;
}

span.policy-tag {
    display: block;
    font-size: 2rem;
}

.insure-detail-accord {
    width: 100%;
    margin: 0 auto;
    padding: 2rem 0;
}

.insure-detail-accord h2 {
    font-size: 2rem;
    background: #1a516a;
    padding: 1.5rem 3rem 1.5rem 3rem;
    border-radius: 1rem;
    margin-bottom: 0;
    margin-top: 1rem;
    cursor: pointer;
}

.insure-formblock {
    padding: 3rem 3rem;
    background: #fff;
    border-radius: 0 0 1rem 1rem;
    /*display: none;*/
    width: 100%;
    /*    overflow:hidden; */
}

.insure-detail-accord h2.active-insure {
    background: #fff;
    color: #282828;
    font-weight: 600;
    border-radius: 1rem 1rem 0 0;
    position: relative;
}

.dark-form .insure-detail-accord .input-block input {
    color: #282828;
    border-bottom: 1px solid #b8b8b8;
    text-transform: lowercase;
}

.insure-formblock .input-block.select-vu {
    max-width: 100%;
    width: 11%;
    margin-right: 4%;
}

.bg-blue .insure-formblock .custom-dropdown {
    border-bottom: 1px solid #b8b8b8;
}

.bg-blue .insure-formblock .v-select .open-indicator:before {
    border-color: #282828 !important;
}

.bg-blue .insure-formblock .v-select .selected-tag {
    color: #282828 !important;
}

.insure-formblock .input-block {
    width: 30%;
    float: left;
    margin-right: 10%;
    margin-bottom: 3rem;
}

.sm-input.no-mar {
    margin-right: 0;
}

.insure-formblock .input-block.chimob-block {
    width: 45%;
    float: left;
}

.insure-formblock .chi-radio-block {
    margin-right: 10%;
    width: 45%;
    float: left;
    padding: 0;
}

.insure-formblock .input-block.wid-cust {
    width: 45%;
    float: left;
}

.insure-formblock .chi-radio-block h3 {
    display: block;
    color: #939393;
    font-size: 1.6rem;
    clear: both;
}

.insure-formblock .chi-radio-block .radioButtons {
    float: none;
}

.insure-formblock .pre-policytype .radio label,
.insure-formblock .chi-radio-block .radio label {
    font-size: 2rem;
}

.insure-formblock .input-block.wid-city {
    width: 60%;
}

.insure-formblock .chi-radio-block .gender-block {
    padding-bottom: 3rem;
    position: relative;
    margin-bottom: 3rem;
}

.chi-insured-accord .form-block {
    padding: 0;
}

.chiaddress-block textarea {
    width: 100%;
    min-height: 120px;
    border: 1px solid #b8b8b8;
    padding: 1rem 2rem;
    resize: none;
    outline: none;
    font-size: 2rem;
    color: #282828;
    border-radius: 1rem;
    font-weight: 300;
    text-transform: lowercase;
}

.dark-form .input-block.chiaddress-block label {
    position: static;
    font-size: 2rem;
    padding: 0 0 2rem;
}

.insure-detail-accord h3 {
    font-size: 1.5rem;
    color: #282828;
    font-weight: 600;
    /*font-family: 'Muli';*/
    padding-bottom: 3rem;
}

.insure-formblock .input-block.select-vu.no-margin {
    margin-right: 0;
}

.insure-formblock .input-block.select-vu.height-wid {
    width: 22.5%;
    display: inline-block;
    margin-right: 0;
}

.dark-form .input-block.height-wid label {
    font-size: 1.7rem;
}

.insure-formblock .pre-ex {
    margin-right: 0;
}

.insure-formblock .chi-radio-block.pre-ex .gender-block {
    padding-bottom: 0;
}

.insure-formblock .chi-radio-block.pre-ex h3 {
    padding-bottom: 0;
    font-size: 1.6rem;
    font-weight: 300;
}

.insure-formblock .chi-radio-block.hip-block h3 {
    padding-bottom: 0;
    font-size: 1.6rem;
    color: #b8b8b8;
    /*font-family: 'Muli';*/
    font-weight: 300;
}

.chiaddress-block span.ui-error {
    position: relative;
    bottom: -5px;
    left: 5px;
}

/*span.ui-error.wid-error{
    bottom: -5px;
}*/

a.chiins-edit {
    /*display: none;*/
    color: #01b3bb;
    float: right;
    text-decoration: none;
    padding: 0.5rem 0 0;
    font-weight: 600;
    font-size: 1.5rem;
}

.p-none {
    pointer-events: none;
}

.pay-block {
    margin-top: 1rem;
}

.plan-block.pay-block {
    padding: 2rem 3rem;
    /*display: none;*/
}

.plan-block.pay-block.checkBoxsmall .check-feild span {
    font-size: 1.2rem;
    display: inline-block;
    vertical-align: top;
    line-height: 1.8rem;
}

.plan-block.pay-block.checkBoxsmall .check-feild span small {
    font-size: 1rem;
    display: block;
    line-height: 13px;
}

.plan-block.pay-block.checkBoxsmall .check-feild span a {
    font-size: 1.1rem;
    color: #282828;
    text-decoration: underline;
}

.plan-block.pay-block.checkBoxsmall .check-feild {
    display: inline-block;
    padding: 0;
    width: 62%;
}

span.tl-amount {
    font-size: 2.7rem;
    display: inline-block;
    vertical-align: top;
    padding-top: 1rem;
}

.plan-block.pay-block.checkBoxsmall a.btn-primary {
    display: inline-block;
    margin: 0 0 0 4rem;
    padding: 1.5rem 4rem;
}

.insure-detail-accord h2.active-insure a.chiins-edit {
    /*display: none;*/
}

.insure-detail-accord .completed-ico {
    /*display: none;*/
    background-image: url(/docs/default-source/assets/freshlook/images/tick.png);
    background-repeat: no-repeat;
    height: 2.1rem;
    width: 2.1rem;
    vertical-align: middle;
    margin-right: 1rem;
}

.input-block.select-vu.focus label {
    font-size: 1.6rem;
}

.chi-plan-page .policy-docs {
    border-top: none;
    padding: 0;
    margin-top: 0;
}

.chi-plan-page .card-block h2 {
    font-size: 2.5rem;
    color: #5fa65a;
}

.textare-block span.ui-error {
    position: relative;
    bottom: -5px;
    left: 5px;
}

.ratingform-block.bg-grey {
    background-color: transparent;
}

/*naveen css start here*/

.fsDisabled,
.fsDisabled2,
.fsDisabled3,
.fsDisabled4 {
    pointer-events: none;
    opacity: 0.5;
}

span.ui-error.ui-error-active {
    display: block;
}

/*naveen css end here*/

.fsDisabled2 .ui-error {
    /*display: none;*/
}

.health-details .chi-model {
    width: 62%;
}

.emi-option ul li p {
    font-size: 1.2rem;
    display: inline-block;
}

.emi-option ul li a {
    float: right;
    font-size: 1.2rem;
}

.emi-option {
    padding: 3rem 0 0;
}

.chi-emi-popup .tab-head li {
    text-align: left;
    text-transform: capitalize;
    font-weight: 600;
    /*font-family: 'Muli';*/
    font-size: 1.6rem;
    letter-spacing: 0;
    min-width: 32rem;
    border-right: 2px solid #eeeff1;
}

.chi-emi-popup .tab-head li:nth-child(3) {
    border-right: none;
}

.chi-emi-popup .tab-head li span {
    float: right;
    font-size: 1.5rem;
    font-weight: 600;
}

.chi-emi-popup h2 {
    font-size: 2.3rem;
    text-align: left;
    padding: 3rem 5rem 0;
    font-weight: 400;
}

.chi-emi-popup p {
    font-size: 1.6rem;
    text-align: left;
    padding: 0 5rem;
}

.chi-emi-popup .addon-pa {
    padding: 1rem 3rem 5rem;
}

.option-list {
    width: 100%;
    margin: 0;
    padding: 0 2rem;
}

.option-list h2 {
    margin: 0;
    padding: 2rem 0 1rem;
    font-size: 1.8rem;
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 0rem;
    color: #282828;
    cursor: pointer;
}

.emioption-block table {
    width: 100%;
    text-align: left;
    margin: 0 0;
    font-size: 1.6rem;
}

.emioption-block {
    display: none;
}

.emioption-block table thead tr th {
    padding: 2rem 2rem;
}

.emioption-block table tbody tr td {
    padding: 1rem 2rem;
}

.emioption-block table {
    width: 100%;
    text-align: left;
    margin: 2rem 0;
    font-size: 1.6rem;
    border: 1px solid #ebebeb;
    border-radius: 14px;
    display: inline-block;
}

.emioption-block table thead {
    width: 100%;
    display: block;
    background: #f2f2f2;
    border-radius: 10px 10px 0 0;
}

.emioption-block table thead tr {
    width: 100%;
    display: inline-table;
}

.emioption-block table thead tr th {
    padding: 2rem 2rem;
    font-weight: normal;
    text-align: center;
    border-right: 1px solid #e0e0e0;
    width: 25%;
    float: left;
}

.emioption-block table thead tr th:last-child {
    border-right: none;
}

.emioption-block table tbody tr td {
    padding: 1rem 2rem;
    text-align: center;
    width: 25%;
    border-right: 1px solid #e0e0e0;
    float: left;
}

.emioption-block table tbody tr td:nth-child(2) {
    width: 25%;
}

.emioption-block table tbody tr td:nth-child(3) {
    width: 25%;
}

.emioption-block table tbody tr td:last-child {
    width: 25%;
    border-right: none;
}

.emioption-block table tbody tr:last-child {
    border-bottom: none;
}

.emioption-block table tbody tr {
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    display: inline-table;
}

.option-list h2.active-emiopt {
    border-style: none;
}

.emioption-block {
    background: transparent;
}

.option-list h2:after {
    border-color: #282828;
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: "";
    display: inline-block;
    height: 9px;
    width: 9px;
    vertical-align: text-top;
    transform: rotate(133deg);
    box-sizing: inherit;
    margin-left: 1rem;
    margin-top: 0.3rem;
    float: right;
    margin-right: 1rem;
}

.option-list h2.active-emiopt:after {
    transform: rotate(315deg);
}

.chi-plan-page .addons-detail h4 {
    margin-bottom: 0.5rem;
}

a.link-gray {
    font-size: 1.1rem;
    color: #282828;
    text-decoration: none;
    position: relative;
}

a.link-gray:after {
    border-color: #282828;
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: "";
    display: inline-block;
    height: 7px;
    width: 7px;
    vertical-align: text-top;
    transform: rotate(47deg);
    box-sizing: inherit;
    margin: 0;
    position: absolute;
    right: 7px;
    top: 18px;
}

.chi-insuredetail-page span.ui-error.wid-error {
    font-size: 1.1rem;
}

.gstin-insblock.check-block {
    width: 45%;
    position: relative;
    bottom: 15px;
}

.gstin-insblock .choice-radio-block .radioButtons {
    float: none;
}

.gstin-insblock .insure-detail-accord h3 {
    padding: 0;
}

.insure-detail-accord .gstin-insblock h3 {
    padding: 0;
    color: #939393;
    font-weight: 200;
}

.vs__selected.ad-inch-valid .vs--single .vs__selected {
    padding-left: 3rem !important;
}

.p-breakup {
    width: 100%;
    display: inline-block;
}

#renpa-coverpop .popup.light {
    width: 100%;
    max-width: 742px;
}

.w-pacover .break-up {
    border-top: none;
}

.gstin-block .covers-block {
    margin: 0;
}

.car-renewal-main .ncb-box .ncb-text h4 {
    font-weight: 200;
    font-size: 1.6rem;
}

.car-renewal-main .ncb-box .ncb-text p {
    font-size: 1.6rem;
    font-weight: 200;
}

.car-renewal-main.addons-box .add-onblock {
    width: 100%;
    padding: 2rem 0;
    border-bottom: 1px solid #ebebeb;
    position: relative;
}

.car-renewal-main.addons-box .check-feild {
    width: auto;
}

.car-renewal-main .cover-block h3 {
    padding-left: 0;
}

.mob-slide {
    padding-left: 0;
}

.car-renewal-main .cover-block h3 span {
    padding: 0;
}

.renewal-blk h3 span:nth-child(1) {
    width: 45%;
}

.car-renewal-main.addons-box .add-onblock:last-child {
    border-bottom: none;
}

a.renewal-sllink {
    position: absolute;
    right: 0;
    color: #282828;
    top: 27px;
    font-size: 1.3rem;
    text-decoration: none;
}

a.renewal-sllink:after {
    border-color: #282828;
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    vertical-align: text-top;
    transform: rotate(133deg);
    box-sizing: inherit;
    transition: all 0.15s cubic-bezier(1, -0.115, 0.975, 0.855);
    transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
    margin-left: 1rem;
    margin-top: 0.2rem;
}

a.renewal-sllink.listActive:after {
    transform: rotate(315deg);
    margin-top: 0.6rem;
}

.car-renewal-main .addon-listbl h2 {
    color: #282828;
    font-size: 2.2rem;
    font-weight: 400;
}

.car-renewal-main.addons-box .add-onblock p {
    line-height: 20px;
    display: inline-block;
}

.car-renewal-main .input-block {
    max-width: 100%;
    width: 40%;
    margin: 1.5rem 0 0;
    display: inline-block;
    float: left;
    margin-right: 5rem;
}

.car-renewal-main .cnglpg-block .input-block {
    width: 30%;
    margin-right: 2rem;
}

.bg-blue .car-renewal-main .input-block input {
    border-bottom: 1px solid #b8b8b8;
}

.car-renewal-main .input-block input {
    font-size: 1.6rem;
}

.car-renewal-main .input-block label {
    font-size: 1.5rem;
    top: 7px;
}

.car-renewal-main .input-block.focus label {
    top: -12px;
    font-size: 1.3rem;
}

.car-renewal-main .input-block.select-vu.focus label {
    font-size: 1.3rem;
    top: -15px;
}

.bg-blue .car-renewal-main .vs--single .vs__selected {
    color: #282828 !important;
    font-weight: 400;
    font-size: 1.6rem;
}

.bg-blue .car-renewal-main .custom-dropdown {
    border-bottom: 1px solid #b8b8b8;
}

.bg-blue .car-renewal-main .vs__selected .open-indicator:before {
    border-color: #282828 !important;
}

/*nv css*/

.car-form-block .veh-purchase-year {
    /* display: none;*/
}

.car-form-block .vehicalpurchase-year {
    margin-right: 0;
}

.popup.light {
    width: 96%;
}

.overlayN .content-heightauto {
    font-size: 21px;
}

.input-block .inValTerm .rpicon {
    position: absolute;
    bottom: 0;
}

.input-block .inValTerm input {
    padding-left: 20px;
}

span.ui-error {
    color: red;
}

/*#addcovers .ui-error {
    bottom: -4px;
}*/

#car-tracking.overlayN {
    display: none;
}

.mainWrapper.paymntWrap .input-block label {
    font-size: 1.8rem;
}

.mainWrapper.paymntWrap .payment-block .inpt-title,
.mainWrapper.paymntWrap .payment-block .inpt-title > span {
    font-size: 20px;
    font-weight: 600;
    padding: 0 0 20px;
    color: #003d59;
}

.mainWrapper.paymntWrap .tab-head li.active:after {
    content: "";
    display: inline-block;
    width: 100%;
    position: absolute;
    left: 0;
    height: 3px;
    background: #01b4bb;
}

.mainWrapper.paymntWrap .text-left.blockDiv {
    display: block;
}

.mainWrapper.paymntWrap .text-left.tbleDiv {
    display: table;
}

.mainWrapper.paymntWrap .covers-plan .rightValue .vs__selected.unsearchable input[type="search"] {
    height: auto;
    margin: 0;
}

.mainWrapper.paymntWrap .tab-head li.active:after {
    content: "";
    display: inline-block;
    width: 100%;
    position: absolute;
    left: 0;
    height: 3px;
    background: #01b4bb;
}

.mainWrapper.paymntWrap .payment-block {
    padding: 2rem 0 0;
}

.mainWrapper.paymntWrap .reveal .submit-btn {
    margin: 2rem 0 3rem;
}

.mainWrapper.paymntWrap .dark-form .input-block.focus label {
    font-size: 14px;
}

.mainWrapper.paymntWrap .ripple-bar:after {
    right: 30px;
}

.mainWrapper.paymntWrap .payment-block .inpt-title,
.mainWrapper.paymntWrap .payment-block .inpt-title > span {
    font-size: 20px;
    font-weight: 600;
    padding: 0 0 20px;
    color: #003d59;
}

.mainWrapper.paymntWrap .payment-tabs .tab-head li {
    font-size: 1.6rem;
    min-width: 19.5rem;
    display: inline-block;
    vertical-align: top;
    letter-spacing: unset;
    padding: 1.7rem 1.2rem;
}

.mainWrapper.paymntWrap .input-block label {
    font-size: 1.6rem;
}

.mainWrapper.paymntWrap .payment-block .input-block {
    display: inline-block;
    vertical-align: top;
    float: none;
    width: 47%;
    padding-right: 30px;
    margin-right: 0;
}

.mainWrapper.paymntWrap .tab-content p {
    color: #000;
    /*margin-top: 4%;*/
}

.mainWrapper.paymntWrap a.btn-primary.btn-back {
    color: #003d59;
    font-size: 20px;
    text-decoration: underline;
    padding: 1.8rem 0;
}

.mainWrapper.paymntWrap .payment-tabs .tab-head li:nth-child(4):before {
    display: block;
}

.mainWrapper.paymntWrap .payment-tabs .tab-head li:nth-child(5):before {
    display: none;
}

.mainWrapper.paymntWrap .rdBox .descriptn {
    width: 300px;
    display: inline-block;
    background-color: #f7f5ef;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 1px 1px 3px #ddd;
    margin-left: 40px;
    margin-top: 10px;
    display: none;
}

.mainWrapper.paymntWrap .rdBox.active .descriptn {
    display: block;
}

.mainWrapper.paymntWrap .rdBox .descriptn .chsPlanBox {
    padding-bottom: 10px;
}

.mainWrapper.paymntWrap .rdBox .descriptn button.btnChosePlan {
    background-color: #053c6d;
    width: 100%;
    display: block;
    border-radius: 30px;
    color: #ffffff;
    border: none;
    font-size: 16px;
    padding: 12px 10px;
    font-weight: 700;
    outline: none;
}

.mainWrapper.paymntWrap .rdBox .descriptn .bordLine {
    border-bottom: 1px dotted #b7b4b0;
    margin-bottom: 10px;
}

.mainWrapper.paymntWrap .payment-block .input-block.vueDropDown {
    margin-bottom: 0;
    margin-top: 20px;
}

.mainWrapper.paymntWrap .payment-block .input-block .custom-dropdown:after {
    content: "";
    border-style: solid;
    border-color: #a9a9a9;
    border-width: 0 0 1.2px 1.2px;
    width: 10px;
    height: 10px;
    top: 8px;
    right: 3px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mainWrapper.paymntWrap .payment-block .input-block .custom-dropdown.open:after {
    -webkit-transform: rotate(-224deg);
    transform: rotate(-224deg);
    top: 15px;
}

.mainWrapper.paymntWrap .dark-form .input-block.vueDropDown label {
    color: #000000;
    font-weight: 600;
}

.mainWrapper.paymntWrap .input-block.vueDropDown .vs--single .vs__selected {
    color: #053c6d !important;
}

.mainWrapper.paymntWrap .radioboxDiv label {
    font-size: 14px;
    margin-left: 10px;
    font-family: Muli, sans-serif;
    vertical-align: top;
    font-weight: normal;
    color: #000000;
}

.mainWrapper.paymntWrap .radioboxDiv label span {
    color: #bfadad;
}

.mainWrapper.paymntWrap .radioboxDiv [type="radio"]:checked,
.mainWrapper.paymntWrap .radioboxDiv [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.mainWrapper.paymntWrap .radioboxDiv [type="radio"]:checked + label,
.mainWrapper.paymntWrap .radioboxDiv [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #000000;
    margin-top: 10px;
    font-size: 16px;
    border-radius: 50%;
}

.mainWrapper.paymntWrap .radioboxDiv [type="radio"]:checked + label:before,
.mainWrapper.paymntWrap .radioboxDiv [type="radio"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 14px;
    border: 1px solid #053c6d;
    background-color: #fff;
    border-radius: 50%;
}

.mainWrapper.paymntWrap .radioboxDiv [type="radio"]:checked + label:after {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #053c6d;
    position: absolute;
    top: 5px;
    left: 3px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-radius: 50%;
}

/*nv css*/

.dark-form .insure-detail-accord .input-block.select-vu input {
    border-bottom: none;
}

#ins-cs {
    text-transform: uppercase;
}

ul.js-suminsured-tabs li:last-child a:hover {
    background: none;
    color: #fff;
}

.selectDiseaseType {
    padding: 3rem 4rem;
    text-align: left;
}

.selectDiseaseType ul {
    width: 100%;
    margin: 0;
    padding: 3rem 0 0;
}

.selectDiseaseType ul li {
    border-bottom: 1px solid #e8e8e8;
    width: 100%;
    display: inline-block;
    padding: 1.5rem 0;
}

.selectDiseaseType ul li p {
    font-size: 1.8rem;
    display: inline-block;
    float: left;
    width: 80%;
}

p.pInfo {
    padding: 2rem 0;
    display: inline-block;
}

.selectDiseaseType h3 {
    font-weight: 600;
}

.yesNoWrap {
    display: inline-block;
    float: right;
    width: 15%;
}

.yesNoWrap span {
    display: inline-block;
    font-size: 1.8rem;
    text-align: right;
    float: left;
    position: relative;
    padding: 0 3rem;
}

#error-popup h2 {
    padding: 3rem 5rem;
    text-align: center;
}

#error-popup .popup.light {
    width: 50%;
}

.yesNoWrap span:before {
    content: "";
    position: absolute;
    width: 2rem;
    height: 2rem;
    border: 1px solid;
    left: 0;
    top: 0;
    border-radius: 100%;
}

.yesNoWrap span:last-child {
    padding: 0;
    padding-left: 3rem;
}

.yesNoWrap span.active:after {
    content: "";
    position: absolute;
    left: 5px;
    right: 0;
    top: 5px;
    width: 1rem;
    height: 1rem;
    border-radius: 100px;
    background: #282828;
}

.ad-inch-valid {
    padding-left: 1.5rem;
}

.divBlock {
    display: block;
}

.divNone {
    display: none;
}

/**************************************************CHI buying end**************************************************/

/**************************************************payment page css RP**************************************************/

.payment-block .input-block.card-number img {
    position: absolute;
    top: 0;
    right: 0;
}

.mainWrapper.paymntWrap .payment-block .input-block {
    padding-right: 0;
    margin-right: 5%;
}

.mainWrapper.paymntWrap .sm-input.no-mar {
    margin-right: 0;
}

.mainWrapper.paymntWrap .ripple-bar:after {
    right: 0px;
}

.mainWrapper.paymntWrap .payment-block .inpt-title,
.mainWrapper.paymntWrap .payment-block .inpt-title > span {
    font-size: 2rem;
    font-weight: 600;
    padding: 1rem 0 3rem;
    color: #282828;
}

.mainWrapper.paymntWrap .input-block.vueDropDown .vs--single .vs__selected {
    color: #282828 !important;
}

.mainWrapper.paymntWrap .payment-block .input-block .custom-dropdown:after {
    border-color: #282828;
}

.mainWrapper.paymntWrap .rdBox .descriptn {
    width: 100%;
    margin: 2rem 0;
    min-height: 20rem;
}

.mainWrapper.paymntWrap .rdBox .descriptn button.btnChosePlan {
    width: auto;
    margin: 1rem 0 0;
    font-weight: 400;
    padding: 1.2rem 2rem;
    text-align: right;
    /*  float: right;*/
}

.mainWrapper.paymntWrap .radioboxDiv [type="radio"]:checked + label:before,
.mainWrapper.paymntWrap .radioboxDiv [type="radio"]:not(:checked) + label:before {
    width: 20px;
    height: 20px;
}

.mainWrapper.paymntWrap .radioboxDiv [type="radio"]:checked + label:after {
    width: 10px;
    height: 10px;
    top: 7px;
    left: 5px;
}

.radioboxDiv {
    display: block;
    width: 100%;
    border-bottom: 1px solid rgba(184, 184, 184, 0.5);
    padding: 2rem 0 2rem;
}

.radioboxDiv:last-child {
    border-bottom: none;
}

#emiPay .btnChosePlan {
    color: #fe6625;
    float: right;
    text-decoration: underline;
}

.modeSect h3 {
    font-size: 2rem;
    color: #282828;
    display: inline-block;
}

.modeSect h2 {
    font-size: 1.6rem;
    color: #282828;
    display: inline-block;
}

.mainWrapper.paymntWrap .payment-tabs .tab-head li {
    min-width: 16rem;
}

.payment-tabs .tab-head li:last-child:before {
    display: none;
}

.dropdown.vs__selected.custom-dropdown.disabled {
    opacity: 0.2;
}

.vs__selected.disabled .dropdown-toggle,
.vs__selected.disabled .dropdown-toggle .clear,
.vs__selected.disabled .dropdown-toggle input,
.vs__selected.disabled .open-indicator,
.vs__selected.disabled .selected-tag .close {
    background-color: transparent !important;
}

.js-getmy-policy {
    display: inline-block !important;
}

#gst-uin {
    text-transform: uppercase;
}

.caps-alp {
    text-transform: uppercase;
}

/*#addon .popup {
    overflow: visible;
}*/

/**************************************************payment page css RP**************************************************/

/********************************************* vue datepicker css ************************************************/

.rtl {
    direction: rtl;
}

.vdp-datepicker {
    position: relative;
    text-align: left;
}

.vdp-datepicker * {
    box-sizing: border-box;
}

.vdp-datepicker__calendar {
    position: absolute;
    z-index: 100;
    background: #fff;
    width: 300px;
    border: none;
}

.vdp-datepicker__calendar header {
    display: block;
    line-height: 40px;
}

.vdp-datepicker__calendar header span {
    display: inline-block;
    text-align: center;
    width: 71.42857142857143%;
    float: left;
}

.vdp-datepicker__calendar header .prev,
.vdp-datepicker__calendar header .next {
    width: 14.285714285714286%;
    float: left;
    text-indent: -10000px;
    position: relative;
}

.vdp-datepicker__calendar header .prev:after,
.vdp-datepicker__calendar header .next:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border: 6px solid transparent;
}

.vdp-datepicker__calendar header .prev:after {
    border-right: 10px solid #000;
    margin-left: -5px;
}

.vdp-datepicker__calendar header .next:after {
    border-left: 10px solid #000;
    margin-left: 5px;
}

.vdp-datepicker__calendar header .next.disabled:after {
    border-left: 10px solid #ddd;
}

.vdp-datepicker__calendar header .prev:not(.disabled),
.vdp-datepicker__calendar header .next:not(.disabled),
.vdp-datepicker__calendar header .up:not(.disabled) {
    cursor: pointer;
}

.vdp-datepicker__calendar header .prev:not(.disabled):hover,
.vdp-datepicker__calendar header .next:not(.disabled):hover,
.vdp-datepicker__calendar header .up:not(.disabled):hover {
    background: #eee;
}

.vdp-datepicker__calendar .disabled {
    color: #ddd;
    cursor: default;
}

.vdp-datepicker__calendar .flex-rtl {
    display: flex;
    width: inherit;
    flex-wrap: wrap;
}

.vdp-datepicker__calendar .cell {
    display: inline-block;
    padding: 0 5px;
    width: 14.285714285714286%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
}

.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year {
    cursor: pointer;
}

.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
    border: 1px solid #4bd;
}

.vdp-datepicker__calendar .cell.selected {
    background: #4bd;
}

.vdp-datepicker__calendar .cell.selected:hover {
    background: #4bd;
}

.vdp-datepicker__calendar .cell.selected.highlighted {
    background: #4bd;
}

.vdp-datepicker__calendar .cell.highlighted {
    background: #cae5ed;
}

.vdp-datepicker__calendar .cell.highlighted.disabled {
    color: #a3a3a3;
}

.vdp-datepicker__calendar .cell.grey {
    color: #888;
}

.vdp-datepicker__calendar .cell.grey:hover {
    background: inherit;
}

.vdp-datepicker__calendar .cell.day-header {
    font-size: 75%;
    white-space: nowrap;
    cursor: inherit;
}

.vdp-datepicker__calendar .cell.day-header:hover {
    background: inherit;
}

.vdp-datepicker__calendar .month,
.vdp-datepicker__calendar .year {
    width: 33.333%;
}

.vdp-datepicker__clear-button,
.vdp-datepicker__calendar-button {
    cursor: pointer;
    font-style: normal;
}

.vdp-datepicker__clear-button.disabled,
.vdp-datepicker__calendar-button.disabled {
    color: #999;
    cursor: default;
}

.rtl {
    direction: rtl;
}

.vdp-datepicker {
    position: relative;
    text-align: left;
}

.vdp-datepicker * {
    box-sizing: border-box;
}

.vdp-datepicker__calendar {
    position: absolute;
    z-index: 100;
    background: #fff;
    width: 300px;
}

.vdp-datepicker__calendar header {
    display: block;
    line-height: 40px;
}

.vdp-datepicker__calendar header span {
    display: inline-block;
    text-align: center;
    width: 71.42857142857143%;
    float: left;
}

.vdp-datepicker__calendar header .prev,
.vdp-datepicker__calendar header .next {
    width: 14.285714285714286%;
    float: left;
    text-indent: -10000px;
    position: relative;
}

.vdp-datepicker__calendar header .prev:after,
.vdp-datepicker__calendar header .next:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border: 6px solid transparent;
}

.vdp-datepicker__calendar header .prev:after {
    border-right: 10px solid #000;
    margin-left: -5px;
}

.vdp-datepicker__calendar header .next:after {
    border-left: 10px solid #000;
    margin-left: 5px;
}

.vdp-datepicker__calendar header .next.disabled:after {
    border-left: 10px solid #ddd;
}

.vdp-datepicker__calendar header .prev:not(.disabled),
.vdp-datepicker__calendar header .next:not(.disabled),
.vdp-datepicker__calendar header .up:not(.disabled) {
    cursor: pointer;
}

.vdp-datepicker__calendar header .prev:not(.disabled):hover,
.vdp-datepicker__calendar header .next:not(.disabled):hover,
.vdp-datepicker__calendar header .up:not(.disabled):hover {
    background: #eee;
}

.vdp-datepicker__calendar .disabled {
    color: #ddd;
    cursor: default;
}

.vdp-datepicker__calendar .flex-rtl {
    display: flex;
    width: inherit;
    flex-wrap: wrap;
}

.vdp-datepicker__calendar .cell {
    display: inline-block;
    padding: 0 5px;
    width: 14.285714285714286%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
}

.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year {
    cursor: pointer;
}

.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
    border-color: #f0f0f0 !important;
    background-color: #f0f0f0;
    border-radius: 3px;
}

.vdp-datepicker__calendar .cell.selected {
    background: #4bd;
}

.vdp-datepicker__calendar .cell.selected:hover {
    background: #4bd;
}

.vdp-datepicker__calendar .cell.selected.highlighted {
    background: #4bd;
}

.vdp-datepicker__calendar .cell.highlighted {
    background: #cae5ed;
}

.vdp-datepicker__calendar .cell.highlighted.disabled {
    color: #a3a3a3;
}

.vdp-datepicker__calendar .cell.grey {
    color: #888;
}

.vdp-datepicker__calendar .cell.grey:hover {
    background: inherit;
}

.vdp-datepicker__calendar .cell.day-header {
    font-size: 75%;
    white-space: nowrap;
    cursor: inherit;
}

.vdp-datepicker__calendar .cell.day-header:hover {
    background: inherit;
}

.vdp-datepicker__calendar .month,
.vdp-datepicker__calendar .year {
    width: 33.333%;
}

.vdp-datepicker__clear-button,
.vdp-datepicker__calendar-button {
    cursor: pointer;
    font-style: normal;
}

.vdp-datepicker__clear-button.disabled,
.vdp-datepicker__calendar-button.disabled {
    color: #999;
    cursor: default;
}

/** add custom date to it's to parent to custamize datepicker **/

.customDate .vdp-datepicker__calendar {
    width: 297px;
    border: none;
    box-shadow: 0 0 30px rgba(78, 78, 78, 0.1803921569);
    border-radius: 0 0 8px 8px;
}

.vdp-datepicker__calendar header:before,
.vdp-datepicker__calendar header:after {
    content: "";
    display: table;
}

.vdp-datepicker__calendar header:after {
    clear: both;
}

.customDate .vdp-datepicker__calendar header {
    background: #053c6d;
    color: #fff;
    line-height: 1.2;
}

.customDate .vdp-datepicker__calendar header .prev:not(.disabled):hover,
.customDate .vdp-datepicker__calendar header .next:not(.disabled):hover,
.customDate .vdp-datepicker__calendar header .up:not(.disabled):hover {
    background: none;
}

.customDate .vdp-datepicker__calendar header .prev,
.customDate .vdp-datepicker__calendar header .next,
.customDate .vdp-datepicker__calendar header .day__month_btn {
    height: 40px;
}

.customDate .vdp-datepicker__calendar header .up,
.customDate .vdp-datepicker__calendar header span:nth-child(2) {
    padding-top: 10px;
}

.customDate .vdp-datepicker__calendar header .up:after {
    content: "";
    position: relative;
    display: inline-block;
    top: -3px;
    right: -7px;
    width: 7px;
    height: 7px;
    border-color: #fff;
    border-style: solid;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.customDate .vdp-datepicker__calendar header .prev:after,
.customDate .vdp-datepicker__calendar header .next:after {
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg) translate(0, 0);
    transform: rotate(-45deg) translate(0, 0);
    margin: -5px 0 0 -6px;
}

.customDate .vdp-datepicker__calendar header .prev:after {
    transform: rotate(130deg);
    margin-left: -5px;
}

.customDate .vdp-datepicker__calendar header .prev:after,
.customDate .vdp-datepicker__calendar header .next:after,
.customDate .vdp-datepicker__calendar header .next.disabled:after {
    border-color: #fff;
    border-style: solid;
    border-width: 0 1.2px 1.2px 0;
}

.vdp-datepicker__calendar .cell {
    font-size: 13px;
}

.customDate .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.customDate .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.customDate .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
    border-color: #f0f0f0;
    background-color: #f0f0f0;
}

.customDate .vdp-datepicker__calendar .cell.selected,
.customDate .vdp-datepicker__calendar .cell.selected:hover {
    background: #053c6d;
    color: #fff;
}

/********************************************* vue datepicker css ************************************************/

.vs__selected .open-indicator:before {
    position: absolute;
    top: 10px;
}

/*v-select css*/

.vs__actions svg,
.vs__actions svg,
.vs__actions,
.vs__actions {
    display: none;
}

.v-select .vs__selected-options .vs__search {
    height: 35px;
    position: relative;
    padding: 0;
}

.v-select .vs__selected-options .vs__selected {
    float: none;
    /*    color: #000;*/
}

.dark-form .v-select .vs__selected-options .vs__selected {
    color: #282828;
}

.custom-dropdown ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    box-shadow: 1px 2px 5px #ddd;
    width: 100%;
    left: 0;
    position: absolute;
    max-height: 185px;
    overflow-y: auto;
    z-index: 9999;
    display: inline-block;
    background-color: #fff;
}

.custom-dropdown ul li {
    padding: 6px 10px;
    cursor: pointer;
    color: #282828;
    text-align: left;
}

.custom-dropdown ul li:hover {
    background: #f1f1f1;
}

.input.vs__search {
    /* display: none; */
}

ul.custom-dropdown {
    padding: 0;
    /*  display:none; */
}

ul.custom-dropdown li {
    list-style-type: none;
}

.custom-dropdown {
    border-bottom: 1px solid #b4c4d3;
    position: relative;
}

.custom-dropdown input.vs__search {
    /*position: absolute;
    left: 0;
    bottom: 0;*/
    width: 100%;
    background: none;
    border: 0;
}

.onlyDropDown label {
    pointer-events: none;
}

/*.custom-dropdown .vs__selected{display: block;padding: 0;position: absolute;top: 6px;font-size: 1.6rem;width: 100%;}

.vs__selected:after {
    border-color: #fff;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    display: inline-block;
    height: 12px;
    width: 12px;
    vertical-align: text-top;
    transform: rotate(133deg);
    box-sizing: inherit;
    position: absolute;
    right: 0;
    bottom: 1rem;
    transition: all .15s cubic-bezier(1,-.115,.975,.855);
    transition-timing-function: cubic-bezier(1,-.115,.975,.855);
}

.vs--open .vs__selected:after {
    transform: rotate(315deg);
}*/

.custom-dropdown .vs__selected {
    display: block;
    padding: 0;
    position: absolute;
    top: 6px;
    font-size: 1.8rem;
    width: 100%;
    text-align: left;
}

.vs__selected-options:before {
    border-color: #fff;
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: "";
    display: inline-block;
    height: 12px;
    width: 12px;
    vertical-align: text-top;
    transform: rotate(133deg);
    box-sizing: inherit;
    position: absolute;
    right: 0;
    bottom: 2rem;
    transition: all 0.15s cubic-bezier(1, -0.115, 0.975, 0.855);
    transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
}

.dark-form .vs__selected-options:before {
    border-color: #282828;
}

.vs--open .vs__selected-options:before {
    transform: rotate(315deg);
}

/*.vs__selected:after {
    border-color: #fff;
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: "";
    display: inline-block;
    height: 12px;
    width: 12px;
    vertical-align: text-top;
    transform: rotate(133deg);
    box-sizing: inherit;
    position: absolute;
    right: 0;
    bottom: 1rem;
    transition: all .15s cubic-bezier(1, -.115, .975, .855);
    transition-timing-function: cubic-bezier(1, -.115, .975, .855);
}
.vs--open .vs__selected:after {
    transform: rotate(315deg);
}
.dark-form .vs__selected:after {
    border-color: #282828;
}*/

/*v-select css*/

.rating-p {
    display: inline-block;
    border-right: 1px solid #eeeeee;
    padding-right: 3rem;
}

.rating-p .rating-star {
    margin-left: 0;
    margin-right: 1rem;
}

.gray-box {
    background: #f9f5ea;
    border-radius: 1rem;
    padding: 0.5rem 1rem;
    font-size: 1.6rem;
}

.gray-box .star-fill {
    vertical-align: sub;
    background-size: 90%;
}

.rating-p span {
    font-size: 1.5rem;
}

.error-il {
    display: none;
}

.chi-covered .tab-head li {
    min-width: 29rem;
}

span.ten-off {
    display: inline-block;
    color: #f8dd1a;
    font-size: 1.1rem;
    vertical-align: super;
    position: relative;
    padding-left: 1rem;
    font-weight: 600;
}

span.ten-off:before {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #f8dd1a;
    position: absolute;
    left: 0;
    top: 2px;
}

.js-editbackmob {
    display: table;
    padding: 1rem 0 0;
}

.vs--disabled,
.dark-form .ripple-bar:after {
    opacity: 0.3;
}

.vdp-datepicker__calendar .cell.selected {
    border: 1px solid #fe6625 !important;
    background: #fe6625 !important;
    color: #fff;
}

/******Sangeeta css ********/

.cover-block.js-covertext h3 {
    padding-left: 3rem;
}

.chi-policyblock h3.rec-policy {
    width: 100%;
    padding: 0;
    font-size: 2.4rem;
    font-weight: 300;
    color: #282828;
}

.chi-policyblock p {
    font-size: 1.8rem;
    color: #282828;
    text-align: left;
    padding: 3rem 0 2rem;
    display: block;
}

.chi-policyblock .policy-summary span#chipolicy-num {
    font-size: 2rem;
}

.plan-block span.pl-sm-btn.org-link {
    color: #fe7338;
}

.dark-form .il-penone .input-block input {
    border: none;
}

.plan-page .plan-detail-wrap h1 {
    font-size: 2.6rem;
}

#addonCovers .cover-block.js-covertext h3 {
    padding-left: 0;
}
#addonCovers {
    padding: 0 6rem 0;
}

/*** Changes by Megabolt ***/

.pdt__rating {
    color: #fff;
    font-size: 1.3rem;
    margin-bottom: 40px;
}

.pdt__rateBox {
    background: #134b66;
    padding: 9px 10px 8px;
    border-radius: 10px;
    font-weight: 600;
    margin-right: 3px;
}

.pdt__star {
    position: relative;
    top: 4px;
}

.chi-mainblock .chiplan-tabs.tab-head {
    max-width: 482px;
}

.chi-mainblock .chiplan-tabs.tab-head li {
    width: 100%;
    text-align: center;
    text-transform: none;
    font-weight: 300;
    cursor: default;
}

.chi-mainblock .chiplan-tabs.tab-head li span {
    display: inline;
    font-size: inherit;
}

.font-regular {
    font-weight: 600;
}

.CHI-formblock .chi-gen.filled-label {
    font-size: 1.6rem;
    margin-bottom: 18px;
}

.small__label {
    font-weight: 200;
    opacity: 0.7;
}

.excla-pop-main {
    position: relative;
}

.excla-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 12px;
    border-radius: 100%;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    font-size: 9px;
    position: relative;
    top: -3px;
    font-style: normal;
    margin-left: 5px;
    cursor: pointer;
}

.excla-pop {
    position: absolute;
    top: -12px;
    margin-left: 10px;
    background: #fff;
    color: #000;
    width: 302px;
    z-index: 99;
    padding: 8px 15px 5px;
    border-radius: 5px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.2s, visibility 0.2s;
    transition: opacity 0.2s, visibility 0.2s;
}

.pop-top .excla-icon {
    top: 1px;
}

.pop-top .excla-pop {
    width: 163px;
    font-size: 1.3rem;
    margin-left: 0;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    top: -32px;
}

.pop-top .excla-pop:before {
    top: 29px;
    left: 77px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
}

.pop-top .excla-pop span,
.pop-top .excla-pop a {
    font-size: inherit;
}

.pop-top .excla-pop a {
    color: #01b4bb;
}

.excla-pop:before {
    content: "";
    position: absolute;
    top: 11px;
    left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 8px 0;
    border-color: transparent #fff transparent transparent;
}

.pop__title {
    font-size: 1.2rem;
    font-weight: 600;
}

.pop__list {
    font-size: 1.4rem;
    margin-top: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pop__list li {
    width: 50%;
    position: relative;
    padding-left: 10px;
    margin-bottom: 5px;
}

.pop__list li:before {
    content: "";
    background: #d9e2e9;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    position: absolute;
    top: 6px;
    left: 0;
}

.bg-blue .excla-pop,
.bg-blue .excla-pop span {
    color: #000;
}

.excla-hover:hover .excla-pop {
    opacity: 1;
    visibility: visible;
}

.count-selector {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 25px;
}

.count-selector:last-child {
    margin-bottom: 12px;
}

.pdt__links a {
    font-size: inherit;
    color: inherit;
    text-decoration: underline;
}

.pdt__separate {
    display: inline-block;
    margin: 0 20px 0 18px;
    height: 16px;
    width: 1px;
    background: #94a5ac;
    position: relative;
    top: 5px;
}

/*** Changes by Megabolt ***/

span.nm-gstin {
    font-size: 1.1rem;
    display: inline-block;
    padding: 0.3rem 0;
    float: right;
}
#inValTerm span.ui-error {
    top: 45px;
}
.payment-page .plan-detail-wrap {
    padding-left: 5rem;
}
#impDetails {
    padding-left: 0;
}

.break-case-block .vehicle-policycover {
    padding: 0;
}

.break-case-block .rec-idv.dark-form {
    padding: 0;
}

.vehicle-policycover .rec-text {
    border-bottom: none;
    padding: 0;
    width: 100%;
}

.break-case-block .popup.light {
    max-width: 750px;
}
.zd-prepolicy span.vs__selected {
    padding-left: 1rem;
    font-weight: 500;
    font-size: 1.4rem;
    top: 10px;
}
.zd-prepolicy .vs__selected-options:before {
    height: 10px;
    width: 10px;
    bottom: 1.5rem;
}
.break-up .js-detail-addons li {
    padding: 1.2rem 0 0;
}
.flexx,
.cover-circle {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
}
.align-center,
.cover-circle {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.justify-center,
.cover-circle {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.cover-circle {
    font-size: 1.2rem;
    font-weight: 300;
    width: 70px;
    height: 70px;
    border: 4px solid #c2c4ac;
    border-radius: 100%;
    /* padding-top: 2px;*/
}
.plan-block .cover-circle span {
    opacity: 1;
    margin-top: 0;
}
.plan-block span.cover__title {
    font-size: 2rem;
    font-weight: 600;
    line-height: 0.8;
}
a.btn-primary.btn-white {
    padding: 1.8rem 5.2rem;
}
.sum-prem-block .custom-dropdown .vs__selected {
    font-size: 1.5rem;
    top: 12px;
}
.sum-prem-block .vs__selected-options:before {
    height: 10px;
    width: 10px;
    bottom: 1rem;
}
.text-left.blockDiv {
    display: inline-block;
    width: 30%;
}
#addon .tab-head li.active {
    border-bottom: 3px solid #fe6625;
}
#car-policysummary .popup.light {
    max-width: 650px;
    text-align: left;
}
.policy-summary ul.summary-list {
    border-radius: 0.5rem;
}
.card-wrap.block-3 .card-block.card-text span {
    padding: 0;
    text-align: left;
    padding-right: 4rem;
}
span.tooltip-text a {
    font-size: 1.2rem;
    color: #fe6625;
}
.tab-content .check-list {
    padding: 4rem 0 0;
}

.tab-content .check-list:nth-child(2) {
    padding: 3rem 0 1rem;
}
ul.clearfix.check-list.card-text.exc-text li {
    padding-bottom: 3rem;
}
.tab-content-body .check-list li {
    margin: 0;
}
.tab-content .check-list.exc-text:nth-child(2) {
    padding: 0;
}
#fwPlanEdit .choice-radio-block {
    clear: both;
}
#fwPlanEdit .il-penone .choice-radio-block {
    clear: none;
    position: relative;
    bottom: 2.8rem;
}
.il-penone .rd-label,
.il-penone .sl-label {
    color: rgba(40, 40, 40, 0.5);
    font-size: 1.6rem;
}
/*datepicker style*/
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
    border-color: #f0f0f0 !important;
    background-color: #f0f0f0;
    border-radius: 3px;
}
.vdp-datepicker__calendar .cell.selected {
    border-radius: 0;
    color: #fff;
}
.vdp-datepicker__calendar header .prev:after,
.vdp-datepicker__calendar header .next:after,
.customDate .vdp-datepicker__calendar header .next.disabled:after {
    border-color: #fff;
    border-style: solid;
    border-width: 0 1.2px 1.2px 0 !important;
}
.vdp-datepicker__calendar header .prev:after,
.vdp-datepicker__calendar header .next:after {
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg) translate(0, 0);
    transform: rotate(-45deg) translate(0, 0);
    margin: -5px 0 0 -6px;
}
.vdp-datepicker__calendar header .prev:after {
    transform: rotate(130deg);
    margin-left: -5px;
}
.vdp-datepicker__calendar header .up:after {
    content: "";
    position: relative;
    display: inline-block;
    top: -3px;
    right: -7px;
    width: 7px;
    height: 7px;
    border-color: #fff;
    border-style: solid;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*datepicker style*/

#pa-coverpop .vehicle-policycover .rec-text {
    width: 80%;
}
a.btn-primary.ok-btn {
    padding: 1.8rem 5.5rem;
}
#ppcovers .sum-prem-block .vs__selected:before {
    content: "₹";
}
ul.break-up.covers-block {
    border-top: none;
    margin-top: 0;
}
#policy-breakup .break-up:before {
    display: none;
}
.nw-wid-wrap .break-up {
    border-top: 1px solid #184f69;
}
.nw-wid-wrap .break-up:before {
    display: none;
}
.il-penone {
    display: inline-block;
    width: 100%;
}
#policy-types .radio.active label {
    font-weight: 600;
}
#policy-types .radio.active .input-block label {
    font-weight: 400;
}
#addon .popup {
    overflow: visible;
    width: 100%;
    max-width: 1100px;
}
/*#addon .idv-btn {
    padding-bottom: 0;
}*/
#divDriverMember .ui-error {
    bottom: 10px;
}
.popularity-rating span {
    margin-right: 0;
}
/*#addcovers span.tooltip-ui {
    margin-top: 0.6rem;
}*/
ul.break-up.covers-block:before {
    display: none;
}
.covers-plan {
    margin-top: 2rem;
    top: 0;
    position: relative;
    padding: 0;
    overflow: hidden;
    border-top: 1px solid #184f69;
    width: 100%;
    display: inline-block;
}
.input-block .note a:focus {
    outline: none;
}
span.tooltip-text.opt-out {
    width: 175px;
}
.add-onblock .input-check:disabled + label:before {
    background: #d3d3d3;
}

/**************************************************proposal page**************************************************/

.proposal-page span.conf-id span {
    display: block;
}

.proposal-page #car-policysummary span.conf-id span {
    display: inline-block;
}
.prop-left {
    display: inline-block;
    float: left;
    width: 75%;
}

.prop-left p {
    color: #282828;
    display: inline-block;
    padding: 0;
    margin: 0;
    text-align: left;
    padding-bottom: 2rem;
    font-size: 1.6rem;
    opacity: 0.8;
}
.car-inspection-accord {
    width: 100%;
    display: inline-block;
    clear: both;
    border-top: 1px solid #eeeeee;
    padding: 2rem 0 0;
}
.car-inspection-accord .radio {
    margin: 0;
    width: 100%;
    padding: 2rem 3rem;
    border-bottom: 1px solid #eeeef0;
    position: relative;
}
.car-inspection-accord .radio:last-child {
    margin-left: 0;
}
.car-inspection-accord .radioButtons {
    display: inline-block;
    width: 100%;
    text-align: left;
    background: #f9f9fb;
    margin-bottom: 2rem;
}
.car-inspection-accord span.subtext {
    display: block;
    padding-left: 4rem;
}
.car-inspection-accord .radio label {
    vertical-align: middle;
}
.proposal-page .policy-summary h3 {
    border-top: none;
}
.inspection-slide {
    display: inline-block;
}
.inspection-block {
    display: none;
    padding: 2rem 4rem 0;
}
.inspection-block p {
    color: #282828;
    padding-bottom: 3rem;
    font-size: 1.5rem;
}

.selfinsp-block {
    display: inline-block;
    width: 100%;
    margin: 0;
}

.selfinsp-block span {
    display: inline-block;
    margin-right: 1.5rem;
    font-size: 1.5rem;
    float: left;
}

.selfinsp-block .input-block {
    display: inline-block;
    margin-right: 2rem;
    width: 38%;
}
.selfinsp-block .input-block.focus label {
    top: -15px;
}
.selfinsp-block .submit-btn {
    display: inline-block;
    vertical-align: middle;
}

.selfinsp-block .submit-btn a.btn-primary {
    padding: 1rem 1.5rem;
    font-size: 1.3rem;
}
.selfinsp-block span.ui-error {
    /*display: none;*/
    font-size: 1.2rem;
}
span.note-text {
    background: #eaeaee;
    padding: 1rem;
    border-radius: 6px;
    margin-bottom: 2rem;
    display: inline-block;
    font-size: 1.6rem;
}
.inspection-slide.active-insure {
    border-bottom: 1px solid #eeeef0;
    padding-bottom: 1.5rem;
    /*width: 100%;*/
}
.installation-text {
    font-size: 2rem;
    display: none;
    padding: 4rem 0;
}
span.videodemo {
    position: absolute;
    right: 10px;
    top: 20px;
    opacity: 1;
}

.videodemo .link {
    font-size: 1.2rem;
    color: #fe6625;
    border-bottom: none;
    display: block;
    margin: 0;
}
.videodemo img {
    vertical-align: sub;
}
span.videodemo span {
    display: inline-block;
    text-align: left;
    opacity: 1;
    padding-left: 0.3rem;
}
.physical-sur .input-block:nth-child(3),
.physical-sur .input-block:nth-child(4) {
    display: inline-block;
    margin-right: 5rem;
    width: 36%;
}
.proposal-page .bg-blue .input-block input {
    border-bottom: 1px solid #7c7c7d;
}

/**************************************************proposal page**************************************************/

/*Garage search start*/
.viewlistpopup .popup {
    width: 62%;
    max-height: unset;
    margin: 45px auto;
}
.viewlistpopup .popup h3 {
    font-size: 20px;
    display: block;
    text-align: center;
    color: #282828;
    font-weight: bold;
    padding: 15px 0 30px;
}
ul.listOfgrg li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
ul.listOfgrg {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}

ul.listOfgrg li {
    display: inline-block;
    width: 45%;
    list-style: none;
    float: left;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
ul.listOfgrg li:before {
    content: "";
    background: url(/docs/default-source/assets/images/carplan/garaddico.png) no-repeat;
    width: 23px;
    height: 30px;
    display: inline-block;
    float: left;
    margin-right: 20px;
}
ul.listOfgrg .netGargs {
    display: inline-block;
    float: left;
    width: 80%;
}
ul.listOfgrg .netGargs h4 {
    margin: 0;
    font-size: 15px;
    color: #282828;
    font-weight: 500;
    text-align: left;
}
ul.listOfgrg:before {
    content: "";
    height: 100%;
    width: 1px;
    background: #ebebeb;
    display: inline-block;
    position: absolute;
    left: 50%;
    right: 50%;
}
ul.listOfgrg .netGargs p {
    font-size: 13px;
    color: #666666;
    padding-top: 8px;
    opacity: 0.8;
    text-align: left;
    line-height: 1.4;
    margin-bottom: 5px;
}
ul.listOfgrg li.mrR {
    margin-right: 10%;
}
ul.listOfgrg .conGrgs {
    display: inline-block;
    width: 60%;
    margin: 0;
    text-align: left;
}
ul.listOfgrg .manfGrgs {
    width: 35%;
    display: inline-block;
    float: right;
}
ul.listOfgrg .conMn {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 10px 0;
    text-align: left;
}
.dtlsCn {
    display: block;
}
.findSortList {
    transition: opacity 0.2s, visibility 0.2s;
}
.search-item .ui-error {
    display: none;
}

.garage-search .search-item .ui-error {
    bottom: -20px;
}
.garage-search .search-item {
    position: relative;
}
/*Garage search end*/

.zd-prepolicy span.rupee-ico {
    font-size: 1.4rem;
    top: 9px;
}
#addcovers .input-block.select-vu.ripple-bar.sm-input label {
    font-size: 1.8rem;
}

.textStyle {
    margin: 50px auto;
    text-align: center;
    font-size: 20px;
    width: 59%;
    display: block;
}

/*::selection {
    background: #f9f9fb;
}*/
#addon .tab-content {
    top: -2px;
}
#impDetails .radio {
    position: relative;
}
#fwPlanEdit .input-block.focus label {
    pointer-events: auto;
}
span.tooltip-text strong {
    display: block;
    padding: 0.5rem 0;
}
.car-inspection-accord {
    margin-top: 1rem;
}
.car-inspection-accord span.subtext {
    padding-left: 4.5rem;
}
.inst-block p {
    color: #282828;
    font-size: 1.6rem;
}
.inst-block {
    width: 100%;
    display: inline-block;
    padding: 5rem 4.5rem 0;
}
.selfinsp-block {
    padding: 3rem 0 0;
}
.physical-sur {
    display: inline-block;
    width: 100%;
    padding: 3rem 4.5rem 0;
}
.physical-sur p {
    color: #282828;
    display: inline-block;
    padding-bottom: 4rem;
    font-size: 1.6rem;
}
.physical-sur .input-block:nth-child(3),
.physical-sur .input-block:nth-child(4) {
    display: inline-block;
    margin-right: 4rem;
    width: 37%;
    float: left;
}
.physical-sur .input-block.sm-input.no-mar {
    margin-right: 0;
}
.car-inspection-accord .input-block input {
    font-size: 1.8rem;
}

.input-block input {
    border-radius: 0;
}
#viewListp {
    overflow: auto;
}
#ui-id-1 .ui-menu .ui-menu-item {
    font-size: 1.5rem;
    font-weight: 200;
}

#fwProposalConfirmation .policy-summary span.pl-sm-btn:nth-child(3) {
    display: block;
}
#fwProposalConfirmation ul.summary-list li {
    width: 30%;
}
#fwProposalConfirmation ul.summary-list li:last-child {
    width: 28%;
    border-right: none;
}
#fwProposalConfirmation .prop-left p {
    opacity: 1;
    font-weight: 400;
}
.proposal-page .bg-blue span.ui-error {
    color: #ff0000;
    font-weight: normal;
    /*position: static;*/
}
#messg-popup .popup.light {
    max-width: 650px;
}
#messg-popup .ok-btn {
    margin: 1rem 0 2rem;
}
.bg-blue .input-block.od-field label span {
    color: #7795a3;
    padding: 0 0.3rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
}
.bg-blue .input-block.od-field.focus label span {
    font-size: 1.3rem;
    line-height: 2.5rem;
}
.rec-idv.dark-form.pac-disabled {
    opacity: 0.5;
    pointer-events: none;
}
.renewal-screen span.proposal-nosp {
    font-size: 2rem;
    float: right;
    color: #fe6625;
    padding-bottom: 1rem;
}
.over-inh {
    overflow: inherit;
}

.over-inh .break-up .custom-dropdown li {
    padding: 6px 10px;
}
#fwPlanEdit .il-penone .input-block label {
    pointer-events: none;
}
.hyploan-details span.gstno {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 70%;
    text-align: left;
}

/* car proposal details */
.plan-block.proposal-details h3.rec-policy {
    width: 100%;
    text-align: center;
    padding-bottom: 2rem;
    display: inline-block;
    font-weight: 700;
}

.car-proposalno {
    clear: both;
    border-top: 1px solid #eee;
    padding: 1.5rem 0;
}

.car-proposal {
    display: inline-block;
}

.protect-proposal {
    display: inline-block;
    border-left: 1px solid #282828;
    padding-left: 2rem;
    margin-left: 2rem;
}

.car-proposalno span {
    font-size: 1.5rem;
    color: #000;
    font-weight: 500;
    opacity: 1;
}

.plan-block.vg-benifit-img img {
    width: 100%;
    max-width: 100%;
}

.plan-block.vg-benifit-img {
    padding: 0;
    background: no-repeat;
}
/* car proposal details */

a.tp-btn {
    display: none;
}

/* block loader */

.block-loader,
.block-loader:before,
.block-loader:after {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load11 1.8s infinite ease-in-out;
    animation: load11 1.8s infinite ease-in-out;
}
.block-loader {
    color: #003d59;
    margin: 0 auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    background: none;
    padding: 0;
    border: none;
}
.block-loader:before,
.block-loader:after {
    content: none !important;
    position: absolute;
    top: 0;
    background: transparent;
}
.block-loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.block-loader:after {
    left: 3.5em;
}
@-webkit-keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}
@keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}
/* block loader */

/*back buttons */
a.js-backbtn {
    text-align: left;
    display: inline-block;
    border-bottom: none;
    padding-bottom: 2rem;
    font-size: 1.5rem;
    float: left;
    clear: both;
    padding-left: 1.5rem;
    position: relative;
    cursor: pointer;
}

a.js-backbtn:before {
    content: "";
    border: solid #fe6625;
    border-width: 0 1.2px 1.2px 0;
    display: inline-block;
    padding: 5px;
    vertical-align: top;
    transform: rotate(45deg);
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    margin-top: 0.4rem;
    position: absolute;
    left: 0;
    top: 0;
}

/*back buttons */

/*new policy breakup*/

a.js-backbtn {
    text-align: left;
    display: inline-block;
    border-bottom: none;
    padding-bottom: 2rem;
    font-size: 1.5rem;
    float: left;
    clear: both;
    padding-left: 1.5rem;
    position: relative;
}

a.js-backbtn:before {
    content: "";
    border: solid #fe6625;
    border-width: 0 1.2px 1.2px 0;
    display: inline-block;
    padding: 5px;
    vertical-align: top;
    transform: rotate(45deg);
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    margin-top: 0.4rem;
    position: absolute;
    left: 0;
    top: 0;
}

.car-modelname {
    width: 50%;
    display: inline-block;
    float: left;
    padding-right: 4rem;
    text-align: left;
}

.car-breakupdetail {
    width: 50%;
    display: inline-block;
    float: left;
    padding-left: 4rem;
    text-align: left;
}

.policycar-block {
    width: 100%;
    display: inline-block;
    background: #f0f0f0;
    padding: 2rem 2rem;
    border-radius: 1rem;
    margin-bottom: 2rem;
    position: relative;
}

.car-modelname p {
    display: block;
}

.car-modelname h3 {
    font-size: 2.2rem;
    font-weight: 300;
    padding: 0;
}

.policy-breakup-block .car-breakupdetail .break-up {
    padding: 0;
    margin: 0;
}

.policy-breakup-block .car-breakupdetail .break-up li {
    padding: 0;
}
.clr-details {
    clear: both;
}
.pb-block {
    display: block;
    width: 100%;
    text-align: right;
}
.policy-breakup-block .break-up:before {
    background: none;
}
a.primary.btn-orange.js-insurer-proceed {
    text-decoration: none;
}
/*new policy breakup*/

/* car proposal details banner */
.plan-block.proposal-details h3.rec-policy {
    width: 100%;
    text-align: center;
    padding-bottom: 2rem;
    display: inline-block;
    font-weight: 700;
}
.car-proposalno {
    clear: both;
    border-top: 1px solid #eee;
    padding: 1.5rem 0;
}

.car-proposal {
    display: inline-block;
}

.protect-proposal {
    display: inline-block;
    border-left: 1px solid #282828;
    padding-left: 2rem;
    margin-left: 2rem;
}

.car-proposalno span {
    font-size: 1.5rem;
    color: #000;
    font-weight: 500;
    opacity: 1;
}

.plan-block.vg-benifit-bg {
    background-image: url(/docs/default-source/assets/freshlook/images/benifit-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 272px;
    display: inline-block;
    padding: 0;
}
/*.plan-block.vg-benifit-bg:after{
    content: '';
    background-image: url(../images/benifit-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 409px;
    height: 272px;
    display: inline-block;
        position: absolute;
    right: 0;
    top: 0;
}*/

.garage-benefits {
    width: 65%;
    display: inline-block;
    padding: 2rem 0 2rem 3rem;
    float: left;
}

.garage-benefits h1 {
    font-size: 2.5rem;
    color: #282828;
    font-weight: bold;
    font-family: "muli";
    margin: 0;
}

.garage-benefits span {
    font-size: 1.4rem;
    color: #282828;
    font-weight: 700;
    opacity: 1;
}
.garage-benefits ul {
    display: inline-block;
    width: 100%;
    padding: 2rem 0 0;
}

.garage-benefits ul li {
    display: inline-block;
    width: 35%;
    margin-right: 2rem;
    font-size: 1.2rem;
    float: left;
    padding-bottom: 1rem;
    line-height: 20px;
    font-weight: 600;
    position: relative;
    padding-left: 1.3rem;
}
.garage-benefits ul li:before {
    content: "";
    background-image: url(/docs/default-source/assets/freshlook/images/arrow-ico.png);
    background-repeat: no-repeat;
    width: 8px;
    height: 8px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5px;
}
.garage-benefits ul li:nth-child(2) {
    width: 20%;
}

.garage-benefits ul li:nth-child(3) {
    width: 29%;
    margin-right: 0;
}
.garage-benefits ul li:last-child {
    padding-bottom: 1rem;
}
.garage-benefits p {
    width: 80%;
    color: #a1a3a2;
    font-size: 1.2rem;
}
/* car proposal details banner */

/*common error popup*/
.error-popup .content h2 {
    padding: 2rem 6rem;
    text-align: left;
    border-bottom: 1px solid #f1f1f1;
}
.error-popup p {
    font-size: 2rem;
    color: #5c5c5c;
    padding: 1rem 0;
    font-weight: 500;
}
.error-sh {
    padding: 2rem 0;
}
.error-popup h3 {
    font-weight: 500;
    padding: 1.5rem 0 0;
}
.error-popup p a {
    font-size: 1.8rem;
    color: #5c5c5c;
    text-decoration: none;
    font-weight: 500;
}
.error-details {
    /*display: none;*/
    width: 50%;
    padding: 1rem 0;
    border: 1px solid #f1f1f1;
    border-radius: 1rem;
    margin: 1rem auto;
}
/*common error popup*/

/*policy error block*/

#policy-mob-error .popup.light {
    width: 50%;
}
.policymob-error h2 {
    color: #000;
    font-size: 2rem;
    padding: 3rem 2rem;
    font-weight: 700;
}
.buttons-block {
    width: 100%;
    text-align: center;
    padding: 3rem 0;
}
.buttons-block .btn-orange {
    display: block;
    width: 68%;
    text-align: center;
    margin: 0 auto;
}
.buttons-block .link-blue {
    margin: 2rem 0 0;
}
/*policy error block*/

/*faayde ki baat*/

.renew-bg {
    background: #1a516a;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    padding: 2rem 1.5rem;
}

.faaydeki-baat {
    text-align: center;
    padding-bottom: 1rem;
}

.faaydeki-baat p {
    padding-top: 1rem;
    font-size: 1.4rem;
}
.faaydeki-baat img {
    max-width: 50%;
    width: 100%;
}
/*faayde ki baat*/

/*20/3/20*/

a.link-blue.link-trypm {
    margin-bottom: 3rem;
}
#errorpopup .popup.light {
    width: 50%;
}
/*20/3/20*/

/* nominee autocomplete */
.travel-block {
    width: 100%;
    background: #fff;
    display: inline-block;
    padding: 1rem 2rem;
    z-index: 999;
    position: absolute;
    border-radius: 0 0 10px 10px;
}

.travel-block h5 {
    font-size: 1.4rem;
    color: #282828;
}

ul.nominee-list {
    width: 100%;
    display: inline-block;
}

ul.nominee-list li span {
    display: inline-block;
    font-size: 1.3rem;
    color: #282828;
    /* margin-right: 2rem; */
    padding: 0.8rem 1rem;
}

ul.nominee-list li {
    border: 1px solid #bbbbbb;
    display: inline-block;
    margin-right: 1rem;
    padding: 0rem 2rem 0px 0px;
    margin-top: 1rem;
    border-radius: 10rem;
    position: relative;
    cursor: pointer;
}

.close-list {
    position: relative;
    right: -4px;
    top: 1px;
    width: 3rem;
    height: 3rem;
    z-index: 2;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: absolute;
    padding: 4px 10px;
}

.close-list:after,
.close-list:before {
    position: absolute;
    right: 15px;
    content: " ";
    height: 1rem;
    width: 0.1rem;
    background-color: #282828;
    top: 9px;
}

.close-list:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close-list:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

ul.nominee-list li.active-list {
    background: #fe6625;
    border: #fe6625;
    position: relative;
}

ul.nominee-list li.active-list span {
    color: #fff;
}

ul.nominee-list li.active-list .close-list:after,
ul.nominee-list li.active-list .close-list:before {
    background-color: #fff;
}
/* nominee autocomplete */

/**login OTP block **/
.emlOtp {
    display: none;
}

#otp-verify .popup.light {
    width: 52%;
}
.dark-form.otp-form-block {
    padding: 4rem 5rem;
    text-align: left;
}
.otp-form-block .otp-container {
    display: inline-block;
    position: relative;
    padding: 3rem 0 5rem;
    float: left;
}
.otp-form-block h3 {
    font-size: 1.8rem;
    font-weight: 600;
    padding-bottom: 2rem;
}

.otp-verification p {
    font-size: 1.6rem;
    font-weight: 500;
    color: #282828;
}
.email-contact-detail span {
    margin-right: 2rem;
    border-right: 1px solid #5a5a5a;
    padding-right: 2rem;
}
.email-contact-detail span:last-child {
    border: none;
}
.otpInner.otp-container h3 {
    font-size: 2rem;
    font-weight: 300;
}
.otpblock-buttons {
    padding: 3rem 0;
    font-weight: 500;
}
.otpblock-buttons span {
    padding: 0 5rem;
}
.otpblock-buttons span:before {
    content: "";
    width: 15px;
    height: 1px;
    display: inline-block;
    background: #282828;
    margin-right: 0.5rem;
    vertical-align: middle;
}
.otpblock-buttons span:after {
    content: "";
    width: 15px;
    height: 1px;
    display: inline-block;
    background: #282828;
    margin-left: 0.5rem;
    vertical-align: middle;
}
a.otp-login {
    border-bottom: 1px solid;
    text-decoration: none;
}
a.cont-guest {
    border-bottom: 1px solid;
    text-decoration: none;
}
.otp-form-block .otp-container .carotp-number-input {
    width: 55px;
    height: 45px;
    margin: auto;
    margin-right: 16px;
    margin-left: 4px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #d1d1d1;
    padding: 0;
    color: #282828;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 26px;
    text-shadow: none;
    box-shadow: none;
    text-align: center;
    background-color: transparent;
    line-height: 0;
    border-radius: 0;
    border-image-width: 0;
    font-weight: 500;
    /*font-family: 'Muli';*/
    outline: none;
}

.otpInner.otp-container a {
    display: inline-block;
    text-align: right;
}
.otp-form-block a.resend-otp {
    font-size: 1.2rem;
    color: #282828;
    text-decoration: underline;
}
.otp-form-block .btn-disable {
    background: #ececec;
    color: #fff;
}
.otp-form-block .otpInner.otp-container a.resend-otp:before {
    content: "";
    width: 19px;
    height: 17px;
    background-image: url(/docs/default-source/assets/freshlook/images/resend-ico1.png);
    background-repeat: no-repeat;
    display: inline-block;
    padding-right: 2.5rem;
    vertical-align: middle;
}
.email-contact-detail {
    padding: 1rem 0 0;
}
.login-details {
    display: none;
    width: 100%;
}
span#UpdatePanelloginComError {
    position: relative;
    clear: both;
    bottom: 20px;
    color: #ff0000;
}
.otp-form-block .input-block {
    width: 45%;
    display: inline-block;
    float: left;
    margin-right: 5rem;
    margin-top: 2rem;
}

.login-details .input-block:nth-child(3) {
    margin-right: 0;
}
.dark-form .ripple-bar:after {
    background: #7795a3;
}
a.forgot-pass {
    font-size: 1.2rem;
    text-align: right;
    display: inline-block;
    padding: 1rem 0 0;
    float: right;
    border-bottom: 1px solid;
    text-decoration: none;
}
.resetpassword-mesg p {
    font-size: 1.6rem;
}

.resetpassword-mesg span {
    font-size: 1.6rem;
    font-weight: 600;
}
.reset-password {
    display: none;
    width: 100%;
}
.reset-password .input-block:nth-child(4) {
    margin-right: 0;
}
.reset-password h3 {
    padding: 0;
}

.reset-password p {
    font-weight: 600;
    padding-bottom: 3rem;
}
.ui-widget-content {
    height: auto;
}
img.ui-datepicker-trigger {
    position: absolute;
    right: 0;
    top: 10px;
}
.resetpassword-mesg {
    display: none;
}
.otpblock-buttons.ab-position {
    position: absolute;
    right: 60px;
    bottom: 35px;
}
#otp-verify span.ui-error {
    display: none;
}
/**login OTP block **/

/*whatsApp block*/
.check-feild.whatsapp-pref span {
    font-size: 1.3rem;
    color: rgba(255, 255, 255, 0.5);
    padding-left: 3rem;
}

.check-feild.whatsapp-pref span a {
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}
/*whatsApp block*/

/*chassis caps*/
#renew-chassis {
    text-transform: uppercase;
}
#chassis-no {
    text-transform: uppercase;
}
/*chassis caps*/

/*43task plan page changes*/

.policytyp-block {
    padding: 0 0 0.3rem 3rem;
    border-radius: 10px;
}
.policy-dropdown {
    border-radius: 10px;
}
.idv-amount {
    background: #124574;
    border-radius: 10px;
    padding: 1rem 1rem;
}
.bg-blue .idv-amount span.tooltip-ui,
.bg-blue .idv-amount span.tooltip-ui:before {
    color: #fff;
    font-size: 1rem;
    margin-left: 0;
    vertical-align: text-top;
    margin-right: 1rem;
}
.idv-amount span {
    font-size: 1.6rem;
}
.idv-amount {
    margin-top: 0.3rem;
}
.idv-amount span.tooltip-text {
    right: -10px;
    left: auto;
    width: 200px;
}
.idv-amount span.tooltip-text:after {
    top: -19px;
    left: inherit;
    right: 8px;
}
.compare-plans {
    display: block;
    text-align: right;
    padding-bottom: 1rem;
}

.compare-plans a.btn-small {
    border: 1px solid #fff;
    color: #fff;
    font-size: 1.3rem;
    cursor: pointer;
}
.plan-comparison-block table thead tr th span {
    color: #fff;
}
/*table block*/

.plan-comparison-block table {
    width: 100%;
    text-align: left;
    margin: 0 0;
    font-size: 1.6rem;
}

.plan-comparison-block table thead tr th {
    padding: 2rem 2rem;
}

.plan-comparison-block table tbody tr td {
    padding: 1rem 2rem;
}

.plan-comparison-block table {
    width: 100%;
    text-align: left;
    margin: 2rem 0;
    font-size: 1.6rem;
    border: 1px solid #e8e8e8;
    border-radius: 14px;
    display: inline-block;
}

.plan-comparison-block table thead {
    width: 100%;
    display: block;
    background: #02b5bc;
    border-radius: 10px 10px 0 0;
}

.plan-comparison-block table thead tr {
    width: 100%;
    display: inline-table;
}

.plan-comparison-block table thead tr th {
    padding: 2rem 2rem;
    font-weight: normal;
    text-align: center;
    width: 21%;
    float: left;
    color: #fff;
    text-align: left;
}

.plan-comparison-block table thead tr th:last-child {
    border-right: none;
}

.plan-comparison-block table tbody tr td {
    padding: 2rem 1.5rem;
    text-align: center;
    width: 35%;
    float: left;
    text-align: left;
    position: relative;
}

.plan-comparison-block table tbody tr td:nth-child(2) {
    width: 25%;
    text-align: center;
}

.plan-comparison-block table tbody tr td:nth-child(3) {
    width: 25%;
    text-align: center;
}

.plan-comparison-block table tbody tr td:last-child {
    width: 25%;
    border-right: none;
    text-align: center;
}

.plan-comparison-block table tbody tr:last-child {
    border-bottom: none;
}

.plan-comparison-block table tbody tr {
    border-bottom: 1px solid #e8e8e8;
    width: 100%;
    display: inline-table;
}
.plan-comparison-block .check-ico {
    position: relative;
}
.plan-comparison-block .check-ico:after {
    content: "";
    display: inline-block;
    width: 11px;
    height: 20px;
    border: solid #00c588;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(38deg);
    -ms-transform: rotate(38deg);
    transform: rotate(38deg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.plan-comparison-block.checkBoxsmall .check-feild {
    padding: 0;
    top: -5px;
    left: 7px;
}
.plan-comparison-block .input-check + label:before {
    content: "+";
    margin-right: 0;
    display: inline-block;
    vertical-align: inherit;
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid #282828;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 15px;
    font-weight: 500;
    font-size: 2.3rem;
}
.dark-form .plan-comparison-block.checkBoxsmall .input-check:checked + label:after {
    width: 7px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    bottom: 6px;
    left: 7px;
}
.dark-form .plan-comparison-block.checkBoxsmall .input-check + label {
    overflow: hidden;
}
.plan-comparison-block.checkBoxsmall .input-check:checked + label:before {
    content: "";
}
.plan-comparison-block span.js-add-ppcover {
    font-size: 1.1rem;
    padding: 0.3rem 0 0;
    color: #282828;
    font-weight: 600;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -16px;
}

.plan-comparison-block table thead tr th:first-child {
    width: 45%;
}
.plan-comparison-block table thead tr th:nth-child(2) {
    width: 18%;
    padding-left: 3rem;
}
.plan-comparison-block table thead tr th:nth-child(3) {
    width: 18%;
    padding-left: 4rem;
}
.plan-comparison-block table thead tr th:last-child {
    width: 18%;
    padding-left: 2rem;
}

.plan-comparison-block table tbody tr td:first-child {
    width: 42%;
}
.plan-comparison-block table tbody tr td:nth-child(2) {
    width: 18%;
}
.plan-comparison-block table tbody tr td:nth-child(3) {
    width: 18%;
}
.plan-comparison-block table tbody tr td:last-child {
    width: 18%;
}

.plan-comparison-block table tbody tr.gray-bg {
    background-color: #f9f9f9;
}
#plan-comparison p {
    font-size: 1.8rem;
    font-weight: 400;
}
.dark-form .plan-comparison-block.checkBoxsmall .input-check + label:before {
    width: 2.2rem;
    height: 2.2rem;
}
.plan-comparison-block .close-ico {
    position: absolute;
    right: 0;
    top: 15px;
    left: 0;
    width: 2rem;
    height: 2rem;
    z-index: 2;
    text-align: center;
    margin: 0 auto;
}
.plan-comparison-block .close-ico:after,
.plan-comparison-block .close-ico:before {
    position: absolute;
    left: 1.5rem;
    right: 0;
    content: " ";
    height: 2.5rem;
    width: 0.2rem;
    background-color: #ff3a37;
}
.plan-comparison-block .close-ico:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.plan-comparison-block .close-ico:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.first-plan {
    opacity: 0.4;
    pointer-events: none;
}
.third-plan {
    opacity: 0.4;
    pointer-events: none;
}
/*table block*/
a.more-covers {
    display: inline-block;
    color: #fe6625;
    font-size: 1.2rem;
    text-decoration: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 3rem;
    bottom: 6px;
}

a.more-covers span {
    display: inline-block;
    margin: 0;
}

span.cover-no {
    color: #fe6625;
}
.addons-detail .addon-list li.more-li {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 100%;
}
.addons-detail .addon-list li.more-li:after {
    content: "";
}
.addons-detail .addon-list {
    position: relative;
}
.paraHide {
    display: none;
}

.covers-blocks {
    padding: 1rem 0 0;
    display: inline-block;
    width: 100%;
}

a.viewMorep {
    color: #282828;
    text-decoration: none;
    position: relative;
    display: inline-block;
}

a.viewMorep:after {
    border-color: #282828;
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: "";
    display: inline-block;
    height: 8px;
    width: 8px;
    vertical-align: text-top;
    transform: rotate(133deg);
    box-sizing: inherit;
    position: absolute;
    right: -15px;
    bottom: 6px;
    transition: all 0.15s cubic-bezier(1, -0.115, 0.975, 0.855);
    transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
}

a.viewMorep.closeH:after {
    transform: rotate(315deg);
    height: 8px;
    width: 8px;
    bottom: 3px;
}

#addonCovers .covers-blocks span.paraHide h3 {
    font-size: 1.4rem;
    margin: 0;
    padding: 1rem 0;
    font-weight: 700;
    display: block;
}
span.paraHide {
    display: none;
}

span.paraHide ul li {
    font-size: 1.3rem;
    font-weight: 500;
}

span.paraHide ul.list-details li {
    list-style-type: decimal;
    margin-left: 1.5rem;
    padding-bottom: 0.5rem;
}
ul.policy-doc-list {
    width: 100%;
    display: inline-block;
    padding: 3rem 0 1rem;
}

ul.policy-doc-list li {
    display: inline-block;
    padding: 0 3rem;
    border-right: 1px solid;
}

ul.policy-doc-list li:last-child {
    border: none;
}

ul.policy-doc-list li a {
    text-decoration: none;
    color: #282828;
}

.faqs-mainblock {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 3rem 10rem;
}

.faqs-list {
    width: 100%;
    margin: 0;
}

.faqs-list h2 {
    font-size: 1.8rem;
    text-align: left;
    font-weight: 500;
    border-top: 1px solid #eeeeee;
    padding: 2rem 0;
    margin: 0;
    position: relative;
}

.faqs-block {
    display: none;
    text-align: left;
    padding: 0 0 3rem;
    font-size: 1.5rem;
}
h2.active-faqs:after {
    content: "";
    position: absolute;
    top: 23px;
    right: 0;
    border: solid #282828;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    vertical-align: top;
    transform: rotate(-136deg);
    -webkit-transform: rotate(-136deg);
    transition: 0.6s;
}

h2.close-faqs:after {
    content: "";
    position: absolute;
    top: 23px;
    right: 0;
    border: solid #282828;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    vertical-align: top;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: 0.6s;
}
.border-blue {
    border-bottom: 1px solid #01b4bb;
}
.pawaiver-block .vehicle-policycover .rec-text {
    width: 90%;
}
/*43task plan page changes*/

/*zd popup*/

.zd-block {
    width: 100%;
    padding: 3rem 4rem;
    display: inline-block;
    text-align: left;
    position: relative;
    padding-left: 35%;
}

.zd-block h1 {
    font-weight: 900;
    color: #282828;
}

.zd-block p {
    font-size: 1.8rem;
}

.zd-block ul.drv-exp li {
    color: #282828;
    width: 50%;
    float: left;
}

#zd-depreciation .popup.light {
    max-width: 735px;
}

.zd-block ul.drv-exp li:first-child:before {
    content: "";
    background: url(/docs/default-source/assets/freshlook/images/drv-in1.png) no-repeat;
    display: inline-block;
    height: 2.9rem;
    width: 3rem;
    position: absolute;
    left: 0;
    top: 0.3rem;
}

.zd-block ul.drv-exp li:nth-child(2):before {
    content: "";
    background: url(/docs/default-source/assets/freshlook/images/health-ind1.png);
    display: inline-block;
    height: 2rem;
    width: 3.3rem;
    position: absolute;
    left: 0;
    top: 0.8rem;
}

.zd-block ul.drv-exp li:nth-child(3):before {
    content: "";
    background: url(/docs/default-source/assets/freshlook/images/emrg-contact1.png);
    display: inline-block;
    height: 3.1rem;
    width: 2.9rem;
    position: absolute;
    left: 0;
    top: 0.3rem;
}

.zd-block ul.drv-exp li:last-child:before {
    content: "";
    background: url(/docs/default-source/assets/freshlook/images/sharing-app1.png);
    display: inline-block;
    height: 3.2rem;
    width: 2.7rem;
    position: absolute;
    left: 0;
    top: 0.6rem;
}
.zd-block:before {
    content: "";
    background: url(/docs/default-source/assets/freshlook/images/zd-car-img.png) no-repeat;
    display: inline-block;
    height: 28.5rem;
    width: 21rem;
    position: absolute;
    left: 0;
}
.zd-block .amount {
    text-align: right;
}
/*zd popup*/

/*vehicle insp*/
.vehicle-policycover .rec-text span:first-child {
    color: #282828;
    font-size: 1.4rem;
    padding: 0;
}
/*vehicle insp*/

/************************************************** Car landing latest UI changes **************************************************/
#btnwhatapp {
    display: none;
}
.car-get-quote .get-quote-wrap {
    margin: 0;
}
.car-banner-textblock {
    display: inline-block;
    width: 100%;
    padding: 5rem 6rem;
    margin: 0 auto;
}

.car-banner-textblock h1 {
    font-size: 4.5rem;
    font-weight: 500;
}

.car-banner-textblock h1 span {
    display: block;
    font-size: 4.5rem;
    font-weight: 200;
}

ul.car-banner-list {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    padding: 2rem 0 0;
}

ul.car-banner-list li {
    font-size: 2.5rem;
    color: #fff;
    font-weight: 200;
    padding-bottom: 2rem;
}

ul.car-banner-list li img {
    margin-right: 1rem;
    vertical-align: middle;
    text-align: left;
}
a.renewal-link {
    background: #004a80;
    border-radius: 8px;
    padding: 1rem 1rem;
    font-size: 1.3rem;
    text-decoration: none;
    width: 100%;
    max-width: 22rem;
    display: inline-block;
    vertical-align: top;
    margin-left: 2rem;
}

a.renewal-link img {
    margin-right: 1rem;
    vertical-align: baseline;
}

a.renewal-link:hover {
    color: #fff;
}

.submit-btn a.renewal-link span {
    display: inline-block;
    font-size: 1.3rem;
    width: 80%;
}
.bg-blue .re-quote {
    margin-top: 2rem;
}
.custloveContnt {
    font-size: 3rem;
    font-weight: 300;
    color: #f26624;
    text-align: center;
    padding-bottom: 1rem;
}
.custloveWrapp .card-block p {
    color: #282828;
    font-size: 1.5rem;
}
.custloveWrapp .subTitle {
    color: #282828;
}
.card-wrap.block-3 .card-block span {
    color: #282828;
    font-size: 1.5rem;
    line-height: 2.5rem;
}
.fw-content-block img {
    display: inline-block;
    vertical-align: top;
}

.fw-policy-block {
    display: inline-block;
    width: 60%;
    padding-left: 5rem;
    text-align: left;
}

.fw-policy-block h1 {
    padding: 2rem 0 1rem;
    font-size: 3.5rem;
}

.fw-policy-block .subTitle {
    line-height: 3rem;
    font-size: 1.7rem;
    color: #282828;
}
.fw-insurance-policy h2 {
    padding-bottom: 1rem;
}

.fw-insurance-policy .subTitle {
    width: 70%;
    display: inline-block;
}

.subTitle {
    color: #282828;
}
.fw-insurance-policy .card-block em {
    position: absolute;
    left: 0;
    font-style: normal;
    color: #f26624;
    font-size: 4.5rem;
    top: -12px;
}

.fw-insurance-policy .card-block {
    padding-left: 4rem;
    padding-right: 1rem;
}

.fw-insurance-policy .card-wrap.block-3 .card-block.card-text span {
    padding-right: 0;
}

.fw-insurance-policy .card-block.card-text p,
.fw-insurance-policy .card-text p {
    margin-bottom: 0;
    padding-bottom: 1rem;
}
.car-ins-onlinepolicies .card-wrap.block-3 .card-block.card-text span {
    padding-right: 0;
}

.car-ins-onlinepolicies .card-wrap .card-block {
    padding: 0 1rem 1rem;
}

.car-ins-onlinepolicies .card-block.card-text p,
.car-ins-onlinepolicies .card-text p {
    margin-bottom: 0;
    padding-bottom: 1rem;
}
.online-left-right img {
    display: inline-block;
    vertical-align: baseline;
}

.online-ins-block {
    display: inline-block;
    width: 55%;
    padding-left: 5rem;
    text-align: left;
}
.online-ins-block .subTitle {
    padding-bottom: 1.5rem;
    display: block;
}
.online-left-right {
    padding: 5rem 0;
}

.online-ins-block h2 {
    font-size: 3.5rem;
    padding-bottom: 1rem;
}

.online-ins-block p {
    font-size: 1.7rem;
    line-height: 3rem;
    padding-bottom: 2rem;
    padding-top: 1rem;
}

.online-ins-block p:last-child {
    padding-bottom: 0;
}

.online-ins-block small {
    font-size: 1.2rem;
    color: #6c6c6c;
}
.online-ins-block p a {
    font-size: 1.7rem;
}
p.inclusivpara {
    width: 70%;
    text-align: center;
    margin: 0 auto;
    padding: 2rem 0;
    font-size: 1.5rem;
    line-height: 25px;
}
p.inclusivpara {
    width: 70%;
    text-align: center;
    margin: 0 auto;
    padding: 2rem 0;
    font-size: 1.5rem;
    line-height: 25px;
}

.policy-wrd-block {
    clear: both;
    display: inline-block;
    width: 100%;
    margin: 2rem 0 0;
    border-top: 1px solid #dcd8d8;
    padding: 2rem 0 0;
}

.policy-wrd-block p {
    display: inline-block;
    font-size: 1.7rem;
    font-weight: 500;
    color: #434343;
}

.policy-wrd-block a {
    color: #282828;
    font-size: 1.7rem;
    text-decoration: none;
    border-bottom: 1px solid #282828;
}

.policy-wrd-block a:hover {
    color: #282828;
}

p.dis-para {
    padding: 1rem 0 0;
    display: block;
    font-size: 1.3rem;
}
.plan-block-landing .card-block em {
    color: #f4824c;
}
.loss-pbc {
    padding-bottom: 3rem;
}
.card-wrap.block-3 .card-block.card-text span {
    padding-right: 0;
}
.policy-wording {
    display: inline-block;
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-left: 4rem;
}
.loss-pbc {
    padding-bottom: 3rem;
}

.policy-wording p {
    color: #6c6c6c;
    font-size: 1.3rem;
}

.policy-wording p a {
    font-size: 1.3rem;
    color: #6c6c6c;
    text-decoration: none;
    border-bottom: 1px solid #b1b1b1;
    font-weight: 600;
}

.idv-block img {
    display: inline-block;
    vertical-align: top;
}

.idv-text-block {
    display: inline-block;
    width: 60%;
    padding-left: 5rem;
    text-align: left;
}

.idv-block {
    padding: 6rem 0;
}

.idv-text-block h2 {
    font-size: 3.5rem;
    padding-bottom: 1rem;
}

.idv-text-block p {
    font-size: 1.7rem;
    padding-bottom: 1rem;
    line-height: 3rem;
}
.claim-blocks li.active {
    background: #004a80;
}
.tableWrapp {
    border-collapse: collapse;
    text-align: center;
    width: 70%;
    border-radius: 10px;
    overflow: hidden;
    margin: 5rem auto;
}
.tableWrapp td,
.tableWrapp th {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 1.2rem 2rem;
    font-size: 1.5rem;
}
.tableWrapp td:first-child {
    text-align: left;
}
.tableWrapp tr:nth-child(odd) {
    background-color: #f5f6f6;
}
.tableWrapp th {
    text-align: left;
    background-color: #dddccb;
    font-size: 1.5rem;
    color: #000;
    padding: 2rem 3rem;
    border-right: 1px solid #ece9e9;
}
.tableWrapp tr:last-child {
    border-bottom: 1px solid #ddd;
}
.garage-search .search-item .icon-map {
    color: #f26624;
}
.garage-search h2 {
    text-align: left;
    margin-bottom: 4rem;
}
.garage-search p {
    text-align: left;
    padding: 0;
}
.garage-search h3 {
    text-align: left;
    font-weight: bold;
    font-size: 3rem;
    padding: 0;
}
.garage-search .search-item {
    width: 40rem;
}
.garage-search .search-item input {
    min-width: 290px;
}
.networkGarages small {
    font-size: 1.3rem;
    color: #8097ac;
    text-align: left;
    display: block;
    position: relative;
    top: 7rem;
}
.common-que-tabs .tab-head {
    width: 70%;
    border-bottom: 2px solid #eeeff1;
    padding-top: 2rem;
    position: relative;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
}
.common-que-tabs .tab-content-body {
    position: relative;
    width: 70%;
    display: inline-block;
    margin: 0 auto;
}
.common-que-tabs .tab-head li {
    min-width: 16.8rem;
    float: left;
    text-align: center;
    font-size: 1.7rem;
}
.footer_bg_f9fafc .il-footer.new_footer {
    background: #ece9e9;
}
.new_footer .gcFootText p {
    color: #201d1d;
}
.mobAfterlogin span,
.detach-lastLogin span,
.new_footer .ftAdrsLine p {
    color: #201d1d;
}
.footerContainer {
    padding: 50px 0 20px;
}
.new_footer .lower-footer .addressBlockRight {
    padding-left: 0;
}
.common-que-tabs .card-text {
    padding: 4rem 0 0;
}
.common-que-tabs {
    overflow: hidden;
}
.common-que-tabs .common-block {
    display: inline-block;
    width: 100%;
    margin-bottom: 2rem;
}

.common-que-tabs .common-block h4 {
    font-size: 1.7rem;
    text-align: left;
    font-weight: 600;
}

.common-que-tabs .common-block p {
    font-size: 1.7rem;
    font-weight: 300;
    padding: 1rem 0;
    line-height: 3rem;
    padding-bottom: 0;
}

ul.common-tab-list {
    display: inline-block;
    text-align: left;
    width: 100%;
    padding-bottom: 2rem;
}

ul.common-tab-list li {
    font-size: 1.7rem;
    font-weight: 300;
    padding-bottom: 1rem;
    display: inline-block;
    width: 46%;
    float: left;
    position: relative;
    padding-left: 3rem;
    margin-right: 3rem;
    color: #282828;
}

.common-que-tabs .common-block p.small-txt {
    font-size: 1.4rem;
    padding: 0;
    line-height: inherit;
}
.common-block small {
    text-align: left;
    display: block;
    font-size: 1.3rem;
}
ul.common-tab-list li:before {
    content: "";
    display: inline-block;
    background-image: url(/docs/default-source/assets/cyber-insurance/images/right-arrow.svg);
    background-repeat: no-repeat;
    width: 13px;
    height: 9px;
    position: absolute;
    left: 0;
    top: 6px;
}
ul.list-new {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
}

ul.list-new li {
    text-align: left;
    font-size: 1.7rem;
    padding-bottom: 1rem;
    font-weight: 300;
    position: relative;
    padding-left: 3rem;
    display: inline-block;
    width: 46%;
    float: left;
}
ul.list-new li:before {
    content: "";
    display: inline-block;
    background-image: url(/docs/default-source/assets/cyber-insurance/images/right-arrow.svg);
    background-repeat: no-repeat;
    width: 13px;
    height: 9px;
    position: absolute;
    left: 0;
    top: 6px;
}

.owl-prev.disabled,
.owl-next.disabled {
    opacity: 0.4;
    cursor: default !important;
}
.owl-theme .owl-dots .owl-dot span {
    background: #ccc;
}
.owl-theme .owl-dots .owl-dot.active span {
    background: #f58220;
    width: 25px;
    margin: 5px 0px;
}
.owl-theme .owl-dots .owl-dot span {
    background: #eaeaea;
}
.reviews-block .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: 15rem;
    font-size: 0;
    border: 1px solid #adadad;
    height: 5rem;
    width: 5rem;
    border-radius: 50px;
    cursor: pointer;
    margin-left: 0;
}

.reviews-block .owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 15rem;
    font-size: 0;
    border: 1px solid #adadad;
    height: 5rem;
    width: 5rem;
    border-radius: 50px;
    cursor: pointer;
    margin-right: 0;
}

.reviews-block .owl-nav .owl-prev:before {
    border-color: #282828;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    vertical-align: text-top;
    transform: rotate(228deg);
    box-sizing: inherit;
    margin: 0;
    position: absolute;
    left: 21px;
    top: 18px;
}

.reviews-block .owl-nav .owl-next:before {
    border-color: #282828;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    vertical-align: text-top;
    transform: rotate(47deg);
    box-sizing: inherit;
    margin: 0;
    position: absolute;
    left: 18px;
    top: 19px;
}

.reviews-block .item {
    text-align: center;
    margin: 2rem 0;
}
.reviews-block {
    padding: 5rem 0;
}

.reviews-rating-content {
    display: inline-block;
    text-align: left;
    margin: 0 auto;
    width: 100%;
    max-width: 432px;
    direction: ltr;
}

.rating-topbar {
    margin: 0 auto;
}

.rating-topbar h3 {
    text-align: left;
    font-size: 1.7rem;
    color: #282828;
    font-weight: 500;
    border-right: 2px solid #b2b2b2;
    padding-right: 1rem;
    display: inline-block;
}

.reviews-rating-content p {
    font-size: 1.7rem;
    line-height: 3rem;
}

.rating-fl {
    display: inline-block;
    width: 45%;
    margin-left: 1rem;
}

span.star-fill {
    background-image: url(/docs/default-source/assets/freshlook/images/star-yellow-fw.svg);
    background-repeat: no-repeat;
    width: 14px;
    height: 12px;
    display: inline-block;
}
span.star-gray {
    background-image: url(/docs/default-source/assets/freshlook/images/star-gray-fw.svg);
    background-repeat: no-repeat;
    width: 14px;
    height: 12px;
    display: inline-block;
}

.rating-fl span {
    margin-right: 0.5rem;
}
.rating-topbar:after {
    content: "";
    background-image: url(/docs/default-source/assets/freshlook/images/review-q-ico8c0002ff45fd68ff8a0df0055e005591.svg);
    background-repeat: no-repeat;
    width: 4.9rem;
    height: 4.2rem;
    display: inline-block;
    position: absolute;
    top: 0;
}
.breadcrumb-main-block {
    width: 100%;
    padding: 2rem 0;
    border-top: 1px solid #ece9e9;
}

ul.breadcrumbs {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
}

ul.breadcrumbs li {
    display: inline-block;
}

ul.breadcrumbs li a {
    color: #282828;
    padding-right: 1.5rem;
    text-decoration: none;
    font-weight: 600;
}

ul.breadcrumbs li.active a {
    color: #6c6c6c;
    opacity: 0.8;
}

ul.breadcrumbs li a:after {
    border: solid #282828;
    border-width: 0 1.2px 1.2px 0;
    display: inline-block;
    padding: 3px;
    vertical-align: top;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    content: "";
    margin-top: 6px;
    margin-left: 10px;
}

ul.breadcrumbs li:last-child a:after {
    display: none;
}
.get-quote-wrap .input-check + label:before {
    border: none;
    background: #004a80;
}
.car-get-quote .get-quote-wrap .input-block {
    max-width: 100%;
}
.tab-head li {
    font-size: 1.7rem;
}
.input-block .note a {
    color: #fbbe5e;
}
.input-block .note a:hover {
    text-decoration: underline;
}
.car-get-quote .input-check + label {
    font-weight: 300;
}
.bg-blue .re-quote {
    font-weight: 500;
}
#newflowtp p {
    font-size: 1.7rem;
    padding: 3rem 0 0;
}
#newflowtp p a {
    font-size: 1.7rem;
}
#newflowtp .popup {
    width: 50%;
}

.get-quote-wrap a.btn-primary {
    padding: 1.8rem 3rem;
}
ul.common-tab-list.ext-tab-list {
    display: inline-block;
    float: left;
    width: 50%;
    margin: 2rem 0;
}

ul.common-tab-list.ext-tab-list li {
    width: 100%;
}
.head-line {
    display: inline-block;
    color: #fff;
    font-size: 4.5rem;
}

.head-line span {
    display: block;
    font-size: 4.5rem;
    font-weight: 200;
}
/************************************************** Car landing latest UI changes **************************************************/

/**************************************************media screen start**************************************************/

@media (max-width: 1360px) {
    .buttons-block .btn-orange {
        width: 85%;
    }
    .garage-benefits {
        width: 90%;
    }
    .renewal-screen span.proposal-nosp {
        font-size: 1.6rem;
    }
    span.videodemo {
        position: relative;
        right: 0;
        top: 10px;
        left: 44px;
    }
    .car-inspection-accord .radio {
        padding: 2rem 1rem;
    }

    .policy-dropdown span:nth-child(2) {
        width: 72px;
    }
    .policy-dropdown {
        width: 100%;
    }
    .idv-amount {
        padding: 2rem 0.5rem;
    }
    a.more-covers {
        right: 2rem;
    }
    .plan-block.active {
        padding: 2rem 2rem;
    }
    .coverage {
        width: 14%;
    }
    .plan-block {
        padding: 3rem 2rem 3rem 2rem;
    }
    .policytyp-block {
        padding: 0 0 1.5rem 0.5rem;
    }
    .plan-block .amount-plan .amt-detail span strong {
        font-size: 2.6rem;
    }
    .plan-block .amount-plan {
        bottom: 18%;
    }
    .idv-amount span {
        font-size: 1.5rem;
        padding-right: 0.5rem;
    }
    .policy-dropdown a {
        margin-left: 1rem;
        font-size: 1rem;
    }
    span.down-list {
        font-size: 1.2rem;
        padding-left: 0;
    }
    span.p-type {
        font-size: 1rem;
    }
    .plan-page .plan-detail-wrap h1 {
        font-size: 2rem;
    }
    .idv-amount a.btn-small {
        font-size: 1.1rem;
    }
    .insured-form .vs--single .vs__selected {
        max-width: 25rem;
    }
    .mainWrapper.paymntWrap .input-block label {
        font-size: 1.4rem;
    }
    .dark-form .input-block.height-wid label {
        font-size: 1.4rem;
    }
    .insure-formblock .chi-radio-block.hip-block h3 {
        font-size: 1.6rem;
    }
    .dark-form .input-block.chiaddress-block label {
        font-size: 1.6rem;
    }
    .v-select .selected-tag {
        font-size: 1.6rem;
    }
    .total-amt .rightValue {
        font-size: 2.2rem;
    }
    .chi-insured-box .cashless-hospitals {
        padding: 1.5rem 1rem;
    }
    .chi-insured-box .text-cashless span:first-child {
        font-size: 1.3rem;
    }
    .chi-insured-box .text-cashless {
        padding-left: 1rem;
    }
    .total-amt p {
        font-size: 1.5rem;
    }
    .chi-details h3 {
        padding-right: 0;
        font-size: 2.6rem;
    }
    .cashless-hospitals {
        padding: 1rem 1rem;
    }
    .chi-plan-page .amount-plan {
        width: 55%;
    }
    .input-check + label:before {
        width: 2rem;
        height: 2rem;
        margin-right: 0.5rem;
    }
    .ppcover-area .input-check + label:before {
        width: 2.2rem;
        height: 2.2rem;
    }
    .plancovers-block {
        padding: 1rem 1rem;
    }
    .chi-dth .addons-detail .addon-list {
        max-width: 100%;
    }
    .chi-dth .plan-block {
        padding: 3rem 1rem 2rem 1rem;
    }
    .chi-details {
        width: 100%;
    }
    .ratingform-block .rating-inp {
        width: 100%;
        max-width: 100%;
    }
    .chi-policydetails .policy-duration {
        width: 36%;
    }
    .addons-box .plan-block {
        padding: 3rem 1rem 2rem 1rem;
    }
    .ncb-box .ncb-text {
        padding-left: 0;
    }
    .addons-box .cover-block h3 span {
        padding-left: 0;
    }
    .addons-box .add-onblock.addons-marg {
        padding-left: 1rem;
    }
    .plan-detail-wrap .insured-form .sm-input.dob-imp {
        margin-left: 0;
        width: 28%;
    }
    .insmob-img img {
        max-width: 100%;
    }
    .rating-n li {
        margin: 0 3%;
    }
    .rating-n li:after {
        width: 37px;
    }
    .insured-form .input-block {
        width: 48%;
    }
    .input-block label {
        font-size: 1.5rem;
    }
    .input-block.focus label {
        font-size: 1.4rem;
    }
    .insured-form .check-block {
        width: 48%;
    }
    .insured-form .check-block h3 {
        font-size: 1.3rem;
    }
    .payment-page h1,
    h3 {
        font-size: 3rem;
    }
    .get-quote-wrap {
        margin: 0 0 0 10%;
    }
    .claim-blocks li {
        margin-right: 5rem;
    }
    .dot {
        right: 100%;
    }
    .telematic img {
        max-width: 85%;
    }
    .car-detail-wrap {
        width: 100%;
    }
    /*.payment-page .car-detail-wrap{
width: 448px;
}*/
    .amount-plan .amt-detail span strong {
        font-size: 2.4rem;
    }
    .amount-plan {
        width: 37%;
    }
    .amount-plan .amt-detail {
        float: none;
        padding-right: 1rem;
    }
    .suminsured-block {
        padding: 1.3rem 2rem;
    }
    .suminsured-block figure {
        margin-right: 3rem;
    }
    .sum-prem-block .input-block {
        margin-right: 1.5rem;
        width: 62%;
    }
    .sum-prem-block {
        width: 35%;
    }
    .suminsured-block .ppcover-area {
        width: 50%;
    }
    .car-detail-wrap .checkBoxsmall .input-check + label {
        font-size: 1.2rem;
    }
    .floating-tooltip em {
        font-size: 1.2rem;
    }
    .renewal-screen h3 {
        font-size: 1.6rem;
    }
    span.conf-id,
    span.conf-id span {
        font-size: 1.6rem;
    }
    .pl-ins-block .mult-block,
    .pl-ins-block .hom-block {
        width: 100%;
        margin-bottom: 3rem;
    }
    .plan-block span.pl-sm-btn {
        font-size: 1.5rem;
    }
    .plan-detail-wrap .insured-form .sm-input.insured-block {
        width: 34%;
    }
    .buttons-block .btn-orange {
        width: 68%;
    }
    .buttons-block .btn-orange {
        width: 68%;
    }
}

@media (max-width: 1240px) {
    .mainWrapper.paymntWrap .plan-block {
        padding: 1.5rem;
    }
    .mainWrapper.paymntWrap .payment-tabs .tab-head li {
        font-size: 1.3rem;
        min-width: 7rem;
    }
    .mainWrapper.paymntWrap .payment-block .input-block.exp-date-block {
        width: 31%;
    }
}

@media (max-width: 1199px) {
    a.btn-primary.btn-white {
        padding: 1.6rem 4rem;
    }
    .payment-page .plan-detail-wrap {
        padding-left: 0;
    }
    .car-detail-wrap.car-wrap-center.nw-wid-wrap {
        width: 100%;
    }
    a.btn-primary {
        padding: 1.6rem 3rem;
    }
    .suminsured-block figure {
        margin-right: 3rem;
    }
    .suminsured-block {
        padding: 1.3rem 3rem;
    }
    .suminsured-block .ppcover-area {
        width: 50%;
    }
    .sum-prem-block {
        width: 32%;
    }
    /*.car-image{
display: none;
}*/
    /*.car-detail h3, .car-detail p{
display: none;
}*/
    .car-image img {
        width: auto;
        max-width: 100%;
    }
    .car-detail-wrap {
        width: 100%;
    }
    .break-up {
        border-top: none;
        width: 100%;
    }
    /*.break-up li{
display: inline;
}*/
    /*.break-up .rightValue{
float: none;
}*/
    .break-up.covers-block li {
        display: block;
    }
    .break-up.covers-block .rightValue {
        float: right;
    }
    /*  .idv-amount {
        padding: 0.5rem 0;
    }*/
    .side-panel {
        width: 90rem;
    }
    .side-panel-content {
        padding: 5rem 2rem;
    }
    .addons-detail h4 {
        font-size: 1.6rem;
    }
    .car-detail-wrap .checkBoxsmall .input-check + label {
        font-size: 1.2rem;
    }
    .floating-tooltip {
        margin-right: 0;
        margin-left: 0;
    }
    .ncb-box .ncb-text {
        display: inline-block;
        padding-left: 0;
    }
    /*.addons-box .addon-listbl {
    padding: 0;
}*/
    .addons-box .cover-block h3 {
        font-size: 1.4rem;
    }
    .addons-box .add-onblock.addons-marg {
        padding-left: 1rem;
    }
    .addons-box .cover-block h3 span {
        font-size: 1.2rem;
    }
    .amount-plan {
        width: 40%;
    }
}

@media (max-width: 1190px) and (min-width: 980px) {
    .mainWrapper.paymntWrap .payment-tabs .tab-head li {
        font-size: 1.5rem;
        min-width: 11.6rem;
    }
}

@media (max-width: 1110px) {
    #header .nav .rightAln {
        right: -580px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .physical-sur .input-block:nth-child(3),
    .physical-sur .input-block:nth-child(4) {
        margin-right: 3rem;
    }
    #addonCovers {
        padding: 0;
    }
    .text-left.blockDiv {
        width: 32%;
    }
    #addcovers .text-left .input-block.select-vu.ripple-bar.sm-input {
        width: 32%;
    }
    .addon-pa {
        padding: 3rem 2rem 0;
    }
    #addcovers .input-block.select-vu.ripple-bar.sm-input {
        margin-right: 5%;
    }
    .plancovers-block {
        padding: 1rem 1rem;
    }
    .insmob-img img {
        max-width: 100%;
    }
    .addons-area {
        padding: 3rem 1rem 0;
    }
    .totl-prem {
        padding: 2rem 2rem;
    }
    .addon-listbl {
        padding: 2rem 1rem;
    }
    .get-quote-wrap {
        margin: 0 2rem;
    }
    .cover-block h3 {
        padding-right: 0;
    }
    .add-onblock {
        padding: 2rem 1rem 4rem 0;
    }
    .cover-block h3 span {
        padding-left: 1rem;
    }
    .renew-box {
        margin: 12rem 0 0;
    }
    .zd-prepolicy .radioButtons {
        width: 50%;
    }
    .zd-prepolicy .input-block {
        margin-left: 2rem;
    }
    .zd-prepolicy p {
        padding-bottom: 0;
    }
    .garage-search .search-item {
        width: 100%;
        max-width: 50rem;
        margin: 0 auto;
    }
    h2 {
        font-size: 3rem;
    }
    .claim-blocks li {
        width: 10rem;
        height: 10rem;
        margin-right: 5rem;
    }
    .dot {
        right: 100%;
    }
    .claim-blocks li.active em {
        font-size: 2.8rem;
    }
    .claim-blocks li p {
        text-align: center;
        bottom: 1rem;
        font-size: 1.2rem;
    }
    .floaterImg {
        right: 50%;
    }
    .plan-block-landing .card-block span {
        padding-right: 0;
    }
    .card-wrap .card-block {
        padding: 0 1rem 2.5rem;
    }
    .commonpop-pad {
        padding: 2rem 3rem;
    }
    #addcovers.commonpop-pad {
        padding: 0 1rem;
    }
}

@media (min-width: 992px) {
    .otpblock-buttons.ab-position {
        right: 20px;
    }
    #header .mobLogo {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #header .mobHumberger,
    .m_liveChat,
    #header .mobWelBlock,
    .mobMenuWrapper .logouthere {
        display: none;
    }
    #header .nav ul.navBar > li:hover ul.menuBox,
    #header .nav ul.navBar > li:hover:after {
        opacity: 1;
        visibility: visible;
    }
    #header .nav ul.navBar > li:hover {
        background: #063b6d;
    }
    #header .nav ul.navBar ul.menuBox li a:hover {
        background: #063b6d;
        color: #fff;
    }
    #header .nav ul.menuBox,
    #header .nav ul.menuBox.otherdrMenu {
        display: block !important;
    }
    #header .nav ul.menuBox.otherdrMenu {
        height: auto !important;
        padding-top: 10px !important;
    }
    #header .mobMenuWrapper {
        opacity: 1;
    }
    /*#header .nav .navBar .menuBox li h4{pointer-events:none;}*/
    #header .nav .navBar .menuBox li ul.insuranceBlock {
        display: block !important;
        height: auto !important;
    }
}

@media (max-width: 991px) {
    .policy-document h2.pd-top {
        padding: 3rem 0 0;
    }
    .faq-section h2.pd-top {
        padding: 3rem 0 0;
    }
    .faqs-mainblock {
        padding: 3rem 0;
    }
    .faaydeki-baat img {
        max-width: 100%;
        width: 10rem;
        display: inline-block;
    }
    #policy-mob-error .popup.light {
        width: 90%;
    }
    a.js-backbtn {
        display: none;
    }

    /*sticky buttons*/
    .submit-btn.wid-auto1 {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 2rem 1rem;
        width: 100%;
        -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
        text-align: center;
        z-index: 2;
        background: #f7f6f6;
    }
    .pad-btm {
        padding-bottom: 4rem;
    }
    a.btn-primary.js-thatsc {
        /*    margin-right: 1rem;*/
        width: 52%;
        float: right;
    }
    .js-carDetailPanel a.btn-primary.btn-white.js-modify {
        padding: 2rem 3rem;
        width: 41%;
    }
    .js-carDetailPanel a.btn-primary.js-thatsc {
        padding: 2rem 3rem;
    }
    .idv-btn .btn-orange {
        width: 75%;
        padding: 2rem 3rem;
        font-size: 1.4rem;
        text-align: center;
    }
    .idv-btn {
        text-align: center;
    }
    #policy-types .commonpop-pad {
        padding-bottom: 5rem !important;
    }
    .wid-auto1 a.js-proc {
        width: 80%;
        text-align: center;
        padding: 2rem 3rem;
        font-size: 1.4rem;
    }
    .wid-auto1 a.js-subbtn {
        width: 80%;
        text-align: center;
        padding: 2rem 3rem;
        font-size: 1.4rem;
    }
    a.edit.js-carEdit {
        border: 1px solid #fff;
        color: #fff;
        padding: 1rem 1rem;
        border-radius: 2rem;
        letter-spacing: 0.5px;
    }
    /*sticky buttons*/

    .physical-sur .submit-btn {
        clear: both;
    }
    span.conf-id,
    span.conf-id span {
        width: 100%;
        text-align: left;
    }
    .proposal-page span.conf-id span {
        display: inline-block;
        width: auto;
        padding-left: 2rem;
    }
    .card-wrap.block-3 .card-block.card-text span {
        padding-right: 0;
    }
    .prop-left {
        width: 100%;
    }
    #addon .overlayN.active {
        overflow-x: hidden;
    }
    .overlayN,
    .overlay {
        background: #282828;
    }
    .covers-plan {
        margin-top: 0;
    }
    .garage-search .search-item input {
        min-width: 245px;
    }
    #addcovers.car-form-block .sm-input {
        width: 42%;
    }
    .text-left.blockDiv {
        width: 42%;
    }
    #addcovers .text-left .input-block.select-vu.ripple-bar.sm-input {
        width: 42%;
    }
    .js-planwrap {
        padding-top: 1rem;
    }
    .header .feedBack,
    .header .liveChat,
    #header .welProf h4,
    #header .welProf .headingh4 .mobAfterlogin,
    #header .nav .menuBox,
    #header .nav ul.navBar .menuBox.rightAln > li ul,
    #header .nav ul.navBar > li:after {
        display: none;
    }
    #header .nav .navBar .menuBox li h4 a,
    #header .nav .navBar .menuBox li .headingh4 a {
        display: none !important;
    }
    .header .il-headerTop {
        text-align: left;
        padding: 4px 0;
    }
    .header .lombardCall {
        top: 0;
    }
    #header .mobMenuWrapper {
        float: none;
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        height: 100%;
        background: #fff;
        z-index: 99999;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        opacity: 1;
    }
    .mobLogo {
        width: 178px;
        margin: auto;
        height: 34px;
    }
    #header .mainNvbg {
        padding: 12px 0;
    }
    #header .mobWelBlock {
        background: #e88c2b url(/images/default-source/HomeRevamp/mobnavbg.jpg) 0 bottom repeat-x;
        padding: 10px 16px;
        width: 100%;
        position: relative;
    }
    #header .menuClose {
        position: relative;
        width: 48px;
        height: 48px;
        position: absolute;
        right: 6px;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    #header .menuClose:before,
    #header .menuClose:after {
        content: "";
        position: absolute;
        left: 24px;
        top: 6px;
        width: 1.3px;
        height: 35px;
        background: #fff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #header .menuClose:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #header .mobWelBlock .welProf .menIco,
    #header .mobWelBlock .welProf .womIco,
    #header .mobWelBlock .welProf .guestIco {
        margin: 0;
        float: left;
        position: relative;
        display: none;
    }
    #header .mobWelBlock .welProf .guestIco,
    .mobBeforelogin {
        display: block;
    }
    .mobloginblock {
        padding: 0 10px;
        position: absolute;
        top: 50%;
        left: 87px;
        width: 62%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #header .mobWelBlock .welProf h5 {
        color: #fff;
        margin: 0 0 7px;
        font-weight: 300;
        font-size: 16px;
    }
    .mobloginblock .mobloginBt {
        text-transform: uppercase;
        display: inline-block;
        line-height: 21px;
        padding: 3px 15px;
        border: 0;
        border-radius: 20px;
        font-size: 14px;
        color: #e57200;
        background: #fff;
    }
    #header .welProf .mobAfterlogin h3 {
        margin: 0 0 3px;
        color: #fff;
        font-size: 20px;
        font-weight: normal;
    }
    #header .welProf .mobAfterlogin .editProf,
    #header .welProf .mobAfterlogin .editProf a {
        color: #fff;
    }
    #header .welProf .mobAfterlogin .editProf {
        text-transform: uppercase;
        font-size: 13px;
    }
    #header .welProf .mobAfterlogin .editProf a {
        text-decoration: underline;
    }
    #header .welProf .mobAfterlogin .editProf a.linkBtn {
        text-decoration: none !important;
    }
    .mobAfterlogin #LblUser {
        display: inline-block;
        display: -webkit-inline-flex;
        display: inline-flex;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 134px;
    }
    #header .nav ul.navBar > li {
        display: block;
        float: none;
        border-bottom: 1px solid #fff;
    }
    #header .nav ul.navBar > li:last-child {
        border-bottom: none;
    }
    #header .nav ul.navBar > li a {
        background: #f2f5f8;
        color: #063b6d;
        padding: 17px 16px;
    }
    #header .nav ul.navBar > li a span.dwnArrow {
        border-color: #063b6d;
        padding: 4px;
        position: absolute;
        right: 17px;
    }
    #header .nav .menuBox {
        opacity: 1;
        visibility: visible;
        border-bottom: none;
    }
    .mobAfterlogin .linkBtn {
        font-size: 14px;
        text-transform: uppercase;
        color: #e88c2b;
        font-weight: 500;
    }
    #header .logoutSec,
    .logouthere {
        padding: 15px 16px;
        /*border-bottom: 1px solid #e6ebef;*/
        float: left;
        width: 100%;
    }
    #header .logoutSec p,
    .detach-lastLogin {
        font-size: 11px;
        font-weight: 300;
    }
    #header .logoutSec p span {
        font-size: 15px;
    }
    #header .nav ul.navBar a.mobProduct span.dwnArrow {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #header .nav .menuBox.rightAln {
        width: 100%;
        left: 0;
        right: auto;
        margin-top: 1px;
        box-shadow: none;
    }
    #header .nav ul.navBar ul.otherdrMenu {
        width: 100%;
        padding-top: 0;
        position: relative;
        box-shadow: none;
    }
    #header .nav ul.navBar ul.otherdrMenu a {
        font-size: 13px;
        color: #333;
        background: #fff;
    }
    #header .nav .menuBox.rightAln {
        display: block !important;
        z-index: 99999;
    }
    #header .nav .menuBox.rightAln,
    #header .mobMenuWrapper {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    #header .nav .menuBox.rightAln,
    .menu-transition #header .mobMenuWrapper {
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
        transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    }
    #header .nav ._mPdtActive .menuBox.rightAln,
    .mobileMenu-open #header .mobMenuWrapper {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    #header .nav .navBar .menuBox li h4,
    #header .nav .navBar .menuBox li .headingh4 {
        background: #f2f5f8;
        margin-top: 0;
        padding-top: 18px;
        padding-bottom: 18px;
        border-bottom: 1px solid #fff;
    }
    #header .nav ul.navBar .menuBox.rightAln > li {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
    #header .nav ul.navBar ul.menuBox.rightAln li a {
        background: #fff;
        padding-left: 60px;
    }
    #header .nav ul.navBar .menuBox.rightAln > li ul a {
        color: #333;
        font-size: 13px;
    }
    ._mPdtActive ._mPdtBack {
        display: block;
    }
    ._mPdtActive .mobProduct {
        opacity: 0;
    }
    #header .nav .navBar .menuBox li h4:before,
    #header .nav .navBar .menuBox li .headingh4:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 16px;
        width: 8px;
        height: 8px;
        margin: auto;
        border: solid #063b6d;
        border-width: 0 1.2px 1.2px 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #header .nav .navBar .menuBox li h4:before,
    #header .nav .navBar .menuBox li .headingh4:before,
    #header .nav ul.navBar > li a span.dwnArrow {
        transition: transform 0.3s;
    }
    #header .nav .navBar .menuBox li h4.downArrowUp:before,
    #header .nav .navBar .menuBox li .headingh4.downArrowUp:before,
    #header .nav ul.navBar > li.downArrowUp1 a span.dwnArrow {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    .payment-page.renewal-page .car-detail-wrap {
        padding: 3rem 0 0;
        margin-bottom: 0;
    }
    .chi-details.mob-white .break-up .leftValue a:active,
    .chi-details.mob-white .break-up .leftValue a:hover,
    .chi-details.mob-white .break-up .leftValue a:link {
        color: #282828;
    }
    .last-dth .input-check + label:before {
        border: 1px solid rgba(184, 184, 184, 0.5);
    }
    .payment-page .break-up.mob-n {
        display: none;
    }
    .chi-details .break-up h4 {
        display: none;
    }
    span.tl-amount {
        display: none;
    }
    .plan-block.pay-block.checkBoxsmall a.btn-primary {
        float: right;
    }
    .chi-details.mob-white {
        background: #fff;
    }
    .chi-details.mob-white h3 {
        font-size: 2rem;
        color: #282828;
        font-weight: 600;
    }
    .chi-details.mob-white .break-up li p,
    .chi-details.mob-white .break-up li span {
        color: #282828;
    }
    .plan-block.pay-block {
        display: block;
    }
    .chi-details.mob-white .total-amt p {
        font-size: 1.8rem;
        color: #282828;
        font-weight: 600;
        padding-bottom: 1rem;
    }
    .chi-details.mob-white .total-amt .rightValue {
        font-size: 2.2rem;
        color: #282828;
    }
    .chi-details .total-amt {
        border-top: 1px solid #e5e5e5;
    }
    .chi-insuredth .chi-details {
        border-radius: 1rem;
    }
    .insure-formblock {
        padding: 3rem 2rem;
    }
    .dark-form .input-block.height-wid label {
        font-size: 1.4rem;
    }
    .insure-formblock .chi-radio-block.hip-block h3 {
        font-size: 1.6rem;
    }
    .insure-formblock .input-block.wid-cust.chiaddress-block {
        margin-bottom: 10rem;
    }
    .chiaddress-block textarea {
        min-height: 90px;
        font-size: 1.6rem;
        padding: 1rem 1rem;
    }
    .newChi .car-form-block {
        margin-top: 0;
        padding: 0;
    }
    .chi-plan-page h2 {
        padding: 3rem 0 0;
    }
    .chi-plan-page .card-block h2 {
        padding: 0;
    }
    .chi-policydetails .more-tabs-slide:before {
        right: 10%;
    }
    .container.chi-dth:before {
        content: "";
        background: #012a3c;
        display: inline-block;
        min-height: 80px;
        position: absolute;
        width: 100%;
        left: 0;
    }
    .cashless-hospitals {
        margin-top: 6rem;
    }
    .chi-details a.edit {
        right: 15px;
    }
    .suminsured-block.chi-policydetails {
        margin-bottom: 0;
    }
    .chi-policydetails .sum-insured h4 {
        text-align: right;
    }
    .chi-details {
        width: 100%;
        top: 0;
        padding: 2rem 2rem 1rem;
        background: #012a3c;
        padding-left: 1rem;
    }
    .chi-details a.edit {
        top: 25px;
    }
    .emi-option {
        display: none;
    }
    /*  .suminsured-block {
        background: transparent;
    }*/
    .chi-plan-page .suminsured-block {
        padding: 1.3rem 0;
    }
    ul.testimonials-block li {
        width: 48%;
        margin-right: 25px;
    }
    ul.testimonials-block li p {
        font-size: 1.5rem;
        line-height: 25px;
        padding-right: 5rem;
        margin-bottom: 2rem;
    }
    ul.key-features-list li {
        padding: 3rem 2rem 4rem;
    }
    .policy-docs ul li a {
        padding: 0 1rem;
    }
    .policy-docs {
        padding: 5rem 2rem 2rem;
    }
    .card-wrap.block-3 .card-block {
        margin: 1.66%;
        width: 46%;
        float: none;
    }
    .get-quote-wrap.CHI-formblock h1 {
        text-align: center;
    }
    .chi-apprlist {
        display: none;
    }
    .chi-mainblock .get-quote-wrap {
        padding: 0;
    }
    .chi-insured-accord h1 {
        padding: 2rem 0 0;
        text-align: center;
        margin: 0 auto;
        display: block;
    }
    span.policy-tag {
        text-align: center;
        display: block;
    }
    .car-detail-wrap.chi-details {
        top: 0;
        padding: 2rem 1.5rem;
    }
    .chi-plan-page .plan-detail-wrap h1 {
        display: inline-block;
        padding: 1rem 0 2rem;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        font-size: 2.8rem;
    }
    .renewal-page .car-detail-wrap a.edit {
        top: 25px;
        right: 1rem;
    }
    .renewal-page .col-sm-8 {
        width: 100%;
    }
    .ins-app .claim-blocks {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .ins-app .claim-blocks li {
        float: none;
    }
    .rating-n li:after {
        width: 42px;
    }
    ul.rating-list.checkBoxsmall label {
        font-size: 1.4rem;
    }
    ul.rating-list.checkBoxsmall .input-check:checked + label:after {
        bottom: 3px;
    }
    .payment-page .car-detail-wrap.car-wrap-center {
        padding-top: 3rem;
    }
    .payment-page .break-up {
        display: block;
    }
    .payment-page .car-detail-wrap {
        padding: 3rem 0;
        margin-bottom: 3rem;
    }
    .payment-page .section-content {
        padding: 0 0 5rem 0;
    }
    .get-quote-wrap .input-block {
        max-width: 100%;
    }
    .car-detail-wrap a.edit {
        /*      top: 45px;*/
        right: 2rem;
    }
    h1,
    h3 {
        font-size: 3rem;
    }
    .addons-detail .addon-list {
        width: 100%;
        max-width: 100%;
    }
    .amount-plan {
        width: 40%;
        bottom: 10%;
    }
    .suminsured-block .ppcover-area p {
        font-size: 1.2rem;
        display: inline-flex;
        width: 85%;
    }
    .addons-detail h4 {
        font-size: 1.8rem;
        padding-top: 1rem;
    }
    .amount-plan .amt-detail span strong {
        font-size: 2.6rem;
    }
    .side-panel {
        width: 100%;
    }
    .side-panel-content {
        padding: 3rem 2rem;
    }
    .input-block label {
        font-size: 1.6rem;
    }
    .input-block input {
        font-size: 1.6rem;
    }
    .car-image {
        display: inline-block;
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .car-image figure {
        text-align: left;
    }
    .car-detail {
        display: inline-block;
        position: static;
        vertical-align: top;
        padding-left: 1.5rem;
    }
    .car-detail-wrap .check-feild {
        display: none;
    }
    .car-detail-wrap.nw-wid-wrap .check-feild {
        display: inline-block;
    }
    .floating-tooltip {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-top: 1rem;
        border-radius: 0;
        animation: inherit;
    }
    .floating-tooltip em {
        text-align: center;
        margin: 0 auto;
        display: block;
    }
    .break-up {
        display: none;
    }
    .policy-breakup-block .break-up {
        display: block;
    }
    .plan-page .section-content {
        padding: 0 0 5rem 0;
    }
    .car-detail-wrap {
        padding: 2rem 0 0;
        background: #012a3c;
    }
    .pad-n {
        padding: 0;
        width: 100%;
    }
    .payment-page .car-detail-wrap {
        background: none;
    }
    .car-image img {
        width: 175px;
        max-width: 100%;
    }
    .owl-nav {
        display: none;
    }
    .chi-mainblock .card-block h2 {
        font-size: 2rem;
    }
    ul.key-features-list li span {
        font-size: 1.6rem;
    }
    /*  .garage-search .search-item {
        padding: 1.5rem 1rem;
    }*/
    .garage-search .search-item input {
        font-size: 1.4rem;
    }
}

@media (max-width: 950px) {
    .lower-footer p {
        width: 50%;
        padding-top: 5px;
    }
}

/*nv css*/

@media (max-width: 880px) {
    .mainWrapper.paymntWrap .payment-tabs .tab-head {
        padding-top: 0;
        display: inline-flex;
        width: 100%;
        overflow-x: auto;
        padding-bottom: 1rem;
    }
    .mainWrapper.paymntWrap .payment-tabs .tab-head li {
        min-width: auto;
        white-space: nowrap;
        padding: 1rem;
    }
    .mainWrapper.paymntWrap .tab-head li.active:after {
        content: "";
        display: inline-block;
        width: 100%;
        position: absolute;
        left: 0;
        height: 4px;
        background: #01b4bb;
        top: 116%;
    }
}

/*nv css*/

@media (max-width: 767px) {
    .reg-underind .rd-label {
        width: 100%;
    }
    .pre-policytype .rd-label {
        width: 100%;
    }
    /*new design changes*/
    .car-banner-textblock {
        padding: 0;
    }
    .car-banner-textblock h1 {
        font-size: 3rem;
    }
    .car-banner-textblock h1 span {
        font-size: 3rem;
    }
    ul.car-banner-list li img {
        width: 25px;
        vertical-align: sub;
    }
    /*new design changes*/

    /*plan comparison popup*/
    .plan-comparison-block table thead tr th:nth-child(3) {
        width: 23%;
    }
    .plan-comparison-block table thead tr th:first-child {
        width: 30%;
    }
    .plan-comparison-block table tbody tr td {
        font-size: 1.3rem;
    }
    .plan-comparison-block table thead tr th {
        font-size: 1.2rem;
        padding: 2rem 1.5rem;
    }
    #plan-comparison .commonpop-pad {
        padding: 2rem 1rem;
    }
    .vehicle-policycover .rec-idv {
        padding: 2rem 0 0.5rem;
    }
    /*plan comparison popup*/
    .zd-block:before {
        display: none;
    }
    .zd-block {
        padding: 3rem 2rem;
        padding-left: inherit;
    }
    .zd-block ul.drv-exp li {
        width: 100%;
        padding-bottom: 1.5rem;
    }
    .zd-block .amount {
        text-align: center;
    }
    #otp-verify .popup.light {
        width: 100%;
    }
    .otp-form-block .input-block {
        width: 100%;
        margin-right: 0;
        max-width: 100%;
    }
    .dark-form.otp-form-block {
        padding: 4rem 2rem;
    }

    .faaydeki-baat p {
        display: none;
    }
    .buttons-block .btn-orange {
        width: 100%;
    }
    #policy-mob-error .popup.light {
        width: 100%;
    }
    .error-details {
        width: 100%;
    }
    .policy-page .plan-block.vg-benifit-bg {
        height: 100%;
        padding: 0;
    }
    .garage-benefits ul li,
    .garage-benefits ul li:nth-child(2),
    .garage-benefits ul li:nth-child(3) {
        width: 100%;
    }
    .garage-benefits {
        width: 100%;
    }
    .car-breakupdetail {
        display: none;
        width: 100%;
        padding: 1rem 0 1rem;
    }
    .car-modelname {
        width: 100%;
        padding-bottom: 1rem;
    }
    .car-modelname.activeAcrd {
        border-bottom: 1px solid #dddddd;
    }
    .car-modelname.activeAcrd:before {
        transform: rotate(-136deg);
        -webkit-transform: rotate(-136deg);
    }
    .car-modelname:before {
        transition: transform 0.3s;
        content: "";
        border: solid #282828;
        border-width: 0 1.2px 1.2px 0;
        display: inline-block;
        padding: 6px;
        vertical-align: top;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        position: absolute;
        right: 2rem;
        top: 3rem;
    }

    .DisableSubmitButtn {
        pointer-events: none;
        background: #cccccc;
    }
    #messg-popup .popup.light {
        max-width: 100%;
    }
    .dark-form .checkBoxsmall .input-check + label {
        font-size: 1.3rem;
    }
    .proposal-page .bg-blue .selfinsp-block span.ui-error {
        bottom: -20px;
    }

    .policy-page .plan-block {
        padding: 3rem 1rem 4rem 1rem;
    }
    span.note-text {
        margin-top: 1rem;
    }
    .car-inspection-accord span.subtext {
        padding-left: 4.2rem;
    }
    #fwProposalConfirmation ul.summary-list li {
        width: 100%;
    }

    #fwProposalConfirmation ul.summary-list li {
        width: 100%;
    }

    #fwProposalConfirmation ul.summary-list li:last-child {
        width: 100%;
        border-right: none;
    }

    ul.listOfgrg:before {
        display: none;
    }
    ul.listOfgrg li.mrR {
        margin-right: 0;
    }
    ul.listOfgrg li {
        width: 100%;
    }

    .insured-form .vs--single .vs__selected {
        max-width: 100%;
    }
    .cover-block h3 span {
        padding-left: 0.5rem;
        font-size: 1.2rem;
        padding-top: 0.3rem;
    }
    .cover-block p {
        font-size: 1.2rem;
    }
    .cover-block h3:before {
        right: -25px;
    }
    .add-onblock .input-check + label:before {
        width: 2rem;
        height: 2rem;
        margin-right: 5px;
    }
    .add-onblock .cover-block h3 {
        font-size: 1.2rem;
    }
    .add-onblock .input-check:checked + label:after {
        bottom: 0;
        left: 7px;
        top: 2px;
    }
    .car-inspection-accord .radio {
        padding: 2rem 1rem;
    }

    span.videodemo {
        position: relative;
        left: 4rem;
        top: 10px;
        right: 0;
    }
    .selfinsp-block .input-block {
        max-width: 100%;
        width: 100%;
    }
    .car-inspection-accord .radio label {
        font-size: 1.6rem;
    }
    .selfinsp-block span {
        padding-bottom: 3rem;
        display: block;
    }
    .inst-block {
        padding: 5rem 0 0;
    }
    .physical-sur {
        padding: 3rem 0 0;
    }
    .physical-sur .input-block {
        width: 100%;
        max-width: 100%;
    }
    .physical-sur .input-block:nth-child(3),
    .physical-sur .input-block:nth-child(4) {
        margin-right: 0;
        width: 100%;
    }
    .totl-prem .prem-amt {
        font-size: 2rem;
    }
    #addon .popup {
        overflow: hidden;
    }
    .idv-check {
        width: 100%;
        padding-left: 0;
        margin: 3rem 0 0;
    }
    .get-quote-wrap span.tooltip-ui {
        position: static;
    }
    span.tooltip-ui {
        position: relative;
    }
    .plan-block span.tooltip-ui {
        position: static;
    }
    span.tooltip-text {
        width: 200px;
        top: 113%;
        margin-top: 22px;
        left: 50%;
        margin-left: -105px;
        font-size: 1.2rem;
    }
    .plan-block span.tooltip-text {
        width: 100%;
        left: 0;
        right: 0;
        margin-left: 0;
        top: 32px;
        bottom: auto;
        margin-top: 0;
    }
    span.tooltip-text.opt-out:after {
        content: "";
        position: absolute;
        top: 37px;
        left: auto;
        right: 9px;
        margin-left: 0;
        transform: rotate(0deg);
    }
    span.tooltip-text:after {
        top: -20px;
        left: 50% !important;
        margin-left: -5px;
        right: 50% !important;
    }
    .idv-amount span.tooltip-text {
        right: auto;
        left: auto;
        width: 200px;
    }
    .plan-block span.tooltip-text:after {
        display: none;
    }
    span.tooltip-text.opt-out {
        left: 142px;
        right: auto;
        top: -61px;
        margin-left: 0;
    }
    span.tooltip-text.left-tooltip {
        margin-left: 0;
        top: -30px;
        left: auto;
        right: 100%;
        font-size: 12px;
        border-radius: 5px;
        margin-right: 15px;
    }
    span.tooltip-text.right-tooltip {
        margin-left: 0;
        top: -30px;
        right: auto;
        left: 100%;
        font-size: 12px;
        border-radius: 5px;
        margin-right: 15px;
    }
    span.tooltip-text.left-tooltip:after {
        top: 13px;
        left: 100%;
        margin-left: 0;
        transform: rotate(272deg);
    }
    span.tooltip-text.right-tooltip:after {
        top: 13px;
        right: 100%;
        margin-left: 0;
        transform: rotate(272deg);
    }
    .card-wrap.block-3 .card-block.card-text span {
        padding: 0;
        text-align: center;
        padding-right: 0;
    }
    .tab-content-body .check-list li {
        margin: 0;
        padding-bottom: 3rem;
    }
    .tab-content .check-list:nth-child(2) {
        padding: 0 0 1rem;
    }
    .plan-block.active .amount-plan {
        bottom: 0;
    }
    .right-side-plan {
        width: 100%;
        float: none;
        text-align: left;
    }
    .amount-plan .amt-detail {
        padding-right: 0;
    }
    .coverage {
        width: auto;
    }
    .right-side-plan a.btn-primary {
        float: right;
    }
    .js-banner-discount .telematic img,
    .js-banner-discount .telematic img.active {
        display: none;
    }
    .addons-detail {
        width: 100%;
        padding-bottom: 1.5rem;
    }
    .cover-circle {
        border: none;
        background: #c2c4ac;
        border-radius: 0 0 6px 6px;
        color: #fff;
        font-size: 1.6rem;
        width: auto;
        height: auto;
        padding: 0.3rem 1.5rem;
    }
    .amount-plan {
        width: 100%;
        bottom: 10%;
        left: 0;
        /*    padding: 0 15px;*/
        position: relative;
        clear: both;
    }
    .plan-block span.cover__title {
        font-size: 1.6rem;
        font-weight: 200;
        line-height: 0.8;
        color: #fff;
        display: inline-block;
        padding-right: 0.5rem;
    }
    #addonCovers {
        padding: 0;
    }
    .plan-block.active {
        padding: 0 2rem 2rem;
    }
    .plan-block {
        padding: 0 2rem 3rem 2rem;
    }
    .idv-amount a.btn-small {
        color: #01b4bb;
        text-decoration: none;
        font-size: 1.3rem;
        border: none;
        border-bottom: 1px solid #01b4bb;
        border-radius: 0;
        padding: 0;
        margin: 0 1rem;
        float: right;
    }

    .plan-page .plan-detail-wrap h1 {
        font-size: 2.5rem;
        display: none;
        text-align: center;
        padding-bottom: 1.5rem;
    }
    /*span.tooltip-text{
    width: auto;
}*/

    .renew-box h2 {
        display: inline-block;
        font-size: 2rem;
        font-style: normal;
        font-weight: 200;
        width: 48%;
        padding: 0;
        padding-left: 1rem;
        text-align: left;
    }
    .renew-box a.btn-blue {
        float: right;
    }
    .idv-content {
        width: 100%;
    }
    #inValTerm span.ui-error {
        top: 70px;
    }
    #inValTerm .rpicon {
        top: 26px;
    }
    .il-penone .choice-radio-block {
        width: 100%;
        margin-right: 0;
    }

    .policytyp-block {
        padding: 0.5rem 0 2rem 0;
        margin-right: 0;
        width: 100%;
        border-bottom: 1px solid #19516a;
        border-radius: 0;
    }
    .policy-dropdown a {
        font-size: 1.3rem;
        top: 5px;
        right: 0.5rem;
    }
    span.down-list {
        font-size: 1.8rem;
        padding-left: 0;
    }
    .policy-dropdown {
        padding: 0;
        background: none;
    }
    .od-form .input-block {
        width: 100%;
    }
    .card-wrap.block-3 .card-block i {
        text-align: center;
        margin: 0 auto;
        margin-bottom: 2rem;
    }
    #error-popup .popup.light {
        width: 100%;
    }
    #hypothecationLoan .popup.light {
        max-width: 100%;
    }
    .hyp-sty.exc-discount {
        padding: 3rem 2rem;
    }
    .add-onblock {
        min-height: auto;
    }
    #addcovers.car-form-block .sm-input {
        width: 100%;
        margin-right: 0;
    }
    .rd-label,
    .sl-label {
        font-size: 1.4rem;
    }
    #inValTerm {
        position: relative;
        right: 0;
        left: 0;
        width: 100%;
        top: 0;
        margin-left: 0;
        padding: 2.5rem 0 0;
    }
    #addcovers h4 {
        margin: 3rem 0 0;
        display: inline-block;
        clear: both;
        width: 100%;
    }
    .text-left.blockDiv {
        width: 100%;
    }
    #addcovers h1 {
        padding-bottom: 1rem;
        font-size: 2.2rem;
    }
    .new_footer .lower-footer {
        padding-top: 20px;
    }
    .new_footer .addressBlock,
    .new_footer .addressBlockRight,
    .new_footer .ft-col.addressBlock {
        width: 100%;
    }
    .new_footer .ft-col.addressBlock {
        margin-bottom: 0;
    }
    .new_footer .lower-footer {
        text-align: center;
    }
    .new_footer .footer_list li a {
        margin-right: 5px;
        margin-left: 5px;
    }
    .gcInMax {
        margin: 7px auto 10px;
    }
    .new_footer .gcInMax {
        text-align: left;
    }
    #divInsurer .new_footer .gcInMax {
        padding-bottom: 10rem;
    }
    .ftFloater .ft-col.addressBlock,
    .ftFloater .ft-col {
        width: 100%;
        margin-bottom: 30px;
    }
    .ftFloater .ft-col:last-child {
        margin-bottom: 0;
    }
    .lower-footer {
        padding: 16px 0 14px;
    }
    .lower-footer p {
        float: none;
        width: 100%;
        text-align: center;
    }
    .footer_list {
        display: block;
        text-align: center;
    }
    .ftFloater {
        margin: 0;
    }
    .ftFloater .ft-col {
        padding: 0;
    }
    .footerContainer {
        display: none;
    }
    .addons-box .plan-block.covertop-block {
        padding: 3rem 2rem 2rem 2rem;
    }
    .essential-cov {
        width: 100%;
        float: none;
    }
    .essential-cov .addons-detail .addon-list li {
        width: 100%;
        float: none;
    }
    .ren-policy-block {
        width: 100%;
        float: none;
    }
    .ren-policy-block .amt-detail > span {
        top: 0;
    }
    .car-renewal-main .cnglpg-block .input-block {
        width: 100%;
    }
    .addons-box .plan-block {
        padding: 3rem 0 2rem 0;
    }
    .car-renewal-main .input-block {
        width: 100%;
    }
    .car-renewal-main .addon-listbl h2 {
        text-align: center;
    }
    .ncb-box {
        padding: 1.5rem 2rem;
    }
    .insure-detail-accord {
        padding: 2rem 0 1rem;
    }
    span.policy-tag {
        font-size: 1.6rem;
    }
    .plan-block.pay-block.checkBoxsmall a.btn-primary {
        float: none;
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .insure-detail-accord h2 {
        font-size: 1.6rem;
        padding: 1.5rem 1rem 1.5rem 2rem;
    }
    a.chiins-edit {
        font-size: 1.3rem;
    }
    .plan-block.pay-block.checkBoxsmall .check-feild {
        width: 100%;
        padding: 1rem;
    }
    .chi-insured-accord .dark-form .checkBoxsmall .input-check:checked + label:after {
        width: 6px;
        height: 12px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        bottom: 6px;
        left: 7px;
    }
    .chi-insured-accord .dark-form .checkBoxsmall .input-check + label:before {
        width: 2rem;
        height: 2rem;
    }
    .insure-formblock .pre-policytype .radio label,
    .insure-formblock .chi-radio-block .radio label {
        font-size: 1.6rem;
    }
    .dark-form .input-block.chiaddress-block label {
        font-size: 1.6rem;
    }
    .gst-sty.exc-discount .input-block {
        padding-right: 0;
        margin-right: 0;
        width: 100%;
        max-width: 100%;
    }
    .gst-sty.exc-discount {
        padding: 5rem 2rem;
    }
    .insure-formblock .input-block.select-vu.height-wid {
        width: 50%;
    }
    .gstin-insblock.check-block {
        width: 100%;
    }
    .insure-detail-accord h3 {
        font-size: 1.4rem;
    }
    .chi-emi-popup h2 {
        font-size: 2rem;
        padding: 3rem 2rem 0;
        font-weight: 400;
    }
    .chi-emi-popup p {
        font-size: 1.3rem;
        text-align: left;
        padding: 0 2rem;
    }
    .chi-addons-popup .addons-area {
        padding: 3rem 2rem 2rem;
    }
    a.link-gray {
        color: #fe6625;
    }
    a.link-gray:after {
        border-color: #fe6625;
    }
    .emioption-block table {
        font-size: 1.3rem;
    }
    .option-list {
        padding: 0;
    }
    span.amt-sec {
        position: absolute;
        right: 2rem;
    }
    .chi-addonlist .add-onblock {
        width: 100%;
        padding: 2rem 0;
    }
    .chi-dth .addons-detail h4 {
        padding: 0;
    }
    .amt-detail > span {
        position: relative;
        /*    top: 6rem;*/
    }
    .chi-dth .addons-detail {
        width: 100%;
        padding-left: 0;
    }
    .chi-dth .addons-detail .addon-list li {
        display: inline-block;
        width: 45%;
    }
    .chi-dth .right-side-plan {
        width: 100%;
        float: none;
        margin: 0;
        display: inline-block;
    }
    .chi-dth .plancovers-block {
        width: 60%;
        float: left;
        background: transparent;
        padding: 0;
    }
    .covers-accordmob {
        display: none;
        padding: 0;
        margin-left: 1rem;
        margin-top: 1rem;
    }
    .chi-dth a.btn-small {
        border: none;
        border-bottom: 1px solid;
        border-radius: 0;
        padding: 0;
        margin-left: 3rem;
    }
    .chi-dth .addons-detail .addon-list {
        margin-bottom: 1rem;
    }
    .chi-dth .plancovers-block h4 {
        border: 1px solid #d5d5d5;
        display: inline-block;
        padding: 1.7rem 2rem;
        border-radius: 5rem;
        cursor: pointer;
        margin: 0;
    }
    .chi-plan-page .right-side-plan .amount-plan {
        bottom: 5%;
        width: auto;
        position: relative;
        right: 0;
        display: inline-block;
    }
    .amount-plan .amt-detail span.amount-bl strong {
        display: block;
    }
    .chi-plan-page .amount-plan .amt-detail {
        position: absolute;
        top: auto;
        bottom: 20rem;
        right: 0;
        padding: 0;
    }
    .chi-dth .chi-plan-page .amount-plan {
        right: 0;
    }
    .chi-dth .coverage {
        display: none;
    }
    .chi-policydetails .policy-duration {
        border-right: none;
    }
    ul.js-policy-tabs li a,
    ul.js-suminsured-tabs li a {
        padding: 0.5rem 1rem;
        font-size: 1.2rem;
        margin-right: 0.5rem;
    }
    ul.js-suminsured-tabs li.more-lasttab {
        padding: 0.5rem 1rem;
        font-size: 1.2rem;
    }
    .CHI-formblock .submit-btn {
        text-align: center;
    }
    ul.testimonials-block li {
        width: 100%;
        margin-bottom: 8rem;
        margin-right: 0;
    }
    ul.testimonials-block li:last-child {
        margin-bottom: 0;
    }
    .recent-rev {
        padding-right: 0;
    }
    .chi-covered .tab-head li {
        min-width: 20rem;
    }
    .chi-covered .check-list {
        padding-top: 0;
    }
    .chi-covered .policy-docs {
        padding: 0;
    }
    .chi-covered ul.check-list {
        width: 100%;
    }
    .chi-covered .policy-docs ul li a {
        padding: 0 1rem;
    }
    .health-details .chi-model {
        width: 100%;
    }
    .chi-model .input-block {
        max-width: 100%;
    }
    .health-details .carno-box {
        width: 100%;
    }
    .sub-add-block {
        max-width: 100%;
    }
    .get-quote-wrap.CHI-formblock .form-block {
        margin: 0 2%;
    }
    .chi-mainblock .card-block h2 {
        font-size: 2rem;
    }
    .chi-mainblock .card-wrap.block-3 .card-block i {
        text-align: center;
        margin: 0 auto;
        margin-bottom: 3rem;
    }
    ul.key-features-list li {
        width: 50%;
        padding: 3rem 1rem 4rem;
        text-align: center;
    }
    ul.key-features-list li:nth-child(2) {
        border-right: none;
    }
    .chi-mainblock .chiplan-tabs.tab-head li span {
        font-size: 1.4rem;
    }
    .js-applicant-details {
        margin: 0;
    }
    .insure-formblock .input-block.chimob-block {
        width: 100%;
        margin-right: 0;
        max-width: 100%;
    }
    .insure-formblock .input-block {
        width: 100%;
        margin-right: 0;
        max-width: 100%;
    }
    .insure-formblock .input-block.select-vu {
        width: 100%;
    }
    .insure-formblock .input-block.wid-cust {
        width: 100%;
    }
    .insure-formblock .chi-radio-block {
        margin-right: 0;
        width: 100%;
        padding: 0;
    }
    .insure-formblock .input-block.wid-city {
        width: 100%;
        margin-bottom: 1rem;
    }
    .addons-box .text-right {
        text-align: center;
        padding-bottom: 1rem;
    }
    #nominee-details .car-form-block {
        margin-top: 0;
    }
    .get-quote-wrap.renewal-policy h1 {
        text-align: left;
        font-size: 3rem;
    }
    .renewal-policy .otp-container .renewotp-number-input {
        width: 40px;
        margin-right: 5px;
        font-size: 20px;
    }
    .carno-box {
        width: 100%;
    }
    .caraddon-popup .car-form-block .sm-input {
        width: 100%;
    }
    .addons-box .add-onblock {
        width: 100%;
        padding: 3rem 1rem 2rem 0;
    }
    .addons-box .addon-listbl {
        height: auto;
    }
    .addons-box .add-onblock.addons-marg {
        padding-left: 0;
    }
    .add-onblock:last-child {
        border-bottom: none;
        padding-bottom: 10rem;
    }
    .addons-box .check-feild {
        width: 12%;
    }
    .ncb-box .ncb-text {
        padding-left: 0;
    }
    .close-slidem,
    .popup .close {
        right: 1rem;
        top: 0.5rem;
    }
    .addon-pa {
        padding: 3rem 0 0;
    }
    #addon .tab-head li {
        min-width: auto;
    }
    #addon .tab-head {
        white-space: nowrap;
        display: -webkit-flex;
        display: flex;
        overflow-x: auto;
        margin-bottom: 2rem;
        overflow-y: hidden;
    }
    #addon .commonpop-pad {
        padding: 2rem 2rem;
    }
    .plan-detail-wrap .insured-form .sm-input.insured-block {
        width: 100%;
    }
    .insmob-img img {
        max-width: 100%;
    }
    .rating-feedback {
        padding: 3rem 2rem;
    }
    .insured-form .check-block h3 {
        font-size: 1.4rem;
    }
    .policy-breakup-block {
        width: 100%;
        padding: 4rem 2rem;
    }
    .own-damage-prm {
        width: 100%;
        padding-right: 0;
    }
    .liability-prm {
        width: 100%;
        padding-left: 0;
    }
    .policy-breakup-block ul.break-up.nw-breakup,
    .nw-total {
        margin: 0;
    }
    .payment-page .car-detail-wrap {
        width: 100%;
    }
    .accept-declaration {
        text-align: left;
    }
    .payment-page .submit-btn {
        text-align: center;
    }
    .insured-form {
        margin-top: 2rem;
    }
    .insured-form .input-block.title-insure {
        width: 100%;
    }
    .plan-detail-wrap .insured-form .sm-input {
        width: 100%;
    }
    .plan-detail-wrap .insured-form .sm-input.dob-imp {
        margin-left: 0;
        width: 100%;
    }
    .plan-detail-wrap .insured-form .sm-input.gender-imp {
        margin-right: 0;
        width: 100%;
    }
    .insured-form .input-block {
        width: 100%;
        max-width: 100%;
    }
    .insured-form .check-block {
        width: 100%;
    }
    .plan-block-landing .card-block span {
        min-height: auto;
    }
    .car-form-block .sm-input {
        width: 100%;
        margin-right: 0;
        max-width: 100%;
    }
    .car-form-block .make-model {
        width: 100%;
        max-width: 100%;
        margin-right: 5%;
        float: left;
    }
    .idv-btn {
        text-align: center;
    }
    /*    .cover-block h3 span {
    padding-left: 0;
    float: right;
}*/
    .mob-slide {
        display: none;
    }
    .cover-block h3 {
        display: block;
    }
    .cover-block h3:before {
        border-color: #4c4c4c;
        border-style: solid;
        border-width: 1px 1px 0 0;
        content: "";
        display: inline-block;
        height: 12px;
        width: 12px;
        vertical-align: text-top;
        transform: rotate(133deg);
        box-sizing: inherit;
        position: absolute;
        right: 0;
        transition: all 0.15s cubic-bezier(1, -0.115, 0.975, 0.855);
        transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
    }
    .cover-block h3.listActive:before {
        transform: rotate(315deg);
    }
    .fix-pre {
        display: inline-block;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
        z-index: 1;
    }
    .addons-area {
        padding: 2rem 2rem;
        background: #01b4bb;
    }
    .add-onblock {
        width: 100%;
        padding: 2rem 1rem 1rem 0;
        position: relative;
        border-bottom: 1px solid #e5e5e5;
    }
    .addon-text h2 {
        color: #fff;
    }
    .addon-text p {
        color: #fff;
    }
    .addon-text {
        margin-right: 0;
        width: 100%;
    }
    .totl-prem {
        padding: 2rem 1rem;
        width: 50%;
        text-align: left;
    }
    .addon-btn {
        float: none;
        text-align: right;
        display: block;
        padding-right: 3rem;
    }
    .addon-listbl {
        padding: 2rem 1.5rem;
        height: 80vh;
        overflow: auto;
    }
    .chi-plan-page .plan-block {
        padding: 3rem 2rem 2rem 2rem;
    }
    .car-addv {
        background-size: cover;
        background-position: 95%;
    }
    .get-quote-section {
        padding: 3rem 0;
    }
    .get-quote-wrap {
        margin: 0;
        float: none;
        width: 100%;
        /*padding: 0 1rem;*/
        max-width: 100%;
    }
    h1,
    h3 {
        font-size: 2.4rem;
    }
    .get-quote-wrap h1 {
        margin-bottom: 2rem;
    }
    .get-quote-wrap .input-block {
        max-width: 100%;
    }
    img.whatsapp-img {
        width: 65px;
    }
    .renew-box {
        margin: 0;
        width: 100%;
    }
    .renew-box img {
        display: none;
    }
    .faaydeki-baat img {
        display: inline-block;
    }
    h2 {
        font-size: 2.3rem;
    }
    .card-wrap.block-3 .card-block {
        margin: 0 0 1rem;
        width: 100%;
        text-align: center;
    }
    .card-wrap.block-3.reveal .card-block {
        margin: 0 0 4rem;
    }
    .card-wrap.block-3 .card-block:last-child {
        margin: 0;
        padding-bottom: 0;
    }
    .input-block label {
        font-size: 1.6rem;
    }
    .tab-head li {
        min-width: 14rem;
    }
    .check-list li {
        width: 100%;
    }
    .floaterImg {
        right: auto;
        top: 25%;
        left: 50%;
    }
    .claim-block {
        margin: 25rem 1rem 0;
        text-align: center;
    }
    .claim-blocks li {
        width: 10rem;
        height: 10rem;
        margin-right: 1rem;
        padding-top: 4rem;
    }
    .claim-blocks li span {
        top: 10px;
        left: 0;
        right: 0;
        text-align: center;
    }
    .claim-blocks li.active em {
        font-size: 2.8rem;
    }
    .claim-blocks li p {
        bottom: 10px;
        font-size: 1.2rem;
    }
    .dot {
        display: none;
    }
    .card-block.card-text p,
    .card-text p {
        text-align: center;
    }
    .plan-block-landing .card-block span {
        padding-right: 0;
    }
    .garage-search,
    .garage-title {
        width: 100%;
        padding-top: 0;
    }
    .garage-search h2,
    .garage-title h2 {
        text-align: center;
        margin-bottom: 1rem;
    }
    .garage-title p {
        text-align: center;
        padding-bottom: 4rem;
    }
    .garage-search .search-item {
        width: 100%;
        max-width: 50rem;
        margin: 0 auto;
    }
    .garage-search .search-item input {
        min-width: 190px;
        margin-left: 7px;
        font-size: 1.4rem;
    }
    .garage-search h3 {
        padding-left: 0;
        font-size: 2rem;
        margin-bottom: 2.3rem;
        text-align: center;
    }
    .garage-search p {
        padding-left: 0;
        margin-bottom: 1rem;
        text-align: center;
    }
    .card-block.check-list.card-text p,
    .card-text p {
        text-align: left;
    }
    .search-garage-section {
        padding: 4rem 0;
    }
    /*  .addons-detail {
        padding-left: 2rem;
    }*/
    .dark-form .checkBoxsmall {
        padding: 1rem 0 2rem;
    }
    .popup.light {
        max-width: 100%;
        width: 100%;
    }
    .popup {
        margin: 0;
        border-radius: 0;
        /*      min-height: 100%;*/
    }
    .commonpop-pad {
        padding: 2rem 3rem;
    }
    #addcovers.commonpop-pad {
        padding: 2rem 3rem;
    }
    #pa-coverpop .popup.light {
        width: 100%;
        max-width: 100%;
    }
    #editPlan .popup.light {
        max-width: 100%;
    }
    .choice-radio-block .radioButtons {
        float: right;
    }
    #addcovers .text-left .input-block.select-vu.ripple-bar.sm-input {
        width: 100%;
    }
    .idv-amount {
        float: none;
        width: 100%;
        background: none;
    }
    .idv-amount .link-blue {
        float: right;
    }
    .compare-plans {
        text-align: center;
    }
    .idv-amount span {
        font-size: 1.8rem;
    }
    .car-detail-wrap h3 {
        font-size: 2rem;
        margin-bottom: 0;
    }
    .sum-prem-block {
        width: 42%;
    }
    .suminsured-block .ppcover-area {
        width: 43%;
    }
    .suminsured-block .ppcover-area p {
        width: 75%;
    }
    .cover-block {
        width: 90%;
    }
    ul.summary-list li {
        width: 50%;
        padding-top: 1rem;
    }
    ul.summary-list li:nth-child(2),
    ul.summary-list li:nth-child(4) {
        border-right: none;
    }
    ul.summary-list li:nth-child(3),
    ul.summary-list li:last-child {
        width: 50%;
    }
    /*nv css*/
    .mainWrapper.paymntWrap .payment-block .input-block {
        width: 100% !important;
        padding-right: 0;
        max-width: 100%;
    }
    .mainWrapper.paymntWrap .payment-block .inpt-title,
    .mainWrapper.paymntWrap .payment-block .inpt-title > span {
        font-size: 18px;
    }
    .mainWrapper.paymntWrap .rdBox.active .descriptn {
        margin: 10px 0;
        width: 100%;
    }
    .mainWrapper.paymntWrap .rdBox .descriptn button.btnChosePlan {
        font-size: 14px;
        padding: 5px 10px;
    }
    .mainWrapper.paymntWrap .reveal .submit-btn {
        margin: 1.5rem;
    }
    /*    .popup.light {
        max-width: 90%;
        margin: 0 auto;
        transform: translateY(-50%);
        top: 50%;
        border-radius: 20px;
    }*/
    .popup .close {
        right: 2rem;
        top: 1rem;
        width: 2rem;
        height: 2rem;
    }
    .popup .close:after,
    .popup .close:before {
        height: 2rem;
    }
    .overlayN .content-heightauto {
        font-size: 18px;
    }
    .loader-inner {
        display: block;
    }
    .face {
        display: inline-block;
    }
    /*nv css*/

    /*sticky buttons*/
    #policy-types.overlayN.active {
        background: #fff;
    }
    #policy-types .amount.idv-btn {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 2rem 0.5rem;
        width: 100%;
        -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
        text-align: center;
        z-index: 2;
        background: #fff;
    }

    .reveal .submit-btn {
        display: inline-block;
        width: 100%;
    }
    .submit-btn .js-car-register {
        float: right;
        margin-left: 1rem;
        width: 65%;
        text-align: center;
        padding: 2rem 3rem;
        font-size: 1.4rem;
    }
    .bg-blue .re-quote {
        margin-left: 0;
    }
    .submit-btn.fixedBtn {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        margin: 0;
        padding: 1rem 0;
        text-align: center;
        z-index: 2;
        -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    }
    .submit-btn a.gq-sticky {
        width: 85%;
        padding: 2rem 3rem;
        font-size: 1.4rem;
    }
    .submit-btn.fixedBtn .js-gqbtn {
        width: 50%;
        padding: 2rem 3rem;
        float: none;
    }
    a.tp-btn {
        display: inline-block;
        color: #282828;
        text-align: left;
        float: left;
        padding: 0 0 0 1.5rem;
        width: 48%;
        text-decoration: none;
        position: relative;
    }
    #impDetails.plan-detail-wrap {
        -webkit-perspective: inherit;
        perspective: inherit;
    }
    .insured-form .submit-btn {
        position: fixed;
        bottom: 0;
        background: #fff;
        width: 100%;
        left: 0;
        right: 0;
        padding: 2rem 0;
        z-index: 99;
        -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    }
    .insured-form .submit-btn .js-insurer-proceed {
        float: right;
        margin-right: 1.5rem;
        width: 45%;
        padding: 2rem 3rem;
        font-size: 1.4rem;
    }
    .insured-form .submit-btn span.tooltip-ui.tooltip {
        color: #9e9e9e;
    }
    .insured-form .submit-btn span.tooltip-ui,
    .insured-form .submit-btn span.tooltip-ui:before {
        color: #282828;
        font-size: 1.2rem;
    }
    a.tp-btn span {
        color: #282828;
        font-size: 1.8rem;
    }

    a.tp-btn span:first-child {
        display: block;
        font-size: 1.4rem;
    }

    a.tp-btn span:nth-child(2) {
        font-weight: 800;
        font-size: 2.6rem;
    }
    .tp-btn span.tooltip-text:after {
        top: 39px;
        transform: rotate(2deg);
    }
    .tp-btn span.tooltip-text {
        top: -65px;
    }
    a.tp-btn .rightValue:after {
        content: "";
        display: inline-block;
        background: url(/docs/default-source/assets/freshlook/images/tp-ico.png) no-repeat;
        width: 36px;
        height: 40px;
        background-size: 70%;
        background-position: 100%;
        position: absolute;
        top: 14px;
        margin-left: -5px;
    }
    /*sticky buttons*/

    #errorpopup .popup.light {
        width: 100%;
    }
    .mainWrapper .tab-head.js-tab-head {
        white-space: nowrap;
        display: -webkit-flex;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .mainWrapper .tab-head li,
    .tab-head li {
        min-width: auto;
    }
    .mainWrapper .tab-head.js-tab-head .bar {
        display: none;
    }
    .mainWrapper .tab-head li {
        padding: 1.5rem 1rem;
    }
    .mainWrapper .tab-head li,
    .tab-head li {
        min-width: auto;
    }
    .renewal-screen.freshlookApp.arg-policyBlock .policy-summary .DownloadPayLink {
        display: block;
        float: left;
        padding-top: 0;
        padding-bottom: 20px;
    }
    .renewal-screen.freshlookApp .befitSummary .policyHead h3 {
        padding: 1.5rem 0;
        padding-bottom: 10px;
    }
}

@media (max-width: 600px) {
    ul.policy-doc-list li {
        padding: 0 2rem;
    }
    .renewal-screen span.proposal-nosp {
        font-size: 1.8rem;
        float: none;
        display: block;
    }
    span.conf-id span {
        display: block;
    }
    h3.rec-policy {
        width: 100%;
        font-size: 2rem;
        text-align: center;
    }
    #addcovers .choice-radio-block span.tooltip-ui {
        position: static;
    }
    #addcovers .choice-radio-block span.tooltip-text {
        width: 100%;
        left: 0;
        right: 0;
        margin-left: 0;
        top: 0;
        bottom: auto;
        margin-top: 0;
    }
    #addcovers .choice-radio-block span.tooltip-text:after {
        display: none;
    }

    .policy-dropdown span:nth-child(2) {
        width: 100%;
    }
    .policy-dropdown {
        width: 100%;
    }
    span.down-list {
        float: left;
    }
    .gray-bg-block {
        padding: 4rem 2rem 3rem;
    }
    .payment-detailslist {
        padding: 2rem 1rem;
    }
    .footer-block {
        padding: 0;
    }
    .footer-block ul li {
        width: 39%;
    }
    .footer-block ul li:nth-child(2) {
        width: 50%;
    }
    .footer-block ul li:nth-child(3) {
        width: 27%;
    }
    .summary-block span.conf-id {
        padding-right: 0;
    }
    .summary-block h3 {
        display: block;
        padding-left: 0;
        text-align: center;
    }
    .car-details-block {
        width: 100%;
        padding-left: 0;
    }

    a.btn-primary.btn-white {
        padding: 1.2rem 4rem;
    }
    a.btn-primary.btn-white.js-modify {
        padding: 1.5rem 3rem;
    }
    .policytyp-block {
        display: block;
        /*text-align: center;*/
    }
    /*.add-onblock .input-check:checked+label:after{
    width: 6px;
    height: 11px;
    bottom: 5px;
    left: 7px;
}*/
    .car-renewal-main .add-onblock .input-check + label:before {
        width: 2rem;
        height: 2rem;
        margin-right: 0.5rem;
    }
    .renewal-blk h3 {
        padding: 0;
    }
    .renewal-blk h3 span:nth-child(1) {
        width: 54%;
    }
    a.renewal-sllink {
        top: 22px;
        text-decoration: none;
        font-size: 0;
        width: 90%;
        right: 0;
        text-align: right;
    }
    .renewal-blk span:nth-child(2) {
        float: right;
        margin-right: 2rem;
    }
    a.renewal-sllink:after {
        height: 8px;
        width: 8px;
    }
    .chi-plan-page .amount-plan .amt-detail {
        bottom: 23rem;
    }
    .CHI-formblock .chi-gen {
        font-size: 1.6rem;
    }
    .CHI-formblock .radio label {
        font-size: 1.6rem;
    }
    .js-modify {
        margin-left: 1rem;
    }
    .choice-radio-block .radioButtons {
        float: none;
    }
    .textarea-block {
        padding: 2rem 2rem 0 0;
    }
    ul.rating-list li {
        width: 100%;
    }
    .rating-n li {
        margin: 0 2%;
    }
    h3.rec-policy {
        width: 100%;
        font-size: 1.6rem;
    }
    span.conf-id {
        display: block;
        float: none;
        font-size: 1.8rem;
        opacity: 1;
        text-align: center;
        clear: both;
    }
    span.conf-id span {
        text-align: center;
    }
    span.conf-id span {
        font-size: 1.8rem;
    }
    .policy-summary {
        padding-top: 1rem;
    }
    .plan-block span.pl-sm-tp {
        font-size: 1.2rem;
    }
    .plan-block span.pl-sm-btn {
        font-size: 1.2rem;
    }

    .rating-n li a {
        width: 1.5rem;
        height: 1.5rem;
    }
    .rating-n li:after {
        left: 15px;
        bottom: 7px;
    }
    .rating-n li:after {
        width: 20px;
    }
    .rating-n li:nth-child(9).activeEmj:before {
        background-size: 80%;
        background-position: 1px 7px;
    }
    .total-amt p {
        padding-top: 0;
    }
    .total-amt .rightValue {
        font-size: 2rem;
    }
    .pay-now-btn {
        text-align: center;
        display: block;
        float: none;
        margin: 2rem 0 0;
    }
    .top-heading {
        display: block;
        text-align: center;
        margin: 0 auto;
    }
    /*  .coverage {
        width: 25%;
    }*/
    .addon-listbl .check-feild {
        padding-right: 0.5rem;
    }
    .reg-underind.wid-active,
    .pre-policytype.wid-active {
        width: 100%;
    }
    .reg-un-indvalue,
    .prevpolicy-typval {
        font-size: 1.8rem;
    }
    .buyn-carblock .car-nam {
        font-size: 2.4rem;
    }
    .buyn-carblock .car-modnm {
        display: block;
        font-size: 1.8rem;
    }
    .car-slide-details {
        float: none;
        width: 100%;
        padding: 2rem 0;
    }
    .add-onblock {
        width: 100%;
    }
    .il-assist {
        padding: 3rem 2rem;
    }
    .inapp-block {
        width: 60%;
        padding-left: 1rem;
    }
    .suminsured-block {
        padding: 1.3rem 2rem;
    }
    .suminsured-block figure {
        margin-right: 2rem;
    }
    .suminsured-block .ppcover-area p {
        width: 70%;
    }
    .car-text-addv {
        width: 100%;
        padding: 2rem;
    }
    ul.drv-exp li {
        width: 100%;
    }
    .car-text-addv p {
        font-size: 1.4rem;
        padding: 1rem 0 0;
    }
    ul.drv-exp li {
        padding-bottom: 0.5rem;
    }
    .car-text-addv h1 {
        font-size: 3rem;
    }
    .addons-detail {
        padding-left: 0;
        width: 100%;
        float: left;
    }
    .plan-block.active .singlesvg {
        width: 9rem;
        height: 8rem;
    }
    a.btn-primary {
        margin-right: 0;
        font-size: 1.6rem;
        padding: 1.2rem 3rem;
    }
    /*  .plan-block.active {
        padding: 2rem 2rem;
    }*/
    /*  .right-side-plan {
        width: 40%;
        float: left;
        text-align: right;
        padding: 2rem 0 0;
    }*/
    /*  .right-side-plan .amount-plan {
        width: 50%;
        right: 10px;
    }
    .right-side-plan .amount-plan {
        bottom: 10px;
    }
    .right-side-plan .amount-plan {
        width: 68%;
    }*/
    /*  .plan-block {
        padding: 3rem 3rem 4rem 3rem;
    }*/
    .amount-plan .amt-detail {
        float: none;
        padding-right: 2rem;
        vertical-align: top;
    }
    .amount-plan .amt-detail span strong {
        font-size: 2.2rem;
    }
    .car-form-block .make-model {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    .vehicle-policycover {
        padding: 2rem 1rem;
    }
    #addon .vehicle-policycover {
        padding: 2rem 0;
    }
    .pawaiver-block .vehicle-policycover .rec-text {
        width: 90%;
        padding-left: 1rem;
    }
    span.pac-text {
        font-size: 1.4rem;
        width: 85%;
    }
    .plan-detail-wrap h1 {
        display: block;
        text-align: center;
        margin: 0 auto;
    }
    .idv-amount {
        float: none;
        /* padding-left: 1rem; */
        /* text-align: center; */
        margin: 0 auto;
        display: block;
        /* padding-bottom: 1rem;*/
    }
    .idv-content {
        width: 100%;
    }
    .idv-check {
        width: 100%;
        /*      padding: 3rem 0 0;*/
    }
    .rec-text span.rec-amt {
        font-size: 2rem;
        padding-left: 1rem;
    }
    .idv-popup {
        padding: 5rem 3rem 0;
    }
    a.btn-primary {
        margin-right: 0;
    }
    a.btn-primary.js-thatsc {
        margin-right: 1rem;
    }
}

@media (max-width: 699px) {
    #header .mobWelBlock {
        padding-left: 16px;
        padding-right: 16px;
    }
    #header .menuClose {
        right: 6px;
    }
    #header .welProf .mobAfterlogin h3 {
        font-size: 15px;
    }
    .mobloginblock {
        left: 77px;
    }
    .mobLogo {
        width: 165px;
        height: 32px;
    }
    #header .mobLogo a img {
        width: 100%;
    }
    .mobAfterlogin {
        white-space: nowrap;
    }
}

@media (max-width: 359px) {
    .mobAfterlogin #LblUser {
        width: 112px;
    }
}

/*@media(min-width: 480px) and (max-width: 767px){
.claim-blocks li{
    width: 12rem;
    height: 12rem;
    margin-right: 2rem;
}
.right-side-plan {
    width: 40%;
    float: left;
    text-align: right;
    padding: 2rem 0 0;
}
.amount-plan {
    width: 50%;
    right: 10px;
}
}*/

@media (max-width: 480px) {
    .otp-form-block .otp-container .carotp-number-input {
        width: 28px;
    }
    .otpblock-buttons a {
        font-size: 1.2rem;
    }
    .otpblock-buttons span {
        padding: 0 1rem;
    }
    a.btn-primary.btn-white {
        padding: 1.5rem 4rem;
    }
    .proposal-page .policy-summary h3 {
        text-align: center;
    }
    #addcovers .input-block.select-vu.ripple-bar.sm-input label {
        font-size: 1.6rem;
    }
    .garage-search a {
        font-size: 1.1rem;
    }
    #policy-types .commonpop-pad {
        padding: 2rem 1rem;
    }
    .od-form {
        padding: 2rem 0 0 1rem;
    }
    .payment-detailslist ul li {
        width: 100%;
    }
    .otpInner.otp-container a.resend-otp {
        margin: 2rem 0 0;
    }
    .reg-underind .radio,
    .pre-policytype .radio {
        margin: 0.5rem 3rem 0 0;
    }
    ul.paid-drv li a {
        height: 3rem;
        width: 3rem;
    }
    .addons-box .plan-block.covertop-block {
        padding: 3rem 1rem 2rem 1rem;
    }
    .plan-block.pay-block {
        padding: 2rem 1rem;
    }
    .plan-block.pay-block.checkBoxsmall .check-feild {
        padding: 0.5rem 0;
    }
    .covers-accordmob {
        margin-left: 0;
    }
    .chi-plan-page .right-side-plan .amount-plan {
        width: auto;
        right: 0;
        bottom: 0;
    }
    .chi-dth .plancovers-block {
        width: 55%;
        padding: 1rem 0 1rem 0;
    }
    .chi-policydetails .plan-block {
        padding: 3rem 2rem 4rem 2rem;
    }
    .chi-plan-page .amount-plan .amt-detail {
        bottom: 28rem;
    }
    .chi-dth .addons-detail .addon-list li {
        width: 100%;
    }
    .chiinsured-details .choice-radio-block .radioButtons {
        margin-left: 0;
    }
    ul.testimonials-block li p {
        padding-right: 0;
    }
    ul.testimonials-block li span.prof-img1,
    ul.testimonials-block li span.prof-img2 {
        right: 0;
    }
    ul.key-features-list li span {
        font-size: 1.5rem;
    }
    .chi-mainblock .chiplan-tabs.tab-head li {
        font-size: 1.4rem;
        padding: 1.6rem 1.2rem 1.6rem;
    }
    .chi-mainblock .chiplan-tabs.tab-head li span {
        font-size: 1.2rem;
    }
    .payment-page h1,
    h3 {
        font-size: 2.5rem;
    }
    h4 {
        font-size: 1.6rem;
    }
    .ins-app .claim-blocks li {
        width: 9rem;
        height: 11rem;
        margin-right: 0.5rem;
        padding-top: 3rem;
    }
    .cover-block {
        width: 82%;
    }
    .check-feild {
        padding-right: 0.5rem;
    }
    .cover-block h3 {
        font-size: 1.3rem;
    }
    .choice-radio-block .radioButtons {
        display: block;
    }
    .inapp-block {
        width: 100%;
        padding-left: 0;
    }
    .car-detail-wrap a.edit {
        top: 20px;
        right: 1rem;
        font-size: 1.2rem;
    }
    .car-image img {
        width: 125px;
    }
    a.btn-primary {
        font-size: 1.4rem;
        padding: 1.5rem 3rem;
    }
    .amount-plan .amt-detail span strong {
        font-size: 2rem;
    }
    /*.coverage {
    width: 100%;
}*/
    /*.addons-detail {
    width: 100%;
    padding: 2rem 0;
}*/
    .right-side-plan {
        width: 100%;
    }
    /*  .amount-plan {
        bottom: 0;
        position: relative;
        top: 10px;
        left: 0;
        right: 0;
        width: 100%;
    }*/
    .telematic {
        text-align: center;
    }
    .sum-prem-block {
        width: 100%;
        float: none;
        margin: 3rem 0 0;
    }
    .suminsured-block {
        padding: 1.3rem 2rem;
    }
    .suminsured-block .ppcover-area {
        display: inline-block;
        width: 72%;
        float: left;
        padding: 0.6rem 0 0;
    }
    .suminsured-block .ppcover-area p {
        font-size: 1.2rem;
        display: inline-flex;
        width: 70%;
    }
    .suminsured-block figure {
        margin-right: 2rem;
    }
    .right-side-plan .amount-plan {
        /*      width: 100%;*/
        /*      right: 10px;
        bottom: 0;*/
    }
    .amount-plan .amt-detail {
        float: left;
    }
    h1,
    h3 {
        font-size: 2rem;
    }
    .rd-label,
    .sl-label {
        font-size: 1.4rem;
    }
    .pre-policytype .radio label,
    .choice-radio-block .radio label {
        font-size: 1.4rem;
    }
    .dark-form .checkBoxsmall .input-check + label {
        font-size: 1.3rem;
    }
    .dark-form .checkBoxsmall .input-check:checked + label:after {
        bottom: 1px;
        top: 2px;
    }
    ul.social-icons li.fb-btn {
        margin-right: 0;
        margin-bottom: 1rem;
    }
    #addon .tab-head li {
        min-width: auto;
        font-weight: normal;
        /*font-size: 1.1rem;*/
    }
    .renewal-blk span {
        font-size: 1.2rem;
    }
}

@media (max-width: 400px) {
    ul.policy-doc-list li {
        padding: 0 2rem;
        margin-bottom: 1rem;
    }
    span.note-text {
        margin-top: 1rem;
    }
    .dark-form .checkBoxsmall .input-check + label:before {
        width: 2rem;
        height: 2rem;
    }
    span.tooltip-text.opt-out {
        left: 117px;
    }
    .totl-prem {
        padding: 2rem 2rem;
    }
    .addon-btn {
        padding-right: 2rem;
    }
    .rec-text {
        width: 90%;
    }
    .rec-text span.rec-amt {
        padding-left: 0;
    }
    .renew-box h2 {
        padding-left: 0;
        width: auto;
        font-size: 1.6rem;
        padding-bottom: 1rem;
    }
    .renew-box a.btn-blue {
        font-size: 1.3rem;
        float: none;
    }
    .reg-underind .radio,
    .pre-policytype .radio {
        margin: 0.5rem 2rem 0 0;
    }
    .zd-prepolicy .radioButtons {
        width: 50%;
    }
    /*  .coverage {
        width: max-content;
        float: none;
        text-align: center;
        margin: 0 auto;
        display: block;
    }*/
    .addons-detail h4 {
        font-size: 1.6rem;
        padding: 2rem 0 0;
    }
    .addons-detail {
        width: 100%;
        padding-left: 0;
    }
    .input-block .note a {
        font-size: 1rem;
    }
    .renew-box {
        margin: 0 auto;
        text-align: center;
        display: block;
        width: 95%;
    }
    a.btn-primary {
        padding: 1.8rem 3rem;
    }
    img.whatsapp-img {
        width: 60px;
        margin-left: 0;
    }
    .checkBoxsmall .input-check + label {
        font-size: 1.2rem;
    }
    .health-details .carno-box span {
        font-size: 1rem;
    }
    .sum-insured {
        float: none;
    }
    ul.js-policy-tabs li a,
    ul.js-suminsured-tabs li a {
        padding: 0.5rem 0.5rem;
    }
    .close-slide {
        right: 1rem;
        top: 1rem;
    }
    .car-inspection-accord .radio label {
        font-size: 1.3rem;
    }
}

@media (max-width: 360px) {
    .otpInner.otp-container a.resend-otp {
        margin: 2rem 0 0;
    }
    /*  .garage-search .search-item {
        padding: 1.5rem 1rem;
    }*/
    .rating-n li:after {
        width: 14px;
    }
    .garage-search .search-item input {
        min-width: 175px;
        margin-left: 2px;
        font-size: 1.2rem;
    }
    .car-image img {
        width: 100px;
    }
    .rating-n li {
        margin: 0 0.6rem;
    }
    .submit-btn .js-car-register {
        width: 60%;
    }
}

/**************************************************media screen end**************************************************/

/* gaushul css */
.resetpassword-mesg p {
    margin-bottom: 30px;
}
.errorCommFP {
    margin-bottom: 20px;
    font-size: 17px;
    color: red;
}
.reset-password .input-block {
    margin-bottom: 0;
}

/* loader  */

.loader-2,
.loader_tr {
    display: none;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    z-index: 99999;
}
.loader-2 .innerT {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.loader-3,
.loader_tr {
    display: none;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    z-index: 99999;
}
.loader-3 .innerT {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.loader p {
    font-size: 15px;
    color: #053c6d;
}

/*Typing Loader*/
.typing_loader {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    -webkit-animation: typing 1s linear infinite alternate;
    -moz-animation: Typing 1s linear infinite alternate;
    -ms-animation: typing 1s linear infinite alternate;
    animation: typing 1s linear infinite alternate;
    /*  margin: 46px auto; Not necessary- its only for layouting*/
    margin: auto;
    position: relative;
    right: 23px;
}
@-webkit-keyframes typing {
    0% {
        background-color: rgba(4, 60, 111, 1);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
    }
    25% {
        background-color: rgba(4, 60, 111, 0.4);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
    }
    75% {
        background-color: rgba(4, 60, 111, 0.4);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 1);
    }
}

@-moz-keyframes typing {
    0% {
        background-color: rgba(4, 60, 111, 1);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
    }
    25% {
        background-color: rgba(4, 60, 111, 0.4);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
    }
    75% {
        background-color: rgba(4, 60, 111, 0.4);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 1);
    }
}

@keyframes typing {
    0% {
        background-color: rgba(4, 60, 111, 1);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
        -ms-box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
    }
    25% {
        background-color: rgba(4, 60, 111, 0.4);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
        -ms-box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
    }
    75% {
        background-color: rgba(4, 60, 111, 0.4);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 1);
        -ms-box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 1);
    }
}

@keyframes typing {
    from {
        background-color: rgba(4, 60, 111, 1);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
        -ms-box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
    }
    25% {
        background-color: rgba(4, 60, 111, 0.4);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
        -ms-box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
    }
    to {
        background-color: rgba(4, 60, 111, 0.4);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 1);
        -ms-box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 1);
    }
}
/*Typing*/
/* gaushul css */

/* new design changes media */

@media (max-width: 1360px) {
    .get-quote-wrap .input-block {
        max-width: 100%;
    }
    a.renewal-link {
        margin-left: 1rem;
    }
    .custloveContnt {
        font-size: 2.5rem;
    }
    .custloveWrapp .card-wrap.block-3 .card-block span {
        font-size: 1.4rem;
        padding: 0 1rem;
    }
    /*  .custloveWrapp .card-wrap.block-3 .card-block span:after{
        display: none;
    }*/
    .online-left-right img {
        width: 42%;
    }
    .idv-block img {
        width: 38%;
    }
    .common-que-tabs .tab-head li {
        min-width: 13.7rem;
    }
    .mainWrapper .common-que-tabs .tab-head li {
        min-width: 13.7rem;
    }
    a.renewal-link {
        margin-left: 0.5rem;
        max-width: 19rem;
    }
    a.renewal-link img {
        padding-right: 0.5rem;
        margin-right: 0;
    }
    img.whatsapp-img {
        width: 58px;
        margin-left: 0;
    }
    .custloveWrapp .card-wrap .card-block {
        padding: 0 1rem 2.5rem;
    }
    .floaterImg {
        right: 50%;
    }

    .ins-app .claim-blocks li{
        margin-bottom: 2.4rem;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .reviews-rating-content {
        padding: 0 3rem;
    }
    .fw-insurance-policy .card-block {
        padding-left: 4rem;
    }
    .online-ins-block {
        width: 100%;
        padding-top: 2rem;
        padding-left: 0;
    }
    .idv-text-block {
        width: 100%;
        padding-top: 2rem;
        padding-left: 0;
    }
    .tableWrapp {
        width: 100%;
    }
    .garage-title {
        padding-right: 1rem;
    }
    .common-que-tabs .tab-head {
        width: 100%;
    }
    .common-que-tabs .tab-content-body {
        width: 100%;
    }
    .rating-topbar:after {
        right: 0;
    }
    .car-get-quote .input-check + label {
        font-size: 1.2rem;
    }
}

@media (max-width: 991px) {
    #newflowtp .popup {
        width: 100%;
    }
    .car-banner-textblock {
        padding: 3rem 1rem;
    }
    .car-banner-textblock h1 {
        font-size: 3rem;
    }
    .car-banner-textblock h1 span {
        font-size: 3rem;
    }
    ul.car-banner-list li img {
        width: 25px;
        vertical-align: sub;
    }
    ul.car-banner-list li {
        font-size: 2rem;
    }
    .fw-policy-block {
        width: 100%;
        padding-left: 0;
    }
    .claim-section {
        padding: 3rem 0;
        overflow: hidden;
    }
    .online-left-right img {
        width: auto;
    }
    .idv-block img {
        width: auto;
        padding: 2rem 0;
    }
    section.section-content.fw-content-block {
        padding: 0 0 5rem 0;
    }
    .idv-block {
        padding: 1rem 0;
    }
    .garage-title.dth-garages-block {
        padding: 5rem 0 0;
    }
    .online-left-right img {
        padding: 3rem 0 0;
    }
    .fw-policy-block {
        padding-bottom: 3rem;
    }
    .dth-car-ins {
        width: auto;
    }
    .new-changes-plans .card-wrap.block-3 .card-block {
        margin: 1.66%;
        float: none;
        vertical-align: top;
    }
    .online-left-right {
        padding: 0;
    }
    .fw-insurance-policy .card-wrap.block-3 .card-block {
        display: inline-block;
        vertical-align: top;
    }
    .custloveWrapp .card-wrap.block-3 .card-block span {
        padding: 0 2rem;
    }
    .head-line {
        font-size: 3rem;
    }

    .head-line span {
        font-size: 3rem;
    }
}

@media (max-width: 767px) {
    ul.common-tab-list.ext-tab-list {
        width: 100%;
        margin: 0;
    }
    .footerContainer {
        display: block;
    }
    .ft-logo img {
        text-align: center;
        margin: 0 auto;
        display: block;
    }
    .tab-head li.active {
        border-bottom: 1px solid;
    }
    .claim-blocks li p {
        bottom: 15px;
    }
    .car-banner-textblock {
        padding: 0;
    }
    .tableWrapp {
        width: 100%;
        overflow: auto;
        margin: 0 auto;
        display: inline-block;
        margin-top: 3rem;
    }
    .reveal .submit-btn {
        text-align: center;
    }
    .submit-btn .js-car-register {
        float: none;
        margin-bottom: 2rem;
    }
    .submit-btn a.renewal-link span {
        display: inline-block;
        font-size: 1.3rem;
        width: 82%;
        padding: 0.5rem 0;
        text-align: left;
    }
    a.renewal-link {
        max-width: 30rem;
        margin-left: 0;
        display: inline-block;
        padding: 1rem 1rem;
        text-align: center;
        width: 100%;
    }
    a.renewal-link img {
        margin-right: 1rem;
        /*float: left;*/
    }
    .bg-blue .re-quote {
        margin-left: 0;
        display: block;
        border-bottom: 0;
        text-decoration: underline;
        margin-top: 1rem;
    }
    .fw-policy-block {
        display: inline-block;
        width: 100%;
        padding-left: 0;
        text-align: left;
        padding-bottom: 3rem;
    }
    .fw-policy-block h1 {
        font-size: 3rem;
    }
    .fw-insurance-policy h2 {
        text-align: left;
    }
    .fw-insurance-policy .subTitle {
        width: 100%;
        text-align: left;
    }
    .fw-insurance-policy .card-block.card-text p,
    .fw-insurance-policy .card-text p {
        text-align: left;
    }
    .fw-insurance-policy .card-block em {
        font-size: 3rem;
        left: -15px;
        top: -5px;
    }
    .fw-insurance-policy .card-wrap.block-3 .card-block.card-text span {
        text-align: left;
    }
    .car-ins-onlinepolicies h2 {
        text-align: left;
        padding-bottom: 1rem;
    }
    .car-ins-onlinepolicies .subTitle {
        text-align: left;
        display: block;
    }
    .car-ins-onlinepolicies .card-block.card-text p,
    .car-ins-onlinepolicies .card-text p {
        text-align: left;
    }
    .car-ins-onlinepolicies .card-wrap.block-3 .card-block.card-text span {
        text-align: left;
    }
    .car-ins-onlinepolicies .card-block {
        padding: 0;
    }
    .online-left-right {
        padding: 0 1rem;
    }
    .online-ins-block {
        width: 100%;
        padding-left: 0;
        text-align: left;
        padding-top: 3rem;
        border-top: 1px solid #e2e1df;
        margin-top: 4rem;
    }
    .subTitle {
        text-align: left;
        display: block;
    }
    h2 {
        text-align: left;
    }
    .claim-block h2 {
        text-align: center;
    }
    .claim-block {
        text-align: center;
        margin-bottom: 15rem;
    }
    .claim-block h2 {
        font-size: 3rem;
        text-align: center;
    }
    .claim-steps {
        text-align: center;
    }
    .floaterImg {
        position: absolute;
        right: auto;
        left: 50%;
        top: 86%;
    }
    .claim-section a.btn-primary {
        margin-bottom: 22rem;
    }
    .claim-block {
        margin: 0;
    }
    .claim-blocks li {
        width: 10rem;
        height: 11rem;
        margin-right: 1rem;
        padding-top: 4rem;
    }
    .claim-blocks {
        margin-bottom: 2rem;
    }
    .claim-calmly-block {
        padding: 3rem 0;
        overflow: hidden;
    }
    .new-changes-plans .card-block em {
        text-align: left;
        display: block;
        margin-bottom: 0;
    }
    .new-changes-plans .card-block p {
        text-align: left;
    }
    .new-changes-plans .card-wrap.block-3 .card-block.card-text span {
        text-align: left;
        padding-bottom: 3rem;
        margin-bottom: 2rem;
        border-bottom: 1px solid #eee;
    }
    .new-changes-plans .card-wrap .card-block {
        padding: 0;
    }
    .loss-pbc {
        text-align: left;
        display: block;
    }
    .policy-wording {
        padding-left: 0;
    }
    .idv-text-block {
        width: 100%;
        padding-left: 0;
        text-align: left;
        padding-top: 3rem;
    }
    .mainWrapper h2 {
        font-size: 3rem;
        padding-bottom: 1rem;
    }
    .garage-search h2,
    .garage-title h2 {
        text-align: center;
        margin-bottom: 1rem;
        padding: 0;
    }
    .common-que-tabs .tab-head {
        width: 100%;
    }
    .common-que-tabs .tab-content-body {
        width: 100%;
    }
    ul.common-tab-list li,
    ul.list-new li {
        width: 100%;
        font-size: 1.4rem;
    }
    .rating-fl {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-bottom: 1rem;
    }
    .reviews-rating-content {
        /*    padding: 2rem 2rem;
    border: 1px solid #cbcdce;
    border-radius: 1rem;*/
        /*max-width: 30rem;*/
        /*min-height: 40rem;*/
    }
    .reviews-block .item {
        padding: 2rem 2rem;
        border: 1px solid #cbcdce;
        border-radius: 1rem;
        min-height: 33rem;
        margin: 3rem 1rem 2rem;
    }
    .reviews-rating-content p {
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
    .rating-topbar:after {
        top: 31px;
        right: 30px;
    }
    .rating-slider h2 {
        padding: 0 1rem;
    }
    .reviews-block {
        padding: 0;
    }
    .custloveContnt {
        font-size: 2.5rem;
    }
    .custloveWrapp .card-wrap.block-3 .card-block span {
        font-size: 1.3rem;
    }
    .policy-wrd-block {
        margin: 2rem 0 0;
        padding: 2.5rem 0 0;
    }
    /*.policy-wrd-block p{
    font-size: 1.3rem;
}*/
    a.link.policy-wrd {
        display: block;
        padding: 2rem 0 0;
        margin: 0;
        position: relative;
        border: none;
    }
    .networkGarages small {
        text-align: center;
        top: 1rem;
    }
    a.link.policy-wrd:after {
        content: "";
        position: absolute;
        top: 28px;
        right: 8px;
        border: solid #282828;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        vertical-align: top;
        transform: rotate(-136deg);
        -webkit-transform: rotate(-44deg);
        transition: 0.6s;
    }
    .custloveWrapp .card-wrap.block-3.reveal .card-block {
        margin: 0;
    }
    .il-container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .new_footer .addressBlockRight {
        padding-top: 0;
    }
    .car-ins-onlinepolicies .card-wrap .card-block {
        padding: 0 0 1rem;
    }
    .icon-sprt img {
        width: 28px;
    }
}

/* new design changes media */
@media (max-width: 767px) {
    .travelgeoscope .input-block.focus label {
        top: -15px;
    }
}

/* Freshllok new payment css start here */
.paymntWrap .payment-page .policy-benefits p a {
    margin-left: 0;
    font-size: 1.1rem;
    font-weight: bold;
}
.renewal-screen.freshlookApp h1 span.Img {
    padding-right: 10px;
}
.thakuFreshpage .renewal-screen.freshlookApp h1:before {
    height: 47px;
    width: 47px;
    top: 50%;
    display: none;
    transform: translateY(-50%);
    left: 35%;
}
.payment-page .car-detail-wrap .submit-btn {
    padding-top: 30px;
}
.thakuFreshpage .renewal-screen.freshlookApp h1 {
    padding-bottom: 0;
}
.renewal-screen.freshlookApp .car-proposalno {
    text-align: left;
    border: 0;
}
.renewal-screen.freshlookApp .policyHead {
    display: inline-block;
    width: 100%;
    text-align: left;
    vertical-align: middle;
    padding: 20px 0;
    border-bottom: 1px solid #e4e4e6;
}
.renewal-screen.freshlookApp .policy-summary span {
    color: #000;
    padding: 5px;
    font-size: 15px;
    font-weight: 300;
    display: block;
}
.thakuFreshpage .renewal-screen.freshlookApp .selfinsp-block input {
    border-bottom: solid 1px #b6b4b4;
}
.thakuFreshpage .renewal-screen.freshlookApp .selfinsp-block label {
    color: #969494;
}
.renewal-screen.freshlookApp .policyHead h3 {
    padding: 0;
    display: inline-block;
    text-align: left;
    border: 0;
}
.renewal-screen.freshlookApp .policyHead span.pl-sm-btn {
    display: inline-block;
    text-align: right;
    float: right;
}
.renewal-screen.freshlookApp .policyHead span.pl-sm-btn a {
    text-decoration: underline !important;
}
.thakuFreshpage .renewal-screen.freshlookApp .prop-left {
    padding-bottom: 15px;
}
.thakuFreshpage .renewal-screen.freshlookApp a.btn-primary.endsmgbtn {
    font-size: 17px;
    font-weight: 600;
}
.thakuFreshpage .renewal-screen.freshlookApp .prop-left p.emailContent:before {
    display: none;
}
.thakuFreshpage .renewal-screen.freshlookApp .selfinsp-block .ui-error {
    font-size: 1.5rem;
    padding: 0;
    margin: 0;
}
.thakuFreshpage .renewal-screen.freshlookApp .prop-left p {
    padding: 15px 15px 15px 80px;
}
.thakuFreshpage .renewal-screen.freshlookApp p.subtitle {
    line-height: 1.76;
    display: block;
    padding-top: 0px;
    padding-bottom: 25px;
    text-align: center;
}
.thakuFreshpage .freshlookApp .selfinsp-block span {
    padding-top: 1.1rem;
}
.thakuFreshpage .ins-app.freshappIns {
    padding: 2.5rem;
}
.thakuFreshpage .ins-app.freshappIns .insmob-img {
    width: 18%;
    margin-right: 2rem;
}
.thakuFreshpage .ins-app.freshappIns .app-textarea {
    width: 76%;
}
.thakuFreshpage .ins-app.freshappIns .app-textarea p {
    font-size: 2rem;
    border-bottom: 0;
    padding-top: 0;
    line-height: normal;
    padding: 0;
    margin: 0;
}
.thakuFreshpage .ins-app.freshappIns .installAppimgwrapp {
    display: inline-flex;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #215e8b;
}
.thakuFreshpage .ins-app.freshappIns .installAppContwrapp {
    padding-top: 2.5rem;
}
.thakuFreshpage .ins-app.freshappIns .installAppContwrapp p {
    font-size: 15px;
    line-height: 1.67;
}
.thakuFreshpage .ins-app.freshappIns .installAppContwrapp .dwnappOuter {
    display: inline-block;
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.thakuFreshpage .ins-app.freshappIns .installAppContwrapp .dwnappOuter figure {
    display: inline-block;
}
.thakuFreshpage .ins-app.freshappIns .installAppContwrapp .dwnappOuter figure {
    display: inline-block;
    padding-right: 10px;
}
.thakuFreshpage .ins-app.freshappIns .installAppContwrapp p.dwnapp {
    padding-bottom: 15px;
    font-size: 17px;
    font-weight: 600;
}
.thakuFreshpage .ins-app.freshappIns h3 {
    font-weight: bold;
    padding-top: 5px;
}
.renewal-screen.arg-policyBlock .protect-proposal span {
    font-size: 1.5rem;
}
.renewal-screen.freshlookApp.arg-policyBlock .policyHead {
    border: 0;
}
.renewal-screen.arg-policyBlock .protect-proposal {
    width: auto;
}
.arg-policyBlock.freshlookApp.chi-policyblock .protect-proposal {
    border-left: 1px solid #282828;
    padding-left: 2rem;
    margin-left: 2rem;
    padding-bottom: 0;
    width: auto;
}
.renewal-screen.arg-policyBlock .policyHead h3 {
    font-weight: bold;
    font-size: 17px;
}
.renewal-screen.freshlookApp.arg-policyBlock .policy-summary span {
    font-weight: 400;
}
.policy-summary ul.summary-list {
    border-radius: 0;
}
@media (max-width: 767px) {
    .thakuFreshpage .arg-policyBlock .summary-list li span.pl-sm-btn,
    .thakuFreshpage .arg-policyBlock .summary-list li span.pl-sm-tp {
        width: 100% !important;
    }
    .renewal-screen.freshlookApp.arg-policyBlock .policy-summary span {
        font-size: 14px;
    }
    .arg-policyBlock.freshlookApp.chi-policyblock .protect-proposal {
        border-left: 0;
        padding-left: 0;
        margin-left: 0;
        padding-bottom: 0;
        width: 100%;
        margin-top: 15px;
    }
    .thakuFreshpage .ins-app.freshappIns .app-textarea p {
        font-size: 1.8rem;
    }
    .thakuFreshpage .ins-app.freshappIns,
    .thakuFreshpage .blu-block {
        padding: 1.5rem;
    }
    .thakuFreshpage .freshlookApp .selfinsp-block span {
        padding-top: 0;
        padding-bottom: 1.5rem;
        margin: 0;
    }
    .thakuFreshpage .renewal-screen.freshlookApp h1:before {
        transform: inherit;
    }
    .thakuFreshpage .renewal-screen.freshlookApp .prop-left p.emailContent {
        padding: 20px 15px;
    }
    .thakuFreshpage .renewal-screen.freshlookApp .selfinsp-block {
        width: 100%;
        padding: 3rem 1rem 0;
    }
    .renewal-screen.freshlookApp .policyHead h3 {
        width: 100%;
    }
    .renewal-screen.freshlookApp .policyHead span.pl-sm-btn {
        text-align: left;
        float: left;
        padding-left: 0;
        padding-top: 10px;
    }
    .thakuFreshpage .selfinsp-block .input-block {
        margin-bottom: 0;
    }
}
@media (max-width: 480px) {
    .thakuFreshpage .ins-app.freshappIns .insmob-img {
        width: 18%;
        /* margin-right: 2rem; */
    }
    .thakuFreshpage .ins-app.freshappIns .app-textarea {
        width: 74%;
    }
}

@media (max-width: 400px) {
    .policy-breakup-block .total-amt.amt-orange p,
    .policy-breakup-block .total-amt.amt-orange .rightValue {
        font-size: 1.4rem;
    }
}

# @media screen and (-webkit-min-device-pixel-ratio:0) {
    .custom-dropdown input.vs__search {
        background: none !important;
    }
}


/*************** start saver ***************/
.plan-smart-saver {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
        padding: 1.5rem 2rem;
        background: #e1e0d1;
        margin-bottom: 2rem;
        border-radius: 1rem 1rem 0 0;
    }

    .plan-smart-saver img {
        display: inline-block;
        vertical-align: sub;
    }

    .smart-saver-content {
        display: inline-block;
        width: 85%;
        padding-left: 1rem;
        position: relative;
    }

    .smart-saver-content p {
        color: #282828;
        text-align: left;
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 22px;
    }

    .smart-saver-content h2 {
        font-size: 2.4rem;
        color: #282828;
        font-weight: 700;
        padding: 1rem 0 0.5rem;
        margin: 0;
    }

    .smart-saver-content p.p-blue {
        color: #34546d;
        padding-bottom: 1rem;
    }

    .smart-saver-content p span.tooltip-ui {
        margin: 0;
        padding-right: 1.5rem;
        border: none;
        margin-top: 0.2rem;
    }

    .smart-saver-content p span.tooltip-ui:before {
        content: "";
        display: inline-block;
        height: 20px;
        width: 20px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMTQuNjY2N0MxMS42ODE5IDE0LjY2NjcgMTQuNjY2NyAxMS42ODE5IDE0LjY2NjcgNy45OTk5OUMxNC42NjY3IDQuMzE4MSAxMS42ODE5IDEuMzMzMzMgOCAxLjMzMzMzQzQuMzE4MSAxLjMzMzMzIDEuMzMzMzMgNC4zMTgxIDEuMzMzMzMgNy45OTk5OUMxLjMzMzMzIDExLjY4MTkgNC4zMTgxIDE0LjY2NjcgOCAxNC42NjY3WiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOCAxMC42NjY3VjgiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTggNS4zMzMzM0g4LjAxIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        top: 0;
        color: #e1e0d1;
    }

    .smart-saver-content .know-m {
        color: #fe6625;
        border-bottom: 1px solid #fe6625;
        position: absolute;
        top: 8px;
        right: 0;
        font-size: 1.4rem;
        font-weight: 600;
    }

    .plan-smart-saver .input-check + label {
        color: #282828;
        padding: 5px 15px 5px;
        border-radius: 5.1px;
        box-shadow: 0 2px 1px 0 rgb(0 0 0 / 7%);
        border: solid 1px #c9c9c9;
        background-color: #fff;
        width: 90px;
        height: 40px;
        line-height: 26px;
        font-size: 16px;
        font-weight: bold;
    }
    .plan-smart-saver .input-check + label:before {
        content: "+";
        font-size: 22px;
        font-weight: 400;
        line-height: 2rem;
        padding-left: 0.4rem;
        position: absolute;
        right: 5px;
        left: auto;
        top: 6px;
        margin: 0;
        color: #f58220;
        font-weight: 600;
        border: none;
    }

    .plan-smart-saver .input-check + label span {
        color: #282828;
        font-size: 16px;
        font-weight: 700;
    }
    .plan-smart-saver .input-check:checked + label:before {
        content: "";
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 40px;
    }

    .plan-smart-saver .input-check:checked + label {
        background: #f6ead4;
        border: 1px solid #d56a26;
    }
    .plan-smart-saver .input-check:checked + label:after {
        content: "-";
        color: #d56a26;
        font-weight: 600;
        width: 100%;
        position: absolute;
        top: 3px;
        right: 8px;
        left: auto;
        bottom: auto;
        border: none;
        transform: none;
        font-size: 30px;
        height: 40px;
        text-align: right;
    }
    .s-upgrd {
        display: inline-block;
        background: #fff2eb;
        padding: 0.6rem;
        border: 1px dashed #f58220;
        border-radius: 10px;
    }

    .s-upgrd img {
        display: inline-block;
        vertical-align: top;
    }

    .s-upgrd p {
        display: inline-block;
        padding-left: 1rem;
        color: #003d59;
        font-weight: 700;
        font-size: 1.5rem;
    }

    .smart-saver-content p:nth-child(2) {
    }

    .smart-saver-content p.p-tooltip {
        font-size: 1.2rem;
        font-weight: 400;
        padding: 1rem 0;
        display: flex;
    }

    .bg-blue .smart-saver-content span.tooltip-ui,
    .bg-blue .smart-saver-content span.tooltip-ui:before {
        color: #e1e0d1;
    }

    ul.saver-list {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
        padding: 1rem 0 0;
    }
    .smart-saver-content p:nth-child(2) {
        padding: 1rem 0 0.5rem;
    }
    ul.saver-list li a {
        color: #fe6625;
        font-size: 1.2rem;
    }
    ul.saver-list li {
        display: inline-block;
        width: 30%;
        font-size: 1.2rem;
        font-weight: 400;
        position: relative;
        padding: 0.5rem 0 0 2rem;
        line-height: 18px;
        vertical-align: top;
    }

    ul.saver-list li:before {
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        background: #282828;
        border-radius: 30px;
        margin-right: 1rem;
        position: absolute;
        left: 5px;
        top: 10px;
    }

    .smart-saver-content small {
        text-align: right;
        display: block;
        font-size: 1rem;
        font-weight: 400;
        padding: 1rem 0 0;
    }
    .plan-smart-saver.edit-smart-details {
        border-radius: 1rem;
        border: 1px dashed #a8a8a8;
        background: #eaeaea;
    }
    p.benf-txt {
        padding: 1rem 0 0.5rem 0;
        font-size: 1.4rem;
        font-weight: 600;
    }
    .smart-saver-slide h1 {
        font-size: 4rem;
        margin: 0;
        padding: 0;
        line-height: 40px;
    }

    .smart-saver-slide h1 span {
        display: block;
        font-size: 4rem;
        color: #fe6625;
        font-weight: 500;
    }
    .smart-saver-garage .car-form-block {
        margin: 0;
        padding: 0;
    }

    .smart-saver-garage .car-form-block > p {
        padding: 2rem 0;
        font-size: 1.5rem;
        line-height: 23px;
        font-weight: 400;
    }
    .why-smart-garage {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
    }

    .smart-saver-garage h2 {
        font-size: 1.7rem;
        font-weight: 600;
        padding-bottom: 1rem;
    }
    .garages-blue-block {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
        background: #fff;
        border-radius: 1rem;
        border: 1px solid #c9c9c9;
        padding: 3rem 5rem;
    }

    .blue-list-block {
        display: inline-block;
        width: 50%;
        float: left;
        padding-bottom: 5rem;
        position: relative;
    }

    .blue-list-block:nth-child(3) {
        clear: both;
    }
    .garage-right {
        display: inline-block;
        width: 85%;
        vertical-align: top;
        padding-left: 2rem;
    }

    .garage-right h3 {
        font-size: 1.5rem;
        font-weight: 700;
    }

    .garage-right p {
        font-size: 1.3rem;
        line-height: 22px;
        font-weight: 400;
    }

    .blue-list-block:nth-child(3),
    .blue-list-block:nth-child(4) {
        padding: 0;
    }
    .blue-list-block:after {
        content: "";
        height: 100%;
        width: 1px;
        display: inline-block;
        background: #c9c9c9;
        position: absolute;
        right: 0;
    }

    .blue-list-block:nth-child(2):after,
    .blue-list-block:nth-child(4):after {
        display: none;
    }
    .blue-list-block:nth-child(2),
    .blue-list-block:nth-child(4) {
        padding-left: 3rem;
    }

    .blue-list-block:before {
        content: "";
        background: #c9c9c9;
        width: 100%;
        height: 1px;
        display: inline-block;
        position: absolute;
        bottom: 23px;
        left: 0;
    }
    .blue-list-block:nth-child(3):before,
    .blue-list-block:nth-child(4):before {
        display: none;
    }
    .hypothe-block {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
        padding: 3rem 0;
    }

    .hypothe-block p {
        font-size: 1.4rem;
        line-height: 22px;
    }
    .smart-saver-garage table {
        border-collapse: collapse;
        text-align: center;
        overflow: hidden;
        width: 100%;
    }
    .smart-saver-garage table th {
        text-align: center;
        background: #eaeaea;
        padding: 1.5rem 2rem;
        border-right: 1px solid #ece9e9;
        font-family: Muli;
        font-size: 15px;
        font-weight: 600;
        color: #000;
    }
    .smart-saver-garage table th:first-child {
        background: none;
    }
    .smart-saver-garage table th:last-child {
        background: #e1e0d1;
        color: #282828;
    }
    .smart-saver-garage table td {
        text-align: left;
        padding-left: 30px;
        padding-top: 17px;
        padding-bottom: 16px;
        font-size: 15px;
        font-weight: 300;
        line-height: 1.33;
        color: #000;
        position: relative;
        width: 210px;
        border-bottom: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
    }
    .smart-saver-garage table td:first-child {
        background: #eaeaea;
        font-weight: 600;
        border-right: none;
    }
    .smart-saver-garage table td:last-child {
        background: #fff;
    }
    .smart-saver-garage sub {
        font-size: 1.3rem;
        display: inline-block;
        width: 100%;
        line-height: 22px;
        padding-bottom: 3rem;
    }
    .garages-link {
        display: inline-block;
        padding: 3rem 0;
        width: 100%;
        margin: 0 auto;
    }

    .garages-link p {
        font-size: 1.6rem;
        font-weight: 400;
    }

    .mainWrapper .garages-link p a {
        color: #fe6625;
        border-bottom: 1px solid;
        font-size: 1.4rem;
        font-weight: 700;
        margin-left: 1rem;
    }
    .imp-block {
        display: inline-block;
        padding: 2rem 1rem;
        background: #fff2eb;
        width: 100%;
        border-radius: 1rem;
        border: 1px solid #eccab8;
        text-align: center;
        margin: auto 0;
    }

    .imp-content {
        display: inline-block;
    }

    .imp-content h3 {
        font-size: 1.7rem;
        font-weight: 500;
    }

    .imp-block img {
        vertical-align: top;
        display: inline-block;
    }
.imp-content >p {
    font-size: 1.4rem;
    font-weight: 700;
    display: inline-block;
}
span.smart-right-logo {
    display: inline-block;
    float: right;
    border: 2px solid #EC6625;
    padding: 0.6rem;
    border-radius: 1rem;
    color: #EC6625;
    font-weight: 700;
    margin: 2rem 0 0;
}
    .imp-left {
        display: inline-block;
        width: 50%;
        padding: 1.5rem 0 0;
    }

    .imp-right {
        display: inline-block;
        width: 48%;
        padding: 1.5rem 0 0;
    }
.imp-left p, .imp-right p {
    font-size: 1.3rem;
    font-weight: 400;
}
    .imp-content img {
        display: inline-block;
        padding-right: 1rem;
        vertical-align: middle;
    }

    .overlaySlide {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        z-index: 0;
        display: none;
    }
    .imp-content h3 img {
        display: inline-block;
    }
    div#smartOther .popup .content h3 {
    text-align: center;
    display: block;
    font-weight: 700;
    font-size: 2.2rem;
}
div#smartOther .popup .content p{
text-align: center;
    display: block;
    font-size: 1.8rem;
    font-weight: 500;
}

div#smartOther .popup .amount {padding: 2rem 0 3rem;}
.divTable
    {
        display:  table;
        width: 100%;
        /*cellspacing:poor IE support for  this*/
        border-collapse: collapse;
    }

    .divRow
    {
       display: table-row;
    }

    .divCell
    {
        display: table-cell;
        font-size: 14px;
        padding: 15px;
        border-bottom: 1px solid #C9C9C9;
        border-right: 1px solid #C9C9C9;
    }

.headRow .divCell:nth-child(2) {
    background: #EAEAEA;
    text-align: center;
    border:none;
}

.headRow .divCell:nth-child(3) {
    background: #E1E0D1;
    text-align: center;
    border:none;
}

.divRow .divCell:nth-child(1) {
    background: #EAEAEA;
    border-right: none;
}

.divRow .divCell:nth-child(2) {
    background: #F7F5F6;
    text-align: center;
    font-weight: 400;
}

.divRow .divCell:nth-child(3) {
    background: #fff;
    text-align: center;
    font-weight: 700;
}

.headRow .divCell:first-child {
    border: none;
}
.divRow.firstTbl .divCell:first-child {
    background: none;
    border: none;
}

.divRow.firstTbl .divCell:nth-child(2) {
    background: #EAEAEA;
    border: none;
}

.divRow.firstTbl .divCell:last-child {
    background: #E1E0D1;
}
#fwSmartsavegarage {
    z-index: 999999;
}
.smart-saver-content .know-pop {
    color: #fe6625;
    border-bottom: 1px solid #fe6625;
    position: absolute;
    top: 8px;
    right: 0;
    font-size: 1.4rem;
    font-weight: 600;
}
.addons-detail .addon-list li.ppn-lbl:after {
    display: none;
}

.addons-detail .addon-list li.ppn-lbl {
    padding: 0.3rem 0.5rem 0.3rem 0.3rem;
}
.addons-detail .addon-list li:first-child img {
    margin-right: 2px;
}
.input-block.select-vu.ripple-bar.num-claims.select-city-saver .vs__selected {
 text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    padding-right: 2rem;   
}
.addons-detail .addon-list li:after{
        color: #8febab;
}
@media(min-width: 992px) and (max-width: 1199px){
    .garages-blue-block{
        padding: 3rem 2rem;
    }
    .garage-right{
        width: 80%;
    padding-left: 1rem;
    }

}
@media(max-width: 991px){
        .smart-saver-content{
            width: 80%;
    }
    #fwSmartsavegarage .side-panel-content {
    padding: 3rem 2rem;
}
.garages-blue-block{
        padding: 3rem 2rem;
}
.blue-list-block {
    width: 100%;
    float: none;
    padding-bottom: 3rem;
}
.garage-right {
    width: 100%;
    padding-left: 0;
}
.blue-list-block:nth-child(2), .blue-list-block:nth-child(4) {
    padding-left: 0;
}
.garage-right h3{
        padding: 1rem 0 0;
}
.blue-list-block:before, .blue-list-block:after{
    display: none;
}
.blue-list-block:nth-child(3), .blue-list-block:nth-child(4) {
    padding-bottom: 3rem;
}
}
@media(max-width: 767px){
    .plan-smart-saver.edit-smart-details{
            margin-top: 2rem;
    }
    .plan-smart-saver{
        position: relative;
    }
    .smart-saver-content {
    width: 100%;
    padding-left: 0;
    position: static;
}
.smart-saver-content .know-m{
    top: 20px;
    right: 20px;
}
ul.saver-list li{
    width: 48%;
}
.imp-left img, .imp-right img {
    display: block;
        padding-right: 0;
            margin-bottom: 0.3rem;
}
.imp-left p, .imp-right p {
    text-align: left;
    padding: 0 1rem;
        font-size: 1.2rem;
}
span.smart-right-logo {
    font-size: 1.2rem;
    padding: 1rem 1rem;
}
span.smart-right-logo img {
    display: none;
}
.divRow.firstTbl .divCell:first-child {
    display: none;
}
.divRow.firstTbl .divCell:nth-child(2) {
    display: inline-block;
        border-bottom: 1px solid #C9C9C9;
}
.divRow.firstTbl .divCell:last-child {
    display: inline-block;
}
.divRow .divCell:nth-child(2){
    display: inline-block;
    width: 50%;
    float: left;
}
.divRow .divCell:nth-child(1){
        text-align: center;
    width: 100%;
    display: inline-block;
}
.divRow .divCell:nth-child(3) {
    display: inline-block;
    width: 50%;
    float: left;
}
.smart-saver-content .know-pop{
    top: 20px;
    right: 15px;
}
.smart-saver-content>img {
    position: absolute;
    top: 8px;
    left: 13rem;
    width: 70px;
}
}
@media(max-width: 480px){
    img.firstImg {
    width: 100%;
    max-width: 90px;
}
}
@media(max-width: 400px){
.divRow.firstTbl .divCell:last-child{
    min-height: 63px;
}
}
/*************** start saver ***************/

.thakuFreshpage a.btn-primary.endsmgbtn:focus-visible{
    padding:1.8rem 4rem;
}