﻿.form-control.input-group-addon {
    background-color: #d3d3d3 !important;
}

.switchToggle input + label:before, .switchToggle input + input + label:before {
    top: 2px !important;
}

body {
    overflow-x: hidden;
    font-family: "Poppins", sans-serif;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* styles for validation helpers */
.field-validation-error {
    color: red;
    font-weight: bold;
    font-family: 'Century Gothic';
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}
/*=====================*/
.bs-wizard {
    margin-top: 10px;
}

.top-header-wrapper {
    background: #f7f6f6;
    padding: 11.5px 0;
}

.top-header-right {
    margin-left: 16px;
}


.login-dropdown span {
    cursor: pointer;
}

.products-dropdown .nav-link,
.claims-dropdown .nav-link {
    cursor: pointer;
}

.call-me-btn {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    font-family: "montserrat-bold";
}

.callme-popup {
    max-width: 1190px;
}

.claim-flex {
    display: flex;
    gap: 20px;
    padding: 0 10px;
}

.active-link {
    color: #E52D27 !important;
    font-weight: 600 !important;
}
.products-dropdown.dropdown .dropdown-menu::after {
    left: 40%;
}

header .dropdown .dropdown-menu::after {
    content: "";
    position: absolute;
    top: -27px;
    left: 40%;
    z-index: 1;
    margin-left: -10px;
    border-width: 15px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}
.active {
    color: #E52D27 !important;
    font-weight: 600 !important;
}
.drop-arrow {
    width: 10px;
}
.announcment-borad marquee {
    padding: 5px;
    color: #000;
}

.fs-11 {
    font-size: 11px
}

.desktop-nav .dropdown:hover .dropdown-menu {
    display: block;
    left: -80px;
}

.category-heading {
    display: flex;
    align-items: center;
}

@media (max-width: 1200px) and (min-width: 992px) {
    .nav-list-details .main-menu .card {
        box-shadow: none !important;
    }

    .nav-list-details > li accordion-group {
        background: transparent;
        box-shadow: none;
        margin-bottom: 0;
    }

    .nav-list-details > li {
        border-bottom: 1px solid #ccc;
    }

    .home-sidenav-main .navbar-toggler {
        border: none;
        margin-left: 10px;
    }

    .desktop-nav .top-header-wrapper .container {
        padding: 0 16px;
    }

    .top-header-wrapper .top-header-left .fs-12 {
        font-size: 11px !important;
    }

    .top-header-wrapper .top-header-right .fs-14 {
        font-size: 12px !important;
    }

    .products-dropdown.dropdown .dropdown-menu li.menulist-wrapper {
        min-width: 230px;
        padding: 30px 16px 20px 16px;
    }

    .products-dropdown.dropdown .dropdown-menu {
        padding: 0;
        width: 990px;
        max-width: 100%;
        margin: 10px auto 0 auto;
    }

        .products-dropdown.dropdown .dropdown-menu li a {
            white-space: break-spaces;
        }

    header .top-header-right .dropdown .dropdown-menu::after {
        left: 70%;
    }

    .login-dropdown .dropdown-menu {
        left: calc(50% - 140px) !important;
    }
}

@media (max-width:991.2px) and (min-width: 769px) {



    .home-sidenav-main .navbar-toggler {
        border: none;
        margin-left: 10px;
    }

    .cust-btn {
        font-size: 14px;
        font-family: "montserrat-bold";
        background-color: #CC0022;
        border: 1px solid #CC0022;
        color: #FFFFFF;
        border-radius: 40px;
        padding: 9px 20px;
    }

        .cust-btn:hover {
            background-color: #CC0022 !important;
            color: #fff !important;
        }

    .cust-outline-btn {
        font-size: 14px;
        font-family: "montserrat-bold";
        background-color: transparent;
        border: 1px solid #CC0022;
        color: #CC0022;
        border-radius: 40px;
        padding: 9px 20px;
    }
}

@media (max-width: 768px) and (min-width: 576px) {
    .nav-list-details .main-menu .card {
        box-shadow: none !important;
    }

    .home-sidenav-main .navbar-toggler {
        border: none;
        margin-left: 10px;
    }

    .cust-btn {
        font-size: 14px;
        font-family: "montserrat-bold";
        background-color: #CC0022;
        border: 1px solid #CC0022;
        color: #FFFFFF;
        border-radius: 40px;
        padding: 9px 20px;
    }

        .cust-btn:hover {
            background-color: #CC0022 !important;
            color: #fff !important;
        }

    .cust-outline-btn {
        font-size: 14px;
        font-family: "montserrat-bold";
        background-color: transparent;
        border: 1px solid #CC0022;
        color: #CC0022;
        border-radius: 40px;
        padding: 9px 20px;
    }
}

@media (max-width: 575px) and (min-width: 320px) {
    .home-sidenav-main .navbar-toggler {
        border: none;
        margin-left: 10px;
    }

    .cust-btn {
        font-size: 14px;
        font-family: "montserrat-bold";
        font-weight: 700;
        background-color: #CC0022;
        border: 1px solid #CC0022;
        color: #FFFFFF;
        border-radius: 40px;
        padding: 9px 20px;
    }

        .cust-btn:hover {
            background-color: #CC0022 !important;
            color: #fff !important;
        }

    .cust-outline-btn {
        font-size: 14px;
        font-family: "montserrat-bold";
        background-color: transparent;
        border: 1px solid #CC0022;
        color: #CC0022;
        border-radius: 40px;
        padding: 9px 20px;
    }
}

/*Form Wizard*/
.bs-wizard {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px 0;
}

    .bs-wizard > .bs-wizard-step {
        padding: 0;
        position: relative;
    }

        .bs-wizard > .bs-wizard-step + .bs-wizard-step {
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
            color: #595959;
            font-size: 16px;
            margin-bottom: 5px;
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-info {
            color: black;
            font-size: 14px;
        }

        .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
            position: absolute;
            width: 30px;
            height: 30px;
            display: block;
            background: green;
            top: 45px;
            left: 50%;
            margin-top: -15px;
            margin-left: -15px;
            border-radius: 50%;
        }

            .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
                content: ' ';
                width: 14px;
                height: 14px;
                background: white;
                border-radius: 50px;
                position: absolute;
                top: 8px;
                left: 8px;
            }

        .bs-wizard > .bs-wizard-step > .progress {
            position: relative;
            border-radius: 0px;
            height: 8px;
            box-shadow: none;
            margin: 20px 0;
        }

            .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
                width: 0px;
                box-shadow: none;
                background: green;
            }

        .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
            width: 0%;
        }

        .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
            background-color: #f5f5f5;
        }

            .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
                opacity: 0;
            }

        .bs-wizard > .bs-wizard-step:first-child > .progress {
            left: 50%;
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:last-child > .progress {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
            pointer-events: none;
        }


.hr {
    border-top: 3px solid BLACK;
    height: 30%;
    position: absolute;
    left: 20%;
    margin-left: -3px;
    top: 0;
    overflow: hidden;
    top: 20%;
    width: 100%;
}

.row {
    margin-bottom: 10px;
}

.dropdownWidth {
    width: 180px !important;
}

.md-stepper-horizontal.orange .md-step.active.done .md-step-circle {
    background-color: #2b9424 !important;
}

.md-stepper-horizontal .md-step.done .md-step-circle:before {
    font-size: 25px;
}

.md-stepper-horizontal.orange .md-step.active .md-step-circle {
    background-color: #091282 !important;
}

.form-control {
    height: 40px !important;
    font-size: 15px !important;
}

.multiselect {
    width: 180px !important;
}


input[type=submit] {
    padding: 5px 20px !important;
}

.top-heading {
    color: black;
    font-size: 180%;
    font-family: Century Gothic;
    /*text-shadow:2px 2px 5px purple;*/
    text-shadow: 0px 1px 3px purple;
    line-height: 2em;
}

.imgHeight {
    height: 10%;
    width: 130%;
    margin-bottom: 5px;
}

.img-univesal {
    display: block;
    height: 5%;
    width: 130%;
    margin-bottom: 5px;
    /*padding-top: 1%;*/
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}

.h11 {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 5px;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.fa-rupee:before, .fa-inr:before {
    content: "\f156";
}

.proposalWrapper .proposalForm .topupplan {
    background: url(..\Images\sublimit.jpg) no-repeat 6.66% 0px/1000px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-left: -10px;
    width: 60px;
    height: 60px;
}

.proposalWrapper .proposalForm .healthAddons .addonTitle {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.text-right {
    text-align: right !important;
}

.ui.selection.dropdown {
    cursor: pointer;
    word-wrap: break-word;
    line-height: 1em;
    white-space: normal;
    outline: 0;
    min-width: 30px;
    min-height: 30px;
    background: #FFFFFF;
    display: inline-block;
    padding: 10px 10px 5px;
    height: 60px;
    color: rgba(0, 0, 0, 0.87);
    border-radius: 4px;
}
/*.column2 {
  float: right;
  width: 70%;
  padding: 10px;
  height: 300px; 
}*/
.column1 {
    float: right;
    width: 75%;
    padding: 10px;
    height: 100%; /* Should be removed. Only for demonstration */
    border-left: 2px solid lightgrey;
    /*border-left: 3px solid lightgray; /* Should be removed. Only for demonstration */ */;
    /*overflow-y: scroll;*/
}

.column {
    float: left;
    width: 25%;
    padding: 10px;
    height: 900%;
    margin-bottom: auto;
    overflow: visible;
}

.proposalWrapper .proposalForm .healthAddons {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 28px;
    padding-bottom: 25px;
}

.img-logo {
    height: 50px;
    max-width: 50px;
}

.column2 {
    /*float: left;*/
    width: 700%;
    padding: 10px;
    height: auto; /* Should be removed. Only for demonstration */
    top: 30%;
    float: initial;
    margin-bottom: auto;
}

.outerDivFull {
    margin: 50px;
}

/*.switchToggle input[type=checkbox]{height: 0; width: 0; visibility: hidden; position: absolute; }
.switchToggle label {cursor: pointer; text-indent: -9999px; width: 120px; max-width: 200px; height: 30px; background: #f13030; display: block; border-radius: 100px; position: relative; }
.switchToggle label:after {content: ''; position: absolute; top: 2px; left: 2px; width: 26px; height: 26px; background: #fff; border-radius: 90px; transition: 0.3s; }
.switchToggle input:checked + label, .switchToggle input:checked + input + label  {background: green; }
.switchToggle input + label:before, .switchToggle input + input + label:before {content: 'Add'; position: absolute; top: 1px; left: 35px; width: 26px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; }
.switchToggle input:checked + label:before, .switchToggle input:checked + input + label:before {content: 'Secured'; position: absolute; top: 1px; left: 10px; width: 20px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; }
.switchToggle input:checked + label:after, .switchToggle input:checked + input + label:after {left: calc(100% - 2px); transform: translateX(-100%); }
.switchToggle label:active:after {width: 60px; } 
.toggle-switchArea { margin: 10px 0 10px 0; }*/

.switchToggle input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
    position: absolute;
}

.switchToggle label {
    cursor: pointer;
    text-indent: -9999px;
    width: 100px;
    max-width: 200px;
    height: 30px;
    background: green;
    display: block;
    border-radius: 100px;
    position: relative;
}

    .switchToggle label:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: 26px;
        height: 26px;
        background: #fff;
        border-radius: 90px;
        transition: 0.3s;
    }

.switchToggle input:checked + label, .switchToggle input:checked + input + label {
    background: #f13030;
}

.switchToggle input + label:before, .switchToggle input + input + label:before {
    content: 'Secured';
    position: absolute;
    top: 1px;
    left: 35px;
    width: 26px;
    height: 26px;
    border-radius: 90px;
    transition: 0.3s;
    text-indent: 0;
    color: #fff;
}

.switchToggle input:checked + label:before, .switchToggle input:checked + input + label:before {
    content: 'Add';
    position: absolute;
    top: 1px;
    left: 10px;
    width: 20px;
    height: 26px;
    border-radius: 90px;
    transition: 0.3s;
    text-indent: 0;
    color: #fff;
}

.switchToggle input:checked + label:after, .switchToggle input:checked + input + label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
}

.switchToggle label:active:after {
    width: 60px;
}

.toggle-switchArea {
    margin: 10px 0 10px 0;
}

.h1111 {
    font-size: 5px;
}

.switchToggle-medical input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
    position: absolute;
}

.switchToggle-medical label {
    cursor: pointer;
    text-indent: -9999px;
    width: 80px;
    max-width: 80px;
    height: 30px;
    background: lightgray;
    display: block;
    border-radius: 100px;
    position: relative;
}

    .switchToggle-medical label:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: 26px;
        height: 26px;
        background: #fff;
        border-radius: 90px;
        transition: 0.3s;
    }

.switchToggle-medical input:checked + label, .switchToggle-medical input:checked + input + label {
    background: #091282;
}

.switchToggle-medical input + label:before, .switchToggle-medical input + input + label:before {
    content: 'No';
    position: absolute;
    top: 1px;
    left: 35px;
    width: 26px;
    height: 26px;
    border-radius: 90px;
    transition: 0.3s;
    text-indent: 0;
    color: #fff;
}

.switchToggle-medical input:checked + label:before, .switchToggle-medical input:checked + input + label:before {
    content: 'Yes';
    position: absolute;
    top: 1px;
    left: 10px;
    width: 26px;
    height: 26px;
    border-radius: 90px;
    transition: 0.3s;
    text-indent: 0;
    color: #fff;
}

.switchToggle-medical input:checked + label:after, .switchToggle-medical input:checked + input + label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
}

.switchToggle-medical label:active:after {
    width: 60px;
}

.toggle-switchArea {
    margin: 10px 0 10px 0;
}


.switchToggle-medical-bps input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
    position: absolute;
}

.switchToggle-medical-bps label {
    cursor: pointer;
    text-indent: -9999px;
    width: 80px;
    max-width: 80px;
    height: 30px;
    background: green;
    display: block;
    border-radius: 100px;
    position: relative;
}

    .switchToggle-medical-bps label:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: 26px;
        height: 26px;
        background: #fff;
        border-radius: 90px;
        transition: 0.3s;
    }

.switchToggle-medical-bps input:checked + label, .switchToggle-medical-bps input:checked + input + label {
    background: lightgray;
}

.switchToggle-medical-bps input + label:before, .switchToggle-medical-bps input + input + label:before {
    content: 'Yes';
    position: absolute;
    top: 1px;
    left: 35px;
    width: 26px;
    height: 26px;
    border-radius: 90px;
    transition: 0.3s;
    text-indent: 0;
    color: #fff;
}

.switchToggle-medical-bps input:checked + label:before, .switchToggle-medical-bps input:checked + input + label:before {
    content: 'No';
    position: absolute;
    top: 1px;
    left: 10px;
    width: 26px;
    height: 26px;
    border-radius: 90px;
    transition: 0.3s;
    text-indent: 0;
    color: #fff;
}

.switchToggle-medical-bps input:checked + label:after, .switchToggle-medical-bps input:checked + input + label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
}

.switchToggle-medical-bps label:active:after {
    width: 60px;
}

.toggle-switchArea {
    margin: 10px 0 10px 0;
}

.greybg {
    background: rgba(65, 106, 224, 0.05);
    padding-top: 40px;
    padding-bottom: 40px;
}

.timeline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 7px;
    width: 100%;
}

    .timeline .arrow-right, .timeline .arrow-left {
        position: relative;
    }

    .timeline .brdr-right {
        border-right: 2px dashed #3a4855;
        text-align: right;
    }

    .timeline .content, .timeline .content-img {
        width: 50%;
        float: left;
        padding: 10px 40px;
    }

    .timeline .arrow-left:before {
        background-position: 20px -110px;
        left: auto;
        right: 0px;
    }

    .timeline .arrow-right:before, .timeline .arrow-left:before {
        background: url(../images/why-arrow.svg) no-repeat 0px 10px/80px;
        content: '';
        position: absolute;
        left: 0px;
        top: 40px;
        height: 60px;
        width: 100px;
    }

    .timeline h4 {
        font-size: 30px;
        font-family: 'Century Gothic';
        margin-top: 30px;
        margin-bottom: 15px;
    }

.box .health {
    background: url(..Images\health.jpg) no-repeat -0px 0px/700px;
    display: block;
    height: 150px;
    width: 150px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 3px solid lightgray;
}

.box .car {
    background: url(..Images\car.jpg) no-repeat -155px 0px/700px;
    display: block;
    height: 150px;
    width: 150px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 3px solid lightgray;
}

.box .bike {
    background: url(..Images\motor.jpg) no-repeat -310px 0px/700px;
    display: block;
    height: 150px;
    width: 150px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 3px solid lightgray;
}

.box .travel {
    background: url(..Images\travel.jpg) no-repeat -620px 0px/700px;
    display: block;
    height: 150px;
    width: 150px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 3px solid lightgray;
}

.box {
    background: url(../images/shadow.png) no-repeat center 135px/90%;
    border: 1px solid #dbe1e6;
    border-radius: 6px;
    float: left;
    color: #3a4855;
    font-weight: 400;
    font-family: 'Century Gothic';
    margin-top: 30px;
    margin-right: 2.5%;
    position: relative;
    padding: 10px;
    height: 260px;
    width: 18%;
}

.mt-5, .my-5 {
    margin-top: 3rem !important;
}

.img-icon {
    height: 80px;
    max-width: 80px;
}

.box h4 span {
    color: #e6253c;
}

.timeline .content-img span {
    margin-left: 30px;
}

.timeline .multiple-insurers {
    background: url(../images/why-qb.svg) no-repeat 0px -0px/320px;
    display: block;
    margin-bottom: 30px;
    height: 160px;
    width: 320px;
}


.timeline .multiple-insurers {
    background: url(../images/insurance1.jpg) no-repeat 0px -0px/320px;
    display: block;
    margin-bottom: 30px;
    height: 160px;
    width: 320px;
}

.timeline .expert-advice {
    background: url(../images/insurance1.jpg) no-repeat 0px -510px/320px;
    display: block;
    margin-bottom: 30px;
    height: 160px;
    width: 320px;
}

.timeline .app-assistance {
    background: url(../images/insurance1.jpg) no-repeat 0px -170px/320px;
    display: block;
    margin-bottom: 30px;
    height: 160px;
    width: 320px;
}

.timeline .issuance-help {
    background: url(../images/insurance1.jpg) no-repeat 0px -680px/320px;
    display: block;
    margin-bottom: 30px;
    height: 160px;
    width: 320px;
}

.timeline .claim-asst {
    background: url("../Images/insurance1.jpg") no-repeat 0px -340px/320px;
    display: block;
    margin-bottom: 30px;
    height: 160px;
    width: 320px;
}

.timeline .policy-vault {
    background: url("../Images/insurance1.jpg") no-repeat 0px -850px/320px;
    display: block;
    margin-bottom: 30px;
    height: 160px;
    width: 320px;
}
/*02112019*/
.checkbox-menu li label {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    margin: 0;
    transition: background-color .4s ease;
}

.checkbox-menu li input {
    margin: 0px 5px;
    top: 2px;
    position: relative;
}

.checkbox-menu li.active label {
    background-color: #cbcbff;
    font-weight: bold;
}

.checkbox-menu li label:hover,
.checkbox-menu li label:focus {
    background-color: #f5f5f5;
}

.checkbox-menu li.active label:hover,
.checkbox-menu li.active label:focus {
    background-color: #b8b8ff;
}

.dropdown-menu label {
    display: block;
}

.text-capitalize {
    text-transform: capitalize !important;
    font-family: 'Century Gothic';
    color: red;
}

.textboxaslabel {
    border: none;
    background: transparent;
    font-weight: bold;
    font-family: 'Century Gothic';
    width: auto;
    display: inline-block;
    max-width: 90px;
}

.frame {
    float: left;
    width: 100%;
    border: none;
    /*border-left: 3px solid lightgray;*/
}

.policyno_text {
    border: none;
    background: transparent;
    font-weight: bold;
    font-family: 'Century Gothic';
    width: auto;
    display: inline-block;
    min-width: 90px;
}

.bs-example {
    margin: 20px;
}

.accordion .fa {
    margin-right: 0.5rem;
}

.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
}

.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067";
}

.more-less {
    float: right;
    color: #212121;
}


/*sa dhanshree techved footer*/
.mobile-footer .download-app a img {
    max-height: 40px;
    width: 173px;
    height: 40px;
}

.form-group.form-group-error small.err-txt {
    display: block;
}

.form-group.form-group-error .form-control,
.form-group.form-group-error input.contact-number {
    border-color: #cc0022 !important;
}

.call-me-btn {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
}

.top-footer {
    background-color: #fdf9f5;
    font-family: "Poppins", sans-serif;
}

.container {
    width: 100%;
    max-width: 1366px;
    padding: 0 00px;
}

.connect-us {
    margin-bottom: 20px;
}

.top-footer > .container > div:first-of-type {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 25px;
}

.align-items-center {
    align-items: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.bottom-footer {
    background-color: #303030;
    padding: 35px 70px 8px;
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important;
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important;
}

.img-fluid, .img-thumbnail {
    max-width: 100%;
    height: auto;
}

.d-block {
    display: block !important;
}

.flex-row {
    flex-direction: row !important;
}

.bg-gray {
    background-color: #f4f4f4;
}

.footer-main-links li > span {
    display: block;
    line-height: 22px;
    margin-bottom: 18px;
}

.justify-content-between {
    justify-content: space-between !important;
}

ul.top-header-right.d-flex.li-class-footer {
    margin: 0;
}

.align-items-center {
    align-items: center !important;
}

.mr-1, .mx-1 {
    margin-right: .25rem !important;
}

.text-bolder {
    font-weight: 700;
}

.justify-content-between {
    justify-content: space-between !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.d-flex {
    display: flex !important;
}

.text-medium {
    font-weight: 500;
}

.montserrat-medium {
    font-family: 'Montserrat';
}

.text-white {
    color: #fff !important;
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}

.text-dark {
    color: #303030 !important;
}

ul.top-header-left.d-flex {
    margin: 0;
    padding: 0;
}

.fs-12 {
    font-size: 12px;
}

.fs-14 {
    font-size: 14px;
}

.text-regular {
    font-weight: 400;
}

.text-bold {
    font-weight: 600;
}

.fs-18 {
    font-size: 18px;
}

.montserrat-bolder {
    font-family: 'Montserrat', sans-serif;
}

.fs-16 {
    font-size: 16px;
}

.bottom-footer-left .download-app > h4 {
    font-size: 26px !important;
    line-height: 32px;
}

.montserrat-regular {
    font-family: 'Montserrat', sans-serif;
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important;
}

.header-logo {
    max-width: 100%;
    width: 330px;
}

.btn {
    font-family: 'Poppins';
    font-weight: 500;
}



.li-class-footer {
    list-style-type: none;
}

.bottom-footer-right li > ul li {
    position: relative;
    padding-right: 6px;
    margin-right: 6px;
}

.text-primary {
    color: #707070 !important;
}

.container-logo {
    width: 100%;
    max-width: 1366px;
    padding: 0 70px;
}

.btn-danger-footer {
    font-size: 18px;
    background: #c02;
    color: #fff;
    position: relative;
    overflow: hidden;
    transition: .4s ease-out;
    -webkit-transition: .4s ease-out;
    -moz-transition: .4s ease-out;
    -ms-transition: .4s ease-out;
    -o-transition: .4s ease-out;
}

.btn-footer {
    padding: 8.5px 20px;
    font-weight: 700;
    font-family: montserrat-bold;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    outline: none;
    position: relative;
    overflow: hidden;
    transition: .4s ease-out;
    -webkit-transition: .4s ease-out;
    -moz-transition: .4s ease-out;
    -ms-transition: .4s ease-out;
    -o-transition: .4s ease-out;
}

.bg-gray {
    background-color: #f4f4f4;
}

.line-height a {
    line-height: 30px;
}
/*Ea dhanshree techved footer*/

/*sa dhanshree for header*/
.nav-link {
    display: block;
    padding: .5rem 1rem;
}

.bottom-header-wrapper a.nav-link, .top-header-wrapper a.nav-link, .top-header-wrapper span {
    line-height: 17px;
    padding: 0;
}

.top-header-wrapper .top-header-left li a {
    pointer-events: none;
}

.bottom-header-wrapper a.nav-link, .top-header-wrapper a.nav-link, .top-header-wrapper span {
    line-height: 17px;
    padding: 0;
}

.bottom-header-wrapper .nav-list > li:not(:last-of-type), .top-header-wrapper .top-header-left > li:not(:last-of-type), .top-header-wrapper .top-header-right > li:not(:last-of-type) {
    margin-right: 32px;
}

.bottom-header-wrapper {
    width: 100%;
    max-width: inherit;
    padding: 16px 0;
    background: #fff;
    box-shadow: 0 4px 10px rgb(107 107 107 / 25%);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.shopkeepers-details-banner[_ngcontent-hdi-c641] .main-banner-right[_ngcontent-hdi-c641] {
    padding-top: 100px;
    margin-right: 100px;
}

.shopkeepers-details-banner[_ngcontent-hdi-c641] .main-banner-left[_ngcontent-hdi-c641] {
    max-width: 635px;
}

.main-banner-wrapper {
    display: flex;
    justify-content: space-between;
}

/*.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}*/

/*Dropdown menuitem*/
.products-dropdown.dropdown .dropdown-menu {
    left: calc(50% - 475px) !important;
    width: 1185px;
    max-width: 1226px;
    padding: 0;
    margin: 20px auto 0;
}

ul {
    list-style-type: none;
}

.products-dropdown.dropdown .dropdown-menu li.menulist-wrapper {
    max-width: 400px;
    padding: 30px 10px 20px 10px;
}

.products-dropdown.dropdown li.menulist-wrapper .submenu-list li:not(:last-of-type) {
    margin-bottom: 5px;
}

.products-dropdown.dropdown li.menulist-wrapper .submenu-list {
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 0;
}

.products-dropdown.dropdown .dropdown-menu li a {
    font-weight: 500;
    font-family: 'Montserrat';
    font-size: 12px;
    padding: 0;
    text-decoration: none;
}

header .dropdown .dropdown-item {
    color: #707070 !important;
}

.explore-plans {
    padding-right: 25px !important;
    text-decoration: underline !important;
    font-weight: 600;
}

.products-dropdown.dropdown .dropdown-menu li a:hover {
    color: #c02 !important;
}

.products-dropdown.dropdown .dropdown-menu li.menulist-wrapper:nth-child(2n) {
    background: #fafafa;
}

/*Dropdown menuitem*/
.login-dropdown .dropdown-menu {
    left: calc(50% - 110px) !important;
}

header .dropdown .dropdown-menu {
    box-shadow: 0 4px 40px rgb(34 34 34 / 10%);
    border-radius: 12px;
    border: none;
    color: #707070 !important;
    font-size: 14px;
    padding: 10px 0;
    min-width: auto;
    margin: 20px auto 0;
    animation: fadeUp .2s linear;
    -webkit-animation: fadeUp .2s linear;
}

.login-dropdown .dropdown-menu .dropdown-item {
    padding: 15px 50px 15px 16px;
}

hr {
    margin-top: 10px;
    margin-bottom: 0px;
    border: 1px;
    border-top: none;
    box-shadow: 6px 3px 10px rgba(52, 58, 64, 0.1);
}

header .dropdown .dropdown-item:focus, header .dropdown .dropdown-item:hover {
    background-color: #fff2f0;
}
.dropdown-toggle::after {
    border: transparent;
}
    header .dropdown .dropdown-item:focus > h6, header .dropdown .dropdown-item:hover > h6 {
        color: #c02 !important;
    }
.navbar-light .navbar-toggler-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
}

button.btn-footer.btn-danger-footer, .btn-danger-button {
    font-size: 18px;
    background: #c02;
    color: #fff;
    position: relative;
    overflow: hidden;
    font-family: 'Poppins';
    font-weight: 500;
    border-color: #dc3545;
    border: 1px solid transparent;
}

a.nav-link.dropdown-toggle.fs-18.text-primary.text-bolder.montserrat-bolder {
    text-decoration: none;
}

.bottom-header-wrapper nav {
    max-width: 880px;
}

.btn-danger-button {
    border-radius: 50px;
    padding: 8.5px 20px;
}

ul.nav-list.d-flex.align-items-center {
    margin: 0;
    padding: 0;
}
.text-primary {
    color: #707070 !important;
}

.bottom-footer-right {
    padding: 0;
}

.top-footer-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
}
.secure-text button {
    border-radius: 30px;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 700;
}

.secure-text span {
    font-size: 20px;
    margin-right: 30px;
}


.footer-main-links {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    justify-items: center;
    margin-top: 20px;
}

    .footer-main-links li > ul {
        padding: 0;
        margin-top: 10px;
    }

        .footer-main-links li > ul li a {
            text-decoration: none;
            padding: 5px 0;
            display: block;
        }


.bottom-footer {
    background-color: #303030;
    padding: 35px 0 8px;
}

.bottom-footer-inner {
    display: grid;
    grid-template-columns: 30% 70%;
}

.bottom-footer-right li {
    position: relative;
    margin-bottom: 10px;
}

    .bottom-footer-right li div a {
        font-size: 13px;
        color: #fff;
        font-family: 'Poppins';
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        padding: 0 10px 0 10px;
        border-right: 1px solid #fff;
        display: inline-block;
        margin: 0 0 10px;
    }

        .bottom-footer-right li div a:first-child {
            /* padding: 0; */
            border-right: transparent;
        }

        .bottom-footer-right li div a:last-child {
            border-right: none;
        }

.bottom-footer .address-details address {
    max-width: 70%;
    margin: 0 auto;
    line-height: 26px;
}
.address-details {
    font-family: 'Poppins';
    line-height: 27px;
}

.devTex {
    line-height: 25px;
    padding: 16px 0;
}
.social-media-icons li {
    padding: 0 10px;
}

.social-media-icons {
    padding: 0;
    display: flex;
    align-items: center;
}


@media (max-width: 1200px) and (min-width: 992px) {
    .policy-status-form-container {
        margin-bottom: 70px;
    }
}

@media (max-width:991.2px) and (min-width: 769px) {
    .agent-from-section .policy-status-form {
        width: 100%;
        margin: 0 auto;
        box-shadow: unset;
        border: none;
        padding: 0px;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

        .agent-from-section .policy-status-form > h6 {
            max-width: 90%;
            font-size: 16px;
            line-height: 18px;
            margin: 16px 0 9px 0;
        }
}

@media (max-width: 991px) {
}

@media (max-width: 768px) {
    .bottom-footer-inner {
        display: block;
    }

    .bottom-footer-right li div a {
        font-size: 12px;
    }

    .bottom-footer-left {
        display: flex;
        gap: 20PX;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .footer-main-links {
        grid-template-columns: 30% 30% 30%;
    }
}

@media (max-width: 575px) {
    .bottom-footer-inner {
        display: block;
    }

    .bottom-footer-right li div a {
        font-size: 12px;
    }

    .bottom-footer-left {
        display: block;
    }
}

@media (max-width: 574px) {
    .bottom-footer-right li div a {
        font-size: 10px;
    }
}
.btn-outline-danger, .btn-outline-danger:hover {
    color: #c02;
    border-color: #c02;
    background: url(https://www.universalsompo.com/phone.381298bcf28fdab1.svg) no-repeat 50%;
    background-position: 26px;
    padding: 10px 20px 10px 55px;
    border-radius: 50px;
}

.container.d-flex.align-items-center.justify-content-between {
    width: 100%;
    max-width: 1366px;
    padding: 0 70px;
}

.container::before, .container::after {
    display: none !important;
}

.main-banner {
    background: url(banner-bg.0c93be4….jpg) no-repeat;
    background-position: 50%;
    background-size: cover;
}

.shopkeepers-details-banner[_ngcontent-hdi-c641] {
    padding-bottom: 100px;
}

.top-header-wrapper {
    background: #eee;
    padding: 11.5px 0;
}

@media (min-width: 768px) {
    .d-lg-block {
        display: block !important;
    }
}

.btn-danger-button {
    font-size: 18px;
    background: #c02;
    color: #fff;
    position: relative;
    overflow: hidden;
    transition: .4s ease-out;
    -webkit-transition: .4s ease-out;
    -moz-transition: .4s ease-out;
    -ms-transition: .4s ease-out;
    -o-transition: .4s ease-out;
}
/*Ea dhanshree for header*/

.subscribr-newsletter form button {
    font-size: inherit;
    padding: 4.5px 16px;
    position: relative;
    right: calc(100% - 90%);
    top: 5px;
    text-indent: -9999px;
    border-radius: 0 20px 20px 0;
    background: url(https://www.universalsompo.com/btn-arrow.d0961666d360b3125623.svg) no-repeat 50%,#c02;
}

.btn-footer-email {
    padding: 20px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    color: white;
    background-color: #303030;
    color: white !important;
    border-color: white;
    width: 255px;
    border-width: 1px;
}
