.article-topbar.mb-2 {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.ListArticles .block {
    font-size: 20px
}

h5.card-title {
    font-size: 18px;
    color: #1d1d1d;
    height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}
.titleBikepage {
    margin-left:20px;
    margin-top:20px
}

p.card-text {
    font-size: 10px;
    color: #1d1d1d;
    margin-bottom: 7px
}

p.author-text {
    font-size: 10px;
    color: #30B524;
    margin: 0
}

p.card-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 30px
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important
}

.switch-tabs {
    text-align: center
}

.switchcase-tabs {
    border: 1px solid #30B524;
    display: inline-block;
    margin-bottom: 40px;
    margin-top: 20px;
}

a.active {
    font-weight: 700;
    background-color: azure
}

a.active, a.tablinks {
    color: #30B524;
    line-height: 38px;
    padding: 5px 10px;
    display: inline-block
}

img.card-image {
    width: 25px;
    height: auto;
    padding-right: 5px;
    display: inline-block
}

h1.article-page-title {
    margin-top: 50px;
    margin-bottom: 100px;
    text-align: center
}

.ArticlesPGRightBox {
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    padding: 10px 20px;
    text-align: center;
    margin-bottom: 30px;
    position: sticky;
    top: 80px;
    overflow: hidden
}

.ArticlesPGRightBox h6 {
    font-size: 25px;
    font-weight: 600;
    color: #1d1d1d;
    margin-bottom: 15px;
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 10px
}

.ArticlesPGRightBox ul {
    padding: 0;
    margin: 0
}

.ArticlesPGRightBox ul li {
    padding: 0;
    display: block;
    text-align: left
}

.ArticlesPGRightBox ul li:last-child a {
    border: none
}

.ArticlesPGRightBox04 ul li a {
    display: flex;
    align-items: center
}

    .ArticlesPGRightBox04 ul li a img {
        width: 40px;
        height: 40px;
        padding: 0;
        margin-right: 10px
    }

.ArticlesPGRightBox ul li a {
    color: #1d1d1d;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 0;
    border-bottom: 1px solid #cfcfcf;
    display: flex;
    background-image: url(../img/Home-page/Arrow.svg);
    background-repeat: no-repeat;
    background-position: 270px -7px;
    background-size: 110px
}

.category-heading h3 {
    text-align: center
}

.social-icons.d-flex.align-items-center.SocialShare {
    margin: 30px 0
}

.beshak-home .beshak-main-box {
    margin-top: 100px
}
/*.beshak-container {
    margin-top:90px
}
*/ .mainImg {
    height: 570px
}

.error-m {
    padding-left: 8px;
    color: red;
    font-size: 16px;
    padding-left: 15px;
    text-align: start;
    margin-bottom: 0 !important
}

.error-body .error-m {
    bottom: 20px;
    color: red;
    font-size: 16px;
    padding-left: 10px
}

.error-body .NewsLatterBoxBtm002 .error-m {
    padding-left: 15px;
    color: red;
    font-size: 16px
}

.login-text p small {
    font-size: 90%;
    font-weight: 500
}

.bimg {
    background-clip: content-box
}

.beshak-homeImg:hover, .make-hover {
    cursor: pointer
}

.CMSArticleHtmlData table {
    width: 100% !important
}

.titleTagLine {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 1.5rem;
    color: #000;
    background-image: linear-gradient(#ffffff00,#000000a1);
    padding: 20px 25px
}

.titleTagLineDetails {
    position: initial;
    background-image: none;
    padding: 0
}

.whole-page p a[href="#Top"] {
    display: none
}

.raw-html-embed iframe {
    width: 100%
}

.NewsLatterBoxBtm h2, .titleTagLine h1 {
    font-size: 34px;
    margin: 0;
    color: #fff;
    font-weight: 700
}

.NewsLatterBoxBtm p, .titleTagLine p {
    font-size: 20px;
    margin: 0;
    color: #fff;
    font-weight: 400
}

.titleTagLineDetails h1 {
    color: #000;
    margin-bottom: 10px !important
}

.titleTagLineDetails p {
    font-size: 14px;
    color: #999;
    margin-bottom: 20px
}

    .titleTagLineDetails p span {
        font-weight: 500;
        color: #555
    }

.CMS-container .social-icons.d-flex.align-items-center.FollowOnIcon {
    position: relative;
    top: -15px;
    margin-right: auto;
}

.CMS-container .social-icons.FollowOnIcon a img {
    width: 20px;
    height: auto;
}

.top {
    padding: .25rem .6rem;
    font-size: 80%;
    font-weight: 300;
    border-radius: -.75rem;
    background-color: #30B524
}

.small {
    font-size: 14px
}

.bottom-left .block {
    font-size: 34px;
    line-height: 40px
}

.article-img img {
    width: 100%;
    height: 220px
}

.CMS-container ul.breadcrumb li {
    font-size: 14px;
    font-weight: 500;
    padding-right: 5px;
    color: #A9A9A9
}

    .CMS-container ul.breadcrumb li::after {
        font-family: 'Font Awesome 5 Free';
        content: "\f105";
        margin-left: 5px;
        font-size: 12px;
        color: #30B524;
        font-weight: 600;
    }

    .CMS-container ul.breadcrumb li:last-child::after {
        display: none
    }

    .CMS-container ul.breadcrumb li a {
        color: #30b524;
        font-weight: 500;
        font-size: 14px
    }

.category-name {
    color: #fff !important;
    padding: 5px 10px;
    font-size: 14px;
    display: block;
    font-weight: 500
}

.social-icons span {
    padding: 7px 15px;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-right: 15px;
    position: relative
}

    .social-icons span i {
        margin-right: 5px
    }

    .social-icons span::before {
        width: 0;
        height: 0;
        content: "";
        position: absolute;
        border-top: 7px solid transparent;
        border-left: 10px solid #ccc;
        border-bottom: 7px solid transparent;
        top: 12px;
        right: -10px
    }

.social-icons a img {
    width: 30px;
    height: 30px
}

.social-icons a {
    margin: 0 2px
}

.article-tags p span {
    border: 1px solid #32cd32;
    color: #32cd32;
    padding: 5px 15px;
    border-radius: 2px
}

.related-article p {
    padding-top: 5px 0;
    border-bottom: 1px solid #000
}

.category-section {
    position: sticky;
    top: 70px;
    height: 635px;
    overflow: hidden
}

.category-body {
    position: sticky;
    top: 70px;
    height: 635px;
    overflow: hidden;
    overflow-y: auto;
    padding: 0 15px 15px 15px
}

    .category-body::-webkit-scrollbar {
        width: 10px;
        border-radius: 50px
    }

    .category-body::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 50px
    }

    .category-body::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 50px
    }

        .category-body::-webkit-scrollbar-thumb:hover {
            background: #555
        }

.article-heading p {
    word-break: break-word;
    text-align: justify
}

article-heading {
    overflow: auto
}

.category-heading h3 {
    padding: 10px 0;
    border-bottom: 1px solid #000;
    font-size: 22px;
    font-weight: 600
}

.beshak-category span {
    color: #000
}

    .beshak-category span:hover {
        cursor: pointer;
        color: #000;
        font-weight: 500
    }

    .beshak-category span:hover, .category-name {
        cursor: pointer
    }

.search-box input {
    border: 1px solid #000;
    padding: 8px 15px;
    border-radius: 50px;
    margin-right: 10px
}

.topBtn {
    display: block;
    position: fixed;
    bottom: 95px;
    right: 15px;
    z-index: 99;
    font-size: 50px;
    border: none;
    outline: 0;
    color: #30B524;
    cursor: pointer;
    padding: 15px;
    border-radius: 50%;
    background-color: transparent
}

.beshak-home span {
    color: #32cd32
}

.p {
    font-size: 12px
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.firstRowArticle .ArticleBox img {
    width: auto;
    height: 350px
}

.SecondRowArticle .ArticleBox img {
    width: auto;
    height: 180px
}

.ArticleBox h4 {
    font-size: 16px;
    font-weight: 600;
    color: #30B524;
    margin: 0
}

.ArticleBox {
    margin-bottom: 25px
}

    .ArticleBox p {
        font-size: 12px;
        font-weight: 500;
        color: #1d1d1d
    }

    .ArticleBox .card-body {
        padding: 0;
        padding-top: 15px
    }

.ArticleCard .card-title, .popular {
    font-size: 22px
}

.ArticleCard {
    margin-bottom: 30px
}

.subscribe-box .btn {
    border: 1px solid #30B524 !important;
    color: #30B524 !important
}

    .subscribe-box .btn:hover {
        color: #fff !important;
        background-color: #30B524 !important
    }

.subscribe-box .btn, .subscribe-box .form-control {
    height: 40px
}

.subscribe-box .form-control {
    border-color: #c8c8c8 !important
}

.subscribe-box p {
    font-size: 16px !important
}

.subscribe-box2 p small {
    font-size: 16px !important
}

.subscribe-box h3 {
    font-size: 20px
}

.subscribe-box .author-name {
    font-size: 14px
}

.NewsLatterBoxBtm {
    background-color: #f5f5f5;
    padding: 50px 0
}

    .NewsLatterBoxBtm h2 {
        color: #000
    }

.NewsLatterBoxBtm002 {
    margin-top: 20px
}

    .NewsLatterBoxBtm002 .btn, .NewsLatterBoxBtm002 .form-control {
        height: 50px !important;
        border: 1px solid #30B524 !important
    }

    .NewsLatterBoxBtm002 .btn {
        border: 1px solid #30B524 !important;
        color: #30B524 !important
    }

    .NewsLatterBoxBtm002 .form-control {
        border: 1px solid #30B524 !important;
        color: #000 !important
    }

    .NewsLatterBoxBtm002 .btn:hover {
        color: #fff !important;
        background-color: #30B524 !important;
        cursor: pointer
    }

.news-area .line-height {
    line-height: 10px
}

.NewsLatterBoxBtm002 .form-control {
    border: 1px solid #c8c8c8 !important;
    color: #000 !important
}

.news-area p {
    font-size: 22px
}

.card-text {
    font-size: 16px;
    font-weight: 500
}

    .card-text h3 {
        font-size: 16px;
        font-weight: 700
    }

    .card-text p {
        font-size: 12px;
        font-weight: 300;
        color: #999;
        margin: 0
    }

.beshak-homeImg {
    height: 550px
}

.MostBeshak {
    height: 300px;
    overflow: hidden;
    overflow-y: auto;
    border: 1px solid #ccc;
    padding: 15px
}

    .MostBeshak::-webkit-scrollbar {
        width: 10px;
        border-radius: 50px
    }

    .MostBeshak::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 50px
    }

    .MostBeshak::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 50px
    }

        .MostBeshak::-webkit-scrollbar-thumb:hover {
            background: #555
        }

    .MostBeshak .row {
        margin-bottom: 15px
    }

        .MostBeshak .row .position-absolute .category-name {
            font-size: 10px;
            text-align: left;
            padding: 5px 10px
        }

        .MostBeshak .row .card-text h3 {
            font-size: 16px;
            font-weight: 500
        }

#scrollBar {
    --scrollAmount: 0%;
    background-color: #30B524;
    width: var(--scrollAmount);
    height: 10px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1
}

.loader-height {
    height: 80vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.spinner .bounce1, .spinner .bounce2, .spinner .bounce3 {
    background-color: #30B524
}

.spinner {
    margin: 100px auto 0;
    width: 70px;
    text-align: center
}

    .spinner > div {
        width: 18px;
        height: 18px;
        background-color: #333;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -.32s;
        animation-delay: -.32s
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -.16s;
        animation-delay: -.16s
    }

.NewUIStyle p a {
    color: #30B524
}

.NewUIStyle p b {
    font-weight: 600
}

.NewUIStyle .green-text a {
    color: #30B524
}

@-webkit-keyframes sk-bouncedelay {
    0%,100%,80% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay {
    0%,100%,80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}




/*======================== new bike form css =====================================*/

.bikeNewFormSec{
    align-items:end!important;
}

.BikeNewForm .ArticlesPGRightBox {
    border: 1px solid #cfcfcf;
    border-radius: 0px;
    padding: 20px 35px;
    text-align: center;
    margin-bottom: 0px !important;
    position: sticky;
    top: 80px;
    overflow: hidden;
    background-color: #F9FFF6;
    box-shadow: -17px 0px 37px #00000029;
}
.bikeHtmlData{
    padding-right:10px;
    margin-top:20px;
}
.CMSbikepages {
    align-items: end !important;
}
.green_text {
    color: #30b524;
}
.featuresImg {
    max-width: 100%;
    width:388px;
    margin:auto;
}
/*.BikeNewForm label input {
    border: 1.5px solid #30b524 !important;
    border-radius: 30px !important;
    height: 50px !important;
}
.BikeNewForm .RegNumber {
    top: 15px !important;
    color: #A9A9A9;
    font-size: 16px;
    font-weight: 500;
}*/
.images_box {
    position: relative;
    display: flex;
}
.images_box .img_overlap {
    position: absolute;
    right: -61px;
    width: 180px;
    bottom: 0;
    z-index: 10;

}
.formSection {
    background-color: #F9FFF6;
    border-radius:8px;
}
.pay_optBox {
    background-color: #FFFFFF;
    border: 1px solid #707070;
    border-radius: 29px;
    padding: 5px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%;
    margin: auto;
    margin: 20px auto
}
.pay_optBox .pay_option {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pay_optBox .pay_option small {
    font-size:12px;
    color:#1E1C24;
    font-weight:500;
}
.pay_optBox img{
    width:10px;
    margin-right:5px;
}
.proceedToQuote{
    margin-top:1rem;
    font-size:16px;
}
.proceedToQuote img {
    width: 10px;
    display: inline;
    margin-left: 10px;
}

.ratingBox{
    display:flex;
    justify-content:flex-start;
    align-items:center;
}
.CMSbikepages .col-md-8, .CMSbikepages .col-md-4 {
    padding: 0 !important;
}



.ArticlesPGRightBox1 {
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    padding: 10px 20px;
    text-align: center;
    margin-bottom: 30px;
    position: sticky;
    top: 100px;
    overflow: hidden
}

.bikeGuideSec ul li a img {
    width: 15px;
    height:auto;
    padding: 0;
    margin-right: 10px;
}
.bikeGuideSec ul li a {
    color: #1d1d1d;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 0;
    display: flex;
    justify-content:flex-start;
    align-items:center;
}
.bikeGuideSec ul li a:hover {
    color: #30b524;
}



.bikeGuideSec {
    margin-top: 20px;
}

.guide-box h2 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 15px;
}

.guide-box h2 span {
    color: #30b524;
}

.guide-list {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 360px;
    overflow-y: auto;
    padding-right: 10px!important;
}
.guide-list::-webkit-scrollbar {
  width: 6px;
}
.guide-list::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}
.guide-list::-webkit-scrollbar-thumb:hover {
  background-color: #30b524; 
}

.guide-list li {
    border-bottom: 1px dashed #ccc;
    padding: 0px;
    margin:0px;
}

.guide-list li:last-child {
    border-bottom: none;
}

.guide-list a {
    text-decoration: none;
    font-size: 14px;
    color: #333;
    display: flex;
    align-items: center;
    transition: color 0.3s;
}
.VehicleRegisterBike label input:focus ~ label, .VehicleRegisterBike label input:not(:placeholder-shown) ~ label {
    top: -10px;
    font-size: 10px;
    background: #f7f7f7;
    padding: 5px 10px !important;
    border-radius: 3px;
    left: 20px;
}
.VehicleRegisterBike .Animlable {
    width:90%;
    margin:auto;
}

.VehicleRegisterBike label input {
    width: 100%;
    text-transform: uppercase;
    box-shadow: 0 0 30px #6a6a6a29;
    height: 50px;
    padding: 0 20px;
    border: 1.5px solid #30b524;
    border-radius: 30px;
}
.VehicleRegisterBike label{
    width:100%;
}
.get_quotes{
    margin-top:30px;
}
.get_quotes .getQuotesBtn {
    background-color: #30b524;
    height: 50px;
    line-height: normal;
    box-shadow: 0px 30px 50px #E2FFCF;
    border-radius: 100px;
    padding: 0 30px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border: none;
}
.RegNumberBike {
    position: absolute !important;
    top: 15px;
    left: 0px;
    display: inline-block;
    height: auto;
    width: auto !important;
    line-height: normal;
    color: #bcbcbc;
    font-size: 14px;
    font-weight: 500;
    transition: .2s cubic-bezier(.25,.8,.25,1);
    pointer-events: none;
    padding-left: 20px !important;
}
.bikeGuideSec{
    text-align:left;
}
.Bike_form.BikeNewForm h3{
    font-size:24px;
    font-weight:bold;
}


@media (max-width:768px) {
    .beshak-home .beshak-main-box {
        margin-top: 70px
    }
    


    .beshak-container {
        margin-top: 70px
    }

    .mainImg {
        height: 240px
    }

    .NewsLatterBoxBtm h2, .titleTagLine h1 {
        font-size: 18px
    }

    .beshak-homeImg {
        height: 220px
    }

    .NewsLatterBoxBtm p, .titleTagLine p {
        font-size: 14px
    }

    .MostBeshak {
        overflow-x: auto;
        display: flex
    }

        .MostBeshak::-webkit-scrollbar {
            height: 5px
        }

    .subscribe-box .col-lg-8.pr-0 {
        padding-right: 15px !important
    }

    .MostBeshak .row {
        margin-bottom: 15px;
        width: 150px;
        flex: none;
        margin: 0 -10px
    }

    .MostBeshak img.img-fluid {
        width: 100%;
        height: 65px
    }

    .MostBeshak {
        height: auto
    }

    .SharePartMOB {
        display: block !important
    }

    #scrollBar {
        height: 15px
    }

    .ArticlesPGRightBox ul li a {
        background-position: 250px -7px
    }
    .images_box .img_overlap{
        display:none;
    }
    .BikeNewForm .ArticlesPGRightBox{
        padding:20px 8px;
    }
    .pay_optBox {
        width: 100%;
    }
    .pay_optBox .pay_option small {
        font-size: 10px;
    }
    .proceedToQuote {
        font-size: 14px;
    }
    .RegNumberBike {
        font-size: 12px;
    }
}

.videosSection {
    position: relative;
    top: 550px;
    left: 0
}

.videosNavbar button {
    font-size: 18px
}

    .videosNavbar button:hover {
        color: #30B524;
        cursor: pointer
    }

.videosNavbar .active {
    color: #30B524;
    border-bottom: 2px solid #30B524
}

.videosHeaderText h3 {
    color: #30B524
}

.video-catgory-title {
    color: #30B524
}

@media (max-width:480px) {

    .CMS-container ul.breadcrumb li, .CMS-container ul.breadcrumb li a {
        font-size: 10px
    }

    .CMS-container ul.breadcrumb li::after {
        font-size: 9px
    }
    .images_box .img_overlap{
        display:none;
    }
    .cta_item2 {
        width: 200px;
    }
    .featuresImg {
        max-width: 70%;
    }
    .CMSbikepages .col-md-8, .CMSbikepages .col-md-4{
        padding:0px 10px!important;
    }
    .RegNumberBike {
        font-size: 16px;
    }
    .pay_optBox .pay_option small {
        font-size: 14px;
    }
    .pay_optBox{
        justify-content:space-evenly;
        width:80%;
    }
    .BikeNewForm .ArticlesPGRightBox {
        padding: 20px;
        box-shadow: none;
    }
    
    
}






.MobileNavBTN {
    border: none;
    padding: 0;
    display: none;
}

    .MobileNavBTN span {
        width: 30px;
        height: 2px;
        background-color: #666;
        border-radius: 1px;
        display: block;
        position: relative;
    }

        .MobileNavBTN span::after, .MobileNavBTN span::before {
            content: "";
            position: absolute;
            width: 25px;
            height: 2px;
            background-color: #666;
            border-radius: 1px;
            right: 0;
            display: block;
        }

        .MobileNavBTN span::before {
            bottom: 8px;
        }

        .MobileNavBTN span::after {
            top: 8px;
        }

    .MobileNavBTN:focus {
        box-shadow: none
    }

.header {
    position: sticky;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 100;
    background: #fff
}

.header-item-left {
    width: 160px;
    height: auto;
}

#ProfilePic {
    display: none;
}

.DashUI h5 svg, .DashUI h5 i.fas {
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s;
    transform: rotate(-90deg);
}

.header-item-right {
    width: 300px;
    height: auto;
    align-items: center;
    justify-content: space-between;
    padding-left: 10px;
    position: relative;
}

    .header-item-right::before {
        content: "";
        position: absolute;
        height: 50px;
        border-left: 2px solid #ccc;
        left: 0;
        top: 15px;
    }

    .header-item-right.LoginHead::before {
        top: 0;
    }

.header .header-item-left .navbar-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

    .header .header-item-left .navbar-brand img {
        display: inline-block;
        -moz-transition: all .4s ease-in-out 0s;
        -ms-transition: all .4s ease-in-out 0s;
        -o-transition: all .4s ease-in-out 0s;
        -webkit-transition: all .4s ease-in-out 0s;
        width: auto;
        height: 40px;
    }

.header.scrolled .navbar-brand img {
    width: auto;
    height: 30px;
}

.header nav.navbar {
    padding: 0
}

.header.scrolled {
    box-shadow: 0 0 7px #00000057;
    height: auto
}



    .header.scrolled > ul > li .menu-subs {
        margin-top: 0;
        -moz-transition: all .4s ease-in-out 0s;
        -ms-transition: all .4s ease-in-out 0s;
        -o-transition: all .4s ease-in-out 0s;
        -webkit-transition: all .4s ease-in-out 0s
    }

.header .wrapper {
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header-item-center {
    display: inline-block;
    width: 65%
}

.header > ul > li a {
    display: inline-block;
    margin-left: 10px;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s
}

.header.scrolled > ul > li a {
    line-height: 40px
}

.header.scrolled .navbar-nav .menu-subs {
    top: 50px
}

.SubHead_Risk {
    display: flex;
    align-items: center;
    justify-content: end;
    margin: 0;
}

    .SubHead_Risk li {
        display: block;
        margin-left: 10px;
    }

        .SubHead_Risk li.CustomerLogin a {
            color: #30b524;
        }
.MegaMenu {
    width: 950px;
    background-color: #F9F9F9;
    position: relative;
}

.DDSMC_APP_Store a {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

    .DDSMC_APP_Store a img {
        width: auto;
        height: 30px;
        margin-right: 10px;
    }

.category-list {
    width: 300px;
    background-color: #fff;
    box-shadow: 0px 3px 6px #0000002E;
    margin-bottom: 30px;
    height: 380px;
}
.dropDfooter {
    padding: 20px 15px;
}

    .dropDfooter, .dropDfooterBox .DDSMC_APP_Store, .dropDfooter .dropDfooterBox:nth-child(2), .dropDfooter .dropDfooterBox .callBoxDD {
        display: flex;
    }

        .dropDfooter .dropDfooterBox:nth-child(1) {
            flex: 0 0 auto;
            width: 37%;
        }

        .dropDfooter .dropDfooterBox:nth-child(2) {
            flex: 0 0 auto;
            width: 63%;
        }

        .dropDfooter .dropDfooterBox .callBoxDD {
            margin-left: 15px;
            align-items: center;
        }

            .dropDfooter .dropDfooterBox .callBoxDD svg {
                width: auto;
                height: 35px;
                margin-right: 10px;
            }

            .dropDfooter .dropDfooterBox .callBoxDD h4 {
                margin: 0;
                color: #30b524;
            }
.dropbtn {
    display: flex !important;
    align-items: center !important;
    font-size: 12px;
    font-weight: 500;
    color: #3d3d3d;
}

    .dropbtn img {
        width: 20px;
        height: auto;
        margin-right: 5px;
        display: inline;
    }

.dropDfooterBox p {
    margin: 0;
    font-weight: 500;
    font-size: 12px;
}

.header ul li a {
    position: relative;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 60px;
    padding: .5rem 1rem;
    border: none;
    outline: none;
    color: #1a1a1a;
    color: var(--color-black);
    transition: color .3s ease;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s
}

.header .navbar-nav .dropdown:hover .menu-subs {
    display: block
}

.header .navbar-nav .dropdown .dropdown-toggle::after {
    display: none
}

.header .navbar-nav .menu-subs {
    position: absolute;
    background: #fff;
    top: 65px;
    left: 0;
    padding: 0;
    height: auto;
    border-radius: .25rem;
    border-top: 3px solid #30B524;
    -webkit-box-shadow: var(--shadow-medium);
    box-shadow: var(--shadow-medium);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}
        .header .navbar-nav .menu-subs.menu-small ul {
            padding: 0;
            margin: 0;
        }

.menu-subs .MegaMenu ul {
    padding: 0
}

    .menu-subs .MegaMenu ul li, .menu-subs .OurProduct ul li {
        display: block;
        position: relative;
        padding: 10px
    }

        .menu-subs .MegaMenu ul li:hover, .menu-subs .OurProduct ul li:hover {
            background-color: #eee
        }

        .menu-subs .MegaMenu ul li a, .menu-subs .MegaMenu li a, .menu-subs .OurProduct ul li a {
            padding: 0;
            color: #3d3d3d;
            line-height: 24px !important;
            font-size: 14px;
            align-items: center;
            justify-content: space-between;
            font-weight: 500;
            margin: 0
        }

.header-item-right a:hover, .header > ul > li:hover > a {
    color: #30B524
}

.ForMobile {
    display: none
}

.AllianceLogo img {
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s;
    width: auto;
    height: 25px;
}

.header.scrolled .AllianceLogo img {
    width: auto;
    height: 20px;
}

#canvas {
    position: fixed;
    right: 0;
    left: 0;
    width: 100%;
    opacity: 1;
}

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

.nav-link {
    cursor: pointer;
}

.UserAccountIcon {
    margin-right: 10px;
    width: 35px;
    height: 35px;
    overflow: hidden;
}

    .UserAccountIcon img {
        width: 100%;
        height: 100%;
        border: 1px solid #ccc;
        border-radius: 50px;
        padding: 3px;
    }

.UserAccountStatus p {
    margin: 0;
    font-size: 10px;
    font-weight: 500;
    color: #666;
    width: 90px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

    .UserAccountStatus p span {
        font-weight: 600;
        color: #3d3d3d;
    }

.UserAccountStatus h5 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    display: block;
    line-height: 60px;
}

.DashUI .UserAccountStatus h5 {
    line-height: normal;
}

.UserAccountStatus h5 span, .UserAccountStatus h5 svg, .UserAccountStatus h5 i.fas {
    color: #30b524;
}

.MA_DD {
    padding: 0;
    margin: 0;
    width: 200px;
}

    .MA_DD li {
        display: block;
        padding: 0 15px;
    }

        .MA_DD li a {
            display: block;
            line-height: 40px;
            border-bottom: 1px solid #ccc;
            color: #3d3d3d;
            font-weight: 600;
            font-size: 16px;
        }

        .MA_DD li:last-child a {
            border: none;
        }

.header .header-item-right.navbar-nav .dropdown:hover .menu-subs {
    position: absolute;
    right: 0;
    left: inherit;
    width: 200px;
    top: 55px;
}

.tooltiptext {
    display: none;
    width: auto;
    min-width: 150px;
    background-color: #000000;
    color: #ffffff !important;
    text-align: center;
    border-radius: 6px;
    padding: 7px 5px;
    font-weight: 500;
    position: absolute;
    z-index: 999;
    top: 100%;
    left: 40px;
    margin-left: 0;
    overflow: inherit !important;
    white-space: normal;
    line-height: normal;
    font-size: 11px;
}

    .tooltiptext:before {
        position: absolute;
        content: "";
        top: -5px;
        left: 60px;
        margin-left: 0;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #000000;
    }

.UserAccountStatus p:hover ~ small.tttext {
    display: block;
}
.sub-dropdown a{
    justify-content:start !important;
}
.sub-dropdown-content {
    padding: 0 0px 0 30px !important;
    height: 100%;
    max-height: 400px;
    list-style: none;
    height: 400px;
    
    position: absolute;
    left: 302px;
    top: 0;
    width: 600px;
    background: #fff;
}
.sub-dropdown{
    position:initial !important;
}
/* Smooth dropdown */
.sub-dropdown-content {
    transition: all 0.3s ease-in-out;
}
.header .navbar-nav .dropdown.open .nav-link svg {
    transform: rotate(-180deg);
    -moz-transition: all .4s ease-in-out .3s;
    -ms-transition: all .4s ease-in-out .3s;
    -o-transition: all .4s ease-in-out .3s;
    -webkit-transition: all .4s ease-in-out .3s;
}

.nav-link.DashUI:hover svg {
    transform: rotate(-90deg) !important;
    -moz-transition: all .4s ease-in-out .3s;
    -ms-transition: all .4s ease-in-out .3s;
    -o-transition: all .4s ease-in-out .3s;
    -webkit-transition: all .4s ease-in-out .3s;
}
.CategoryIcon {
    display: flex;
    width: 270px;
    justify-content: space-between;
    align-items: center;
}
.category-link-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.DashUI ~ #IsLogin {
    display:none !important;
}

@media only screen and (min-width:1300px) and (max-width:1400px) {
    .header {
        zoom: 90%;
    }
}

@media only screen and (min-width:1200px) and (max-width:1300px) {
    .header ul li a {
        font-size: 14px;
        /* padding: .5rem 0; */
        margin: 0;
        zoom: 85%;
    }

    .MegaMenu {
        zoom: 90%;
    }
}

@media only screen and (min-width:1100px) and (max-width:1200px) {
    .header {
        zoom: 88%;
    }

    .MegaMenu {
        zoom: 90%;
    }
}

@media only screen and (min-width:992px) and (max-width:1100px) {
    .header .navbar-nav .menu-subs {
        top: 55px
    }

    .header {
        zoom: 84%;
    }

        .header ul li a {
            margin: 0
        }

    .MegaMenu {
        zoom: 80%;
    }
}

@media screen and (max-width:992px) {
    .dropbtn{
        font-size:12px !important;
    }
    .sub-dropdown.open .category-link-wrap .toggle-arrow {
        transform: rotate(90deg);
        -moz-transition: all .2s ease-in-out .3s;
        -ms-transition: all .2s ease-in-out .3s;
        -o-transition: all .2s ease-in-out .3s;
        -webkit-transition: all .2s ease-in-out .3s;
    }
    .sub-dropdown.open .category-link-wrap {
        box-shadow: 0px 4px 4px -4px #666;
    }
    .sub-dropdownMain, .sub-dropdown-content {
        position: initial;
    }
    .sub-dropdown:hover{
        background-color:transparent !important;
    }
    .header-item-right::before {
        display: none;
    }

    .header .navbar-nav .menu-subs.menu-small#IsLogin {
        padding: 0;
        width: 160px;
        position: absolute !important;
        right: 0;
        left: inherit;
        top: 40px;
    }
    #IsLogin .OurProduct ul li {
        padding: 5px 10px !important;
    }

    .header-item-left, .header-item-right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .header-item-left, .header .header-item-left .navbar-brand {
        width: 110px;
    }

        .header .header-item-left .navbar-brand img {
            height: auto;
            width: 100%;
        }

    .SubHead_Risk {
        padding: 0;
        margin: 0;
        margin-right: 10px;
    }

    .sub-dropdown-content {
        height: auto;
        max-height: max-content;
        width: auto;
        column-count: initial !important;
        padding: 0 !important;
    }

        .sub-dropdown-content li {
            padding: 3px 0 !important;
            border-top: 1px solid #eee;
        }

            .sub-dropdown-content li a {
                padding: 0 !important;
                font-size: 10px !important;
                color: #8b8b8b !important;
                text-overflow: ellipsis;
                width: 170px;
                white-space: nowrap;
                overflow: hidden;
            }

    .header.scrolled .navbar-brand img {
        width: auto;
        height: 25px;
    }

    .header .header-item-left .navbar-brand {
        justify-content: left;
    }

    .header.scrolled {
        height: 50px !important
    }

    .wrapper {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 auto
    }

    .header-item-right {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header ul li {
        display: block;
        line-height: 1;
        margin: 0
    }

        .header ul li a {
            display: block;
            line-height: normal !important;
            height: auto;
            padding-left: 0;
            margin: 0;
        }

    .header .navbar-nav .dropdown:hover .menu-subs.show {
        display: block
    }
    .offcanvas {
        transition: transform .3s ease-in-out;
        max-width: 250px
    }

    .header .navbar-nav .menu-subs.menu-small {
        position: initial !important;
        box-shadow: none;
        border: 1px solid #d1d1d1 !important;
    }
    .MegaMenu, .category-list {
        width: auto;
    }
    .category-list {
        padding: 0 10px 10px 10px !important;
        box-shadow:none;
        background-color:transparent;
        height:auto;
    }

    .rsmm-mobile .SubHead_Risk {
        display: block;
        width: 100% !important
    }

    .rsmm-mobile .MainMenu .col-sm-10.d-flex {
        flex-direction: column
    }
        .category-list li.sub-dropdown {
            padding: 0 !important;
            margin-top: 10px;
        }

    

    .dropDfooter {
        display:none;
        padding: 0;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #eee;
    }

    .dropDfooterBox p {
        margin: 0;
        font-size: 10px;
    }

    .dropDfooter .dropDfooterBox:nth-child(1), .dropDfooter .dropDfooterBox:nth-child(2) {
        width: 100%;
    }

    .dropDfooter .dropDfooterBox .callBoxDD {
        margin: 10px 0 0px 0;
    }
        .dropDfooter .dropDfooterBox .callBoxDD svg {
            height: 30px;
        }
}


@media screen and (max-width:992px) {
    .header .wrapper {
        padding: 0
    }

    .MobileNavBTN {
        display: block;
    }

    .header-item-right {
        display: flex;
        align-items: center;
        justify-content: end
    }

    .header-item-center {
        width: auto
    }

    .menu-subs .MegaMenu ul li a {
        color: #3d3d3d;
        font-size: 14px;
        padding: 5px 0
    }

    .header {
        height: 60px !important;
        padding: 10px 0 !important
    }

    .SubHead_Risk li button.LoginBtn {
        margin-left: 15px
    }

    .NotMobile {
        display: none !important
    }

    .ForMobile {
        display: block
    }

    .LoginBtn.ForMobile {
        height: auto;
        padding: 0;
        width: auto;
        border: none;
        margin: 0;
        line-height: normal
    }

    .SubHead_Risk li button.LoginBtn {
        font-size: 24px
    }

        .SubHead_Risk li button.LoginBtn.ForMobileCPL {
            font-size: 10px;
            font-weight: 600
        }

    .SubHead_Risk li button.LoginBtn {
        color: #3d3d3d !important;
        background-color: inherit !important;
        border-color: inherit !important
    }

        .SubHead_Risk li button.LoginBtn svg {
            display: block
        }

    .SubHead_Risk li a button.LoginBtn.SMCSmall::before, .SubHead_Risk li a button.LoginBtn.LoginBtn.SMCSmall::after {
        display: none !important
    }

    .offcanvas-header img {
        width: 120px !important
    }

    .header-item-right {
        display: flex;
        align-items: center;
        justify-content: end;
        flex-direction: row;
    }

    #UserLogin[data-prefix="fas"] {
        color: #30B524
    }

    .AllianceLogo {
        width: auto;
        margin-right: 10px;
    }

        .AllianceLogo img {
            height: 20px;
        }

    .header.scrolled .AllianceLogo img {
        height: 15px;
    }

    .header-item-right {
        border-left: none;
        padding-left: 0px;
    }

        .header-item-right .nav-item {
            border-right: 2px solid #ccc;
            padding-right: 10px;
            margin-right: 10px;
        }

    .UserAccountStatus p {
        font-size: 8px;
        width: 70px;
    }

    .UserAccountStatus h5 {
        font-size: 11px;
        line-height: normal;
    }

    .UserAccountIcon {
        margin-right: 5px;
        width: 25px;
        height: 25px;
        overflow: hidden;
    }

    .MA_DD li a {
        line-height: 30px;
        font-size: 11px;
    }
}

a, button {
    cursor: pointer
}

.titleWithFont {
    color: #4e5257;
    font-size: 30px;
    font-weight: 600;
    line-height: 45px
}

.featuredArea {
    height: 250px;
    width: 400px;
    border-radius: 10px;
    background-color: #203864;
    margin: 150px auto 0;
    transition: all .5s ease-in-out;
    box-sizing: border-box;
    text-align: center;
    z-index: 1
}

.CarRegError {
    position: absolute;
    top: 57px;
    left: 32px;
    background: #ffc6c6;
    padding: 0 15px;
    border-radius: 3px;
    line-height: 17px;
    color: #000
}

.featuredArea h2 {
    text-align: center;
    font-weight: 300;
    color: #fff !important;
    margin-bottom: 0;
    padding: 70px 20px 40px !important
}

.translateArea:focus,
.translateArea:hover {
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
}

.translateArea {
    border: 2px solid #fff;
    color: #fff;
    border-radius: 50px;
    padding: 10px 45px;
    background-color: #ffffff00;
    font-size: 16px;
    transition: all .3s ease-in-out
}

.epartnerForm {
    background: #fff !important;
    border: none !important;
    box-shadow: 0 0 20px -5px #999;
    border-radius: 10px;
    width: 500px;
    margin: auto;
    padding: 20px
}

.cl_btn {
    background-color: #03035a;
    color: #fff;
    border-radius: 4px;
    border: none;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 180px
}

.claims {
    background-image: none;
    padding: 140px 0 80px 0
}

.BoxCertificate {
    position: absolute;
    top: 330px
}

    .BoxCertificate div img {
        width: auto;
        margin: auto;
        display: inherit;
        margin-top: 50px
    }

.NoPaddingLeft {
    padding-left: 0
}

.NoPaddingRight {
    padding-right: 0
}

.NoPadding {
    padding: 0
}

img {
    width: 100%
}

a, button, button:focus, input, input:focus, select, select:focus {
    text-decoration: none;
    outline: none
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #20053f;
    font-weight: 700;
    box-shadow: 0 10px 10px -10px #401799 !important;
    border: none;
    border-radius: 20px
}

.mainHeader .nav-tabs .nav-link {
    border-bottom: 1px solid #d00;
    color: dimgray
}

.mainHeader.navbar {
    margin-bottom: 0;
    background: #fff;
    padding: 5px 0
}

.MainIndex {
    height: 100vh
}

.collapse {
    display: block
}

.MN_Menu.navMenu {
    text-align: right;
    margin-bottom: 0
}

.AllPGMenuLogic .MN_Menu.navMenu {
    padding: 20px 0 0 0
}

.mainmenu ul ul li {
    border: none
}

.MN_Menu.navMenu li a span {
    color: #999;
    font-weight: 400
}

.MN_Menu.navMenu li a strong {
    font-weight: 600;
    color: #000
}

.MN_Menu.navMenu li a fa-user-circle {
    color: #000
}

.MN_Menu.navMenu li {
    display: inline-block
}

    .MN_Menu.navMenu li a {
        padding: 5px 0;
        font-size: 16px;
        text-decoration: none;
        margin: 0 0 0 30px
    }

.SubHead_Risk li {
    font-size: 14px;
    font-weight: 600;
    color: #3d3d3d;
    text-align: right;
    margin-right: 10px;
}

.SMCbody .SubHead_Risk {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: right;
}

.SubHead_Risk li button {
    border: none;
    font-size: 12px;
    padding: 5px 20px;
    border-radius: 5px;
    border: 1.2px solid #401799;
    color: #401799;
    font-weight: 500
}

.productTabs nav .nav-tabs a.nav-item {
    text-align: center;
    padding: 8px 5px;
    width: 20%;
    border: 1px solid #eee;
    border-right: 0;
    margin: 0;
    background: #f8f8f8;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    color: #888
}

.productTabsHeading {
    text-align: center;
    margin: 0 0 15px 0;
    display: block;
    padding-top: 50px;
    font-size: 30px;
    font-weight: 700;
    color: #777
}

.productTabs nav .nav-tabs a.nav-item img {
    display: block;
    width: 50px;
    margin: auto
}

.productTabs {
    border-radius: 5px;
    height: auto;
    width: 900px;
    margin: auto;
    margin-top: 30px
}

    .productTabs nav .nav-tabs a:first-child {
        border-left: 0
    }

.ProductForm {
    padding: 15px 25px
}

    .ProductForm .form-group {
        margin-bottom: 0
    }

.productTabs nav .nav-tabs a.nav-item.nav-link.active {
    color: #000;
    background-color: #fff;
    font-weight: 700;
    border-bottom: none
}

.productTabs .nav-tabs {
    border: none
}

.FirstInfoInsured p, .ProductFormIn h2 {
    font-size: 20px;
    font-weight: 500;
    color: #666
}

.FirstInfoInsured p {
    margin-top: 40px;
    position: relative
}

    .FirstInfoInsured p::after {
        position: absolute;
        content: "";
        height: 2px;
        width: 60px;
        top: -25px;
        left: 0;
        border-radius: 50px;
        background-color: #401799
    }

.benefitSecInner .FirstInfoInsured p::after {
    left: 50%;
    margin-left: -30px
}

.FirstInfoInsured {
    padding: 125px 60px 60px 10px
}

.FirstInfoInsuredImg img {
    width: 470px;
    margin: -50px 0 0 auto
}

.ProductFormIn h3 {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 10px 0
}

.ProductFormIn h2 {
    font-size: 22px;
    margin: 20px 0 10px 0
}

.mobileBox label, .ProductFormIn label {
    display: block;
    position: relative
}

    .mobileBox label input.HealthPincode {
        padding-left: 10px;
        padding-right: 10px
    }

        .mobileBox label input.HealthPincode::placeholder {
            color: #999 !important
        }

#Renew, #New {
    display: inline-block;
    font-size: 14px
}

.ProductFormIn.ProductForm03Health label input::placeholder {
    font-weight: 700;
    color: #4e5257
}

.ProductFormIn .PF0012 label input, .ProductFormIn .PF0012 label select, .mobileBox .PF0012 label input {
    display: block;
    width: 100%;
    padding: 10px 15px;
    height: 60px;
    border: none;
    border: 1px solid #ccc;
    border-radius: 4px
}

.SpaceBetweenRow {
    margin: 40px 0 50px -15px
}

.SpaceBetweenRow002 {
    width: 600px;
    margin: auto
}

.ProductFormIn .PF0012 label input::placeholder, .PF0012 label select, #MTB-TlHide {
    color: #555 !important
}

.LifeQuoteBtn,
.mobileBox button.btn.QouteMNBtn,
button.btn.QouteMNBtn#btnThankYou,
.newModalqtPopUpExperts .btn.QouteMNBtn,
.myPop_btnALL,
.QouteMNBtn,
.ViewQuoteBtn,
.shareBySMS input.btn {
    height: 60px;
    border-radius: 0 4px 4px 0;
    border: none;
    font-size: 16px;
    box-shadow: 0 0 10px 0 rgba(64, 23, 153, 0.1); /* ✅ FIXED */
    font-weight: 600;
    background-image: linear-gradient(to right, #40179999, #401799);
    color: #fff;
}


.btn:focus, .btn:active, select:focus, input:focus {
    outline: none !important;
    background-color: none !important;
    box-shadow: none !important
}

.MTB-Insured-btn, .MTB-Claim-btn {
    background-image: linear-gradient(to right,#40179999,#401799);
    color: #fff;
    padding: 5px 20px;
    border: none;
    width: 110px;
    margin: auto
}

.newModalqtPopUpExperts .btn.QouteMNBtn, .myPop_btnALL, .QouteMNBtn, .ViewQuoteBtn, .shareBySMS input.btn {
    padding: 0 40px;
    border-radius: 4px
}

.shareBySMS input.TextBox {
    height: 60px
}

.newModalqtPopUpExperts {
    max-width: 490px !important;
    margin: 130px auto !important
}

    .newModalqtPopUpExperts .modal-content {
        padding: 20px 0;
        height: auto
    }

    .newModalqtPopUpExperts .FormSelect {
        width: 300px;
        height: 50px;
        display: block;
        margin: auto;
        margin-bottom: 20px
    }

.innerpage .jumbotron {
    padding: 210px 0;
    margin: 0
}

button.btn.QouteMNBtn#btnThankYou {
    border-radius: 4px;
    width: 250px;
    margin: auto
}

    button.btn.QouteMNBtn#btnThankYou[disabled] {
        opacity: .5;
        background-image: linear-gradient(to right,#40179999,#401799);
        box-shadow: 0 0 10px 0 rgba(64, 23, 153, 0.1)
    }

.ProductFormIn label input::placeholder {
    color: #ccc
}

#vehicleno {
    text-transform: capitalize
}

.ProductFormIn .PF0012 label span, .mobileBox .PF0012 label span {
    position: absolute;
    top: 5px;
    left: 17px;
    color: #888
}

.AnchorBtn {
    margin: 15px 0;
    display: inline-block;
    text-decoration: none;
    color: #401799;
    font-weight: 800;
    font-size: 14px
}

.ProceedHome {
    border: 1.2px solid #eee;
    background: #ffffff00;
    color: #4e5257;
    font-size: 14px;
    font-weight: 600
}

.ProductForm02 {
    display: block;
    width: 85%;
    padding: 15px;
    height: 80px;
    border-radius: 4px 0 0 4px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0 0 10px 0 rgba(64, 23, 153, 0.1);
    margin-bottom: 15px
}

    .ProductForm02 h4 {
        font-size: 12px;
        font-weight: 600;
        color: #888;
        margin-bottom: 10px
    }

    .ProductForm02 .form-check {
        padding: 0
    }

        .ProductForm02 .form-check label {
            display: flex;
            margin: 0;
            align-items: center
        }

            .ProductForm02 .form-check label span {
                font-size: 14px;
                margin-left: 10px;
                font-weight: 600
            }

.ProductForm03 {
    box-shadow: none;
    height: auto;
    padding: 0
}

.PF0012_Cnt {
    margin-top: 20px
}

.ProductForm02Commercial nav .nav a {
    text-align: center;
    padding: 10px 10px !important;
    width: 110px !important;
    margin: 5px 15px 15px 0px !important;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    display: inline-block;
    box-shadow: none;
    text-decoration: none;
    border-radius: 50%
}

.CommercialInsurer {
    width: 400px;
    margin: auto
}

.ProductForm03Commercial {
    width: 100%
}

.ProductForm02Commercial a span {
    color: #242222;
    display: block;
    font-weight: 700;
    font-size: 10px
}

.CoomercialTabs .nav-tabs {
    display: block;
    text-align: center
}

.NewProBtn {
    position: absolute;
    display: inline-block;
    top: -13px;
    width: 50px;
    right: 0;
    left: 50%;
    box-shadow: 0 4px 4px -4px #0000002b;
    margin-left: -25px;
    padding: 1px 0;
    background-color: #ffc300;
    color: #fff;
    font-size: 12px;
    border-radius: 4px
}

.newModalqtPopUpExperts button.close {
    top: -35px
}

.ProductForm02Commercial a img {
    display: block;
    width: 40px;
    margin: auto
}

.ProductForm03Commercial .PF0012 label select, .ProductForm03Commercial .PF0012 button.btn.QouteMNBtn {
    border-radius: 4px;
    -webkit-appearance: none
}

.benefitSecInner001 ul {
    width: 400px;
    border: 1.2px solid #401799;
    border-radius: 50px;
    padding: 10px 0;
    margin: auto;
    text-align: center
}

    .benefitSecInner001 ul li {
        display: inline-block;
        font-size: 18px;
        font-weight: 600;
        padding: 0 25px;
        position: relative;
        color: #401799
    }

        .benefitSecInner001 ul li::before {
            height: 7px;
            width: 7px;
            position: absolute;
            top: 10px;
            right: -5px;
            border-radius: 50px;
            content: "";
            background-color: #401799
        }

        .benefitSecInner001 ul li:last-child::before {
            display: none
        }

.tips-img {
    width: 350px;
    margin: -20px 0
}

.benefitSecInner {
    margin-bottom: 80px
}

.CNTSec1Inner {
    padding: 0 100px 0 0
}

    .CNTSec1Inner ul li {
        display: block;
        font-size: 15px;
        line-height: 25px;
        font-weight: 500;
        color: #888;
        margin-bottom: 10px;
        padding: 0 50px 0 20px;
        position: relative
    }

    .CNTSec1Inner ul {
        padding: 0
    }

.CNTSec1 {
    padding: 15px 0
}

.CNTSec1Inner ul li::after {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    background-color: #401799;
    left: 0;
    top: 7px
}

.ProductForm02VehicleDetails02 {
    height: auto;
    background-color: #fff;
    padding: 0
}

    .ProductForm02VehicleDetails02 .row {
        padding: 10px 15px
    }

    .ProductForm02VehicleDetails02 hr {
        margin: 0
    }

.backTag {
    color: #401799
}

.col_white_amrc {
    color: #FFF
}

footer {
    width: 100%;
    background-color: #011831;
    min-height: 250px;
    padding: 60px 0 25px 0
}

.pt2 {
    padding-top: 15px;
    margin-bottom: 20px
}

.footerBox, .footerBottom {
    padding: 15px;
    border-radius: 5px
}

    .footerBox img {
        width: 50px
    }

footer p {
    font-size: 13px;
    padding-bottom: 0;
    margin-bottom: 8px;
    line-height: 30px
}

.mb10 {
    padding-bottom: 15px
}

.footer_ul_amrc {
    margin: 0;
    list-style-type: none;
    font-size: 14px;
    padding: 10px 0 10px 0
}

    .footer_ul_amrc li {
        padding: 10px 0 10px 0;
        text-align: start !important
    }

        .footer_ul_amrc li a {
            color: #CCC
        }

            .footer_ul_amrc li a:hover {
                color: #fff;
                text-decoration: none
            }

.fleft {
    float: left
}

.padding-right {
    padding-right: 10px
}

.footer_ul2_amrc {
    margin: 0;
    list-style-type: none;
    padding: 0
}

    .footer_ul2_amrc li p {
        display: table
    }

    .footer_ul2_amrc li a:hover {
        text-decoration: none
    }

    .footer_ul2_amrc li i {
        margin-top: 5px
    }

.bottom_border {
    padding-bottom: 20px
}

.foote_bottom_ul_amrc {
    list-style-type: none;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px
}

    .foote_bottom_ul_amrc li {
        display: inline
    }

        .foote_bottom_ul_amrc li a {
            color: #999;
            margin: 0 12px 0 0
        }

.social_footer_ul {
    list-style-type: none;
    text-align: center
}

    .social_footer_ul li {
        padding: 10px;
        display: inline-block
    }

    .social_footer_ul h4 {
        text-align: center
    }

    .social_footer_ul li a, .PaymentMathod li {
        color: #CCC;
        border: none;
        text-decoration: none;
        display: block
    }

.PaymentMathod {
    padding: 0;
    margin: 20px 0 40px 0
}

    .PaymentMathod li a img {
        width: 350px;
        padding: 5px;
        background: #000;
        border-radius: 4px
    }

.social_footer_ul li i {
    width: 20px;
    height: 20px
}

.NewProModel0011 {
    max-width: 1100px
}

.NewProModel01 .nav-tabs li {
    width: 100%;
    float: none;
    position: relative;
    height: 80px
}

    .NewProModel01 .nav-tabs li a {
        background: transparent !important;
        border-radius: 0;
        width: 100%;
        display: inline-flex;
        flex-direction: column;
        text-align: center;
        padding: 0;
        height: auto;
        margin: 0 !important;
        pointer-events: none;
        position: relative
    }

    .NewProModel01 .nav-tabs li::after {
        height: 20px;
        border-left: 2px solid #999;
        content: "";
        position: absolute;
        top: 50px;
        left: 20px
    }

    .NewProModel01 .nav-tabs li:last-child::after {
        display: none
    }

    .NewProModel01 .nav-tabs li a span {
        white-space: nowrap;
        width: 40px;
        font-size: 10px
    }

    .NewProModel01 .nav-tabs li a.enable {
        pointer-events: auto
    }

    .NewProModel01 .nav-tabs li a:focus, .NewProModel01 .nav-tabs li a:hover, .NewProModel01 .nav-tabs li a.enable {
        color: #30B524 !important;
        background: #ffffff !important;
        text-decoration: none;
        position: relative;
        font-weight: 700
    }

.NewProModel01 #leftTab {
    height: 100%
}

.enable a {
    color: #000000 !important;
    background: #9bd73f !important;
    border-radius: 4px !important
}

.NewProModel01 .nav-tabs {
    display: inline-block;
    margin-top: 60px
}

.NewProModel0011 .modal-content {
    padding: 0;
    border-radius: 0
}

.NewProModel00 {
    padding: 0
}

.NewProModel01 .nav-tabs li:last-child a {
    border-bottom: none !important
}

.NewProModel00, .NewProModel01 .nav-tabs, .card.NewProModel01 {
    border: none
}

.flexAuto {
    flex: auto
}

.VehicleCnt01 {
    margin: 0 0
}

.card.NewProModel01 .tab-content {
    padding: 50px 40px
}

.BackToDate {
    cursor: pointer
}

.Vehicledata-box .db__list-item {
    background: #fff;
    width: 110px;
    margin: 8px 6px;
    border-radius: 2px;
    height: 40px;
    color: #888 !important;
    border-color: #eee !important
}

.side-view {
    padding: 0 20px;
    border-right: none;
    border-radius: 10px;
    text-align: left
}

.inx-wrapper .inx-text small {
    display: block
}

.FillingDetails {
    text-align: left;
    display: block;
    align-items: center;
    background: #fff;
    padding: 15px 0;
    margin-bottom: 30px;
    margin-top: 5px
}

    .FillingDetails .FDetails span {
        display: block
    }

.PX_Day-BX, #alreadyExpiry label span {
    font-size: 14px
}

#alreadyExpiry label {
    width: 100%
}

.FillingDetails .FDImg, .FillingDetails .FDCnt {
    display: inline-block
}

.FillingDetails .FDCnt {
    border-left: 1px solid #eee;
    padding-left: 10px
}

.FillingDetails .FDImg img {
    width: 80px;
    margin-right: 60px
}

.FillingDetails .FDCnt p {
    margin: 0;
    text-align: left;
    font-size: 12px;
    line-height: 22px
}

    .FillingDetails .FDCnt p strong {
        display: none
    }

    .FillingDetails .FDCnt p span#pop-car {
        font-weight: 700
    }

.FillingDetails h1 {
    font-size: 16px;
    font-weight: 700;
    color: #444;
    margin: 0
}

.mobileBox .PF0012 label span {
    position: initial;
    display: block;
    text-align: left;
    font-size: 14px
}

.mobileBox .PF0012 label input {
    padding: 0 15px
}

img.partnerLogo {
    width: 150px;
    height: auto;
    border: 1px solid #eee;
    padding: 10px 20px;
    margin-bottom: 15px;
    margin: 4px
}

.productTabsRisk i {
    pointer-events: none
}

.productTabsRisk {
    cursor: pointer
}

.ProductFormIn .PF0012 label input[type="radio"] {
    -webkit-appearance: none;
    height: 30px;
    display: inline-block;
    box-shadow: none;
    width: 25%;
    padding: 0;
    position: absolute;
    cursor: pointer;
    border: none;
    right: 0
}

.summaryCardBox {
    position: relative
}

.addONSdrop2, .TPfirstCom, .BasePlanBox, .InsurerDropDown {
    position: absolute;
    z-index: 100;
    width: 250px;
    right: 0;
    border-radius: 5px;
    top: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 30px -10px #0000004d
}

.IdvPopUp {
    right: 0;
    width: 360px !important;
    top: 0
}

.InsurerDropDown {
    width: 400px
}

    .InsurerDropDown button.btn-block {
        width: auto;
        padding: 0 30px;
        margin: auto
    }

    .InsurerDropDown #first2 .CheckBoxColor {
        padding: 0;
        width: 50%;
        display: inline-block
    }

        .InsurerDropDown #first2 .CheckBoxColor label {
            font-weight: 400;
            color: #555;
            margin: 0;
            font-size: 14px;
            display: flex;
            padding: 5px 15px;
            align-items: center;
            cursor: pointer
        }

.InsurerDropDownHead {
    padding: 10px 15px
}

    .InsurerDropDownHead h3 {
        font-size: 16px;
        font-weight: 500;
        color: #000
    }

.IdvPopUpHead p {
    margin: 0;
    font-size: 14px;
    color: #999
}

.InsurerDropDown #first2 .CheckBoxColor:hover {
    background-color: #ffffff00
}

.BasePlanBox {
    left: inherit;
    right: inherit;
    top: 0;
    text-transform: capitalize !important
}

.quotesDetails002RowGrid .addONSdrop2 .modal-body {
    padding: 0
}

.TPfirstCom {
    text-align: left;
    left: 0
}

    .CheckBoxColor label, .TPfirstCom .CheckBoxColor button {
        font-weight: 500;
        color: #3d3d3d;
        margin: 0;
        font-size: 12px;
        display: flex;
        align-items: center
    }

.dtlsBox {
    position: relative
}

.newModalqt {
    max-width: 650px
}

    .newModalqt .modal-header {
        display: block;
        background: #f0f6fc;
        padding: 20px 0
    }

        .newModalqt .modal-header h3 {
            margin: 0 0 12px 0;
            color: #000
        }

        .newModalqt .modal-header h2 {
            font-size: 14px;
            font-weight: 600;
            color: #444
        }

.LableFont {
    font-weight: 400;
    color: #555;
    font-size: 14px !important;
    line-height: 30px;
    display: inline-block;
    margin: 0 20px 0 0;
    padding-left: 5px
}

.LableFont002 {
    display: block
}

.newModalqt .modal-header .close {
    padding: 0;
    margin: 0
}

.healthAgeh a {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 17px 15px 10px 15px !important;
    display: block;
    text-decoration: none
}

    .healthAgeh a span {
        display: contents;
        color: #4e5257;
        font-size: 16px
    }

.newModalqtPopUpExperts h3 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 28px
}

.newModalqtPopUpExperts p {
    font-size: 14px;
    margin: 20px auto 30px;
    line-height: 2
}

.newModalqtPopUpExperts p, .newModalqtPopUpExperts h3 {
    color: #4e5257;
    margin: 0 0 20px 0
}

.AllPGMenuLogic {
    display: none
}

.posTitle {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px
}

.contacUS_page h3 {
    font-size: 40px;
    font-weight: 600;
    color: #203864;
    margin: 40px 0 0 0
}

.contacUS_page {
    margin-top: 100px
}

.contacUS_page_Form {
    padding: 20px;
    background: #fff;
    margin: 40px 0 50px 0;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(32, 56, 100, 0.18)
}

    .contacUS_page_Form h2 {
        margin: 0 0 20px 0;
        font-size: 45px;
        font-weight: 500;
        color: #203864
    }

.orDivider {
    font-size: 30px !important;
    margin: 0 !important;
    position: relative;
    display: inline-block;
    top: 202px;
    left: 30px
}

    .orDivider::after {
        position: absolute;
        width: 1px;
        height: 120px;
        content: "";
        background: #999;
        right: 22px;
        top: 50px
    }

    .orDivider::before {
        position: absolute;
        width: 1px;
        height: 120px;
        content: "";
        background: #999;
        left: 22px;
        bottom: 50px
    }

.policyInfo h3 {
    font-size: 24px;
    color: #ccc
}

#siteseal img {
    width: 100px;
    margin-top: 30px
}

.span_filter_cover_min {
    position: relative;
    display: inline-grid;
    width: 48%;
    margin: 10px 0
}

    .span_filter_cover_min span {
        font-size: 11px;
        text-align: center;
        color: #253858;
        font-weight: 500;
        opacity: .95;
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
        border-radius: 20px;
        border: 1px solid #d7d7d7;
        background-color: #fff;
        padding: 8px 15px
    }

.filter_mobile_drop, .filter_mobile_drop1 {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-flow: wrap;
    justify-content: space-evenly
}

.span_filter_cover_min.selected {
    color: #fff;
    opacity: .95;
    background: #b28eff;
    border: 1px solid #b28eff
}

.span_filter_cover_min input {
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    appearance: none;
    margin: 0;
    cursor: pointer
}

    .span_filter_cover_min input:checked + span {
        color: #fff;
        opacity: .95;
        background: #2b308b;
        border: 1px solid #2b308b
    }

    .span_filter_cover_min input:focus {
        border: 0;
        outline: none
    }

.backtoQuotes {
    color: #30B524 !important;
    margin-bottom: 20px;
    display: block
}

    .backtoQuotes i {
        color: #30B524 !important
    }

#UpdateInsured .modal-dialog {
    width: 460px
}

.commenHealthPPHead {
    padding: 0 15px
}

.styleForm small {
    padding-left: 0
}

.premiumBrekp01 .btn-demo {
    margin-top: 10px
}

.ChkProposalModelPopup img {
    width: 150px
}

.ownerProposal a {
    color: #666;
    align-items: center
}

.PaymentMathod ul {
    padding-left: 0
}

.loader, .loader:before, .loader:after {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out
}

.loader {
    color: #6e6e6e;
    font-size: 10px;
    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;
    top: 30%
}

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

    .loader:before {
        left: -3.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s
    }

    .loader:after {
        left: 3.5em
    }

@-webkit-keyframes load7 {
    0%,80%,100% {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}

@keyframes load7 {
    0%,80%,100% {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}

.LifeFormBox {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: none;
    height: 46px !important;
    width: 300px;
    padding: 7px;
    margin-top: 20px;
    color: #555
}

.smallCnt {
    padding: 0;
    display: inline-block;
    margin: 30px 0 70px 0
}

#myModalLife .NewProModel001 {
    margin-top: 40px !important
}

.proposalBox02 .panel-collapse.fade {
    opacity: inherit
}

.ProductPopUpBox {
    display: block;
    top: 0;
    bottom: 0
}

.modal-open {
    position: relative
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block !important;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 9999 !important
}

.CallRequest {
    position: fixed;
    top: 170px;
    right: 0;
    z-index: 100;
    left: inherit
}

    .CallRequest .showOpt {
        box-shadow: 0 0 10px 0 #b6b6b6;
        position: relative;
        display: flex;
        align-items: center;
        right: -115px;
        top: -10px;
        border-radius: 50px 0 0 50px;
        border: none;
        padding: 10px;
        font-size: 16px;
        color: #fff;
        background: #30B524;
        transition: all .4s ease-in-out 0s;
        -moz-transition: all .4s ease-in-out 0s;
        -ms-transition: all .4s ease-in-out 0s;
        -o-transition: all .4s ease-in-out 0s;
        -webkit-transition: all .4s ease-in-out 0s
    }

        .CallRequest .showOpt svg {
            font-size: 26px;
            margin-right: 10px
        }

        .CallRequest .showOpt002, .CallRequest .showOpt:hover {
            right: 0
        }

.SMCbody .ExtraFeature002 {
    right: 10px
}

.ExtraFeature {
    padding: 0;
    margin: 0;
    border-radius: 15px;
    position: relative;
    background: #fff;
    box-shadow: 0 0 10px 0 #c6c6c6;
    right: -300px;
    transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s;
    z-index: 100
}

    .ExtraFeature li {
        display: block;
        background-image: none;
        padding: 15px;
        text-align: left;
        font-size: 12px;
        border-radius: 0;
        box-shadow: none;
        margin-bottom: 0;
        border-bottom: 1px solid #c5c5c5
    }

        .ExtraFeature li a p {
            margin: 0;
            font-size: 12px
        }

        .ExtraFeature li:last-child {
            border-bottom: none
        }

        .ExtraFeature li a {
            color: inherit
        }

#HealthMobileNoh, #txtMobile {
    background: #ffffff00;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 15px;
    min-height: 40px;
    max-height: 60px
}

#OfflineQuotePage .modal-dialog {
    max-width: 480px
}

.upload_P_Box input, .upload_P_Box .select.input-sm, .upload_P_Box select {
    color: #999;
    border: 1px solid #ddd !important;
    width: 100%;
    border-radius: 4px;
    padding: 10px 15px
}

    .upload_P_Box input::placeholder {
        color: #999 !important
    }

.modal {
    cursor: auto
}

.headingBt:hover {
    text-decoration: none !important;
    color: inherit !important
}

.errMasgOLQ {
    color: #999;
    text-align: start !important;
    left: 0;
    display: block;
    font-size: 10px
}

.myPop_btnALL {
    cursor: pointer
}

.upload_P_Box .form-group {
    margin-bottom: 10px
}

.radioBtn {
    width: auto !important
}

#ChkCorporateModel .modal-dialog {
    max-width: 400px
}

    #ChkCorporateModel .modal-dialog .modal-body {
        padding: 0
    }

.ChkCorporateModelPopup .RecievPremTitle {
    display: block;
    text-align: center;
    width: 100%
}

.ChkCorporateModelPopup img {
    width: 100px;
    margin: 0 auto 10px auto
}

.ChkCorporateModelPopup002 {
    background-color: #ecf1f7;
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 5px
}

.EditVehicleDet, .VD_Box p span {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #30B524 !important;
    text-decoration: none;
    cursor: pointer
}

.EditVehicleDet {
    position: absolute;
    right: 10px;
    top: 10px
}

.QuestionPopupPage {
    float: right;
    vertical-align: middle;
    list-style: none;
    right: 15px;
    top: 0
}

    .QuestionPopupPage span {
        font-size: 8px !important;
        color: #888;
        margin-right: 0;
        font-weight: 600 !important;
        text-decoration: underline;
        text-transform: capitalize
    }

.QuestionPopupPage {
    position: relative
}

.QuestionPopupInnerPage {
    display: none
}

.QuestionPopupPage:hover .QuestionPopupInnerPage {
    display: block
}

.QuestionPopupInnerPage {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 20px -5px #00000052;
    border-radius: 5px;
    top: 35px;
    right: -18px;
    min-width: 300px;
    width: auto;
    color: #777;
    font-size: 12px;
    padding: 15px 20px;
    z-index: 9;
    font-weight: 400;
    text-transform: initial
}

    .QuestionPopupInnerPage::after {
        width: 0;
        height: 0;
        border-left: 6px solid #ffffff00;
        border-bottom: 8px solid #fff;
        border-right: 6px solid #ffffff00;
        content: "";
        position: absolute;
        top: -8px;
        right: 20px
    }

.QuestionPopupInnerPagePA_Cover_OD {
    min-width: 500px
}

    .QuestionPopupInnerPagePA_Cover_OD .body div {
        background: #eee;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 10px;
        margin-bottom: 10px
    }

        .QuestionPopupInnerPagePA_Cover_OD .body div ul {
            padding: 0 0 0 15px;
            margin: 0
        }

            .QuestionPopupInnerPagePA_Cover_OD .body div ul li {
                list-style: disc
            }

    .QuestionPopupInnerPagePA_Cover_OD .body b {
        color: #444
    }

    .QuestionPopupInnerPagePA_Cover_OD .body div p {
        padding: 0;
        margin: 0
    }

.contacUS_page_Form .form-group {
    margin-bottom: 15px
}

    .contacUS_page_Form .form-group label {
        width: 100%
    }

.shareModelCompare {
    background: #0b56a6;
    width: 224px;
    position: initial
}

.FormTagsBox {
    border: 1px solid #cccccc !important;
    height: 50px;
    width: 100%;
    border-radius: 4px;
    padding: 0 15px;
    box-shadow: 0 3px 14px rgba(195, 189, 189, 0.3)
}

.QuestionPopupPagePopUp .QuestionPopupInnerPage {
    box-shadow: 0 5px 60px 0 #0000002b;
    border-radius: 5px;
    bottom: 30px;
    top: initial;
    left: -180px;
    right: initial;
    min-width: 500px;
    width: auto;
    max-width: 600px;
    font-weight: 400
}

    .QuestionPopupPagePopUp .QuestionPopupInnerPage::after {
        border-left: 6px solid #ffffff00;
        border-top: 8px solid #ffffff !important;
        border-right: 6px solid #ffffff00;
        border-bottom: none;
        content: "";
        position: absolute;
        bottom: -8px;
        top: initial;
        left: 200px
    }

    .QuestionPopupPagePopUp .QuestionPopupInnerPage .body h3 {
        font-size: 14px;
        color: #000;
        font-weight: 600
    }

    .QuestionPopupPagePopUp .QuestionPopupInnerPage .body p {
        margin: 0;
        line-height: 20px
    }

        .QuestionPopupPagePopUp .QuestionPopupInnerPage .body p strong {
            color: #000
        }

.tooltipinner {
    width: 100%;
    padding: 15px;
    color: #000;
    text-align: left;
    background-color: #eee;
    border-radius: .25rem;
    font-size: 14px;
    line-height: 25px;
    margin: 15px 0
}

.QuestionPopupAddons {
    float: none;
    right: 0
}

.quotesDetailsInAddons {
    text-align: right
}

.QuestionPopupAddons .QuestionPopupInnerPage {
    right: 280px;
    box-shadow: 0 0 20px -10px #000;
    top: 0;
    font-weight: 400
}

    .QuestionPopupAddons .QuestionPopupInnerPage::after {
        border-top: 8px solid #ffffff00;
        border-left: 10px solid #fff;
        border-bottom: 8px solid #ffffff00;
        top: 13px;
        right: -15px
    }

.QuestionPopupAddons label {
    display: flex
}

#first2 .CheckBoxColor .QuestionPopupPage {
    top: 0
}

#first2 .CheckBoxColor {
    padding: 0
}

    #first2 .CheckBoxColor label {
        padding: 10px 15px
    }

.claim-sectionBG-Clr {
    background-color: rgba(0, 0, 0, 79)
}

.headingBt {
    font-size: 14px !important
}

.quotesDetailsIn .yrVehicle select {
    border: 1px solid #ced4da;
    width: 100% !important
}

#PlaneDetails.Manualmodal .modal-dialog {
    max-width: 1000px
}

.premiumBrekp02 {
    max-height: 450px;
    overflow: auto;
    background: #fff;
    margin-top: 15px;
    padding: 15px;
    border-radius: 5px
}

@media screen and (max-width:992px) {
    .pl-0Res {
        padding-left: 0 !important
    }

    .pr-0Res {
        padding-right: 0 !important
    }

    .pt-0Res {
        padding-top: 0 !important
    }

    .pb-0Res {
        padding-bottom: 0 !important
    }

    .tabs {
        padding-top: 15px
    }

    .rsmm-mobile .MainMenu .navbar-brand {
        height: 60px;
        display: flex;
        align-items: center
    }

    .tabs .productTabsMainRisk .productTabsRisk {
        text-align: center
    }

        .tabs .productTabsMainRisk .productTabsRisk i {
            margin: 0 !important
        }

    .rsmm-mobile .MainMenu .navbar-brand img {
        width: 120px !important;
        height: auto
    }

    .new-banner {
        margin-top: 60px
    }

    .tabs, .homeSection {
        height: auto !important
    }

    #HealthMobileNo, #txtMobile {
        height: 40px !important
    }

    .heading {
        text-align: center !important
    }

    .Sub.Heading {
        margin: 10px 0 0 0;
        font-size: 14px
    }

    .NoPaddingLeftMobl {
        padding-left: 0
    }

    .mainw3-agileinfoclaim {
        padding: 80px 30px !important
    }

    .compareBoxM {
        width: 100%;
        margin: 0;
        left: 0
    }

    .extBtnsShare, .premiumBrekp02 p span:nth-child(1), .premiumBrekp02 h4 span:nth-child(1) {
        width: auto
    }

    .cashlessgaraj01 {
        height: auto
    }

    .cashlessgarajMain {
        padding: 0
    }

    .compareBtns {
        text-align: right;
        margin-top: 5px
    }

    .FirstInfoInsured, .CNTSec1Inner {
        padding: 20px 0
    }

    .NoPaddingRight {
        padding-right: 15px
    }

    .NoPaddingLeft {
        padding-left: 15px
    }

    .productTabs, .ProductForm02, .MainIndex {
        height: auto !important
    }

    .productTabs {
        margin: 0
    }

    .benefitSecInner001 ul, .tips-img, .ProductForm02, .PaymentMathod li a img {
        width: 100%
    }

    .ProductFormIn button.btn.QouteMNBtn, .mobileBox button.btn.QouteMNBtn {
        border-radius: 4px
    }

    .NoPaddingRightMobl {
        padding-right: 0
    }

    .FirstInfoInsuredImg img {
        display: none
    }

    .productTabs {
        background: #fff;
        box-shadow: none
    }

        .productTabs nav .nav-tabs a.nav-item {
            padding: 10px;
            width: 30%;
            margin: 1.4%;
            border: 1px solid #eee !important;
            box-shadow: none !important;
            border-radius: 0 !important
        }

            .productTabs nav .nav-tabs a.nav-item.nav-link.active {
                background-color: #f7f7f7
            }

    .ProductForm {
        padding: 15px 5px
    }

    .ProductFormIn h3 {
        font-size: 20px
    }

    .ProductFormIn h2 {
        font-size: 16px
    }

    .titleWithFont {
        font-size: 24px;
        line-height: 30px
    }

    .benefitSecInner001 ul li {
        padding: 0 15px
    }

    .MN_Menu.navMenu {
        text-align: left;
        height: auto
    }

        .MN_Menu.navMenu li a {
            padding: 5px 0px !important;
            margin: 0
        }

    .resTextAlignleft {
        text-align: left !important
    }

    .editModal001.modal-dialog {
        width: 90%;
        margin: 20px
    }

    .NewProModel01 .nav-tabs {
        height: auto;
        padding: 0;
        margin-top: 0 !important;
        text-align: center;
        display: block
    }

        .NewProModel01 .nav-tabs li.active a::after {
            top: 20px;
            transform: rotate(90deg);
            right: 25px
        }

    .side-view {
        padding: 0 15px
    }

        .side-view .col-md-8.border-left {
            border-left: none !important
        }

    .NewUIStyle .MotorPopUpBgCustom .LifeCustomAgeBox .tab-content .VehicleCnt01 span, .VehicleDetailsRight p {
        font-size: 10px !important
    }

    #alreadyExpiry.row {
        margin: 0 0 10px 0
    }

        #alreadyExpiry.row .col-md-7, #alreadyExpiry.row .col-md-5 {
            padding: 0
        }

    .FillingDetails {
        padding: 5px 15px;
        margin-bottom: 0;
        margin-top: 0;
        background: #fafafa;
        border-radius: 5px
    }

        .FillingDetails .FDetails {
            margin: 0 0 0 0;
            border-top: 1px solid #ccc
        }

    .EntireVehicleDetails .FDetails {
        margin-top: 10px
    }

    .FillingDetails .FDetails span#pop-car {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .EntireVehicleDetails .FDetails p span {
        font-size: 12px !important;
        font-weight: 400
    }

    .FillingDetails .FDetails #pop-year {
        font-size: 16px;
        font-weight: 700 !important;
        line-height: normal
    }

    .mobileBox .PF0012 {
        padding: 0 0 20px 0
    }

    .FillingDetails h1 {
        font-size: 12px
    }

    .FillingDetails .FDImg img {
        width: 35px;
        margin-right: 0
    }

    .orDivider {
        display: none
    }

    .rsmm-mobile .SubHead_Risk {
        display: block;
        width: 100% !important
    }

    .rsmm-mobile .MainMenu .col-sm-10.d-flex {
        flex-direction: column
    }

    .SubHead_Risk li {
        margin-right: 10px
    }

    .posRegister_pg02 {
        padding: 0 0 50% 0
    }

    .featuredArea {
        left: calc(100% - 380px) !important;
        right: 0px !important;
        width: 100% !important;
        top: 670px !important;
        height: 150px !important
    }

    .posRegister_pg03 {
        padding: 30px 35px !important
    }

    .featuredArea h2 {
        padding: 30px 20px 30px 20px !important
    }

    .contacUS_page {
        margin: 0
    }

    .NewProModel01 .nav-tabs li a {
        padding: 10px 5px !important;
        width: auto;
        font-size: 11px;
        border: none !important
    }

    .NewProModel01 .nav-tabs li {
        width: auto;
        display: inline-block;
        height: 55px
    }

    .card.NewProModel01 .tab-content {
        padding: 20px 0
    }

    .SpaceBetweenRow002, .productTabs {
        width: 100%
    }

    .productTabsHeading {
        padding: 0
    }

    .BoxCertificate div {
        display: inline-block
    }

    .BoxCertificate {
        text-align: right;
        width: auto;
        z-index: 99;
        padding-right: 0px !important;
        top: 15px;
        right: 50px;
        position: fixed
    }

        .BoxCertificate div img {
            width: 30px;
            margin: auto;
            display: inherit;
            margin: 0 10px 0 10px
        }

    .productTabsMainLifeMart {
        text-align: left !important
    }

    .productTabsRisk i {
        line-height: normal !important
    }

    .productTabsHeading {
        font-size: 20px
    }

    .productTabsRisk span {
        font-size: 12px
    }

    .rsmm {
        z-index: 8
    }

    .NewProModel01 #leftTab {
        height: auto
    }

    .NewProModel01 .row.flexAuto {
        align-items: end
    }

    .card.NewProModel01 {
        height: auto
    }

    .NewProModel0011 {
        margin: 20px 15px !important
    }

    .card.NewProModel01 {
        overflow-x: inherit !important
    }

    .VehicleCnt01 h4 {
        font-size: 16px
    }

    .NewProModel01 .nav-tabs li::after {
        display: none
    }

    .packageForm {
        width: 100% !important;
        height: 40px !important;
        text-align: left;
        background: #fff;
        border: 2px solid #c1baba;
        font-size: 12px
    }

    footer {
        display: none
    }

    .MTB-Insured-HH .modal-dialog {
        width: 100%
    }

    #OfflineQuotePage .modal-dialog, #CallRequest .modal-dialog, #ClickToCall .modal-dialog {
        max-width: 100% !important;
        padding: 20px;
        margin: 0
    }

    .PX_Day-BX, #alreadyExpiry label span {
        font-size: 12px
    }

    .proposalForm001Head, .proposalForm001Head p {
        padding: 0
    }

    .generatePDF {
        right: 15px;
        top: 120px;
        padding: 5px 10px;
        font-size: 10px;
        font-weight: 500;
        border: 1px solid #555
    }

    .PS_Info h1 {
        font-size: 16px
    }

    .PS_Info h2 {
        font-size: 12px
    }

    .InsurerDropDown, .SumAssuredPP {
        padding-bottom: 15px;
        right: initial;
        left: 0
    }

    .CarSideDetails {
        margin-top: 10px !important;
        padding: 0 !important;
        overflow: hidden
    }

    .CashLessModalqt {
        padding: 0 !important
    }
}

.proposalBox02 label {
    margin: 0
}

.field-validation-error {
    color: red
}

.material-button .fas, .material-button .fab, .material-button .fa {
    color: white !important
}

.bottom-nav, .footer-copyright {
    position: relative
}

.UpperValue {
    text-transform: uppercase
}

.proposalPageBox .modal-body span {
    word-break: break-word
}

.goBack {
    color: #000
}

select[name="VPreviosInsurer"] {
    text-transform: uppercase
}

.summaryCardBox .FormSelect {
    height: auto
}

.manageDrpDwn li:hover {
    background-color: cornflowerblue;
    color: #fff
}

.qtPPBtnProceed {
    width: 150px !important;
    height: 40px !important;
    color: #000;
    font-size: 13px;
    float: none;
    margin-bottom: 0 !important
}

.ChkCorporateModelBottom {
    padding: 10px 15px
}

.ChkCorporateModelPopup div h3 {
    font-size: 12px;
    font-weight: 400
}

.ChkCorporateModelPopup002 p {
    text-align: left;
    margin: 7px 0;
    font-size: 12px;
    font-weight: 700
}

.ChkCorporateModelPopup {
    padding: 10px 15px
}

    .ChkCorporateModelPopup h3 {
        margin: 0;
        font-size: 12px
    }

.ChkCorporateModelPopup002 p span:last-child {
    float: right
}

.productTabsMainSBM .productTabs .productTabsRisk {
    display: inline-block
}

.productTabsRisk img, .productTabsRisk span {
    pointer-events: none
}

.productTabsRisk span {
    display: block
}

.VahanDataSel {
    padding: 50px 40px
}

.changeVarient {
    font-size: 10px;
    float: right;
    display: inline-block;
    color: #007bff;
    font-weight: 600;
    cursor: pointer;
    line-height: 25px
}

.VehicleRow {
    width: 100%;
    border-bottom: 1px solid #999;
    margin-bottom: 15px;
    display: flex !important;
    align-items: center
}

    .VehicleRow .changeVarient {
        float: none;
        width: 100%;
        text-align: right
    }

#HealthDetails .table .packageForm {
    padding: 10px 5px !important
}

.DeviderInsured {
    width: 100%;
    height: 1px;
    margin-bottom: 10px;
    background-color: #ececec
}

.container {
    display: block !important
}

.productTabsMainHealth label i {
    position: absolute;
    top: 10px;
    right: -5px;
    color: #91959b;
    border: 1px solid #91959b;
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 5px 0;
    border-radius: 50px;
    font-size: 10px
}

.proposalPageBox .card .form-check-inline {
    display: inline-flex;
    align-items: center
}

.txtError {
    font-size: 10px
}

input[type="button"]:disabled#payNow {
    opacity: .8
}

.accordion > .card {
    overflow: initial
}

.TermsAndCondition ul {
    padding: 0
}

.TermsAndConditionPage .AppNextBox {
    position: absolute;
    z-index: 9;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 140px
}

    .TermsAndConditionPage .AppNextBox button.close {
        right: 20px;
        top: 110px
    }

.tab-contentLifeMart .heading {
    font-size: 28px;
    font-weight: 300;
    margin: 0 0 10px 0;
    color: #000;
    text-align: center
}

.newModalqt .Qlogo img {
    margin-bottom: 10px
}

.ShowSideError {
    position: absolute;
    color: #555;
    padding: 3px 15px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 #ccc;
    font-size: 12px;
    border-radius: 30px;
    top: 0px;
    right: 0px;
    z-index: 999;
    transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s
}

.ShowSideErrorNone {
    display: block
}

.ProposalTabsRight .proposalForm001Body .InsurerOwner .labeltext {
    width: 200px;
    margin: 0
}

.ProposalTabsRight .proposalForm001Body .InsurerOwner {
    padding: 15px 0;
    border-bottom: 1px solid #eee
}

    .ProposalTabsRight .proposalForm001Body .InsurerOwner:last-child {
        border-bottom: none
    }

    .ProposalTabsRight .proposalForm001Body .InsurerOwner .form-check-inline label {
        margin-bottom: 0
    }

.LifePopUpBgCustom .NewProModel0011 .dismissPop {
    display: inline-block
}

.LifePopUpBgCustom .NewProModel0011 .closeBack, .LifeCustomAgeBox .tab-content button.slideBtnCompare {
    display: none
}

.LifeCustomAgeBox .tab-content .VehicleCnt01 h3 {
    display: block
}

.RoundArrowBTN i {
    pointer-events: none
}

.RoundArrowBTN {
    background-color: #fff;
    border: 1px solid #999 !important;
    border-radius: 50px;
    font-size: 1.5rem
}

.HealthPopUpBgCustom .memberInsure {
    color: #444;
    font-weight: 600;
    text-align: left;
    font-size: 22px
}

.HealthPopUpTabCustom .PF0012 label input, .HealthPopUpTabCustom .PF0012 label select, .HealthPopUpTabCustom .PF0012 label #HealthMobileNoh, .HealthPopUpTabCustom .PF0012 label #txtMobile {
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 15px;
    text-align: center;
    height: 40px
}

    .HealthPopUpTabCustom .PF0012 label input::placeholder {
        font-weight: 600 !important
    }

.NewUIStyle .MotorPopUpBgCustom{background:#fff!important;border-top:1px solid #ccc;margin:75px 0;padding:20px 0}.NewUIStyle .MotorPopUpBgCustom .NewProModel0011{max-width:100%!important;margin:0 auto!important;padding:0;position:relative}.NewUIStyle .MotorPopUpBgCustom .NewProModel0011 .modal-content,.NewUIStyle .MotorPopUpBgCustom .NewProModel0011 .modal-content .card.NewProModel01{background-color:#ffffff00;border:none}.NewUIStyle .MotorPopUpBgCustom .NewProModel0011 .dismissPop,.NewUIStyle .LifeCustomAgeBox .tab-content .VehicleCnt01 h4{display:none!important}.NewUIStyle .MotorPopUpBgCustom .NewProModel0011 .closeBack,.NewUIStyle .MotorPopUpBgCustom .tab-content .VehicleCnt01 h4{display:block!important}.NewUIStyle .MotorPopUpBgCustom .NewProModel0011 button.closeBack,.NewUIStyle .LifeCustomAgeBox .tab-content button.slideBtnCompare{right:0;top:20px;position:absolute;width:40px;height:40px;z-index:101}.NewUIStyle .LifeCustomAgeBox .tab-content button.slideBtnCompare{padding:0 20px;display:block!important}.NewUIStyle .LifeCustomAgeBox .tab-content .col-md-12.text-center{text-align:left!important}.NewUIStyle .LifeCustomAgeBox .tab-content .col-md-12.text-center .smallCnt{padding:0;display:inline-block;margin:5px 0 70px 0;font-size:10px}.NewUIStyle .LifeCustomAgeBox .tab-content .col-md-12.text-center .Step1smoke001CK .LifeFormBoxCustom{width:100%}.NewUIStyle .LifeCustomAgeBox .tab-content .col-md-12 .row .col-md-6.text-left button.closeBack{left:15px}.NewUIStyle .LifeCustomAgeBox .tab-content .col-md-12.text-center label,.NewUIStyle .LifeCustomAgeBox .tab-content .col-md-12.text-center label .LifeFormBox{margin-top:0}.NewUIStyle .LifeCustomAgeBox .tab-content{padding:0!important}.NewUIStyle .LifeCustomAgeBox .tab-content .col-md-12.text-center .yrVehicle{margin:0}.NewUIStyle .LifeCustomAgeBox .tab-content span,.NewUIStyle .MotorPopUpBgCustom .LifeCustomAgeBox .tab-content h4,.VehicleDetailsRight h1,.NewUIStyle .LifePopUpBgCustom .NewProModel0011 h4,.CashlessGarages h4{font-size:30px;color:#3d3d3d!important;font-weight:700;margin-bottom:5px;display:inline-block}.NewUIStyle .MotorPopUpBgCustom .LifeCustomAgeBox .tab-content span,.VehicleDetailsRight p,.NewUIStyle .LifePopUpBgCustom .NewProModel0011 span,.EntireVehicleDetails .side-viewLastStep span,.HeadingTitleBima{font-size:16px;color:#3d3d3d!important;font-weight:600;margin-bottom:5px;display:inline-block}.NewUIStyle .LifeCustomAgeBox .tab-content .NextBTN::after,.NewUIStyle .LifeCustomAgeBox .tab-content .PrevBTN::after{font-family:"Font Awesome 5 Free";font-weight:900;font-size:20px}.NewUIStyle .LifeCustomAgeBox .tab-content .PrevBTN::after{content:"\f060"}.NewUIStyle .LifeCustomAgeBox .tab-content .NextBTN::after{content:"\f061"}.NewUIStyle .LifeCustomAgeBox .tab-content .NextBTN,.NewUIStyle .LifeCustomAgeBox .tab-content .PrevBTN{width:40px;height:40px;font-size:0!important;margin-right:125px;margin-top:30px;text-align:center;display:inline-block;border-radius:50px;border:1px solid #999!important;background-color:#fff}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .BackToDate{display:none}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .row .col-md-4,.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .row .col-md-8{flex:0 0 100%!important;max-width:100%!important}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep{border-left:none!important;margin-bottom:10px;padding:0 15px;border-radius:10px}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .PX_Day-BX,.EntireVehicleDetails .side-viewLastStep .PX_Day-BX,.EntireVehicleDetails .side-viewLastStep #alreadyExpiry,.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep #alreadyExpiry{padding:10px 0;background:#fff;border-radius:10px;border:1px solid #dee2e6;margin:0 0 15px 0}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .PX_Day-BX,.EntireVehicleDetails .side-viewLastStep .PX_Day-BX{padding:15px!important}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep.inx-wrapper .inx-text{line-height:20px;margin-bottom:5px;margin-top:30px}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .FillingDetails{margin:0 0 15px 0;display:flex;align-items:center;background:#fff;border:1px solid #dee2e6;padding:0 15px;border-radius:10px}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .FillingDetails .FDetails{width:100%}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .FillingDetails .FDetails span{line-height:normal;font-size:12px;margin:0;display:inline-block;color:#6a6a6a!important;font-weight:400!important}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .FillingDetails .FDetails span#pop-car,.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .FillingDetails .FDetails span#pop-year{color:#212529!important;font-weight:700!important;display:flex;font-size:17px;align-items:baseline;justify-content:space-between}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .FillingDetails .FDetails span#pop-year{font-size:24px;font-weight:900!important}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .FillingDetails .FDetails br{display:none}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .PX_Day-BX .row .col-md-12{display:flex;align-items:center;margin-bottom:5px}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .PX_Day-BX .row .col-md-7 .row .col-md-12 label,.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .PX_Day-BX .row .col-md-7 .row .col-md-12 label span,.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .PX_Day-BX .row .col-md-5 label span,.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .PX_Day-BX .row .col-md-5 label{margin-bottom:0}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .PX_Day-BX .row .col-md-12 label span,.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .PX_Day-BX .row .col-md-5 label span,.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep #alreadyExpiry label span,.EntireVehicleDetails .side-viewLastStep span,.EntireVehicleDetails .side-viewLastStep .PX_Day-BX span,.EntireVehicleDetails .side-viewLastStep #alreadyExpiry span{font-size:12px}.EntireVehicleDetails .FDetails p span:nth-child(1){width:100px}.EntireVehicleDetails .FDetails{margin-top:20px}.EntireVehicleDetails .FDetails p span:nth-child(2){font-weight:600;color:#444}.EntireVehicleDetails .FDetails p{margin:0}.EntireVehicleDetails .FDetails p span{font-size:14px;color:#6a6a6a}.EntireVehicleDetails .FDetails p span{display:inline-block}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep #alreadyExpiry{margin-top:10px}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep #alreadyExpiry label .HM_Box,.EntireVehicleDetails .side-viewLastStep #alreadyExpiry label .HM_Box{display:flex;align-items:center}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep #alreadyExpiry label .HM_Box span,.EntireVehicleDetails .side-viewLastStep #alreadyExpiry label .HM_Box span{margin-bottom:0;margin-right:10px}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .mobileBox .row .col-md-7 label span{font-size:10px;color:#ccc!important}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep{padding:0 100px 0 0}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .row .col-md-5 .packageForm{height:40px!important;line-height:40px;border:1px solid #ccc;border-radius:4px}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .row .col-md-5 .packageForm{padding:5px 15px}@media only screen and (max-width:1400px){.NewUIStyle .MotorPopUpBgCustom .NewProModel01 .row.flexAuto{align-items:center}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .mobileBox .col-md-5 input[type="button"]{min-width:auto;font-size:12px}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep{padding-bottom:20px;margin-top:0}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .FillingDetails .FDetails span,.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .inx-wrapper .inx-text small{font-size:10px}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .inx-wrapper .inx-text{font-size:18px}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .PX_Day-BX .row .col-md-12 label span,.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .PX_Day-BX .row .col-md-5 label span{font-size:10px}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep .FillingDetails .FDImg img{width:50px;margin-right:30px}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep{margin-bottom:0}.HealthCustomLeftCNT p{line-height:20px;font-size:14px}.NewUIStyle .HealthCustomLeftCNT img{width:350px}}@media (max-width:768px){.NewUIStyle .MotorPopUpBgCustom .NewProModel0011 button.closeBack,.NewUIStyle .LifeCustomAgeBox .tab-content button.slideBtnCompare,.NewUIStyle .HealthPopUpBgCustom .packagesMainPopUpH button.close,.NewUIStyle .RoundArrowBTN,.NewUIStyle .LifeCustomAgeBox .tab-content .NextBTN,.NewUIStyle .LifeCustomAgeBox .tab-content .PrevBTN{width:30px;height:30px;font-size:14px;z-index:100;left:50%;margin-left:-15px;top:-16px!important;opacity:1}.NewUIStyle .HealthPopUpBgCustom .packagesMainPopUpH button.close,.NewUIStyle .RoundArrowBTN{top:20px!important}.NewUIStyle .MotorPopUpBgCustom .NewProModel0011{max-width:100%!important;margin:0 auto!important;padding:15px 0 0 0}.NewUIStyle .MotorPopUpBgCustom{margin:60px 0;padding:0 0}.NewUIStyle .HealthPopUpBgCustom .packagesMainPopUpH{padding-top:20px}.NewUIStyle .HealthCustomLeftCNT h3{line-height:normal;margin-top:30px;font-size:18px}.NewUIStyle .HealthCustomLeftCNT p{line-height:normal}.NewUIStyle .HealthCustomLeftCNT img{width:240px;margin:auto;display:block}.NewUIStyle .LifeCustomAgeBox .tab-content .NextBTN,.NewUIStyle .LifeCustomAgeBox .tab-content .PrevBTN{margin-right:25px}.NewUIStyle .LifeCustomAgeBox .tab-content .NextBTN::after,.NewUIStyle .LifeCustomAgeBox .tab-content .PrevBTN::after{font-size:14px}.NewUIStyle .HealthPopUpBgCustom #quotesBtn{font-size:11px}.NewUIStyle .AddBtnHlt{width:40%;margin-bottom:10px}.NewUIStyle .HealthPopUpBgCustom .FormRow{text-align:left}.NewUIStyle .LifeCustomAgeBox .tab-content .side-viewLastStep #alreadyExpiry{padding:5px 15px}.FuelPriceFlag{display:none}}
@font-face {
    font-family: 'Barlow';
    src: url('../Barlow/Barlow-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'Barlow';
    src: url('../Barlow/Barlow-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow';
    src: url('../Barlow/Barlow-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow';
    src: url('../Barlow/Barlow-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow';
    src: url('../Barlow/Barlow-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: 'Barlow';
    src: url('../Barlow/Barlow-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

/* @font-face {
    font-family: 'Barlow';
    src: url('../Barlow/Barlow-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
} */

@font-face {
    font-family: 'Barlow';
    src: url('../Barlow/Barlow-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}




/*font-family: 'Barlow', sans-serif;*/
div.flocon div, div.flocon div div {
    transform-style: preserve-3d;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}

    div.flocon div, div.flocon div div, div.flocon div div i {
        animation-iteration-count: infinite
    }

.SMCbody .mainHeader, .rsmm {
    border: none !important
}

.DropDownMenu1, 
.FixedHead {
    box-shadow: 0 3px 12px rgba(0, 0, 0, 15)
}

.PartnerLogo img, .accordion-button:not(.collapsed)::after {
    filter: grayscale(1)
}

to {
    transform: rotate(180deg);
    transform: rotate3d(1,1,0,180deg);
    transform: translateX(100px);
    transform: translateY(95vh)
}
div.flocon div {
    width: inherit;
    height: inherit;
    animation-name: swing
}

    div.flocon div div {
        animation-name: spin
    }

        div.flocon div div i {
            fill: #FFF;
            filter: drop-shadow(0 0 2px #30B524);
            animation-name: flip;
            animation-timing-function: linear
        }

body, .SMCbody div, .SMCbody h2, .SMCbody h3, .SMCbody h4, .SMCbody h5, .SMCbody h6, .SMCbody input, .SMCbody label, .SMCbody p {
    font-family: Barlow,sans-serif !important
}

a {
    text-decoration: none !important
}

.MuiBox-root img, .SMCbody .homeSection .tabs .packagesMainRisk, img {
    height: auto
}

.accordion-button:focus {
    border: none !important;
    box-shadow: none !important
}

.accordion-button:not(.collapsed) {
    color: #30b524;
    background-color: #fff
}

.SMCbody .mainHeader {
    height: auto;
    padding: 10px 0
}

.myNav, .rsmm {
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%
}

.AboutSec6Box p, .ContactGetTouch p, .Grievance .DisclaimerCNT ul li p, .SMCbody .MN_Menu.navMenu, .VehicleRegister label, .otherLinksSmc .StepsRow .StepsColm.StepsColm01 .StepsColmBox .StepsColmInn div span, .services-areaSeven .accordion .accordion-item .card-body p, .skills ul {
    margin: 0
}

    .DropDownMenu1 .col-md-3 .OurProduct ul li a, .SMCbody .MN_Menu.navMenu li a {
        position: relative;
        color: #000;
        line-height: 53px
    }

.SubHead_Risk li a button.LoginBtn {
    color: #fff;
    border-color: #30b524;
    background: #30b524
}

.SubHead_Risk li button.LoginBtn.DashboardBtn {
    background-color: #30b524;
    color: #fff;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

    .SubHead_Risk li button.LoginBtn.DashboardBtn:hover {
        background-color: #47a706;
        color: #fff !important
    }

.SMCbody .MN_Menu.navMenu li a img {
    width: 20px;
    margin-right: 12px
}

.FAQ_Benefits ul li {
    list-style: disc
}

.DropDownMenu1 {
    position: fixed;
    background: #fff;
    padding: 20px 0;
    opacity: 0;
    visibility: hidden;
    right: 0;
    transition: .5s ease-out;
    display: block;
    z-index: 3;
    border-top: 1px solid #eee;
    left: 0
}

.MN_Menu.navMenu li.has-sub:hover .DropDownMenu1 {
    margin-top: .5rem;
    opacity: 1;
    visibility: visible
}

.DropDownMenu1 .col-md-3 .OurProduct h3 {
    font-size: 18px;
    font-weight: 700;
    color: #1d1d1d;
    margin-bottom: 15px
}

    .DropDownMenu1 .col-md-3 .OurProduct h3 img {
        display: block;
        width: auto;
        height: 50px
    }

#pgFooter .footerBottom .footerLinks > div > ul, .AdviceList, .DisclaimerCNT ul, .DropDownMenu1 .col-md-3 .OurProduct ul, .ProductPagesMain ul, .SMCbody .packagesMainHealth {
    padding: 0
}

    .DropDownMenu1 .col-md-3 .OurProduct ul li a {
        padding: 7px 0 !important;
        line-height: normal
    }

.DropDownHover {
    top: 83px
}

.DropDownMenu1 li:hover a {
    transition: .3s ease-out;
    color: #30b524 !important
}

.DropDownMenu1 li a {
    padding: 10px !important;
    margin: 0 !important;
    font-size: 14px !important
}

.DropDownMenu1 li, .MuiButton-fullWidth, .SMCbody .homeSection .tabs .tab-content .SpaceBetweenRow002, .packagesMainRisk .tab-content {
    width: 100%
}

.SMCbody .homeSection {
    display: block;
    background-image: url(../img/Home-page/Background.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center -50px;
    height: auto
}

.homeSectionBG {
    background-color: #30B5241c;
    height: auto;
    padding-top: 30px;
    padding-bottom: 50px;
}

.SMCbody .homeSection .tabs {
    position: relative;
    z-index: 1
}

.VehicleRegister {
    padding: 0;
    border-radius: 4px;
    justify-content: space-between
}

    .VehicleRegister label span {
        font-weight: 500;
        color: #1d1d1d;
        font-size: 12px;
        margin-top: -5px;
        display: block
    }

    .VehicleRegister label input {
        width: 100%;
        text-transform: uppercase;
        border: 1px solid #bebebe;
        box-shadow: 0 0 30px #6a6a6a29;
        height: 60px;
        border-radius: 5px;
        padding: 0 20px
    }

        .VehicleRegister label input::placeholder, .VehicleRegisterHealth label select {
            color: #ccc !important;
            font-weight: 500 !important
        }

        .VehicleRegister label input::-moz-placeholder {
            color: #999 !important
        }

        .VehicleRegister label input:-moz-placeholder {
            color: #999 !important
        }

    .VehicleRegister label:first-child {
        width: 62%
    }

    .VehicleRegister label:last-child {
        width: 35%
    }

.VehicleRegisterHealth label select {
    font-size: 16px;
    border: none;
    width: 100%
}

.VehicleRegister.VehicleRegisterHealth label {
    width: 33%;
    padding: 10px 15px;
    border-right: 1px solid #0000002e
}

.SMCbody .headingBt {
    padding: 0;
    display: block;
    margin: 7px 0;
    font-size: 14px !important;
    font-weight: 500;
    text-align: center
}

.SMCGroup {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: wrap;
    padding: 0 150px
}

    .AboutSec1 a, .AboutSec1 h1 span, .AboutSec1 h2 span, .AboutSec1 h4 span, .AddressBox .d-flex p a, .ContactSec1 h1 span, .ContactSec1 h2 span, .ContactSec1 h4 span, .ContactTypeBox:hover, .DisclaimerCNT p a, .Grievance .DisclaimerCNT ul li p span, .LinkColor, .NotHappy h3 span, .POS_WrapSec1 h1 span, .POS_WrapSec1 h2 span, .POS_WrapSec1 h4 span, .POS_WrapSec3 h1 span, .POS_WrapSec3 h2 span, .POS_WrapSec3 h4 span, .SMCGroup .GroupLogo a:hover, .SMCbody .customer_review .green-text, .TermRenwalBox h1 span, .ViewAllBTN .productTabsRisk p, .green_text, .headContent h1 span, .headingCnt .box-no span, .headingCnt .customer-index h2 span, .headingCnt .main-quotes span, .headingCnt h1 span, .otherLinksSmc .StepsRow .StepsColm div small a:hover, .otherLinksSmc h2 span {
        color: #30b524
    }

    .SMCGroup .GroupLogo a {
        color: #727272;
        margin: 0;
        border-right: 2px solid #727272;
        line-height: 14px;
        padding: 0 10px;
        display: block;
        font-size: 14px
    }

    .SMCGroup .GroupLogo:last-child a, .otherLinksSmc .StepsRow .StepsColm:last-child {
        border-right: none
    }

    .SMCbody .CarRegError {
        position: absolute;
        top: 70px;
        left: 0px;
        background-color:#e0353f; /* Light red background */
        padding: 6px 12px;
        border-radius: 4px;
        color: white; /* Dark red text for contrast */
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08); /* Soft shadow */
        border-left: 3px solid #e0353f; /* Red left border for emphasis */
        animation: fadeIn 0.3s ease-in-out;
        display: none;
    }

    .SMCbody .CarRegError.show {
display: block;
    }
    /* Fade-in effect */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-3px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Vendor prefixes for older browsers (optional) */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(-3px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
    
    

.TermRenwalBox table.table tr td:nth-child(3), .policyLinks {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.SMCbody .heading {
    color: #20537b;
    line-height: 30px;
    font-size: 18px;
    padding: 0 0 5px;
    text-align: center;
    font-weight: 400;
    margin: 0
}

    .SMCbody .heading strong {
        font-weight: 600;
        font-size: 24px;
        color: #495057;
        background-color: #ffffff00;
        font-style: normal;
        display: block;
        margin-bottom: 30px;
        position: relative
    }

        .SMCbody .heading strong::after {
            display: block;
            content: "";
            background: #30b524;
            border-style: none;
            border-radius: 145px;
            left: 50%;
            margin-left: -50px;
            top: 40px;
            z-index: 7;
            width: 100px;
            height: 5px;
            position: absolute
        }

.SMCbody .productTabsMainCar h6 {
    margin-top: 30px
}

.CallUS_bot, .ContinueTOquote.hiddenit, .EbookPageMain .ebook_box .white_img, .EbookPageMain .ebookall.active .grey_img, .SMCbody .customer_review .review-line, .WhySMCWorkINCnt, .otherLinksSmc .StepsRow .StepsColm.StepsColm01::after, .otherLinksSmc .StepsRow .StepsColm.StepsColm02::after, .posmob-img, .productTabsMainCar, .services-areaSeven .accordion:after, .slick-slider .slick-dots li button:before {
    display: none
}

.SMCbody .headingBt a {
    color: #30b524;
    font-weight: 600;
    text-decoration: none
}

    .SMCbody .headingBt a img {
        display: inline-block;
        width: auto;
        height: 10px
    }

.AboutSec1.AboutSec4, .Animlable, .ClaimsFormBox, .EditVahan, .SMCbody .packagesMainRisk, .ebook_mag .ebook_mag2 {
    position: relative
}
.SMCbody .productTabsMainRisk {
    width: 100%;
    height: auto;
    white-space: nowrap;
    transition: all 0.2s;
    will-change: transform;
    user-select: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}
.SMCbody.MinProd .productTabsMainRisk {
    justify-content: left;
}
.SMCbody.MinProd .productTabsMainRisk .productTabsRisk{
    margin-right:15px;
}
.mainTab .productTabsRisk {
    display: inline-block !important
}

.productTabsRisk {
    width: 100px;
    height: 100px;
    padding: 10px;
    border-radius: 5px;
    border: 2px solid #ffffff00;
    box-shadow: 2px 2px 7px #00000024;
    background-color: #fff;
    display: inline-flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.ContactOurTeam, .OnLifeBox, .comparisonsBox, .jss75 {
    box-shadow: 0 0 15px rgba(119, 119, 119, 15)
}

.ShowAllProduct .modal-dialog {
    max-width: 790px;
    border-radius: 10px;
    box-shadow: 0 5px 10px -5px #000
}

    .ShowAllProduct .modal-dialog .modal-body {
        padding: 30px;
        background-color: #f3f3f3;
        border-radius: 0 0 10px 10px;
        height: 410px;
        overflow: auto;
    }
    .ShowAllProduct .modal-dialog .modal-header {
        padding: 10px 30px
    }

    .ShowAllProduct .modal-dialog .modal-body ul {
        border-bottom: 1px solid #c9c9c9
    }
.ShowAllProduct .modal-dialog .modal-body::-webkit-scrollbar {
    width: 5px;
}
.ShowAllProduct .modal-dialog .modal-body::-webkit-scrollbar-track {
    border-radius: 10px;
}
.ShowAllProduct .modal-dialog .modal-body::-webkit-scrollbar-thumb {
    background: #47a706;
    border-radius: 10px;
}
.ShowAllProduct .modal-dialog .modal-body::-webkit-scrollbar-thumb:hover {
    background: #47a706;
}
.ShowAllProduct .productTabsMainRisk .ProdCate {
    height: auto;
}
.ShowAllProduct .productTabsMainRisk .ProdCate .ProdCateBox {
    display:flex;
    flex-flow: wrap;
    margin: 15px 0;
}
.ProdCate h3 {
    font-size: 16px;
    color: #3d3d3d;
    margin: 10px 0;
    font-weight: 700;
}
.SMCbody .ShowAllProduct .productTabsMainRisk {
    display:block;
}


.ShowAllProduct .productTabsMainRisk .productTabsRisk {
    width: 160px;
    height: 70px;
    display: flex;
    align-items: center;
    background-color: #fff;
    flex-flow: nowrap;
    justify-content: start;
    margin-bottom: 10px;
    margin-right: 20px;
}
.SMCbody .tabs .productTabsMainRisk .productTabsRisk img {
    width: auto !important;
    height: 40px;
    margin: auto
}

.ShowAllProduct .productTabsMainRisk .productTabsRisk img {
    width: auto;
    height: 33px;
    margin-right: 8px;
}
.ShowAllProduct .productTabsMainRisk .productTabsRisk p {
    font-weight: 700 !important;
}
.ShowAllProduct .productTabsMainRisk .productTabsRisk p, .ShowAllProduct .productTabsMainRisk .productTabsRisk p small {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
}

    .EbookPageMain .ebook_box .grey_img, .EbookPageMain .ebookall.active .white_img, .Grievance .DisclaimerCNT ul li p strong, .HowItWorkSec .WhySMCWork .nav-link.active .WhySMCWorkINCnt, .ManualPOPUP.show, .ShowAllProduct .productTabsMainRisk .productTabsRisk p small, .are_different ul li, .services-areaeight002 p.headingBt a {
        display: block
    }

.ShowAllProduct ul.nav li.nav-item .nav-link {
    color: #1d1d1d;
    font-weight: 600;
    font-size: 14px;
    border-bottom: 2px solid #ffffff00;
    padding: 10px 0;
    margin-right: 25px;
    border-radius: 0
}

    .ShowAllProduct ul.nav li.nav-item .nav-link.active {
        border-color: #30b524;
        color: #30b524;
        background-color: #ffffff00
    }

.ViewAllBTN .productTabsRisk {
    display: flex !important;
    align-items: center;
    justify-content: center
}
.productTabsRisk p {
    margin: 0;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    font-weight: 600;
    color: #3d3d3d;
    text-transform: capitalize;
}
    .productTabsRisk p small {
        width: 100%;
        display: block;
        font-weight: 500;
    }

.headContent {
    padding: 0;
    color: #313131
}

    .headContent h1 {
        font-size: 45px;
        color: #1d1d1d;
        font-weight: 800;
        line-height: 60px;
        margin-bottom: 30px
    }

    .headContent p {
        font-size: 18px
    }

.SMCbody .tabs .productTabsMainRisk .productTabsRisk.active, .services-areaeight002 {
    background-color: #fff !important
}

.productTabsRisk.active {
        color: #30b524;
        border-color: #30b524;
        position: relative
    }

.productTabsRisk.active::after {
            width: 0;
            height: 0;
            content: "";
            position: absolute;
            border-left: 7px solid #ffffff00;
            border-right: 7px solid #ffffff00;
            border-top: 12px solid #30b524;
            left: 50%;
            bottom: -20px;
            margin-left: -7px
        }

.SMCbody #HealthMobileNo, .SMCbody .ProductFormIn .PF0012 label input, .SMCbody .ProductFormIn .PF0012 label select {
    height: 50px !important;
    border: 1px solid #dee2e6 !important
}

.SMCbody .mobileBox .PF0012 label input {
    background-color: #eee;
    border: 1px solid #ccc !important;
    color: #1d1d1d;
    font-weight: 600;
    position: relative
}

.AboutCnt h6, .MuiBox-root h6 {
    color: #30b524;
    font-weight: 700
}

.AboutCnt h3, .MuiTypography-h4 {
    font-size: 2.0243rem;
    margin-bottom: 15px;
    font-weight: 700;
    line-height: 1.5
}

.AboutCnt p, .AdviceList li, .MuiBox-root p {
    font-size: 1.25rem;
    color: #2e2e2e;
    line-height: 34px
}

.comparisonsBox:last-child, .services-area {
    background: #f8f9fa
}

.sectionSecond .MuiBox-root .MuiTypography-h4 {
    margin: 15px 0 20px
}

.OnLifeBox, .jss75 {
    background: #fff;
    border-radius: 10px
}

.MuiPaper-elevation2 {
    padding: 0 60px
}

.jss64 {
    width: 18px;
    height: 14px;
    margin-top: -5px;
    margin-right: 8px
}

.MuiPaper-elevation3 {
    border-top: 1px solid #ccc;
    padding: 50px;
    position: relative;
    background-color: #30b524
}

.MuiPaper-elevation3Box h3 {
    font-size: 1.4993rem;
    font-weight: 600;
    line-height: 1.334;
    color: #000
}

.MuiPaper-elevation3Main {
    padding: 0 10px
}

.ContactOurTeam {
    background: #fff;
    border-radius: 5px;
    margin-top: -160px;
    padding: 64px 40px;
    height: auto;
    width: 514px
}

.OnLifeBox .MuiBox-root, .comparisonsBox {
    padding: 30px 20px
}

.ContactOurTeam .MuiBox-root h6 {
    font-size: 1.25rem;
    color: #30b524;
    margin-bottom: 15px
}

.ContactOurTeam .MuiBox-root img {
    margin: 20px 0;
    padding: 0 80px
}

.ContactOurTeamFooter, .OpenPosition {
    text-align: center;
    margin-top: 50px
}

.ContactEmail, .otherLinksSmc {
    margin-top: 60px
}

.ContactOurTeamFooter .btn {
    height: 48px;
    font-size: 18px;
    font-weight: 600;
    width: 220px;
    border-radius: 10px;
    box-shadow: none;
    color: #fff;
    background-color: #1d1d1d
}

.ContactOurTeamFooter .whatsApp {
    font-size: 16px;
    display: block;
    font-weight: 400;
    margin-top: 15px;
    text-decoration: none
}

    .ContactOurTeamFooter .whatsApp span {
        border-bottom: 1px dashed #000;
        padding: 5px 0;
        color: #30b524
    }

.AdviceList li {
    padding: 10px 0
}

.la-check:before {
    content: "\2714"
}

.AdviceList li .la-check, .ContactSec3Box p i, .services-areaeight002 .btnrenewl {
    margin-right: 15px
}

.OnLifeBox .MuiBox-root h3 {
    margin-bottom: 16px;
    font-size: 1.4993rem;
    font-weight: 600;
    color: #2e2e2e
}

.OnLifeBox .MuiBox-root p {
    font-size: 1.1667rem;
    color: #000;
    font-weight: 400
}

.comparisonsBox {
    display: flex;
    border-radius: 10px;
    align-items: flex-start;
    margin-bottom: 20px;
    width: 480px
}

    .comparisonsBox .MuiBox-root {
        padding-left: 30px
    }

    .comparisonsBox img {
        width: 60px
    }

    .comparisonsBox .MuiBox-root h3 {
        color: #000;
        margin-bottom: 16px;
        font-size: 1.4993rem;
        font-weight: 600;
        line-height: 1.334
    }

.AboutWork-area, .ContactOurTeamSec, .bg-half-170, .comparisonsBox, .team-section {
    background-color: #c7ff7261 !important
}

.ContactEmail small {
    padding: 0;
    color: #000;
    font-weight: 600;
    font-size: 12px
}

.ContactEmail h3 {
    font-size: 18px;
    font-weight: 700;
    color: #000
}

.services-areaSeven {
    background-color: #f2f2f2;
    padding: 20px 0 50px
}

    .services-areaSeven .accordion > .card > .card-header {
        background: #ffffff00;
        border-radius: 5px;
        color: #1d1d1d;
        cursor: pointer;
        display: block;
        padding: 15px 20px;
        position: relative;
        text-align: left;
        font-size: 18px;
        font-weight: 600;
        border: none
    }

    .CareerPG img, .services-areaSeven .accordion > .card > .collapse .card-body {
        padding-top: 0
    }

    .services-areaSeven .headingCnt img {
        width: 300px;
        margin: auto
    }

    .services-areaSeven .accordion {
        padding: 0;
        background-color: #ffffff00
    }

        .services-areaSeven .accordion > .card {
            background-color: #fff;
            border-radius: 5px;
            margin-bottom: 15px;
            border: none
        }

.footerBottom .footerMid {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 25px 0;
    width: 80%
}

#pgFooter, #pgFooter .footerBottom {
    flex-direction: column;
    display: flex;
    width: 100%
}

    #pgFooter .footerBottom {
        align-items: center;
        justify-content: center
    }

#pgFooter {
    background: #1a1a1a;
    position: relative;
    align-items: center;
    padding: 30px 0 0;
    z-index: 99
}

    #pgFooter .footerTop, .SMCbody .customer_review .google-review-box, .WOUtSlider, .otherLinksSmc .StepsRow .StepsColm.StepsColm01 .StepsColmBox, .otherLinksSmc .StepsRow .StepsColm.StepsColm01 .StepsColmBox .StepsColmInn {
        display: flex
    }

        #pgFooter .footerTop > p {
            color: #787878;
            padding: 15px 250px;
            text-align: center;
            font-size: 13px;
            line-height: 22px;
            margin: 0
        }

            #pgFooter .footerTop > p a {
                color: #787878;
                font-weight: 600
            }

    #pgFooter .footerBottom .footerTop ul {
        padding: 0;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #pgFooter .footerBottom .footerTop ul li {
            display: inline-block;
            padding: 0 15px
        }

            #pgFooter .footerBottom .footerTop ul li a {
                padding: 0;
                display: flex;
                color: #999;
                font-size: 20px
            }

.footerTop ul li a .socialimg {
    width: 20px
}

#pgFooter .footerBottom {
    display: flex;
    flex-direction: column;
    padding: 0 0 40px 0;
}

    #pgFooter .footerBottom .footerMid > div {
        display: flex;
        align-items: center;
        justify-content: center;
        border-right: 1px solid #3c3737;
        padding: 25px
    }

    #pgFooter .footerBottom .footerMid .footerLogo {
        border-bottom: 0 solid #3c3737;
        display: flex;
        justify-content: center;
        width: 24%
    }

        #pgFooter .footerBottom .footerMid .footerLogo > img {
            width: 200px;
            height: 72px
        }

    #pgFooter .footerBottom .footerMid > div > ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

        #pgFooter .footerBottom .footerLinks > div > a, #pgFooter .footerBottom .footerMid > div > ul > li, .footer-subscribe {
            color: #fff
        }

            #pgFooter .footerBottom .footerMid > div > ul > li > i {
                color: #5a5a5a;
                padding: 0;
                margin: 0
            }

    #pgFooter .footerBottom .footerMid .address {
        font-size: 11px
    }

        #pgFooter .footerBottom .footerMid .address > ul {
            display: flex;
            flex-direction: column
        }

            #pgFooter .footerBottom .footerMid .address > ul li:first-of-type {
                border-bottom: 1px dashed #5a5a5a;
                padding-bottom: 10px;
                width: 90%
            }

            #pgFooter .footerBottom .footerMid .address > ul li:nth-of-type(2) {
                padding-top: 10px
            }

    #pgFooter .footerBottom .footerMid .contact > ul {
        list-style: none
    }

        #pgFooter .footerBottom .footerMid .contact > ul > li {
            display: flex;
            flex-direction: row;
            margin: 15px 0
        }

            #pgFooter .footerBottom .footerMid .contact > ul > li > a {
                font-size: 11px;
                color: #fff;
                text-decoration: none
            }

            #pgFooter .footerBottom .footerMid .contact > ul > li > i::before {
                color: #84c225;
                font-size: 16px;
                margin-right: 10px
            }

    #pgFooter .footerBottom .footerMid .social > ul {
        display: flex;
        flex-direction: row;
        justify-content: center
    }

        #pgFooter .footerBottom .footerMid .social > ul > li {
            margin: 0 5px
        }

            #pgFooter .footerBottom .footerMid .social > ul > li > a {
                text-decoration: none
            }

                #pgFooter .footerBottom .footerMid .social > ul > li > a > i {
                    color: #5a5a5a
                }

                    #pgFooter .footerBottom .footerLinks > div > a:hover, #pgFooter .footerBottom .footerLinks > div > ul li:hover a, #pgFooter .footerBottom .footerMid .social > ul > li > a > i:hover, .footerAbout a:hover {
                        color: #84c225
                    }

    #pgFooter .footerBottom .mainLinks {
        background: #0e0e0e;
        justify-content: center;
        align-items: center;
        padding: 25px 0;
        width: 100%;
        display: flex;
        flex-direction: column
    }

    #pgFooter .footerBottom .footerLinks {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        color: #fff;
        width: auto;
        background: #131313;
        margin: 0 0 30px;
        border-radius: 10px;
        padding: 20px 0
    }

        #pgFooter .footerBottom .footerLinks > div {
            width: auto;
            margin: 10px 40px;
            display: flex;
            flex-direction: column;
            text-align: left
        }

            #pgFooter .footerBottom .footerLinks > div > p, .footerAbout p {
                text-transform: capitalize;
                font-size: 14px;
                font-weight: 700;
                margin-bottom: 10px;
                color: #c8c8c8
            }

.GrievanceFooter, .GrievanceFooter p, .IndianWeb, .footerAbout {
    display: flex;
    align-items: center;
    justify-content: center
}

#pgFooter .footerBottom .footerLinks > div > ul li {
    display: block;
    padding: 0
}

    #pgFooter .footerBottom .footerLinks > div > ul li a, .footerAbout a {
        text-decoration: none;
        color: #999;
        font-size: 12px;
        margin: 5px 0
    }

.footerAbout a, .footerAbout h4 {
    color: #fff;
    margin: 15px 30px
}

#CloseVahan, .footerAbout a {
    cursor: pointer
}

.footerAbout h4 {
    font-weight: 500
}

#pgFooter .footerBottom .mainLinks .footerCopy {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-top: 1px solid #3c3737;
    width: 80%;
    background: #0e0e0e;
    color: #787878;
    font-size: 12px;
    padding: 25px 0;
    justify-content: space-between
}

    #pgFooter .footerBottom .mainLinks .footerCopy > div {
        margin: 5px 0;
        color: #787878
    }

        #pgFooter .footerBottom .mainLinks .footerCopy > div > span, .EbookPageMain .ebook_box small {
            font-size: 10px
        }

        #pgFooter .footerBottom .mainLinks .footerCopy > div > a {
            color: #787878;
            text-decoration: none;
            margin: 0 10px
        }

.subscribing {
    padding-left: 5px
}

.news:hover {
    background-color: none;
    color: #2f982f !important
}

.CareerPG, .newsletrer {
    font-size: 100%
}

.news {
    color: #2f982f;
    border-color: #2f982f;
    height: 45px
}

.mail-box {
    background: #bab2b2
}

.subscribe-button {
    border: 1px solid green;
    color: green;
    padding: 10px
}

.subscribe input[type=text] {
    width: 100%;
    clear: both;
    float: none;
    margin-bottom: 5px;
    padding: 10px;
    border: 0;
    background: #434242;
    border-radius: 5px;
    color: #fff
}

.eBookPDF_BG, .otherLinksSmc {
    border-radius: 4px;
    position: relative
}

.otherLinksSmc {
    z-index: 0
}

    .otherLinksSmc h2 {
        font-size: 30px;
        font-weight: 700;
        color: #1d1d1d;
        margin: 0 0 35px
    }

        .otherLinksSmc h2 b {
            font-weight: 400;
            width: 560px;
            height: 5px;
            border-top-width: 4px;
            border-top-style: dotted;
            display: inline-block;
            color: #c5c5c5;
            margin-left: 3px
        }

.st0 {
    fill: #494949
}

.otherLinksSmc .StepsRow {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding: 10px 0;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 5px
}

    .otherLinksSmc .StepsRow .StepsColm {
        padding: 10px 15px;
        width: auto;
        display: flex;
        align-items: center;
        position: relative;
        border-right: 1px solid #ccc
    }

        .DisclaimerCNT h1 span, .Grievance .DisclaimerCNT ul li p strong a, .Grievance .DisclaimerCNT.NotHappy ul li p a, .NotHappy h3, .OpenPosition h4 span, .eBookPDF a, .otherLinksSmc .StepsRow .StepsColm:hover p, .otherLinksSmc .StepsRow .StepsColm:hover small {
            color: #1d1d1d
        }

        .otherLinksSmc .StepsRow .StepsColm:hover i.businessStats {
            opacity: 1 !important;
        }

        .otherLinksSmc .StepsRow .StepsColm:nth-child(4):hover img {
            filter: brightness(1)
        }

    .otherLinksSmc .StepsRow .StepsColm01:hover img, .otherLinksSmc .StepsRow .StepsColm02:hover img {
        opacity: 1 !important;
        filter: brightness(1) !important
    }

    .otherLinksSmc .StepsRow .StepsColm div small {
        font-size: 11px;
        font-weight: 400;
        color: #777;
        line-height: 20px;
        display: block
    }

        .otherLinksSmc .StepsRow .StepsColm div small b {
            font-size: 14px
        }

        .otherLinksSmc .StepsRow .StepsColm div small a {
            color: inherit
        }

    .otherLinksSmc .StepsRow .StepsColm.StepsColm01 {
        width: 30% !important;
        display: block
    }

        .otherLinksSmc .StepsRow .StepsColm.StepsColm01 span, .otherLinksSmc .StepsRow .StepsColm.StepsColm02 span {
            font-size: 10px;
            display: block;
            margin-bottom: 5px;
            color: #777
        }

        .otherLinksSmc .StepsRow .StepsColm.StepsColm01 .StepsColmBox .StepsColmInn {
            margin-right: 15px;
            align-items: center
        }

            .otherLinksSmc .StepsRow .StepsColm.StepsColm01 .StepsColmBox .StepsColmInn img {
                width: auto;
                height: 25px;
                opacity: .5
            }

            .otherLinksSmc .StepsRow .StepsColm.StepsColm01 .StepsColmBox .StepsColmInn div .reviewStar span {
                font-size: 14px;
                font-weight: 500
            }

                .GrievanceFooter p svg, .otherLinksSmc .StepsRow .StepsColm.StepsColm01 .StepsColmBox .StepsColmInn div .reviewStar span:first-child {
                    margin-right: 5px
                }

.HowItWorkSec .WhySMCWork .nav-link.active .WhySMCWorkINCnt p {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 400;
    color: #999
}

.otherLinksSmc .StepsRow .StepsColm.StepsColm02 {
    display: flex;
    flex-flow: column;
    width: 140px;
    height: 130px;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background-color: #fff
}

    .otherLinksSmc .StepsRow .StepsColm.StepsColm02 img {
        margin: 0;
        width: auto;
        height: 20px;
        opacity: .9
    }

.eBookPDF_BG {
    padding: 0;
    margin-bottom: 10px;
    box-shadow: 0 0 25px #00000061
}

.eBookPDFAllBTN a {
    display: block;
    color: #30b524 !important;
    border: 1px solid #30b524;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.CustomerSays .quote-item ul li, .NotHappy.DisclaimerCNT ul li p strong, .contact-box-icon i, .eBookPDF, .slick-dots li, .team-box .team-social i {
    display: inline-block
}

.eBookPDFAllBTN a:hover {
    background-color: #30b524;
    color: #fff !important
}

.eBookPDF_BG img {
    width: 100%;
    height: auto
}

.eBookPDF_BG:hover::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000b5;
    background-image: url(../img/Home-page/DownloadPDF.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50px
}

.eBookPDF a p {
    font-size: 13px;
    font-weight: 500;
    margin: 0
}

.eBookPDF {
    text-align: center;
    border-radius: 5px;
    height: auto;
    padding: initial;
    width: 280px;
    margin-right: 30px;
    margin-bottom: 10px
}

.otherLinksSmc .StepsRow .StepsColm img {
    width: auto;
    height: 35px;
    margin-right: 10px;
    filter: brightness(0);
    opacity: .7
}

.otherLinksSmc .StepsRow .StepsColm .StepsDevider {
    position: absolute;
    right: 20px;
    top: 0;
    color: #30b524;
    font-size: 25px;
    height: 70px
}

    .otherLinksSmc .StepsRow .StepsColm .StepsDevider i {
        z-index: 0;
        width: 25px;
        height: 25px;
        border: 1px solid #30b524;
        border-radius: 50px;
        font-size: 15px;
        padding: 3px;
        text-align: center;
        background-color: #fff;
        position: relative;
        top: 15px
    }

    .otherLinksSmc .StepsRow .StepsColm .StepsDevider::before {
        width: 1px;
        height: 70px;
        position: absolute;
        top: 0;
        right: 12px;
        background-color: #30b524;
        content: ""
    }

.bg-half-170 {
    padding: 130px 0;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    position: relative;
    background: url(../img/SMC/images/page.webp) top center
}

.about-area {
    position: relative;
    z-index: 2;
    overflow: hidden
}

.section-heading .section-title {
    font-size: 45px;
    font-weight: 600
}

.AboutWork-area .points ul li {
    position: relative;
    z-index: 2;
    font-size: 16px;
    line-height: 26px;
    color: #747474;
    margin-bottom: 20px;
    padding-left: 30px
}

.AboutWork-area .points li i {
    position: absolute;
    left: 0;
    top: 5px;
    height: 20px;
    width: 20px;
    text-align: left;
    padding: 0 5px;
    line-height: 20px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 100;
    color: #fff;
    background: #30b524;
    box-shadow: 0 5px 24px rgba(54, 207, 118, 15)
}

.btn.theme-btn, .contact-section-btn .btn-bg {
    box-shadow: 0 17px 43px 1px rgba(64, 104, 2, 16);
    background-color: #30b524;
    padding: 0 55px;
    border: none;
    border-radius: 35px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    height: 60px;
    line-height: 60px
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.pre-card {
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-box-shadow: 0 10px 80px 0 rgba(215, 215, 215, 40);
    box-shadow: 0 10px 80px 0 rgba(215, 215, 215, 40)
}

    .pre-card img {
        width: 40px
    }

.media-body.content h5, .team-box h5 {
    font-weight: 600;
    font-size: 1.25rem;
    color: #1d1d1d
}

.pre-card:hover.pre-primary {
    background-color: #1add97 !important;
    border-radius: 10px !important;
    color: #fff !important
}

.media-body.content p {
    line-height: 30px;
    font-size: 16px
}

.team-box {
    background: #fff;
    -webkit-box-shadow: 0 6px 50px rgba(0, 0, 0, 5);
    box-shadow: 0 6px 50px rgba(0, 0, 0, 5)
}

    .team-box .team-social i {
        width: 38px;
        height: 38px;
        line-height: 38px;
        background-color: #f6f7fb;
        border-radius: 50%;
        color: #555;
        text-align: center;
        font-size: 14px
    }

        .team-box .team-social i:hover {
            color: #fff;
            background-color: #1add97;
            -webkit-transition: .5s;
            transition: .5s
        }

.PartnerLogo {
    margin: 20px 0;
    padding: 0 25px
}

.AboutSec3Box002 .AboutSec3BoxImg, .ContactSec3 h1, .single-box, .single-box-icon {
    margin-bottom: 30px
}

.PartnerLogo img {
    opacity: .5;
    -webkit-transition: .5s;
    transition: .5s
}

.PartnerLogo:hover img {
    filter: initial;
    opacity: 1
}

.contact-form-area .contact-form form textarea, .contact-form-area .contact-form input {
    border: 1px solid #9096a7;
    width: 100%;
    padding: 14px 30px;
    border-radius: 5px
}

.contact-form-area .contact-form {
    background: #fff;
    padding: 40px 25px;
    border-radius: 4px;
    -webkit-box-shadow: 0 10px 10px rgba(99, 114, 130, 0.1);
    box-shadow: 0 10px 10px rgba(99, 114, 130, 0.1)
}

.ClaimCall, .ClaimsForm {
    box-shadow: 0 0 20px -7px #00000054
}

.single-box {
    display: block;
    border-radius: 5px;
    transition: .5s;
    background-color: #fff;
    padding: 50px 33px 35px
}

    .single-box:hover {
        box-shadow: 0 5px 10px 0 #eee
    }

.contact-box-icon i {
    background-color: #30b524;
    color: #fff;
    font-size: 28px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    margin-left: 0
}

.single-box-content h3, .single-box-content p {
    margin: 0;
    line-height: 35px
}

.CareerMain02 {
    padding: 30px 0 60px;
    margin-top: 80px
}

    .AboutSec6Box p, .CareerMain02 .careerBoxCnt, .services-areaeight002 p.headingBt {
        text-align: left
    }

.careerBoxCnt p {
    font-size: 14px;
    font-weight: 400;
    color: #555;
    line-height: 30px
}

.careerBoxCnt ul li {
    list-style-type: disc;
    font-size: 14px
}

.pb-100 {
    padding-bottom: 100px !important
}

.pt-100 {
    padding-top: 100px !important
}

.pb-70 {
    padding-bottom: 70px
}

.bg-blue, .bg-red {
    float: right;
    height: 28px;
    width: 28px;
    padding: 4px 0;
    text-align: center;
    color: #000;
    border-radius: 3px
}

.SMCProTabs {
    display: flex;
    height: auto;
    margin-top: 35px
}

.HowItWorkSec, .productSilder, .services-area {
    padding: 50px 0
}

.CustomerSays {
    padding: 70px 0
}

    .CustomerSays .quote-item {
        position: relative;
        border-radius: 20px 0;
        padding: 15px;
        transition: .4s;
        width: 100% !important;
        text-align: center;
        box-shadow: 0 0 33px 0 #00000029;
        height: 380px;
        background-color: #fff
    }

        .CustomerSays .quote-item p .readMore {
            position: absolute;
            bottom: 50px;
            width: 150px;
            left: 50%;
            margin-left: -75px;
            color: #30b524
        }

        .CustomerSays .quote-item ul {
            padding: 0;
            position: absolute;
            width: 150px;
            left: 50%;
            margin: 0 0 0 -75px;
            bottom: 20px
        }

            .CustomerSays .quote-item ul li a {
                color: #1d1d1d;
                padding: 0 5px
            }

        .CustomerSays .quote-item .quote-icon {
            padding: 10px 0;
            text-align: center
        }

            .CustomerSays .quote-item .quote-icon img {
                height: 100px;
                width: auto;
                display: inline-block;
                border-radius: 100px;
                border: 1px solid #ccc;
                filter: grayscale()
            }

        .CustomerSays .quote-item:hover img {
            filter: initial
        }

.slick-initialized .slick-slide {
    padding: 30px;
    height: auto
}

.CustomerSays .quote-item .test-index {
    font-size: 21px;
    font-weight: 800;
    text-transform: inherit;
    padding: 0;
    line-height: 30px;
    color: #201d1d;
    margin-bottom: 17px
}

.CustomerSays .quote-item p {
    color: #4e5661;
    max-height: 100px;
    overflow-y: hidden
}

    .CustomerSays .quote-item p.active {
        overflow-y: scroll;
        max-height: 120px
    }

    .CustomerSays .quote-item p::-webkit-scrollbar {
        width: 5px;
        height: 5px
    }

    .CustomerSays .quote-item p::-webkit-scrollbar-thumb {
        background: #30b524
    }

        .CustomerSays .quote-item p::-webkit-scrollbar-thumb:hover {
            background: #419f02
        }

.CustomerSays .quote-item .btn {
    background: #ffffff00;
    color: #30b524;
    font-size: 14px;
    text-transform: inherit;
    padding: 0;
    position: relative;
    line-height: 26px;
    font-weight: 700;
    border: none
}

    .CustomerSays .quote-item .btn:before {
        content: "";
        font-family: "Font Awesome 5 free";
        font-size: 15px;
        position: absolute;
        left: -19px;
        top: 1px
    }

.quote-item .btn:after {
    content: "";
    height: 1.5px;
    width: 100px;
    background: #c7ff7261;
    position: absolute;
    bottom: 0;
    left: 0
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

    .slick-dots li {
        position: relative;
        margin: 0 5px;
        padding: 0
    }

        .slick-dots li, .slick-dots li button {
            width: 20px;
            height: 20px;
            cursor: pointer
        }

            .slick-dots li button {
                font-size: 0;
                line-height: 0;
                display: block;
                padding: 5px;
                color: #ffffff00;
                border: 0;
                outline: 0;
                background: #ffffff00
            }

.slick-slider .slick-dots li button {
    border: 1px solid #a3a3a3;
    border-radius: 50px;
    height: 13px;
    width: 13px
}

.slick-slider .slick-dots li.slick-active button {
    background-color: #30b524;
    border-color: #30b524
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background-color: inherit;
    border-color: inherit
}

.HowItWorkSec .MuiBox-rootImg {
    padding: 0 70px
}

.elementskit-infobox {
    padding: 20px 20px 10px 100px;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #e6ecf2;
    border-radius: 0;
    position: relative
}

    .elementskit-infobox:last-child {
        border: none
    }

.elementor-background-overlay {
    background-image: url(../img/SMC/images/cta_bg.webp);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .5;
    border-radius: 5px;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0
}

.elementskit-infobox .box-body {
    position: relative;
    z-index: 2
}

.elementskit-infobox .elementskit-info-box-title {
    margin: 0;
    padding: 0;
    color: #201d1d;
    font-size: 22px;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: -.2px;
    transition: .4s
}

.elementskit-infobox .box-body > p {
    color: #4e5661;
    font-size: 18px;
    line-height: 28px
}

.elementskit-infobox:before {
    position: absolute;
    left: 0;
    top: 10px;
    font-size: 90px;
    color: #4e56610f;
    font-weight: 600;
    display: block;
    line-height: 1;
    margin-bottom: .9375rem;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.OneBox:before {
    content: "1"
}

.TwoBox:before {
    content: "2"
}

.ThreeBox:before {
    content: "3"
}

.box-bodyOuter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1
}

.MuiPaper-elevation3 .box-bodyOuter h1 {
    text-align: left;
    color: #000;
    font-size: 34px;
    font-weight: 800;
    line-height: 42px;
    letter-spacing: -.3px
}

.box-bodyOuter .box-body {
    color: #000;
    display: flex;
    align-items: center
}

    .box-bodyOuter .box-body .elementskit-info-box-title {
        margin: 0 0 5px;
        padding: 0;
        color: #000;
        font-size: 14px;
        font-weight: 400;
        text-transform: none;
        line-height: 22px;
        letter-spacing: -.15px
    }

    .box-bodyOuter .box-body p {
        color: #000;
        font-size: 24px;
        font-weight: 700;
        line-height: 30px;
        margin: 0
    }

    .box-bodyOuter .box-body svg {
        margin-right: 20px;
        width: 55px;
        height: 55px;
        background: #d40000;
        color: #fff;
        border-radius: 100px;
        text-align: center;
        font-size: 24px;
        padding: 15px 0;
        transform: rotate(90deg)
    }

.bell {
    font-size: 20px;
    -webkit-animation: 4s ease-in-out .7s infinite ring;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: 4s ease-in-out .7s infinite ring;
    -moz-transform-origin: 50% 4px;
    animation: 4s ease-in-out .7s infinite ring;
    transform-origin: 50% 4px
}

.GridView, .ListView {
    font-size: 16px;
    font-weight: 600;
    cursor: pointer
}

.CarSideDetails {
    margin-top: 80px;
    padding: 0 15px;
    border-radius: 10px
}

.ClaimCall {
    width: 65%;
    border-radius: 30px;
    padding: 15px
}

.ClaimCallOne, .OruProductBoxMini, .OruProductList, .timePreiod {
    display: flex;
    align-items: center
}

    .ClaimCallOne img {
        width: 120px;
        margin-right: 20px
    }

    .ClaimCallOne p {
        margin: 0;
        font-size: 14px
    }

    .ClaimCallOne h1 {
        font-size: 18px;
        color: #f1501a;
        position: relative;
        display: block;
        width: 100%
    }

        .ClaimCallOne h1 span {
            position: absolute;
            display: block;
            right: 0;
            top: 6px;
            width: 85px;
            height: 40px;
            background: #009688;
            text-align: center;
            color: #fff;
            font-weight: 700;
            padding: 10px 0;
            font-size: 18px;
            border-radius: 50px 50px 50px 0
        }

.ClaimCallBoxTwo {
    background: #ecf1f7;
    padding: 15px;
    margin-top: 15px;
    border-radius: 20px
}

    .ClaimCallBoxTwo p {
        margin: 0;
        font-weight: 500;
        font-size: 14px;
        color: #607d8b
    }

.ClaimCallNumb i {
    font-size: 22px;
    transform: rotate(100deg);
    margin-right: 15px
}

.ClaimCallNumb span {
    font-size: 28px;
    color: #272727;
    font-weight: 600;
    letter-spacing: 0
}

.ClaimsForm {
    border-radius: 10px;
    padding: 15px
}

.AddressBox, .ContactSec3Box {
    box-shadow: 0 0 20px -5px #ccc
}

.ClaimsFormBox .txtError {
    position: absolute;
    top: 30px;
    right: 7px;
    background: #ffe8e8;
    line-height: 34px;
    width: 210px;
    padding: 0 15px;
    border-radius: 5px
}

.ClaimsFormBox span {
    font-size: 12px;
    font-weight: 500;
    color: #607d8b
}

.ClaimsFormBox .form-control {
    height: 46px;
    border: 1px solid #607d8b;
    font-size: 14px
}

.ClaimsFormBox textarea.form-control {
    height: 100px
}

.POS_ProfileCardOne.ClaimCallOne h1 {
    font-size: 30px;
    font-weight: 600;
    color: var(--color-black);
    position: relative;
    display: block;
    width: 100%
}

.POS_ProfileCardOne.ClaimCallOne p {
    font-size: 14px;
    font-weight: 500;
    color: #607d8b;
    line-height: 30px
}

    .POS_ProfileCardOne.ClaimCallOne p svg {
        width: 20px;
        text-align: center;
        margin-right: 10px
    }

.AboutWraper {
    margin-top: 75px
}

.AboutSec1 {
    padding: 50px 0;
    text-align: center
}

    .AboutSec1 p {
        margin: 20px 0 0;
        font-weight: 400
    }

.AboutSec4 .about-record {
    text-align: left;
    font-size: 19px;
    margin-top: 0
}

.AboutSec4 .about-main {
    width: 70%;
    padding-left: 8%
}

.AboutSec6Box p span, .services-areaSeven .accordion .accordion-item .accordion-header button {
    font-weight: 600
}

.AboutSec1IMG {
    padding: 70px 0;
    background-image: url(../img/About/building-bg.webp);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat
}

    .AboutSec1IMG img {
        width: 888px;
        margin: auto;
        display: block
    }

.CurveImg {
    width: 700px;
    height: auto;
    margin: 50px auto;
    padding: 0;
    position: relative
}

    .CurveImg h3 {
        font-size: 26px;
        color: #1d1d1d;
        text-align: center;
        line-height: 39px;
        font-weight: 700;
        position: absolute;
        top: 90px;
        width: 600px;
        left: 50%;
        margin-left: -300px
    }

.AboutSec3Box {
    text-align: center;
    margin-top: 70px
}

.AboutSec3BoxImg {
    background: #f2f2f2;
    border-radius: 100%;
    width: 170px;
    margin: auto;
    padding: 40px
}

.AboutSec4 .AboutSec3BoxImg {
    background-color: #ffffff00;
    padding: 0 50px
}

.AboutSec3Box002 {
    background-color: #f9f9f9;
    padding: 26px 4px
}

.AboutSec3Box003gbox {
    max-width: 300px;
    margin: 50px auto auto
}

.AboutSec3Box002 .AboutSec3BoxImg img {
    width: auto;
    height: 50px;
    filter: brightness(0)
}

.AboutSec3Box h3 {
    font-weight: 700;
    text-align: center;
    font-size: 29px;
    color: #30b524;
    text-transform: uppercase;
    margin-top: 20px
}

.AboutSec5Insurer {
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    margin-top: 60px
}

    .AboutSec5Insurer .PartnerLogo {
        margin: 5px;
        padding: 0;
        width: 11.11%;
        flex-flow: wrap;
        background: #e9ecef;
        border: 1px solid #e9ecef
    }

        .AboutSec5Insurer .PartnerLogo img {
            filter: grayscale(1);
            opacity: .8;
            transition: .5s;
            height: auto
        }

        .AboutSec5Insurer .PartnerLogo:hover img {
            opacity: 1;
            filter: initial
        }

.AboutSec6 {
    padding: 50px 0;
    background: #f2f2f2
}

.AboutSec6Box {
    display: flex;
    align-items: baseline;
    margin-top: 25px
}

.ContactSec3Box, .ContactTypeBox {
    display: flex;
    align-items: center;
    background: #fff
}

.AboutSec6Box img {
    width: auto;
    height: 20px;
    margin-right: 10px;
    position: relative;
    top: 5px
}

.ContactUsWrap, .Disclaimer, .POS_Wrap, .TermRenwalBox {
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative
}

    .ContactUsWrap.customer_review {
        margin-top: 0;
        padding: 0 0 50px;
        position: relative
    }

.DisclaimerCNT h1 {
    text-align: left;
    font-size: 44px;
    font-weight: 700;
    margin: 0 0 15px;
    line-height: normal
}

.AboutSec1 h1, .AboutSec1 h2, .AboutSec1 h4, .Buy_btnn, .ContactSec1 h1, .ContactSec1 h2, .ContactSec1 h4, .ContactSec1 p, .HumanTouchBTN, .OpenPositionBox, .POS_WrapSec1 h1, .POS_WrapSec1 h2, .POS_WrapSec1 h4, .POS_WrapSec3 h1, .POS_WrapSec3 h2, .POS_WrapSec3 h4, .heading_Cnt {
    text-align: center
}

    .ContactSec1 p .POS_WrapSec1 p, .DisclaimerCNT p, .skills ul li {
        color: #1d1d1d;
        font-size: 16px;
        line-height: 33px;
        font-weight: 400;
        margin: 0
    }

.Disclaimer img {
    padding: 80px 30px 0
}

.ContactTypeBox {
    justify-content: space-between;
    border: 1px solid #ededed;
    height: 80px;
    padding: 0 60px;
    font-size: 20px;
    border-radius: 3px;
    font-weight: 600;
    color: #1d1d1d;
    cursor: pointer;
    position: relative
}

.ContactSec2 {
    margin-top: 100px
}

.ContactTypeBox img {
    width: 20px !important;
    height: auto !important;
    display: inline-block
}

.ContactTypeBox p {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    line-height: 80px;
    padding-left: 100px
}

.ContactSec2 img {
    width: 420px
}

.ContactSec3 {
    padding-top: 90px;
    padding-bottom: 60px
}

    .ContactSec3 p {
        padding: 0 90px;
        margin: 0 0 20px
    }

.ContactSec3Box {
    height: 180px;
    justify-content: space-between;
    border-radius: 25px;
    padding-left: 60px
}

.AddressBoxList, .ContactSec5 ul {
    display: flex;
    align-items: center
}

.ContactSec3Box02 {
    padding-left: 0;
    padding-right: 60px
}

.ContactSec3Box img {
    width: auto;
    height: 180px
}

.ContactSec3Box p img {
    width: auto;
    height: 20px;
    position: inherit
}

.support-text h3 {
    font-weight: 700
}

.support-text a {
    color: #4bcd01
}

.support-text3 a p {
    color: #4bcd01 !important
}

.ContactSec3Box h2 {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
    color: #30b524
}

.ContactSec3Box p {
    margin: 10px 0 0;
    font-weight: 500;
    font-size: 22px;
    padding: 0;
    text-align: left
}

.ContactSec3Details {
    padding: 0 150px
}

.ContactGetTouch {
    background-color: #30b524;
    height: 50px;
    line-height: normal;
    border-radius: 5px;
    padding: 0 30px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border: none
}

.ContactSec4, .TermRenwalBox table.table .thead-light {
    background-color: #ebebeb
}

.ContactGetTouch:hover {
    background-color: #45a307;
    border-color: #45a307;
    color: #fff
}

.ContactSec4 {
    padding: 50px 0 60px
}

.AddressBoxList {
    padding: 0 80px;
    position: relative;
    margin-top: 30px;
    justify-content: space-around
}

.AddressBox img {
    width: 20px;
    margin: 5px 16px 0 0
}

.AddressBox .d-flex {
    align-items: flex-start;
    margin: 20px 0
}

    .AddressBox .d-flex p {
        margin: 0;
        font-size: 16px;
        font-weight: 500;
        text-align: left;
        line-height: 22px;
        color: #1d1d1d
    }

        .AddressBox .d-flex p span {
            display: block;
            font-weight: 700
        }

.AddressBox {
    background: #fff;
    border-radius: 10px;
    width: 480px;
    padding: 20px 48px
}

    .AddressBox .d-flex.align-items-center p, .WorkingCultureBox h6 {
        font-size: 20px;
        font-weight: 600
    }

.ContactSec5 {
    padding: 50px 0 0
}

    .ContactSec5 ul {
        justify-content: center;
        margin-top: 20px;
        padding: 0
    }

        .ContactSec5 ul li {
            margin: 0 10px;
            display: inline-block
        }

            .ContactSec5 ul li a {
                display: block;
                color: #1d1d1d;
                font-size: 30px
            }

                .ContactSec5 ul li a img {
                    width: 40px;
                    padding: 0
                }

                .ContactSec5 ul li a i {
                    width: 40px;
                    height: 40px;
                    color: #1d1d1d
                }

.PrivacyCNT h2 {
    font-size: 22px;
    font-weight: 600;
    margin: 0
}

.POS_WrapSec4 ul li, .PrivacyCNT ul li {
    position: relative;
    padding-left: 20px;
    display: block
}

    .POS_WrapSec4 ul li::before, .PrivacyCNT ul li::before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 5px solid #ffffff00;
        border-bottom: 5px solid #ffffff00;
        border-left: 8px solid #30b524;
        left: 2px;
        top: 0;
        margin-top: 7px
    }

.OruProductList .headingCnt {
    width: 380px;
    padding-right: 30px
}

.AboutSec1 h1, .AboutSec1 h2, .AboutSec1 h4, .ContactSec1 h1, .ContactSec1 h2, .ContactSec1 h4, .POS_WrapSec1 h1, .POS_WrapSec1 h2, .POS_WrapSec1 h4, .POS_WrapSec3 h1, .POS_WrapSec3 h2, .POS_WrapSec3 h4, .TermRenwalBox h1, .headingCnt .box-no, .headingCnt .customer-index h2, .headingCnt .main-quotes, .headingCnt h1 {
    font-weight: 700 !important;
    color: #1d1d1d;
    font-size: 40px;
    margin-bottom: 20px
}

.heading_font_h2 {
    font-weight: 700 !important;
    color: #1d1d1d;
    font-size: 40px !important;
    margin-bottom: 10px
}

.headingCnt p {
    font-size: 16px;
    margin: 0 0 10px;
    font-weight: 500;
    color: #1d1d1d
}

    .CareerPG .cv-mail a, .headingCnt p a {
        color: #30b524 !important
    }

.OruProductBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    margin: 0 0 15px;
    padding: 15px
}

.services-areaeight002 .headingCnt .main-quotes {
    font-size: 24px !important
}

.OruProductBoxMini img {
    width: auto;
    margin-right: 15px;
    height: 50px
}

.OruProductBoxMini h5 {
    margin: 0;
    flex-basis: min-content;
    font-size: 18px;
    font-weight: 600;
    color: #1d1d1d
}

.OruProductBox i {
    font-size: 30px;
    color: #30b524
}

.HowItWorkSec .WhySMCWork {
    padding-right: 50px;
    margin-top: 30px;
    justify-content: center;
    align-items: center
}

    .HowItWorkSec .WhySMCWork img {
        width: 80%;
        display: block;
        margin: auto
    }

    .HowItWorkSec .WhySMCWork .nav-link {
        border: 1px solid #e2e2e2;
        border-radius: 5px;
        margin: 0 0 15px;
        padding: 15px;
        color: #1d1d1d;
        font-weight: 500;
        font-size: 16px;
        text-align: left;
        cursor: auto
    }

        .HowItWorkSec .WhySMCWork .nav-link.active {
            border-color: #ccc;
            background-color: #ffffff00;
            color: #1d1d1d;
            font-weight: 700
        }

.HowItWorkSec .tab-content .tab-pane img {
    width: auto;
    height: 400px;
    margin: auto;
    position: initial !important;
    right: -610px;
    top: 40px
}

.OfferTagSlider, .PuzzlingSection {
    padding: 60px 0
}

    .OfferTagSlider .OfferTagBox {
        border-radius: 30px;
        box-shadow: 0 0 5px 0 #ccc;
        height: auto;
        position: relative;
        overflow: hidden
    }

.OfferTagBox_item {
    padding: 30px;
    border-radius: 0 0 30px 30px;
    background-color: #1d1d1d
}

    .OfferTagBox_item ul {
        margin: 0;
        padding: 0
    }

        .OfferTagBox_item ul li {
            font-size: 14px;
            color: #fff;
            margin: 5px 0;
            display: flex;
            align-items: center
        }

            .OfferTagBox_item ul li i {
                margin-right: 10px;
                width: 20px
            }

.OfferTagSlider .slick-initialized .slick-slide {
    display: block;
    padding: 10px 50px;
    margin-left: -60px
}

.OfferTagSlider .quote-item {
    background-color: #fff;
    padding: 20px 30px
}

.ConnectHrBtn:hover, .EbookPageMain .ebookall.active .ebook_box, .HumanTouchBTN:hover {
    background-color: #30b524
}

.OfferTagSlider .quote-item content {
    border-radius: 50px;
    font-size: 24px;
    color: #1d1d1d;
    font-weight: 700;
    margin-bottom: 10px
}

.OfferTagSlider .quote-item p, .OfferTagSlider .quote-item span {
    color: #1d1d1d;
    font-size: 22px;
    display: block;
    font-weight: 500;
    margin: 0;
    line-height: 40px
}

.OfferTagSlider .quote-item p {
    font-size: 40px;
    font-weight: 800;
    color: #30b524
}

.OfferTagSlider .quote-item .OfferQtLink {
    text-decoration: none;
    color: #1d1d1d;
    font-size: 18px;
    display: flex;
    align-items: center;
    font-weight: 700;
    margin-top: 20px;
    flex-direction: row-reverse;
    justify-content: start
}

    .OfferTagSlider .quote-item .OfferQtLink svg {
        margin-left: 10px
    }

    .OfferTagSlider .quote-item .OfferQtLink i {
        margin-right: 15px;
        color: #30b524
    }

.CustomerSays .slick-arrow, .OfferTagSlider .slick-arrow {
    display: none !important
}

.HumanWmobile {
    position: absolute;
    width: 350px;
    top: 0;
    animation: 5s infinite Move;
    z-index: 9
}

@keyframes Move {
    0%,100% {
        left: 0
    }

    50% {
        left: 10px
    }
}

.HumanWmobileBox {
    width: 80%;
    display: block
}

@keyframes Move2 {
    0%,100% {
        transform: translateX(0) translateY(0)
    }

    50% {
        transform: translateX(15px) translateY(-10px)
    }
}

.services-areaeight002 p.headingBt a img {
    width: 15px;
    display: inline-block
}

.services-areaeight002 small {
    font-size: 10px;
    display: block;
    margin-top: 20px
}

.SMC_APPTwo {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.SMC_APP_Dnld {
    display: flex;
    align-items: center;
    margin-top: 30px;
    flex-flow: column;
    margin-right: 40px
}

    .SMC_APP_Dnld img.ScannerApp {
        width: 180px;
        height: auto
    }

    .SMC_APP_Dnld .SMC_APP_Store img {
        width: auto;
        height: 50px;
        margin: 10px
    }

.HumanTouch {
    padding: 70px 0 0
}

.HumanTouchBTN {
    color: #1d1d1d;
    margin-top: 30px;
    background: #fff;
    border: 1px solid #30b524;
    height: 55px;
    width: 250px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 55px;
    border-radius: 5px;
    padding: 0;
    font-weight: 500;
    position: relative;
    display: inline-flex;
    align-items: center
}

    .HumanTouchBTN p {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        padding-left: 40px;
        line-height: 55px
    }

    .HumanTouchBTN:hover {
        color: #fff;
        text-decoration: none
    }

        .HumanTouchBTN:hover img {
            filter: brightness(0) invert(1)
        }

    .HumanTouchBTN svg {
        color: #30b524;
        margin-right: 10px;
        font-size: 20px
    }

    .HumanTouchBTN:hover svg {
        color: #fff !important
    }

    .HumanTouchBTN img {
        width: 25px;
        height: auto;
        margin-right: 15px;
        display: inline-block
    }

.HumanTouchBTNCall .ContactTypeBox i {
    font-size: 24px
}

.ThanksPOS_Wrap .POS_WrapSec1 img {
    margin: 30px auto;
    width: 350px
}

.ThanksPOS_Wrap .POS_WrapSec1 p {
    color: #1d1d1d;
    font-weight: 500;
    font-size: 16px
}

.ThanksPOS_Wrap .POS_WrapSec1 a {
    height: 50px;
    display: inline-block;
    width: auto;
    line-height: 50px;
    margin-top: 30px
}

.ePartner_ProfileCard {
    width: 65%;
    box-shadow: 0 0 14px #00000024;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 20px
}

.ePartnerPic {
    border: 1px solid #ccc;
    border-radius: 20px;
    margin-right: 20px;
    width: 30%;
    height: 150px;
    overflow: hidden;
    background-color: #f5f5f5;
    padding: 20px 5px
}

    .ePartnerPic img {
        border-radius: 10px
    }

.EditVahan .EditVehicleDet {
    position: absolute;
    top: 10px;
    right: 15px;
    margin: 0
}

.Grievance .DisclaimerCNT ul li {
    display: flex;
    align-items: start;
    margin-bottom: 40px
}

    .Grievance .DisclaimerCNT ul li img {
        width: 20px;
        padding: 0;
        margin: 8px 10px 0 0
    }

    .Grievance .DisclaimerCNT ul li p strong a:first-child {
        text-decoration-color: #30B524 !important
    }

.timePreiod img {
    width: 100px;
    padding: 0;
    height: auto;
    margin-right: 15px
}

.timePreiod p {
    margin: 0;
    font-weight: 600
}

.GrievanceFooter {
    background-color: #494949;
    padding: 10px 0
}

    .GrievanceFooter p {
        margin: 0 30px 0 0;
        color: #eee
    }

        .GrievanceFooter p img {
            width: auto;
            margin-right: 15px;
            height: 30px;
            padding: 0
        }

.OpenPositionBox {
    border: 1px solid #cecece;
    padding: 20px 0;
    border-top: 4px solid #30b524;
    background-color: #fff;
    margin-bottom: 30px
}

    .OpenPositionBox .SMCSmall {
        width: 120px;
        margin: auto
    }

    .OpenPositionBox h5 {
        font-size: 20px;
        font-weight: 700;
        color: #1d1d1d;
        margin: 0
    }

        .OpenPositionBox h5 span {
            font-size: 14px;
            font-weight: 500;
            color: #1d1d1d;
            margin: 0
        }

.ApplyBTN {
    border-radius: 50px !important;
    display: block;
    line-height: 44px !important;
    padding: 0
}

.OpenPositionBox span {
    color: #1d1d1d;
    font-size: 16px;
    display: block;
    margin: 15px 0;
    font-weight: 700
}

.OpenPositionBox a i {
    font-size: 24px;
    color: #30b524
}

.OpenPosition h4 {
    margin: 0 0 15px;
    font-size: 32px;
    font-weight: 700;
    color: #30b524
}

.OpenPosition p {
    margin-bottom: 25px
}

.WorkCulture {
    width: 600px;
    margin: auto
}

.WorkingCultureBox {
    text-align: left;
    padding-right: 30px;
    margin-top: 40px
}

.CareerPG h1 {
    color: #30b524;
    font-size: 24px;
    font-weight: 700
}

.CareerPG h2, .CareerPG h3, .CareerPG h4 {
    margin-bottom: 0;
    margin-top: 15px;
    color: #1d1d1d
}

.CareerPG h2, .CareerPG h3 {
    font-size: 18px;
    font-weight: 700
}

.CareerPG h4 {
    font-size: 16px;
    font-weight: 600
}

.CareerPG li, .CareerPG p {
    font-size: 14px;
    color: #555
}

.HR_TeamForm label .form-control {
    padding: 9px 15px;
    height: 50px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 1px solid #c8c8c8
}

    .HR_TeamForm label .form-control::placeholder {
        color: #c8c8c8 !important
    }

.HR_TeamForm label p {
    color: #1d1d1d;
    font-weight: 500;
    margin: 0
}

.HR_TeamForm h3 {
    font-size: 20px;
    margin: 0;
    color: #1d1d1d
}

.ConnectHrBtn {
    background-color: #ffffff00;
    color: #1d1d1d;
    border: 1px solid #30b524
}

.HR_TeamForm img {
    padding: 60px 100px
}

.subscribe-box .btn, .subscribe-box .form-control {
    height: 40px
}

.author-name, .subscribe-box p {
    font-size: 14px
}

.NewsLatterBoxBtm {
    background-color: #f5f5f5;
    padding: 50px 0
}

    .CareerPG .career-form a, .NewsLatterBoxBtm h2 {
        color: #000
    }

.NewsLatterBoxBtm002 {
    margin-top: 20px
}

    .NewsLatterBoxBtm002 .btn, .NewsLatterBoxBtm002 .form-control {
        height: 50px !important
    }

.services-areaSeven .accordion .accordion-item {
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden
}

    .SMCbody .customer_review .customer-review1, .services-areaSeven .accordion .accordion-item .card-body {
        padding: 20px
    }

@keyframes PosErrorMSG {
    20%,40%,60%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes PosErrorMSG01 {
    20%,40%,60%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.PosErrorMSG {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: PosErrorMSG;
    animation-name: PosErrorMSG;
    top: 240px;
    position: absolute;
    text-align: center;
    z-index: 99;
    height: auto;
    width: 600px;
    left: 50%;
    margin-left: -300px;
    border-radius: 5px;
    box-shadow: 0 0 90px 40px #00000030;
    padding: 15px 15px 25px;
    background: #fff
}

.POS_F_StepsStatusList p embed {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: PosErrorMSG01;
    animation-name: PosErrorMSG01
}

.PosErrorMSG p {
    margin: 0;
    color: #ff4000;
    font-size: 30px
}

.CallExperts_wrap {
    margin-bottom: 20px
}

    .CallExperts_wrap button {
        background: #ffffff00;
        border: 2px solid #30b52440;
        color: #30b524;
        height: 40px;
        width: 40px;
        font-size: 20px;
        border-radius: 100%;
        animation: 1.5s linear infinite ripple;
        transition: .7s;
        text-align: center;
        padding: 0
    }

.CallExperts_Succeessfully h3 {
    font-size: 14px !important;
    color: #1d1d1d;
    margin: 0;
    line-height: normal !important
}

.CallExperts_Succeessfully small {
    padding: 0;
    margin: 0
}

.CallExperts_wrap button:hover {
    transform: scale(1.1)
}

.CallExperts_wrap button:focus {
    outline: 0
}

.TollFreeNumber {
    color: #777;
    font-size: 14px;
    margin-top: 10px !important
}

.MobilDigitBox label input {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #999;
    padding: 0 50px 0 60px;
    color: #444;
    font-size: 20px
}

.child_form .MobilDigitBox label input {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #999;
    padding: 0 10px;
    color: #444;
    font-size: 20px
}

.MobilDigitBox .mobilDigit {
    padding: 0 10px;
    position: absolute;
    top: 10px;
    border-right: 2px solid #ccc;
    font-size: 20px;
    color: #999
}

.MobilDigitBox .mobilDigitIcon {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    width: 20px
}

.closeToContinue.close {
    right: 10px;
    top: 7px;
    position: absolute;
    width: 12px;
    font-size: 13px;
    height: 12px;
    border-radius: 50px;
    z-index: 101;
    border: none;
    padding: 0;
    background: #ffffff00
}

.services-areaeight {
    background-color: #f2f2f2;
    padding: 90px 0
}

    .services-areaeight .imageflow {
        width: 400px
    }

    .services-areaeight .imflow {
        width: auto;
        height: 200px
    }

    .services-areaeight .rcorners {
        border-radius: 25px
    }

    .services-areaeight.services-areaeight002 .rcorners {
        height: 300px
    }

.services-areaeight002 .headingCnt h1 {
    font-size: 30px !important
}

.services-areaeight .box-shadow {
    box-shadow: #cbcbcb 0 4px 8px 0
}

.TermRenwalBox table.table tr td img {
    height: auto;
    width: 120px;
    margin: auto
}

.TermRenwalBox table.table tr td, .TermRenwalBox table.table tr th {
    vertical-align: middle;
    padding: 20px 50px
}

    .TermRenwalBox table.table tr td a.SMCLargTT {
        width: 200px
    }

.DiwaliEffect {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -35px;
    width: 100%;
    left: 0
}

.GetBoxStep span, .letter, .word {
    display: inline-block
}

.DiwaliEffect img {
    width: auto;
    filter: brightness(0)
}

.word {
    margin-left: 10px;
    position: absolute
}

    .word.belize .letter:nth-child(5) {
        margin-left: 0;
        display: inline-block;
        width: 10px;
        height: 5px
    }
    .word.wisteria .letter:nth-child(7) {
        margin-left: 0;
        display: inline-block;
        width: 10px;
        height: 5px
    }

.letter {
    position: relative;
    transform: translateZ(25px);
    transform-origin: 50% 50% 25px
}

    .letter.out {
        transform: rotateX(90deg);
        transition: transform .32s cubic-bezier(.55,.055,.675,.19)
    }

    .letter.behind {
        transform: rotateX(-90deg)
    }

    .letter.in {
        transform: rotateX(0);
        transition: transform .38s cubic-bezier(.175,.885,.32,1.275)
    }

.career-sale {
    justify-content: center !important
}

.ContactSec1 .career-find {
    font-size: 32px !important
}

.CareerPG .career-form a span {
    border-bottom: 1px solid #000;
    padding-bottom: 2px;
    font-weight: 600
}

.CareerPG .career-form h4, .SMCwork_content .tab-pane ul li p {
    margin-bottom: 0
}

.CareerPG .career-form i {
    padding-right: 10px
}

.CareerPG .Responsibility-career {
    line-height: 30px
}

.GetBox {
    background-color: #f9f9f9
}

.GetBoxStep {
    background-color: #fff;
    padding: 10px 40px 20px;
    position: relative
}

    .GetBoxStep span {
        height: 30px;
        width: 30px;
        position: absolute;
        background-color: #30b524;
        border-radius: 100%;
        top: -15px;
        left: 50%;
        margin-left: -15px;
        color: #fff;
        padding: 2px 0
    }

.are_different ul li p strong {
    display: flex;
    align-items: center;
    margin-left: -30px
}

    .are_different ul li p strong img {
        width: auto;
        height: 20px;
        margin-right: 8px
    }

.CustomerSays div.headingCnt img {
    width: 40px;
    margin-left: 30%
}

.g2India2023 {
    width: 100px;
    height: auto;
    position: absolute;
    right: -100px;
    top: 0
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 #30b52421,0 0 0 1px #30b52421,0 0 0 3px #30b52421,0 0 0 5px #30b52421
    }

    100% {
        box-shadow: 0 0 0 0 #30b52421,0 0 0 4px #30b52421,0 0 0 20px #ffffff00,0 0 0 30px #ffffff00
    }
}

@-webkit-keyframes ring {
    0%,100%,43% {
        -webkit-transform: rotateZ(0)
    }

    1%,9% {
        -webkit-transform: rotateZ(30deg)
    }

    11%,3% {
        -webkit-transform: rotateZ(-28deg)
    }

    5% {
        -webkit-transform: rotateZ(34deg)
    }

    7% {
        -webkit-transform: rotateZ(-32deg)
    }

    13% {
        -webkit-transform: rotateZ(26deg)
    }

    15% {
        -webkit-transform: rotateZ(-24deg)
    }

    17% {
        -webkit-transform: rotateZ(22deg)
    }

    19% {
        -webkit-transform: rotateZ(-20deg)
    }

    21% {
        -webkit-transform: rotateZ(18deg)
    }

    23% {
        -webkit-transform: rotateZ(-16deg)
    }

    25% {
        -webkit-transform: rotateZ(14deg)
    }

    27% {
        -webkit-transform: rotateZ(-12deg)
    }

    29% {
        -webkit-transform: rotateZ(10deg)
    }

    31% {
        -webkit-transform: rotateZ(-8deg)
    }

    33% {
        -webkit-transform: rotateZ(6deg)
    }

    35% {
        -webkit-transform: rotateZ(-4deg)
    }

    37% {
        -webkit-transform: rotateZ(2deg)
    }

    39% {
        -webkit-transform: rotateZ(-1deg)
    }

    41% {
        -webkit-transform: rotateZ(1deg)
    }
}

@-moz-keyframes ring {
    0%,100%,43% {
        -moz-transform: rotate(0)
    }

    1%,9% {
        -moz-transform: rotate(30deg)
    }

    11%,3% {
        -moz-transform: rotate(-28deg)
    }

    5% {
        -moz-transform: rotate(34deg)
    }

    7% {
        -moz-transform: rotate(-32deg)
    }

    13% {
        -moz-transform: rotate(26deg)
    }

    15% {
        -moz-transform: rotate(-24deg)
    }

    17% {
        -moz-transform: rotate(22deg)
    }

    19% {
        -moz-transform: rotate(-20deg)
    }

    21% {
        -moz-transform: rotate(18deg)
    }

    23% {
        -moz-transform: rotate(-16deg)
    }

    25% {
        -moz-transform: rotate(14deg)
    }

    27% {
        -moz-transform: rotate(-12deg)
    }

    29% {
        -moz-transform: rotate(10deg)
    }

    31% {
        -moz-transform: rotate(-8deg)
    }

    33% {
        -moz-transform: rotate(6deg)
    }

    35% {
        -moz-transform: rotate(-4deg)
    }

    37% {
        -moz-transform: rotate(2deg)
    }

    39% {
        -moz-transform: rotate(-1deg)
    }

    41% {
        -moz-transform: rotate(1deg)
    }
}

@keyframes ring {
    0%,100%,43% {
        transform: rotate(0)
    }

    1%,9% {
        transform: rotate(30deg)
    }

    11%,3% {
        transform: rotate(-28deg)
    }

    5% {
        transform: rotate(34deg)
    }

    7% {
        transform: rotate(-32deg)
    }

    13% {
        transform: rotate(26deg)
    }

    15% {
        transform: rotate(-24deg)
    }

    17% {
        transform: rotate(22deg)
    }

    19% {
        transform: rotate(-20deg)
    }

    21% {
        transform: rotate(18deg)
    }

    23% {
        transform: rotate(-16deg)
    }

    25% {
        transform: rotate(14deg)
    }

    27% {
        transform: rotate(-12deg)
    }

    29% {
        transform: rotate(10deg)
    }

    31% {
        transform: rotate(-8deg)
    }

    33% {
        transform: rotate(6deg)
    }

    35% {
        transform: rotate(-4deg)
    }

    37% {
        transform: rotate(2deg)
    }

    39% {
        transform: rotate(-1deg)
    }

    41% {
        transform: rotate(1deg)
    }
}

.IndianWebSec {
    padding: 15px 0;
    background-color: #f2f2f2
}

.IndianWebBox {
    width: 90px;
    height: 90px;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 10px
}

    .IndianWebBox:first-child img {
        filter: grayscale()
    }

    .IndianWebBox:hover img {
        filter: none
    }

    .IndianWebBox span {
        font-size: 10px;
        color: #999
    }

.SMCbody .customer_review .content-centerimg {
    justify-content: center;
    align-items: center
}

.SMCbody .customer-review02 h1 {
    font-size: 42px;
    font-weight: 700
}

.SMCbody .customer-review02 {
    width: 60%
}

.SMCbody .customer_review h2 {
    font-size: 35px;
    font-weight: 700;
    margin-right: 46px
}

.SMCbody .customer_review .grey-bg-section {
    background-color: #f8f8f8;
    padding-top: 50px
}

.SMCbody .customer_review .grey-bg-section2 {
    background-color: #f8f8f8;
    padding: 30px 0 90px
}

.SMCbody .customer_review .review-img {
    width: 100px;
    margin: 0 15px
}

.SMCbody .customer_review .review-img1, .SMCbody .customer_review .review-img2 {
    width: 100px
}

.SMCbody .customer_review .trusted-review {
    background-color: #30b524;
    border-radius: 5px;
    padding: 25px 70px 25px 30px;
    display: inline-flex;
    justify-content: space-between;
    color: #fff;
    margin-top: -10px;
    z-index: 0;
    margin-bottom: -70px;
    position: relative;
    width: 100%
}

.SMCbody .customer_review .review-check1 img, .SMCbody .customer_review .trusted-review1 h4 {
    width: 50%
}

.SMCbody .customer_review .trusted-review2 {
    margin-right: 70px
}

.SMCbody .customer_review .google-review1 {
    padding: 10px 15px 10px 0;
    color: #fff;
    background-color: #30b524;
    display: flex;
    border-radius: 5px;
    margin-right: 20px;
    justify-content: center;
    align-items: center
}

.SMCbody .customer_review .playstore-box {
    padding: 10px 15px 10px 0;
    border: 1px solid #bdbdbd;
    display: flex;
    border-radius: 5px;
    color: #252525;
    justify-content: center;
    align-items: center
}

.SMCbody .customer_review .review01 img {
    width: 70%
}

.SMCbody .customer_review .review-section {
    padding: 100px 0 40px
}

.SMCbody .customer_review .customer-review1 img {
    width: 30%
}

.SMCbody .customer_review .customer-review1:hover {
    background-color: #e2ffe2;
    box-shadow: 3px 3px 5px #00000050;
    border-radius: 5px
}

.SMCbody .customer_review .trusted-review1, .SMCbody .customer_review .trusted-review2 {
    display: flex;
    justify-content: start;
    align-items: center
}

.SMCbody .customer_review .review-section .review-check {
    border-right: 1px dashed;
    border-color: #4e4f4e;
    padding-top: 50px
}

.smc_plan_sec {
    margin: 70px 0
}

.plan_work_atSMC {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.howSMC_workSec p {
    color: #636363
}

.plans_type ul {
    padding: 0;
    margin-left: -70px
}

    .plans_type ul li {
        display: flex;
        list-style: none;
        justify-content: flex-start;
        align-items: center;
        box-shadow: 0 0 30px #6a6A6A29;
        border-radius: 5px;
        margin: 10px auto;
        background-color: #fff;
        padding: 10px 20px 10px 10px
    }

.Consumer_helpDesk, .right_helpdesk {
    justify-content: center
}

.plans_type ul li p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700
}

.right_helpdesk {
    margin-top: 25px;
    display: flex;
    align-items: center
}

.plans_type img {
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.plans_thinkImg {
    width: 330px
}

.CallUS_bot img, .CallUS_bot22 img {
    width: 260px;
    height: auto;
    display: block;
    margin: auto
}

.POSEnq_Box a, .email_Box a, .tele_callBox a {
    text-decoration: none;
    color: #30b524;
    font-size: 18px;
    font-weight: 700;
    display: block
}

.POSEnq_Box img, .email_Box img, .tele_callBox img {
    width: 28px;
    height: auto;
    margin-right: 10px
}

.POSEnq_Box small, .email_Box small, .tele_callBox small {
    font-size: 12px;
    color: #494949;
    font-weight: 600;
}

.email_Box2 {
    width: 360px
}

.EbookPageMain .welcome_ebook .ebook_sec, .reviewsBox {
    display: flex;
    justify-content: center;
    align-items: center
}

.POSEnq_Box, .email_Box, .tele_callBox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #30b524;
    border-radius: 7px;
    background: #f4fbef;
    padding: 15px;
    margin: 20px 0;
    width: auto;
    text-align: left !important;
    min-width: 350px
}

.tele_callBox {
    margin-bottom: 0 !important
}

.SMCwork_content .tab-pane ul li {
    display: flex;
    justify-content: flex-start;
    align-items: self-start;
    list-style: none;
    margin-bottom: 10px
}

.Buy_btnn_leftAlign, .SMCwork_content p, .plans_type p {
    text-align: left !important
}

.SMCwork_content .tab-pane ul li img {
    width: 30px;
    height: auto;
    margin-right: 15px
}

.SMCbody .customer_review .review-email {
    border-bottom: 1px solid #bdbdbd;
    width: 62%;
    margin-top: 40px;
    background-color: none;
    position: relative
}

    .SMCbody .customer_review .review-email label {
        position: absolute;
        left: 5px;
        color: #999;
        pointer-events: none
    }

    .SMCbody .customer_review .review-email input:focus ~ label, .SMCbody .customer_review .review-email input:not(:focus):valid ~ label {
        transform: translateY(-20px);
        transition: .2s cubic-bezier(.68,-.55,.265,1.55);
        font-size: 14px
    }

.SMCbody .customer_review .review-check2 {
    margin: auto;
    display: block;
    width: 50%
}

.SMCbody .customer_review .review-check1 {
    width: 60%;
    margin: auto;
    position: sticky;
    top: 70px;
    overflow: hidden
}

.SMCbody .customer_review .review-email img {
    width: 28px;
    opacity: .5
}

.SMCbody .customer_review .review-email input {
    border: none;
    width: 90%;
    background: 0 0
}

.SMCbody .customer_review .review-contact {
    padding: 0 20px
}

    .SMCbody .customer_review .review-contact p {
        padding-right: 110px
    }

.SMCbody .customer_review .review-contact1 {
    margin: 0 20px
}

.SMCbody .customer_review .review-email11 button {
    border: none;
    background-color: #30b524;
    color: #fff;
    padding: 8px 30px;
    border-radius: 5px;
    font-size: 16px;
    margin-top: 20px
}

.ContinueTOquote {
    margin: 0;
    padding: 15px;
    border-radius: 5px;
    width: 100%;
    position: relative;
    border: 1px solid;
    background-color: #fafff2;
    display: none
}

    .ContinueTOquote .index-main {
        font-size: 24px;
        margin: 0 0 20px;
        font-weight: 700;
        color: #1d1d1d;
        line-height: normal
    }

.ContinueBTN {
    width: auto !important;
    min-width: 100% !important;
    background-color: #fff !important;
    color: #30b524 !important;
    border: 1px solid #30b524;
    margin-top: 10px;
    font-size: 16px;
    height: 40px;
    border-radius: 4px
}

.ContinueTOquoteBox .ContinueBTN:hover {
    background-color: #30b524 !important;
    color: #fff !important
}

.frm .ContinueTOquote {
    left: 15px;
    bottom: 100px;
    width: 370px;
    top: inherit
}

.ContinueTOquote .row {
    align-items: center
}

.ContinueTOquoteBox p {
    font-size: 12px;
    margin: 10px 0 0;
    font-weight: 400;
    color: #6d6d6d
}

.ContinueTOquoteBox strong {
    font-size: 12px;
    margin: 0;
    color: #1d1d1d;
    display: block;
    font-weight: 700
}

.ContinueTOquote .NewSearch {
    cursor: pointer;
    margin: 10px 0 0;
    font-size: 14px;
    font-weight: 600;
    color: #1d1d1d;
    display: block !important;
    text-align: center
}

.ContinueTOquote span:first-child {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right,#17161800,#30b524);
    animation: 2s linear infinite animate1;
    border-radius: 60px
}

@keyframes animate1 {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(100%)
    }
}

.ContinueTOquote span:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 2px;
    background: linear-gradient(to bottom,#17161800,#30b524);
    animation: 2s linear 1s infinite animate2;
    border-radius: 60px
}

@keyframes animate2 {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(100%)
    }
}

.ContinueTOquote span:nth-child(3) {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(to left,#17161800,#30b524);
    animation: 2s linear infinite animate3;
    border-radius: 60px
}

@keyframes animate3 {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(-100%)
    }
}

.EbookPageMain a {
    text-decoration: none;
    color: #565656
}

.EbookPageMain .welcome_ebook {
    background-image: url(../images/ebook-section/ebook-welcome-bg.svg);
    background-repeat: repeat;
    background-size: 100%;
    background-color: #63c521;
    color: #fff;
    padding: 20px 0
}

    .EbookPageMain .welcome_ebook .ebook_img {
        width: 55%;
        margin: auto
    }

    .EbookPageMain .welcome_ebook .ebook1 h5 {
        font-size: 18px;
        font-weight: 600
    }

    .EbookPageMain .welcome_ebook .ebook1 h1 {
        font-size: 45px;
        font-weight: 600;
        line-height: 1.1;
        margin-bottom: 10px
    }

    .EbookPageMain .welcome_ebook .ebook1 h3 {
        font-size: 30px;
        font-weight: 400
    }

.EbookPageMain .ebook_box {
    border: 1px solid #bdbdbd;
    padding: 15px;
    border-radius: 4px;
    width: 200px;
    height: 100%;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    position: relative
}

.EbookPageMain .ebook_boxlist {
    justify-content: center;
    min-height: 160px
}

.ebook_boxlist li {
    margin-bottom: 15px
}

.EbookPageMain .ebook_box img {
    width: auto;
    height: 30px;
    margin-bottom: 10px
}

.EbookPageMain .ebookall {
    padding: 0;
    margin: 0 10px;
    color: #565656;
    text-align: left
}

.EbookPageMain .ebook_box h4 {
    font-size: 20px;
    margin: 0;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.WOUtSlider .ebook_pdf {
    width: 25%;
    margin-right: 20px;
    height: 500px
}

    .WOUtSlider .ebook_pdf a {
        height: 100%
    }

.ebook_mag .ebook_mag2 h4 {
    padding: 0 45px 0 15px;
    margin-top: 15px;
    font-size: 22px;
    font-weight: 600;
    color: #565656
}

.ebook_mag .ebook_mag2 small {
    padding-left: 15px
}

.ebook_mag .ebook_mag1 img {
    margin: auto;
    display: block
}

.ebook_mag .ebook_mag2 img {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px
}

.ebooksToRead::-webkit-scrollbar {
    display: none
}

.ebook_pdf a {
    display: block;
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden
}

.ebook_sec2 .ebookall.active {
    background: #30b524;
    color: #fff;
    text-align: left
}

.EbookPageMain .ebook_box:hover {
    height: 115%
}

    .EbookPageMain .ebook_box:hover h4 {
        margin: 10px 0
    }

.ebook_mag22 {
    position: relative;
    width: 70%;
    margin: -18px auto auto;
    background: #30b524;
    padding: 3px;
    z-index: 1
}

    .ebook_mag22 h4 {
        color: #fff;
        font-size: 20px;
        margin-bottom: 4px
    }

#PUC01, #PUC02, #PUC03, .ALL-ALC #Inhouse, .closeToContinue, .ebook_tab, .skiptranslate, .tab_mob_show {
    display: none
}

.count_ebooks {
    position: absolute;
    top: 2px;
    right: 7px;
    font-size: 22px;
    font-weight: 500
}

.scroll_down {
    width: 100%;
    text-align: center;
    margin-top: 40px
}

    .scroll_down img {
        width: 40px;
        margin-bottom: 5px
    }

.socialimg2 {
    display: flex !important
}

    .socialimg2 img {
        width: 28px !important
    }

.ebooksToRead .slick-arrow {
    display: block;
    position: absolute;
    top: 210px;
    z-index: 9;
    border: none;
    background: #ffffff00;
    font-size: 0
}

    .ebooksToRead .slick-arrow.slick-prev {
        left: -40px
    }

    .ebooksToRead .slick-arrow.slick-next {
        right: 0
    }

    .ebooksToRead .slick-arrow.slick-prev::after {
        content: "\27F5";
        position: absolute;
        font-size: 35px
    }

    .ebooksToRead .slick-arrow.slick-next::after {
        content: "\27F6";
        position: absolute;
        font-size: 35px
    }

.ManualBody, .ebooksToRead.slick-initialized .slick-slide {
    padding: 15px
}

.ContinueTOquote span:nth-child(4) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 2px;
    background: linear-gradient(to top,#17161800,#30b524);
    animation: 2s linear 1s infinite animate4;
    border-radius: 60px
}

@keyframes animate4 {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(-100%)
    }
}

.PUC_Status {
    height: 140px;
    animation: 15s infinite gradient;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    padding: 10px 0
}

@keyframes gradient {
    0%,100% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }
}

.PUCStatus_Sec {
    background-color: #f2f2f2;
    margin: 30px 0
}

.PUC_Status img {
    width: auto;
    height: 260px
}

.PUC_StatusCNT h4 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #1d1d1d;
    display: block
}

.PUC_StatusCNT p {
    font-size: 14px;
    margin: 0;
    color: #1d1d1d
}

.PUC_StatusCNT span {
    font-size: 30px;
    font-weight: 800;
    color: #30b524
}

.ContinueTOquoteAliance .index-main, .ManualBody span {
    font-weight: 600;
    color: #1d1d1d;
    font-size: 14px
}

.howSMC_workSec {
    background-color: #f5ffef;
    padding: 30px 0
}

.benefit_secHomePage {
    padding-top: 40px
}

    .benefit_secHomePage .dotted_topborder {
        border-top: 2px dashed #30b524
    }

.benefit_detailCard {
    padding: 30px 20px 20px;
    position: relative;
    margin: 20px 0
}

.SMCwork_tabs {
    text-align: center;
    margin: 20px 0
}

    .SMCwork_tabs .WorkNav_tab {
        display: inline-flex;
        justify-content: center;
        border: none
    }

        .SMCwork_tabs .WorkNav_tab .customer_tab {
            border-radius: 10px 0 0 10px
        }

        .SMCwork_tabs .WorkNav_tab .POS_tab {
            border-radius: 0 10px 10px 0
        }

        .SMCwork_tabs .WorkNav_tab .nav-item {
            text-align: center;
            padding: 4px 0;
            width: 180px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background-color: #fff;
            border: 1px solid #b3b3b3
        }

    .SMCwork_tabs .tab_BTN {
        font-size: 16px;
        color: #4b4b4b;
        border: 0;
        margin: 0
    }

        .SMCwork_tabs .tab_BTN:hover {
            border: 0;
            margin: 0;
            background: 0;
            outline: 0
        }

        .SMCwork_tabs .tab_BTN.active {
            box-shadow: none !important;
            color: #30b524
        }

    .SMCwork_tabs .nav-item .tab_BTN.active {
        border: 1px solid #30b524
    }

.benefit_detailCard img {
    width: 100px;
    height: auto;
    margin-bottom: 20px
}

.benefit_detailCard .benefit_numBox {
    text-align: center;
    border: 2px solid #30b524;
    border-radius: 50px;
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -40px;
    background: #fff
}

.Buy_btnn button {
    border: none;
    background-color: #30b524;
    color: #fff;
    padding: 10px;
    width: 200px;
    box-shadow: 0 0 30px #6a6A6A29;
    border-radius: 5px
}

.benefit_numBox span {
    font-size: 24px;
    color: #1d1d1d
}

.ManualPOPUP {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #00000057;
    z-index: 999;
    justify-content: center;
    display: none
}

    .ManualPOPUP .ManualPOPUPMain {
        max-width: 500px;
        height: auto;
        background-color: #fff;
        position: relative;
        z-index: 9;
        border-radius: 10px;
        margin: 40px auto auto;
        width: 95%
    }

.ManualFooter, .ManualHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid #eee
}

.ManualFooter {
    border-bottom: none;
    border-top: 1px solid #eee;
    justify-content: right
}

    .ManualFooter .ContinueBTN {
        min-width: 100px !important;
        margin: 0
    }

.ManualHead h1 {
    font-size: 22px
}

.ManualBody p {
    font-size: 14px;
    margin: 0
}

.ALL-ALC .productTabsMainRisk {
    justify-content: left
}

.All-Alliance-Product .productTabsMainRisk {
    justify-content: space-between
}

.ContinueTOquote {
    overflow: hidden;
    flex-flow: wrap
}

.ContinueTOquoteAliance {
    display: none;
    align-items: center;
    flex-flow: wrap;
    margin-top: 20px
}

    .ContinueTOquoteAliance .index-main {
        min-width: 100px;
        margin-bottom: 5px
    }

    .ContinueTOquoteAliance .ContinueTOquoteBox {
        width: auto;
        background: #fff;
        padding: 10px;
        border-radius: 5px;
        border: 2px solid #30b524;
        display: flex;
        align-items: center
    }

        .ContinueTOquoteAliance .ContinueTOquoteBox .ContinueBTN {
            width: 40px !important;
            min-width: 40px !important;
            height: 40px;
            border-radius: 50%;
            border-width: 2px !important
        }

        .ContinueTOquoteAliance .ContinueTOquoteBox .ContinueTOFlex {
            width: 240px
        }

.VerifyOTPEmail {
    position: absolute;
    display: flex !important;
    width: 50px;
    top: -11px;
    align-items: center;
    justify-content: center;
    right: 10px;
    font-size: 11px;
    font-weight: 500;
    color: #ffffff;
    background: #30b524;
    height: 18px;
    border-radius: 50px;
    border: 1px solid #156c0d;
}




@media (max-width:1200px) {
    .container {
        max-width: 1200px
    }
}

@media only screen and (min-width:1100px) and (max-width:1200px) {
    .SMCbody .productTabsMainRisk, .packagesMainRisk .tab-content {
        width: 100%
    }

    .closeToContinue {
        display: block
    }

    .AboutSec1 h1, .AboutSec1 h2, .AboutSec1 h4, .ContactSec1 h1, .ContactSec1 h2, .ContactSec1 h4, .POS_WrapSec1 h1, .POS_WrapSec1 h2, .POS_WrapSec1 h4, .POS_WrapSec3 h1, .POS_WrapSec3 h2, .POS_WrapSec3 h4, .TermRenwalBox h1, .headingCnt .box-no, .headingCnt .customer-index h2, .headingCnt .main-quotes, .headingCnt h1 {
        font-size: 38px
    }

    .otherLinksSmc .StepsRow .StepsColm div small b {
        font-size: 12px
    }

    .otherLinksSmc .StepsRow .StepsColm div small {
        font-size: 10px
    }

    .otherLinksSmc .StepsRow .StepsColm img {
        height: 20px
    }

    .heading_font_h2 {
        font-size: 38px !important
    }
}

@media only screen and (min-width:992px) and (max-width:1100px) {
    #Taxi_Ins {
        display: none !important
    }

    .SMCbody .productTabsMainRisk, .packagesMainRisk .tab-content {
        width: 100%
    }

    .closeToContinue {
        display: block
    }

    .AboutSec1 h1, .AboutSec1 h2, .AboutSec1 h4, .ContactSec1 h1, .ContactSec1 h2, .ContactSec1 h4, .POS_WrapSec1 h1, .POS_WrapSec1 h2, .POS_WrapSec1 h4, .POS_WrapSec3 h1, .POS_WrapSec3 h2, .POS_WrapSec3 h4, .TermRenwalBox h1, .headingCnt .box-no, .headingCnt .customer-index h2, .headingCnt .main-quotes, .headingCnt h1 {
        font-size: 34px
    }

    .otherLinksSmc .StepsRow .StepsColm div small b {
        font-size: 12px
    }

    .otherLinksSmc .StepsRow .StepsColm div small {
        font-size: 10px
    }

    .otherLinksSmc .StepsRow .StepsColm img {
        height: 20px
    }
}

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

    .ContinueTOquote, .ContinueTOquoteAliance .ContinueTOquoteBox {
        position: relative
    }

    #pgFooter .footerBottom .mainLinks .footerCopy > div, .HumanTouch, .PUC_Status, .headingCnt h4, .services-areaeight .text-mdd, .services-areaeight002 .headingCnt h1, .services-areaeight002 p.headingBt a {
        text-align: center
    }

    .VehicleRegister label input {
        margin-bottom: 5px
    }

    .right_helpdesk {
        display: inline-block !important;
        margin-top: 0;
        width: 100%
    }

    .AboutSec3Box, .ContactSec2, .PUC_StatusCNT, .SMC_APP_Dnld {
        margin-top: 20px
    }

        .CallUS_bot22, .ContinueTOquoteAliance .ContinueTOquoteBox .closeToContinue.close, .PUC_StatusCNT::after, .TermRenwalBox table.table tbody tr td:nth-child(2), .desktop_show {
            display: none
        }

    .CallUS_bot, .ShowAllProduct .productTabsMainRisk a {
        display: inline-block
    }

    .headingCnt .customer-index h2 {
        font-size: 34px
    }

    .SMC_APPTwo, .plan_work_atSMC {
        justify-content: center
    }

    .tab_mob_show {
        display: inline-flex
    }

    .Consumer_helpDesk {
        justify-content: space-around;
        align-items: center
    }

    .POSEnq_Box2 {
        margin-left: 0
    }

    .ContinueTOquoteAliance .ContinueTOquoteBox .ContinueTOFlex, .TermRenwalBox table.table tr td:nth-child(3), .closeToContinue {
        display: block
    }

    .HowItWorkSec .WhySMCWork img {
        padding: 0;
        height: auto;
        max-width: 250px;
        margin: auto;
        display: block
    }

    .COL_reverseInM {
        margin-bottom: 150px
    }

    .SMC_APP_Dnld img.ScannerApp {
        width: 100px;
        height: 100px
    }

    .SMC_APP_Dnld .SMC_APP_Store img {
        width: 100px;
        height: auto
    }

    .ContinueTOquote {
        width: 100%;
        top: 0;
        margin-top: 20px
    }

    .PUC_Status {
        height: auto;
        display: block;
        padding: 20px
    }

    .PUC_StatusCNT {
        padding: 0
    }

    .PUC_Status img {
        height: auto;
        position: initial;
        margin: auto;
        display: block;
        width: 100%;
        max-width: 250px
    }

    .ContinueTOquote .index-main {
        font-size: 16px;
        margin: 0 0 10px
    }

    .ContinueTOquoteBox span strong, .otherLinksSmc .StepsRow .StepsColm div small b {
        font-size: 12px
    }

    .ContinueTOquoteBox, .HIW_Box {
        margin-bottom: 15px
    }

    .ContinueTOFlex {
        display: flex;
        align-items: start;
        justify-content: space-between
    }

    #pgFooter .footerBottom .mainLinks .footerCopy {
        flex-direction: column-reverse
    }

        #pgFooter .footerBottom .mainLinks .footerCopy > div > a {
            margin: 0 5px
        }

    .CustomerSays div.headingCnt img {
        width: 40px !important;
        margin: auto
    }

    .AboutSec1IMG img, .HIW_Box, .SMCbody .customer_review .review-check2 img, .SMCbody .customer_review .review-email, .WorkCulture, .howitworkCNT {
        width: 100%
    }

    .GetBoxStep {
        margin-bottom: 30px
    }

    .services-areaeight .imageflow {
        width: 80%;
        margin: auto;
        display: block;
        height: auto
    }

    .services-areaeight .imflow {
        height: 140px;
        width: auto
    }

    .services-areaeight.services-areaeight002 .rcorners {
        display: block !important;
        height: auto;
        padding: 15px !important
    }

    .TermRenwalBox table.table tr td, .TermRenwalBox table.table tr th {
        vertical-align: middle;
        padding: 15px;
        text-align: center
    }
        .TermRenwalBox table.table tr td a.SMCLargTT {
            height: 40px;
            line-height: 40px;
            color: #30b524;
            background-color: #fff;
            margin-top: 10px;
            border: 1px solid #30b524
        }

    .TermPlansBox {
        height: 400px;
        overflow: auto
    }

    .TermRenwalBox table.table .thead-light {
        position: sticky;
        top: -5px;
        vertical-align: middle !important;
        z-index: 99
    }

    .productTabsRisk {
        border-radius: 10px
    }

    .ContactSec3 p, .ContactSec3Details, .HIW_MainBox, .HR_TeamForm img, .OfferTagBox_item ul, .SMCGroup, .SMCbody .customer_review .review-contact, .SectionEaightMainBox, .SectionSevenMainBox {
        padding: 0
    }

    .headContent {
        padding: 10px 0 0
    }

    .SMCbody .tabs .productTabsMainRisk .productTabsRisk {
        margin: 0 10px 20px 0
    }

    .headContent h1, .headingCnt h1, .headingCnt h4 {
        font-size: 30px !important;
        text-align: left;
        line-height: normal;
        margin: 0 0 15px
    }

    .headContent p {
        font-size: 14px;
        margin: 0
    }

    .SMC_APP_DnldMobile a {
        border-radius: 50px;
        text-align: center
    }

    .ClaimsHeading h1 {
        font-size: 24px
    }

    .POS_ProfileCardOne.ClaimCallOne h1 {
        font-size: 20px
    }

    .POS_ProfileCardOne.ClaimCallOne p {
        font-size: 12px;
        line-height: 24px
    }

    .ePartnerPic {
        width: 45%;
        height: 130px
    }

    .claims {
        padding: 80px 0
    }

    .ClaimCall, .ePartner_ProfileCard {
        width: 100%;
        margin-bottom: 15px
    }

    .AboutSec3Box h3, .ClaimCallNumb span, .MuiPaper-elevation3 .box-bodyOuter h1 {
        font-size: 22px
    }

    .SMCProTabs, .SMCbody .homeSection .tabs .packagesMainRisk {
        height: auto
    }

    #pgFooter .footerBottom .footerLinks > div > a, #pgFooter .footerBottom .footerLinks > div > h4, .SMCbody .productTabsMainCar h6, .tele_callBox {
        margin: 0
    }

    .SMCbody .productTabsMainRisk {
        width: 100%;
        height: auto;
        -webkit-overflow-scrolling: touch;
        overflow-y: hidden;
        overflow-x: scroll;
        display: block;
        padding-top: 10px;
    }

    .ShowAllProduct .productTabsMainRisk {
        grid-template-rows: repeat(4,1fr);
        grid-template-columns: repeat(2,0fr);
        gap: 10px;
        overflow: inherit
    }

        .ShowAllProduct .productTabsMainRisk .productTabsRisk {
            width: 143px;
            margin-right: 10px;
        }
    #pgFooter, .MuiPaper-elevation3, .OfferTagBox_item, .OfferTagSlider .quote-item, .ShowAllProduct .modal-dialog .modal-body {
        padding: 15px
    }

    .ShowAllProduct .modal-dialog .modal-header {
        padding: 10px 15px
    }

    .SMCbody .productTabsMainRisk::-webkit-scrollbar {
        display: none
    }

    .ShowAllProduct .productTabsMainRisk .productTabsRisk img {
        height: 30px;
        margin-right: 5px;
    }
    .ProdCate h3{
        font-size:14px;
    }
    .CustomerSays .quote-item p, .ShowAllProduct .productTabsMainRisk .productTabsRisk p, .headingCnt p, .ShowAllProduct .productTabsMainRisk .productTabsRisk p, .ShowAllProduct .productTabsMainRisk .productTabsRisk p small {
        font-size: 12px
    }

    #pgFooter .footerBottom .footerMid .footerLogo, .ContactOurTeam, .CoronaVirus, .SectionSeven .howitworkCNT, .SectionThirdBG, .VehicleRegister label, .comparisonsBox, .packagesMainRisk .tab-content {
        width: 100% !important
    }

    .AboutSec1.AboutSec4::after, .AboutSec1.AboutSec4::before, .CallRequest, .SMCbody .tabs .productTabsMainRisk .productTabsRisk.active span::after, .SMCbody .tabs .productTabsMainRisk .productTabsRisk.productTabsRisk--active span::after, .backBorder1, .backBorder2, .backBorder3, .backBorder4, .backBorder5, .backBorder6, .backBorder7, .backBorder8, .otherLinksSmc .StepsRow .StepsColm::after {
        display: none
    }

    #pgFooter .footerTop > p {
        padding: 25px 15px
    }

    .footerBottom .footerMid {
        display: block;
        padding: 25px 0;
        width: 100%
    }

    .VehicleRegister, .VehicleRegister label {
        border: none !important
    }

        .CoronaVirus, .SMCbody .homeSection .tabs, .VehicleRegister label:last-child {
            padding: 0;
            margin: 0
        }

    .SMCbody .homeSection {
        padding: 0;
        background-size: 60%;
        background-position: center 0
    }

    .VehicleRegister label:last-child {
        margin-top: 0;
        height: auto
    }

    .CoronaVirus {
        margin-top: 40px
    }

    .OruProductList, .SMCProTabs, .VehicleRegister, .otherLinksSmc .StepsRow .StepsColm div h2 br, .otherLinksSmc ul, .policyLinks {
        display: block !important
    }

    .VehicleRegister {
        margin-bottom: 70px
    }

    .policyLinks {
        position: absolute;
        width: 100%;
        bottom: -140px
    }

    .otherLinksSmc {
        margin-bottom: 20px;
        margin-top: 20px
    }

    .services-areaeight002 .headingCnt .main-quotes {
        margin-top: 15px
    }

    .IndianWeb {
        display: flex;
        margin-top: 40px;
        padding: 0 15px;
        position: initial
    }

    .otherLinksSmc ul li a {
        padding: 10px 0;
        border-bottom: 1px solid #999
    }

        .otherLinksSmc ul li a::after {
            content: "";
            display: block;
            box-sizing: border-box;
            position: absolute;
            background-color: #ffffff00;
            width: 10px;
            height: 10px;
            border-bottom: 2px solid;
            border-right: 2px solid;
            transform: rotate(-45deg);
            right: 6px;
            top: 18px
        }

    .slick-arrow.slick-next, .slick-arrow.slick-prev {
        display: none !important
    }

    .footerAbout {
        flex-direction: column;
        width: 100%;
        align-items: normal;
        background-color: #0e0e0e;
        margin-bottom: 15px;
        border-radius: 0;
        padding: 5px 15px
    }

    .CurveImg h2, .MuiPaper-elevation2 {
        padding: 0 20px
    }

    .footerAbout a {
        margin: 5px 30px 5px 0
    }

    #pgFooter .footerBottom .footerLinks {
        justify-content: left;
        padding: 15px
    }

        #pgFooter .footerBottom .footerLinks > div {
            margin: 0 0 20px;
            width: 100%
        }

    .SMCbody .mainHeader {
        padding: 5px 0;
        height: 60px
    }

    .elementskit-infobox:before {
        font-size: 50px;
        color: #4e56611a
    }

    .elementskit-infobox {
        padding: 10px 20px 10px 40px
    }

    .box-bodyOuter {
        flex-direction: column;
        align-items: baseline
    }

    .AboutCnt h3, .MuiTypography-h4 {
        font-size: 1.4rem
    }

    .AboutCnt p, .AdviceList li, .MuiBox-root p {
        font-size: 1rem
    }

    .CurveImg {
        width: 100%;
        height: auto
    }

        .CurveImg h2 {
            font-size: 20px;
            line-height: normal;
            margin: 0;
            width: 100%;
            left: 0;
            top: 30%
        }

    .AboutSec3BoxImg {
        width: 120px;
        padding: 30px
    }

    .AboutSec1 p {
        font-size: 16px;
        line-height: normal;
        margin: 10px 0 0
    }

    .AboutSec4 .AboutSec3BoxImg {
        padding: 0 35px
    }

    .AboutSec5Insurer .PartnerLogo {
        width: 13.33%
    }

    .AboutSec1, .CustomerSays, .OfferTagSlider, .PuzzlingSection {
        padding: 30px 0
    }

    .AboutSec1IMG {
        padding: 20px 0 60px
    }

    .Disclaimer::before {
        width: 100%;
        right: 0
    }

    .Disclaimer {
        padding-top: 20px
    }

    .DisclaimerCNT h1 {
        font-size: 30px
    }

    .DisclaimerCNT p {
        font-size: 16px;
        line-height: 22px
    }

    .ContactTypeBox {
        height: 60px;
        padding: 0 40px;
        font-size: 16px
    }

    .ContactSec2 .row {
        flex-wrap: wrap-reverse
    }

    .ContactSec1 h1 {
        padding: 0 10px;
        margin-bottom: 10px
    }

    .ContactSec2 img {
        width: 300px
    }

    .ContactType {
        margin-top: 25px
    }

    .ContactTypeBox p {
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        line-height: 82px;
        padding-left: 100px
    }

    .ContactUsWrap {
        overflow: hidden
    }

    .ContactSec3 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .ContactSec3Box {
        padding-left: 10px
    }

    .ContactSec1 p {
        font-size: 18px;
        line-height: 24px
    }

    .HumanTouchBTN, .HumanTouchBTN p {
        line-height: 50px
    }

    .ContactSec3Box img {
        width: auto;
        height: 180px;
        position: absolute;
        right: 157px
    }

    .ContactSec3Box02 img {
        right: initial;
        left: 157px
    }

    .ContactSec3Box h2 {
        margin: 30px 0 20px;
        width: 100px;
        font-size: 24px;
        font-weight: 700;
        color: #30b524
    }

    .ContactSec3Box02 {
        display: flex;
        height: 180px;
        align-items: center;
        justify-content: flex-end;
        background: #fff;
        box-shadow: 0 0 20px -5px #ccc;
        border-radius: 25px;
        padding-left: 60px;
        padding-right: 10px
    }

        .ContactSec3Box02 h2 {
            margin-left: 429px
        }

    .ContactSec3Box {
        align-items: baseline;
        border-radius: 10px
    }

    .support-text {
        margin: 35px 10px;
        text-align: right
    }

    .AddressBoxList {
        padding: 0;
        position: relative;
        margin-top: 30px
    }

    .AddressBox {
        width: 315px;
        padding: 15px
    }

        .AddressBox.AddressBox02 {
            top: 230px;
            right: 0
        }

    .ContactSec4 {
        padding: 30px 0 50px
    }

    .ContactSec5 ul li a img {
        width: 30px
    }

    .ContactSec5 ul li a i {
        width: 30px;
        height: 30px
    }

    .SMCbody .tabs .productTabsMainRisk .productTabsRisk.productTabsRisk--active span img {
        width: 53px !important
    }

    .otherLinksSmc h2 {
        font-size: 26px;
        margin: 0
    }

    .otherLinksSmc .StepsRow .StepsColm {
        padding: 15px;
        height: auto;
        width: 49%;
        display: inline-flex;
        border: none
    }

        .otherLinksSmc .StepsRow .StepsColm div small, .otherLinksSmc .StepsRow .StepsColm.StepsColm01 .StepsColmBox .StepsColmInn div .reviewStar span {
            font-size: 10px;
            text-align: left
        }

    .otherLinksSmc .StepsRow {
        display: block;
        text-align: left
    }

        .otherLinksSmc .StepsRow .StepsColm div p {
            font-size: 12px;
            line-height: normal;
            text-align: left
        }

        .otherLinksSmc .StepsRow .StepsColm.StepsColm01 {
            width: 50% !important;
            display: inline-table;
            text-align: left
        }

    .g2India2023 {
        width: 70px;
        right: 0;
        top: 75px
    }

    .otherLinksSmc .StepsRow .StepsColm.StepsColm02 {
        border-radius: 10px;
        height: auto;
        margin: auto
    }

    .otherLinksSmc .StepsRow .StepsColm div h2 {
        font-size: 15px
    }

    .otherLinksSmc .StepsRow .StepsColm img, .otherLinksSmc .StepsRow .StepsColm.StepsColm01 .StepsColmBox .StepsColmInn img {
        height: 20px;
        margin-right: 5px
    }

    .otherLinksSmc .StepsRow .StepsColm .StepsDevider {
        right: -12px;
        top: 100px;
        height: 1px;
        width: 100%;
        color: #ccc
    }

        .otherLinksSmc .StepsRow .StepsColm .StepsDevider::before {
            height: 1px;
            background-color: #30b524;
            width: 100%
        }

        .otherLinksSmc .StepsRow .StepsColm .StepsDevider i {
            width: 18px;
            height: 18px;
            border: 1px solid #30b524;
            padding: 2px;
            top: -20px;
            right: initial;
            left: 50%;
            margin-left: -20px;
            transform: rotate(90deg);
            color: #30b524
        }

    .OruProductList .headingCnt {
        width: 100%;
        padding: 0
    }

    .headingCnt {
        text-align: center;
        margin-bottom: 15px;
        padding: 0 15px !important
    }

    .HowItWorkSec .WhySMCWork {
        padding: 0;
        margin-top: 0
    }

    .services-areaeight {
        padding: 40px 0
    }

    .services-areaeight002 .headingCnt h1 {
        font-size: 20px !important
    }

    .HowItWorkSec .tab-content .tab-pane img {
        position: inherit;
        transition: .4s ease-in-out;
        -moz-transition: .4s ease-in-out;
        -ms-transition: .4s ease-in-out;
        -o-transition: .4s ease-in-out;
        -webkit-transition: .4s ease-in-out;
        height: 250px
    }

    .PuzzlingSection .container:nth-child(2) {
        margin-top: 50px !important
    }

    .PuzzlingSection .MuiBox-root {
        padding-top: 0 !important
    }

    .HumanWmobile {
        width: 180px;
        top: 20px;
        height: auto
    }

    .HumanWmobileBox {
        width: 250px;
        display: block;
        height: auto
    }

    .CustomerSays .quote-item h3 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 0
    }

    .services-areaSeven .accordion > .card > .card-header {
        background-color: #ffffff00;
        display: flex;
        font-size: 14px;
        padding: 10px 20px;
        align-items: center;
        justify-content: space-between
    }

        .services-areaSeven .accordion > .card > .card-header span {
            margin-left: 20px
        }

    .HumanTouchBTN {
        width: 240px;
        margin: 0 5px 15px;
        padding: 0 15px;
        font-size: 14px;
        height: 50px
    }

    .services-areaSeven .accordion > .card {
        border-radius: 50px
    }

    .HumanTouchBTN i {
        font-size: 18px
    }

    .OfferTagSlider .OfferTagBox {
        margin-bottom: 10px;
        margin-top: 10px
    }

    .OfferTagBox_item ul li {
        font-size: 10px
    }

    .OfferTagSlider .quote-item h3 {
        font-size: 14px;
        margin-bottom: 0
    }

    .OfferTagSlider .quote-item p, .OfferTagSlider .quote-item span {
        font-size: 12px;
        margin: 0;
        line-height: normal
    }

    .OfferTagSlider .quote-item .OfferQtLink {
        margin-top: 10px
    }

    .OfferTagSlider .quote-item p {
        font-size: 30px !important
    }

    .productSilder .OruProductList .row.w-100 {
        width: auto !important
    }

    .otherLinksSmc h2 b {
        width: 15%
    }

    .GrievanceFooter {
        padding: 15px;
        display: block
    }

        .GrievanceFooter p {
            font-size: 14px;
            text-align: left
        }

        .GrievanceFooter .ContactGetTouch {
            font-size: 14px;
            padding: 0;
            width: 170px;
            margin-top: 10px
        }

    .Grievance .container .row:first-child {
        flex-flow: wrap-reverse
    }

    .Grievance.Disclaimer img, .homeSectionBG {
        padding-top: 0
    }

    .AboutSec1 h1, .AboutSec1 h2, .AboutSec1 h4, .ContactSec1 h1, .ContactSec1 h2, .ContactSec1 h4, .POS_WrapSec1 h1, .POS_WrapSec1 h2, .POS_WrapSec1 h4, .POS_WrapSec3 h1, .POS_WrapSec3 h2, .POS_WrapSec3 h4, .TermRenwalBox h1, .headingCnt h1, .headingCnt h4 {
        font-size: 34px !important
    }

    .HowItWorkSec, .productSilder, .services-area {
        padding: 15px 0
    }

    .OfferTagSlider .row {
        flex-wrap: nowrap;
        overflow-x: scroll
    }

        .OfferTagSlider .row .col-md-4, .SMCbody .customer-review02 {
            width: 75%
        }

    .services-areaeight .text-mdd .services-areaeight .text-mdd {
        font-size: 12px !important;
        width: 100% !important;
        line-height: normal
    }

    .pos-support {
        text-align: right !important
    }

    .call {
        margin-top: -14px !important
    }

    .call-ima {
        margin-top: 9px !important
    }

    .eBookPDF {
        height: auto;
        margin: 10px;
        width: 40%;
        flex: 0 0 40%
    }

    .eBookPDFBox {
        justify-content: center;
        flex-flow: wrap
    }

    .CareerPG .careersale1 {
        width: 50%
    }

    .AboutSec1 h1, .AboutSec1 h4, .ContactSec1 h1, .ContactSec1 h2, .ContactSec1 h4, .POS_WrapSec1 h1, .POS_WrapSec1 h2, .POS_WrapSec1 h4, .POS_WrapSec3 h1, .POS_WrapSec3 h2, .POS_WrapSec3 h4, .TermRenwalBox h1, .headingCnt h1, .headingCnt h4 {
        font-size: 26px !important
    }

    .homeSection, .new-banner {
        margin-top: 0 !important
    }

    .ContactUsWrap.customer_review {
        margin-top: 0;
        padding-top: 20px;
        padding-bottom: 50px;
        position: relative
    }

    .SMCbody .customer-review02 h1 {
        font-size: 35px;
        font-weight: 700
    }

    .SMCbody .customer_review .review01 img {
        width: 100%;
        margin-top: 50px
    }

    .SMCbody .customer_review .google-review-box {
        display: block;
        width: 80%
    }

    .SMCbody .customer_review .google-review1, .SMCbody .customer_review .playstore-box {
        margin-bottom: 20px;
        margin-right: 0
    }

    .SMCbody .customer_review .trusted-review {
        background-color: #30b524;
        border-radius: 5px;
        padding: 25px 20px;
        display: inline-flex;
        justify-content: space-between;
        color: #fff;
        margin-top: -10px;
        z-index: 0;
        margin-bottom: -70px;
        position: relative;
        width: 100%
    }

    .SMCbody .customer_review .trusted-review1, .SMCbody .customer_review .trusted-review2 {
        display: flex;
        justify-content: start;
        align-items: center;
        margin-bottom: 10px
    }

    .SMCbody .customer_review .review-img {
        width: 130px;
        margin: 0 25px
    }

    .SMCbody .customer_review .review-section {
        padding: 100px 0 40px
    }

        .SMCbody .customer_review .review-section .review-check {
            border: none;
            display: flex;
            justify-content: center
        }

    .SMCbody .customer_review .review-check1 {
        width: 50%;
        text-align: center
    }

    .SMCbody .customer_review .review-check img {
        width: 30%
    }

    .SMCbody .customer_review .customer-review1 img {
        width: 70px
    }

    .SMCbody .customer_review .review-email button {
        border: none;
        background-color: #30b524;
        color: #fff;
        padding: 10px 0;
        border-radius: 5px;
        font-size: 16px;
        position: absolute;
        left: 0;
        top: 62px;
        width: 100%
    }

    .SMCbody .customer_review h2 {
        font-size: 33px;
        font-weight: 700;
        margin-right: 0
    }

    .SMCbody .customer_review .review-contact p {
        padding-right: 0
    }

    .SMCbody .customer_review .review-contact1 img {
        width: 25px
    }

    .SMCbody .customer_review .review-contact1 {
        margin: 25px 0 0
    }

    .SMCbody .customer_review .grey-bg-section2 {
        padding: 30px 0 40px
    }

    .EbookPageMain .welcome_ebook .ebook1 h1 {
        font-size: 40px;
        margin-bottom: 10px
    }

    .EbookPageMain .welcome_ebook .ebook1 h3 {
        font-size: 35px;
        font-weight: 500
    }

    .EbookPageMain .welcome_ebook .ebook1 h5 {
        font-size: 18px;
        font-weight: 600
    }

    .row.FormReverceInMob {
        flex-wrap: wrap-reverse !important
    }

    .SMCWork_plans {
        text-align: center;
        margin-top: 30px
    }

    .Buy_btnn_leftAlign {
        text-align: center !important
    }

    .POSEnq_Box, .email_Box, .tele_callBox {
        width: 50%;
        margin: 20px auto
    }
    .SMCbody .VehicleRegError {

        margin-bottom: 10px;
    }
}

@media screen and (max-width:767.98px) {
    .headContent h1 {
        font-size: 25px !important
    }

    .benefit_secHomePage {
        padding-top: 10px
    }

    .headingCnt .customer-index h2 {
        font-size: 34px
    }

    .POSEnq_Box a, .email_Box a, .tele_callBox a {
        font-size: 16px
    }

    .POSEnq_Box small, .email_Box small, .tele_callBox small {
        font-size: 10px
    }

    .POSEnq_Box img, .email_Box img, .tele_callBox img {
        width: 25px
    }

    .POSEnq_Box, .email_Box, .tele_callBox {
        width: 100% !important;
        min-width: auto
    }

    .CallUS_bot img {
        width: 220px
    }

    .HumanTouch {
        padding: 70px 0 40px
    }

    .dotted_leftBorder::before {
        content: '';
        position: absolute;
        left: 0;
        top: 140px;
        bottom: 0;
        width: 2px;
        border: 2px dashed #30b524;
        height: 76%
    }

    .dotted_leftBorder {
        position: relative;
        padding-left: 30px;
        margin-left: 20px
    }

    .benefit_detailCard {
        margin: 0;
        padding: 10px;
        position: relative
    }

    .SMC_APPTwo {
        justify-content: center
    }

    .COL_reverseInM {
        margin-bottom: 10px
    }

    .HumanWmobileBox {
        width: 250px;
        margin: 20px auto
    }

    .customer_help1.row {
        flex-flow: column-reverse
    }

    .benefit_secHomePage .dotted_topborder {
        border: none
    }

    .benefit_secHomePage .benefit_numBox {
        top: 125px;
        left: -49px
    }

    .benefit_secHomePage h2, .howSMC_workSec h2 {
        font-size: 30px
    }

    .heading_font_h2 {
        font-size: 34px !important
    }
}

@media (max-width:576px) {
    .headContent h1 {
        font-size: 22px !important
    }

    .Consumer_helpDesk {
        display: block;
        text-align: center
    }

    .POSEnq_Box, .email_Box, .tele_callBox {
        width: 100%;
        max-width: auto !important;
        min-width: auto !important;
        margin: 20px 0 0
    }

    .email_Box2 {
        width: auto !important
    }

    .dotted_leftBorder::before {
        height: 79%
    }
}

@media (max-width:480px) {
    .reviewsBox h3, .reviewsBox p {
        margin-right: 6px
    }

    .ContactSec1 p, ContactSec1 p {
        line-height: 24px
    }

    .benefit_secHomePage {
        padding-top: 0
    }

    .headingCnt .customer-index h2 {
        font-size: 30px
    }

    .SMCbody .customer-review02 h1, .SMCbody .customer_review h2 {
        font-size: 35px;
        font-weight: 700
    }

    .dotted_leftBorder::before {
        height: 81%
    }

    .reviewsBox .google_rating {
        width: 70px
    }

    .reviewsBox .google_icon {
        width: 35px;
        margin-right: 8px
    }

    .reviewsBox h3 {
        font-size: 18px
    }

    .plans_type ul li p, .reviewsBox p {
        font-size: 12px
    }

    .CurveImg h2, .POSEnq_Box a, .email_Box a, .tele_callBox a {
        font-size: 14px
    }

    .ContactSec1 p, .SMCwork_tabs .tab_BTN {
        font-size: 16px
    }

    .POSEnq_Box img, .SMCbody .customer_review .review-contact1 img, .email_Box img, .tele_callBox img {
        width: 25px
    }

    .POSEnq_Box, .email_Box, .plans_type ul li, .tele_callBox {
        padding: 10px
    }

    .CallUS_bot img {
        width: 180px
    }

    .SMCwork_tabs .WorkNav_tab .nav-item {
        width: 150px;
        padding: 4px 0
    }

    .heading_font_h2 {
        font-size: 30px !important;
        margin-bottom: 10px
    }

    .corporate-box, .plan_work_atSMC {
        justify-content: center
    }

    .plans_thinkImg {
        width: 220px
    }

    .plans_type img {
        width: 22px;
        height: 22px;
        margin-right: 4px
    }

    .plans_type ul {
        margin-left: -45px
    }

    .IsShowPopUP {
        padding: 15px 0;
        justify-content: space-between
    }

        .IsShowPopUP .SMCSmall, .IsShowPopUP .SMCSmall001 {
            margin: 0;
            padding: 0 15px
        }

    .AboutSec5Insurer .PartnerLogo {
        width: 20.33%
    }

    .services-areaeight .text-mdd.services-areaeight .text-mdd {
        font-size: 12px !important;
        width: 100% !important;
        line-height: normal
    }

    .AddressBox.AddressBox03 {
        position: absolute;
        top: 275px;
        right: 0;
        left: 27px
    }

    .about-content {
        margin-top: -50px;
        font-size: 13px !important;
        width: 100% !important;
        margin-left: -175px !important;
        line-height: 24px !important
    }

    .call {
        margin-top: -11px !important
    }

    .call-ima {
        margin-top: 10px !important
    }

    .ContactSec3Box02 img {
        right: initial;
        left: 13px
    }

    .ContactSec2 img {
        margin: 20px auto
    }

    ContactSec1 p {
        font-size: 15px
    }

    .ContactSec3Box img {
        width: 130px;
        height: auto;
        position: absolute;
        right: 13px
    }

    .ContactSec3Box {
        height: 160px
    }

    .ContactSec3Box02 h2 {
        margin-left: 215px
    }

    .contact-marg {
        margin-top: 50px
    }

    .ContactSec3 {
        padding-top: 30px;
        padding-bottom: 60px
    }

    .ContactUsWrap {
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 50px;
        position: relative
    }

    .pos-support {
        text-align: right !important
    }

    .ContactSec4 {
        padding: 30px 0 280px
    }

    .DiwaliEffect {
        top: -18px
    }

        .DiwaliEffect img {
            margin: 0 -100px
        }

    .word {
        display: inline-block;
        position: absolute;
        width: 180px;
        text-align: center;
        margin: 0 0 0 -80px;
        top: 38px;
        left: 50%
    }

    .homeSection .headContent h1 {
        margin-bottom: 40px
    }

    .CareerPG .careersale1, .SMCbody .customer_review .review-email {
        width: 100%
    }

    .SMCbody .customer_review .review-check2, .SMCbody .customer_review .review01, .customer-img, .ebook_boxlist {
        display: none
    }

    .EbookPageMain .welcome_ebook .ebook_sec, .posmob-img {
        display: block
    }

    .support-text {
        text-align: left;
        margin: 35px 0
    }

    .support-text2 {
        text-align: right;
        margin: 42px 0 15px 10px
    }

    .headContent h1, .headingCnt h1, .headingCnt h4 {
        font-size: 22px !important;
        text-align: center;
        line-height: normal;
        margin: 0 0 8px
    }

    .ebook_tab, option:not(:checked) {
        margin: auto;
        width: 60%;
        padding: 5px;
        font-weight: 500
    }

    .SMCbody .customer_review .google-review-box {
        display: block;
        margin-bottom: 30px;
        width: 60%
    }

    .SMCbody .customer_review .google-review1 {
        padding: 10px 15px 10px 0;
        color: #fff;
        background-color: #30b524;
        display: flex;
        border-radius: 5px;
        margin-bottom: 20px
    }

    .SMCbody .customer_review .playstore-box {
        padding: 10px 15px 10px 0;
        border: 1px solid #bdbdbd;
        display: flex;
        border-radius: 5px;
        color: #252525
    }

    .SMCbody .customer-review02 {
        width: 80%
    }

        .SMCbody .customer-review02 p {
            margin-right: 0
        }

    .SMCbody .customer_review .trusted-review {
        background-color: #30b524;
        border-radius: 5px;
        padding: 10px;
        justify-content: space-between;
        color: #fff;
        margin-bottom: -55px;
        display: block
    }

    .SMCbody .customer_review .trusted-review1 {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 15px
    }

    .SMCbody .customer_review .review-line {
        width: 80%;
        border: 1px dashed;
        margin: 15px auto;
        display: block
    }

    .SMCbody .customer_review .review-img, .SMCbody .customer_review .review-img1 {
        width: 50%
    }

    .SMCbody .customer_review .customer-review1 img {
        width: 22%
    }

    .SMCbody .customer_review .review-img1 img {
        width: 35% !important;
        margin: auto !important
    }

    .SMCbody .customer_review .review-check img {
        width: 30%;
        margin-right: 0
    }

    .SMCbody .customer_review .review-check1 {
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }

    .SMCbody .customer_review .grey-bg-section {
        padding: 40px 0 0 !important
    }

    .SMCbody .customer_review h2 {
        margin-right: 0
    }

    .SMCbody .customer_review .review-email button {
        border: none;
        background-color: #30b524;
        color: #fff;
        padding: 10px 0;
        border-radius: 5px;
        font-size: 14px;
        position: absolute;
        left: 0;
        top: 52px;
        width: 100%
    }

    .SMCbody .customer_review .review-contact {
        padding: 0 20px;
        text-align: center
    }

    .SMCbody .customer_review .review-contact1 {
        margin: 30px auto;
        text-align: center
    }

    .SMCbody .customer_review .review-contact p {
        padding-right: 0
    }

    .SMCbody .customer_review .review-contact2 {
        text-align: center
    }

    .SMCbody .customer_review .review-section {
        padding: 80px 0 40px
    }

    .SMCbody .customer_review .review-email input {
        border: none;
        background: 0 0
    }

    .SMCbody .customer_review .customer-review1 {
        padding: 20px;
        border: 1px solid #dbdbdb;
        border-radius: 5px
    }

        .SMCbody .customer_review .customer-review1:hover {
            background-color: #e2ffe2;
            box-shadow: 0 3px 55px #00000029;
            border-radius: 5px;
            border: none
        }

    .ebook_tab {
        display: block;
        border: 1px solid #555454;
        background-color: #d9d9d9;
        color: #555454;
        border-radius: 5PX
    }

    option:not(:checked) {
        border: 1px solid #30b524;
        background-color: none;
        border-radius: 5PX
    }

    .ebook_pdf1 {
        margin-left: 20px
    }

    .EbookPageMain .welcome_ebook .ebook1 h1 {
        font-size: 40px;
        margin-bottom: 10px
    }

    .EbookPageMain .welcome_ebook .ebook1 h3 {
        font-size: 30px;
        font-weight: 500
    }

    .EbookPageMain .welcome_ebook .ebook1 h5 {
        font-size: 16px;
        font-weight: 600
    }
}

@media (max-width:380px) {
    .plans_thinkImg {
        width: 180px
    }

    .plans_type img {
        width: 18px;
        height: 18px;
        margin-right: 4px
    }

    .plans_type ul li {
        padding: 10px 5px
    }

    .plans_type ul {
        margin-left: -45px
    }

        .plans_type ul li p {
            font-size: 10px
        }

    .CurveImg {
        height: auto;
        padding: 0
    }

    .word {
        display: inline-block;
        position: absolute;
        width: 200px;
        text-align: center;
        margin: 0 0 0 -100px;
        top: 45px;
        left: 50%
    }

    .homeSection .headContent h1 {
        margin-bottom: 55px
    }

    .CurveImg h2 {
        font-size: 13px;
        line-height: normal;
        margin: 0;
        width: 100%;
        left: 0;
        top: 40px;
        padding: 0 20px
    }

    .AboutSec5Insurer .PartnerLogo {
        width: 29.33%
    }

    .SMCbody .customer_review .review-email {
        width: 100%
    }

    .SMCbody .customer_review .grey-bg-section2 {
        padding: 30px 0 40px
    }

    .eBookPDF a p {
        font-size: 11px
    }

    .SMCbody .CarRegError {
        top: 45px;
        z-index: 9
    }
}

.CMSArticleHtmlData table {
    margin: 0 !important
}

.RegNumber {
    position: absolute !important;
    top: 22px;
    left: 0px;
    display: inline-block;
    height: auto;
    width: auto !important;
    line-height: normal;
    color: #bcbcbc;
    font-size: 16px;
    font-weight: 500;
    transition: .2s cubic-bezier(.25,.8,.25,1);
    pointer-events: none;
    padding-left: 20px !important;
}
.VehicleRegister label input:focus ~ label, .VehicleRegister label input:not(:placeholder-shown) ~ label {
    top: -10px;
    font-size: 10px;
    background: #f7f7f7;
    padding: 5px 10px !important;
    border-radius: 3px;
    left: 20px;
}
.tele_callBox {
    display: inline-flex
}

.reviewStar {
    margin-left: 10px;
}

    .reviewStar span {
        display: inline-block !important;
        margin: 0 !important;
        font-size: 18px !important;
        color: #ffc800 !important;
    }

.reviewsBox p {
    font-size: 10px !important;
    margin: 0;
    color: #3d3d3d;
}

.reviewsBox .google_rating {
    width: 120px
}

.reviewStar p {
    color: #3d3d3d;
    font-size: 16px !important;
    line-height: 15px;
}

.trusted-review2 .reviewStar p, .trusted-review2 .reviewsBox p {
    color: #fff !important;
}

.reviewsBox .google_icon {
    width: 40px;
    margin-right: 10px;
    filter: grayscale(1) !important;
}

.reviewsBox01:hover .google_icon {
    filter: grayscale(0) !important;
}

.reviewsBox h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0
}

.SMCbody .VehicleRegError {
    display: none; /* ✅ hidden by default */
    width: fit-content;
    max-width: 270px;
    text-align: center;
    margin-top: 5px;
    background-color: #e0353f;
    padding: 5px 10px;
    border-radius: 4px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    box-shadow: 0 2px 6px rgb(0 0 0 / .08);
    border-left: 3px solid #e0353f;
    animation: fadeIn 0.3s ease-in-out;
  }
  /* ✅ When shown */
  .SMCbody .VehicleRegError.show {
    display: inline-block; /* fits content width */
  }
  

    .productIcon {
    width: 50px;
    height: 50px;
    background-image: url(../img/product-sprite.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    margin-top: 5px;

}
.icon-car        { background-position:    0     -15px; }
.icon-bike       { background-position:  0   -210px; }
.icon-health     { background-position:  0   -402px; }
.icon-life       { background-position: 0  -595px; }
.icon-investment { background-position: 0   -785px; }
.icon-taxi       { background-position: 0   -910px; }
.icon-pet {background-position: 0 -75px;}
.icon-indemnity {background-position: 0 -525px;}
.icon-gcv {background-position: 0 -465px;}
.icon-pcv {background-position: 0 -270px;}
.icon-family-health {background-position: 0 -656px;}
.icon-family-health {background-position: 0 -720px;}
.icon-womenterm {background-position: 0 -975px;}
.icon-family-health {background-position: 0 -655px;}
.icon-home {background-position: 0  -721px;}
.icon-womenterm {background-position: 0  -975px;}
.icon-guaranteedterm {background-position: 0  -785px;}
.icon-investmentparticipating {background-position: 0  -335px;}
.icon-housewifeterm {background-position: 0 -975px;}


    .businessStats {
    width: 40px;
    height: 40px;
    background-image: url(../img/Home-page/USP.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    margin-top: 5px;
opacity: 0.6;
}

.icon-business-premium {
background-position: 0px 0px;
}
.icon-policies-sold {
background-position: 0px -40px;
}

.icon-claims-assisted {
background-position: 0px -72px;
height: 35px;
width: 35px;
}
.icon-established-for {
background-position: -5px -105px;
height: 35px;
width: 35px;
}
.icon-smcglobal {
background-position: -2px -140px;
height: 35px;
width: 35px;
}
.icon-google-review {
background-position: 0px -200px;
}

.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.SMCLargTT{height:60px;max-width:100%;width:100%;padding:0 30px;line-height:60px;border-radius:4px;font-size:16px;border:none;cursor:pointer;color:#fff;cursor:pointer;position:relative;overflow:hidden;z-index:1}.SMCSmall{height:44px;width:100%;max-width:100%;min-width:auto;text-align:center;line-height:normal;font-size:16px;border-radius:4px;border:none;cursor:pointer;color:#fff;cursor:pointer;position:relative;overflow:hidden;z-index:1}.ExtraFeatureSMC::after,.SMCLargTT::after,.SMCSmall::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#30B524;border-radius:4px;z-index:-2}.ExtraFeatureSMC::before,.SMCLargTT::before,.SMCSmall::before{content:"";position:absolute;bottom:0;left:0;width:0%;height:100%;background-color:#3f9f00;transition:all .3s;border-radius:4px;z-index:-1}.ExtraFeatureSMC:hover:before,.SMCLargTT:hover:before,.SMCSmall:hover:before{width:100%}.SMCLargTT:hover,.SMCSmall:hover{color:#fff}.editModal002 .yrVehicle{padding:0;width:100%}.editModal002 label{font-size:14px;margin-bottom:0}.editModal002 .genderRDDD label{display:inline-flex;align-items:center;margin-right:15px}.editModal002 .genderRDDD_Edit label .style-inpt{height:50px}.editModal002 .choose-relative{border:1px solid #ccc;margin:15px 0;padding:8px 15px;border-radius:4px}.editModal002 .choose-relative .trvlPrsnBox{height:auto;margin:0}.editModal002 .choose-relative .row{margin-bottom:10px;position:relative}.editModal002 .choose-relative .row .ageWithdel{display:inline-block;margin:auto;position:absolute;right:17px;top:10px}.modal-body.editModal002{padding:16px;height:600px;overflow:auto}.editModal002 .choose-relative .btn:hover{color:#fff!important}.editModal002 .genderRDDD label input{margin-right:5px}.ExtraFeatureInsuMandi,.InsuMandiLarg,.InsuMandiSmall{background:#2b308b}.modal-body.editModal002::-webkit-scrollbar{width:8px}.modal-body.editModal002::-webkit-scrollbar-track{border-radius:100px}.modal-body.editModal002::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}.SumAssuredPP{width:350px}.HealthSeeDetails .modal-content{background:0 0;border-radius:0;border:none}.HealthSeeDetails .modal-content .modal-header{background:#fff!important;margin:0 0 15px 0;border-radius:5px}.HealthSeeDetails .commenHealthPP .modal-body{margin:0;width:100%;border:none;height:auto;border-radius:5px;overflow:initial;padding:0}.HealthSeeDetails .commenHealthPPHead{padding:10px 15px}.HealthSeeDetails .commenHealthPPHead .sumInsuredTTLPOP{display:inline-block;font-size:14px;padding-right:30px;color:#8b8b8b;font-weight:500}.HealthSeeDetails .commenHealthPPHead .sumInsuredTTLPOP b{font-weight:600;color:var(--gray-dark);font-size:20px}.HealthSeeDetails .commenHealthPPHead .premiumBox{display:flex;align-items:center;justify-content:flex-end}.HealthSeeDetails .commenHealthPP .modal-body .nav-tabs{padding:0;background:#fff;border-radius:5px 5px 0 0}.HealthSeeDetails .commenHealthPP .modal-body .nav-tabs .nav-link{color:#666;margin-right:5px;border:none;border-bottom:2px solid transparent}.HealthSeeDetails .commenHealthPP .modal-body .nav-tabs .nav-link.active{box-shadow:none!important;border-bottom:2px solid #07ddff;border-radius:0;font-weight:400;background:0 0}.HealthSeeDetails .commenHealthPP .modal-body .nav-tabs .nav-link:hover{border-bottom:2px solid #07ddff;border-radius:0}.HealthSeeDetails .commenHealthPP .modal-body .tab-content{background-color:#fff;padding:15px;border-radius:0;height:350px}.HealthSeeDetails{background:#e8eef1!important;position:relative;z-index:9;left:0;right:0;top:55px;bottom:0;padding-top:40px;height:100vh}.HealthSeeDetails .modal-footer{background:#fff;margin-top:0;border-radius:0 0 5px 5px}@media only screen and (max-width:1400px){.HealthSeeDetails{padding-bottom:30px;height:100%;overflow:auto}.HealthSeeDetails .commenHealthPP .modal-body .tab-content{height:300px}.featurDetailsPopup{height:auto;max-height:270px}}
/* WhatsApp Bot Styles */
.whatsappbot {
    position: fixed;
    bottom: 50px;
    right: 20px;
    z-index: 1000;
}



.iconwa {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #30B524;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.iconwa img {
    width: 35px;
    height: 35px;
}

/* WhatsApp Popup */
.whatsapp-popup {
    position: absolute;
    bottom: 80px; /* Distance above the icon */
    right: 0;
    width: 300px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    display: none; /* Initially hidden */
    animation: slide-in 0.3s ease-out;
}

/* Popup waheader */
.whatsapp-popup .waheader {
    background-color: #359c2c;
    color: white;
    padding: 10px;
    font-size: 14px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.whatsapp-popup .waheader .firstheading {
    font-size: 22px;
    font-weight: bold;

}

.whatsapp-popup .waheader .close-btn {
    background: none;
    border: none;
    color: white;   
    font-size: 30px;
    cursor: pointer;
}

/* WhatsApp Icon */
.whatsapp-popup .waheader .headericon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
   
}

.whatsapp-popup .waheader .headericon img {
    width: 30px;
    height: 30px;
}

/* Popup Body */
.whatsapp-popup .body {
    padding: 15px;
    font-size: 14px;
    color:#FAFFF2;
    text-align: left;
    background-image: url('../img/whatsapp/whatsappbg.png'); /* Replace with your image path */
  background-size: cover; /* Ensures the image covers the entire area */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat; 
}

.whatsapp-popup .body p {
    margin-bottom: 15px;
    color: black;
    font-weight: 500;
}
.whatsapp-popup .body .content {
    background-color: white;
    padding: 5px 10px;
    border-radius:16px;
    color: black;
    margin-bottom: 20px;
    width: 70%;

}

.whatsapp-popup .body .content .username {
    font-weight: bold;
    color: #217585;
}


/* Start Chat Button */
.whatsapp-popup .start-chat-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #30B524;
    color: white;
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
}

.whatsapp-popup .btn-container {
    background-color: white;
    width: 100%;
    padding: 10px;

}

.whatsapp-popup .start-chat-btn:hover {
    background-color: #30B524;
}



/* Slide-in Animation */
@keyframes slide-in {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.Alliance_User .productTabsMainRisk, .POS_User .productTabsMainRisk {
    justify-content: left;
}
.Alliance_User #WithPrevilage {
    pointer-events: none;
    opacity: 0.6;
}
.POS_User #WithPrevilage {
    pointer-events: visiblePainted;
    opacity: 1;
}

.AllProd .productTabsMainRisk {
    justify-content: space-between;
}
.Alliance_User .productTabsMainRisk .productTabsRisk, .POS_User .productTabsMainRisk .productTabsRisk {
    margin-right: 0px;
}
.AllProd.Alliance_User .productTabsMainRisk .productTabsRisk {
    margin-right: 15px;
}
.AllProd .productTabsMainRisk .productTabsRisk:last-child {
    margin-right: 0;
}


@media screen and (max-width: 992px) {
    .AllProd.Alliance_User .productTabsMainRisk .productTabsRisk {
        margin: 0 10px 7px 0;
    }
}

.skeleton-wrapper {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.skeleton-card {
    width: 100%; /* adjust to your card size */
    height: 100%; /* adjust to your card size */
    background: #e0e0e0;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}

    .skeleton-card::after {
        content: '';
        position: absolute;
        top: 0;
        left: -150px;
        height: 100%;
        width: 150px;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
        animation: loading 1.2s infinite;
    }

@keyframes loading {
    0% {
        left: -150px;
    }

    100% {
        left: 100%;
    }
}