html,
                    body {
                        max-width: 100%;
                        overflow-x: hidden;
                        font-family: Poppins;
                        background: transparent url('../images/Group12724.png') 0% 0% no-repeat padding-box;
                    }
                    /* common element styles */
                    
                    .gan-btn-primary {
                        background-color: #ec2129;
                        border: none;
                        padding: 10px;
                        border-radius: 5px;
                        margin: 10px 0;
                        color: #fff;
                        font-weight: bold;
                    }
                    
                    .gan-btn-lte {
                        color: #000;
                        background: #fff;
                        border: solid 1px #ec2129;
                        padding: 5px 15px;
                        border-radius: 5px;
                    }
                    
                    .gan-red {
                        color: #ec2129;
                    }
                    
                    .gan-hash {
                        color: #cfcfcf;
                    }
                    
                    .gan-input {
                        background-color: #f6f5f5 !important;
                        padding: 10px !important;
                        border: none;
                        box-shadow: 0px 1px 6px #00000029;
                        border-radius: 10px !important;
                        width: 95% !important;
                    }
                    
                    @media (max-width: 768px) {
                        .gan-input {
                            width: 100% !important;
                        }
                    }
                    
                    .invalid-feedback {
                        padding-left: 27px;
                    }
                    
                    .check-avail-input {
                        width: 75%;
                        margin: 0 auto;
                    }
                    
                    .aln-r {
                        float: right;
                    }
                    
                    .align-c {
                        text-align: center;
                    }
                    
                    .pad-1p {
                        padding: 1%;
                    }
                    
                    .margin-15px {
                        margin: 15px;
                    }
                    
                    .margin-b-20 {
                        margin-bottom: 20px;
                    }
                    
                    .margin-3-0-p {
                        margin: 3% 0%;
                    }
                    /* common element style ends */
                    
                    .section-top {
                        background: #ec2129;
                        color: #fff;
                    }
                    
                    .btn-square {
                        padding: 10px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-weight: normal;
                        list-style: none;
                        margin: 0;
                    }
                    
                    .section-menu {
                        filter: drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.161));
                        background: #fff;
                    }
                    
                    .menu-location {
                        width: 40%;
                        height: auto;
                        float: left;
                        color: #000;
                    }
                    
                    .menu-location select {
                        height: 48px;
                    }
                    
                    .menu-list {
                        float: left;
                        width: 100%;
                        height: 75px;
                        padding: 10px 5px;
                    }
                    
                    .menu-list ul {
                        width: 100%;
                        height: auto;
                    }
                    
                    .menu-list ul li {
                        float: left;
                        list-style: none;
                        font-size: 25px;
                        min-width: 18%;
                        padding: 3px 9px;
                        margin: 4px;
                        color: #000;
                    }
                    
                    .menu-sign {
                        float: left;
                        padding: 10px 5px;
                    }
                    
                    .menu-signed {
                        float: left;
                        padding: 3% 0%;
                        display: flex;
                    }
                    
                    .menu-signed span {
                        float: left;
                        padding: 5px 10px;
                    }
                    
                    .menu-signed span img {
                        width: 25px;
                    }
                    
                    .menu-sign button {
                        background-color: #ec2129;
                    }
                    
                    .navbar-toggler {
                        padding: 0.50rem 0.75rem !important;
                    }
                    
                    @media (max-width: 600px) {
                        .navbar-brand img {
                            max-width: 135px;
                        }
                    }
                    
                    .section-banner {
                        height: 500px;
                    }
                    
                    .banner-left {
                        padding: 5%;
                    }
                    
                    .get-start {
                        width: 251px;
                        height: 67px;
                        font-size: 27px;
                        margin: 0% 25%;
                        text-decoration: auto;
                    }
                    
                    .get-start:hover {
                        color: white;
                    }
                    
                    .banner-left h2 {
                        color: #000;
                        font-size: 69px;
                        font-weight: bold;
                    }
                    
                    .banner-left p {
                        color: #000;
                        font-size: 27px;
                        font-weight: bold;
                    }
                    /* .banner-right {
    background: transparent url('../img/Path 46.png') 0% 0% no-repeat padding-box;
} */
                    
                    .appointment {
                        background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url(../images/executive.png) center center no-repeat;
                        background-size: cover;
                    }
                    /* .section-testimonial {
    height: 500px;
    background: transparent url('../images/Group12228.png') 79% 0% no-repeat padding-box;
} */
                    /* footer */
                    
                    .footer-area {
                        background: url(../images/01.jpg);
                        background-repeat: no-repeat;
                        background-size: cover;
                        background-position: center;
                        position: relative;
                        z-index: 1;
                    }
                    
                    .footer-area::before {
                        content: "";
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        background: #ec2129;
                        opacity: 0.9;
                        z-index: -1;
                    }
                    
                    .footer-widget {
                        position: relative;
                        z-index: 1;
                    }
                    
                    .social-icons a {
                        width: 50px;
                        height: 50px;
                        line-height: 40px;
                        display: inline-block;
                        text-align: center;
                        border-radius: 6px;
                        margin-right: 5px;
                        margin-bottom: 5px;
                        background: #fff;
                    }
                    
                    .pb-70 {
                        padding-bottom: 70px;
                    }
                    
                    .pt-100 {
                        padding-top: 100px;
                    }
                    
                    .footer-widget-box {
                        margin-bottom: 20px;
                    }
                    
                    .footer-widget-box p {
                        color: #fff;
                        padding-right: 18px;
                    }
                    
                    .footer-logo img {
                        width: 200px;
                        margin-bottom: 30px;
                    }
                    
                    .copyright {
                        padding: 20px 0;
                        border-top: 1px solid rgb(255 255 255);
                    }
                    
                    .footer-menu a {
                        color: #fff;
                    }
                    
                    li {
                        list-style: none;
                    }
                    
                    ul {
                        margin: 0;
                        padding: 0;
                    }
                    
                    .footer-list li a {
                        color: #fff;
                        transition: all .5s ease-in-out;
                    }
                    
                    .footer-list li a i {
                        margin-right: 5px;
                        color: #fff;
                    }
                    
                    .footer-menu a {
                        margin-right: 15px;
                        padding-right: 15px;
                        border-right: 1px solid rgb(255 255 255);
                    }
                    
                    .contact {
                        display: flex;
                        flex-direction: row;
                    }
                    
                    .subscribe-form .form-control {
                        padding: 16px 20px;
                        border-radius: 8px;
                        box-shadow: none;
                        border: none;
                    }
                    
                    .subscribe-form .theme-btn {
                        margin-top: 20px;
                        width: 100%;
                    }
                    
                    .theme-btn {
                        font-size: 16px;
                        color: #ffffff;
                        padding: 14px 22px;
                        transition: all 0.5s;
                        text-transform: capitalize;
                        position: relative;
                        border-radius: 8px;
                        font-weight: 500;
                        text-align: center;
                        overflow: hidden;
                        border: none;
                        background: #ec2129;
                        box-shadow: 0 3px 24px rgb(0 0 0 / 10%);
                        z-index: 1;
                    }
                    
                    .theme-btn::before {
                        content: "";
                        height: 300px;
                        width: 300px;
                        background: #193963;
                        border-radius: 50%;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translateY(-50%) translateX(-50%) scale(0);
                        transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                        z-index: -1;
                    }
                    
                    .copyright .copyright-text {
                        color: #f5faff;
                        margin-bottom: 0px;
                        font-size: 16px;
                    }
                    
                    .section-bag {
                        height: auto;
                        color: #000;
                    }
                    
                    .bag-banner {
                        height: 300px;
                        background: transparent url('../images/bag-banner.png') 0% 0% no-repeat padding-box;
                    }
                    
                    .bag-list {
                        margin: 10px;
                    }
                    
                    .bag-list-h {
                        color: #000;
                        font-weight: bold;
                        font-size: 16px;
                    }
                    
                    .bag-items ul {
                        background: #fff;
                        padding: 0% 2%;
                    }
                    
                    .bag-items ul li {
                        list-style: none;
                        width: 100%;
                        padding: 5px;
                        box-shadow: 0px 1px 6px #00000029;
                        height: 100px;
                        border-radius: 10px;
                    }
                    
                    .bag-li-head {
                        margin-left: 3%;
                    }
                    
                    .bag-li-img {
                        opacity: 1;
                        width: 12%;
                        display: inline-block;
                        padding: 10px 0px;
                    }
                    
                    .bag-li-img img {
                        height: 50px;
                    }
                    
                    .bag-li-item {
                        font-size: 14px;
                        width: 28%;
                        display: inline-block;
                        padding: 10px 0px;
                    }
                    
                    .bag-li-price {
                        font-size: 14px;
                        width: 30%;
                        display: inline-block;
                        padding: 10px 0px;
                    }
                    
                    .bag-li-qty {
                        font-size: 16px;
                        width: 20%;
                        display: inline-block;
                        border-radius: 5px;
                        text-align: center;
                        height: 40px;
                        padding: 5px;
                        box-shadow: 0px 1px 6px #00000026;
                    }
                    
                    @media (max-width: 1200px) {
                        .bag-li-qty {
                            width: 28%;
                        }
                        .bag-li-item {
                            width: 24%;
                        }
                    }
                    
                    .bag-qty-txt {
                        width: 25px;
                        text-align: center;
                    }
                    
                    .bag-payment {
                        padding: 10px;
                        box-shadow: 0px 1px 6px #00000029;
                        background: #fff;
                        color: #000;
                        padding: 25px;
                        margin: 10px 20px 0 0;
                        border-radius: 10px;
                    }
                    
                    .bag-payment ul {
                        width: 100%;
                        padding: 0% 5%;
                    }
                    
                    .bag-payment ul li {
                        list-style: none;
                        height: 60px;
                    }
                    
                    .bag-payment .head {
                        color: #000;
                        text-align: center;
                        font-weight: bold;
                        font-size: 25px;
                    }
                    
                    .bag-payment .item {
                        color: #000;
                    }
                    
                    .bag-payment .total {
                        border-top: 1px solid #ccc;
                        color: #ec2129;
                        font-weight: bold;
                        padding-top: 10px;
                    }
                    
                    .bag-payment .button {
                        color: #fff;
                        text-align: center;
                    }
                    
                    .bag-payment .button button {
                        width: 100%;
                    }
                    
                    @media (max-width: 768px) {
                        .bag-payment {
                            margin: 10px 20px 0 20px;
                            margin-bottom: 30px;
                        }
                    }
                    
                    .bag-qty-txt {
                        width: 32%;
                        text-align: center;
                    }
                    
                    .section-subscribe h2 {
                        font-weight: bold;
                    }
                    
                    .switch-field {
                        display: flex;
                        justify-content: center;
                        margin-bottom: 36px;
                        overflow: hidden;
                        height: 50px;
                        padding: 0% 60%;
                    }
                    
                    .switch-field input {
                        position: absolute !important;
                        clip: rect(0, 0, 0, 0);
                        height: 1px;
                        width: 1px;
                        border: 0;
                        overflow: hidden;
                    }
                    
                    .switch-field label {
                        background-color: #fff;
                        color: rgba(0, 0, 0, 0.6);
                        font-size: 14px;
                        line-height: 1;
                        text-align: center;
                        padding: 18px 20px;
                        margin-right: -1px;
                        border: 1px solid rgb(0 0 0 / 6%);
                        box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
                        transition: all 0.1s ease-in-out;
                    }
                    
                    .switch-field label:hover {
                        cursor: pointer;
                    }
                    
                    .switch-field input:checked+label {
                        background-color: #ec2129;
                        box-shadow: none;
                        color: #fff;
                        font-weight: bold;
                    }
                    
                    .switch-field label:first-of-type {
                        border-radius: 10px 0 0 10px;
                        width: 160px;
                    }
                    
                    .switch-field label:last-of-type {
                        border-radius: 0 10px 10px 0;
                        width: 160px;
                    }
                    
                    .subscribe-left {
                        height: auto;
                    }
                    
                    .subscribe-right {
                        height: auto;
                    }
                    
                    .subscribe-left button {
                        width: 80%;
                        margin: 1% 10%;
                    }
                    
                    .subscribe-feature {
                        width: 95%;
                        background: #fff;
                        box-shadow: 0px 1px 6px #00000029;
                        border-radius: 10px;
                        margin: 0 auto;
                    }
                    
                    .subscribe-feature h2 {
                        color: #ec2129;
                        font-weight: bold;
                        font-size: 40px;
                        text-align: center;
                        margin: 20px 20px 0px 20px;
                    }
                    
                    .subscribe-feature h3 {
                        color: #ec2129;
                        font-weight: bold;
                        font-size: 40px;
                        text-align: center;
                    }
                    
                    .subscribe-feature img {
                        height: 200px;
                        margin: 2% 40%
                    }
                    
                    .subscribe-feature p {
                        color: #ccc;
                        font-weight: bold;
                        font-size: 25px;
                        text-align: center;
                    }
                    
                    .subscribe-feature ul {
                        padding: 2% 5%;
                        margin-left: 7%;
                    }
                    
                    .subscribe-feature ul li {
                        font-size: 20px;
                        list-style: url('../images/ganvin-checkmark-circle.svg');
                    }
                    
                    .subscribe-feature button {
                        text-align: center;
                        margin: 5% 10%;
                    }
                    
                    .subscribe-feature-h {
                        text-align: left;
                        font-weight: bold;
                        font-size: 25px;
                        margin-left: 5%;
                    }
                    
                    .subscribe-feature .subscribe-plan-head {
                        height: 60px;
                        background: #fff;
                        color: #fff;
                        font-weight: bold;
                        font-size: 26px;
                        text-align: center;
                        border-radius: 10px 10px 0px 0px;
                        padding: 10px;
                    }
                    
                    .subscribe-feature .active {
                        background: #ec2129 !important;
                    }
                    
                    .section-payment {
                        color: #000;
                    }
                    
                    .section-payment h3 {
                        font-weight: bold;
                        font-size: 25px;
                        text-align: center;
                    }
                    
                    .section-payment h2 {
                        font-weight: bold;
                        font-size: 2rem;
                    }
                    
                    .payment-left {
                        padding: 35px;
                        background: #fff;
                        min-height: 450px;
                        border-radius: 10px;
                        box-shadow: 0px 1px 6px #00000029;
                        margin: 20px 15px 30px 40px;
                    }
                    
                    .payment-right {
                        padding: 35px;
                        background: #fff;
                        height: 325px;
                        border-radius: 10px;
                        box-shadow: 0px 1px 6px #00000029;
                        margin: 20px 40px 30px 15px;
                    }
                    
                    .qr_code {
                        margin-top: 15px;
                        height: 232px;
                        border-radius: 12px;
                        line-height: 19px;
                        display: inline-block;
                        width: 100%;
                        text-align: center;
                    }
                    
                    @media (max-width: 1024px) {
                        .section-payment h3 {
                            font-size: 20px;
                        }
                    }
                    
                    @media (max-width: 768px) {
                        .payment-right {
                            margin: 0 40px 30px 40px;
                            height: 300px;
                        }
                        .payment-left {
                            margin: 20px 40px 30px 40px;
                            height: 420px;
                        }
                        .section-payment h3 {
                            font-size: 20px;
                        }
                    }
                    
                    @media (max-width: 320px) {
                        .payment-left {
                            height: 475px;
                        }
                    }
                    
                    .payment-right ul li {
                        list-style: none;
                        line-height: 40px;
                    }
                    
                    .payment-total {
                        font-weight: bold;
                        font-size: 24px;
                        color: #ec2129;
                    }
                    
                    .payment-right .amount {
                        text-align: right;
                    }
                    
                    .section-profile {
                        min-height: 750px;
                    }
                    
                    .profile-left {
                        box-shadow: 0px 1px 6px #00000029;
                        border-radius: 5px;
                        background: #fff;
                        padding: 15px 5px;
                        margin: 15px;
                    }
                    
                    .profile-right {
                        box-shadow: 0px 1px 6px #00000029;
                        border-radius: 5px;
                        background: #fff;
                        padding: 15px 10px 30px 10px;
                        margin: 15px;
                    }
                    
                    .profile-head {
                        padding: 15px 5px 0px 15px;
                        margin: 5px 15px 0px 15px;
                    }
                    
                    .profile-head h2 {
                        font-weight: bold;
                    }
                    
                    .profile-head p {
                        font-size: 20px;
                    }
                    
                    .profile-left ul li {
                        list-style: none;
                        height: 60px;
                        padding: 10px 5px;
                        color: #000;
                        font-size: 19px;
                        margin: 10px 0px;
                        cursor: pointer;
                    }
                    
                    .profile-left ul li a:hover {
                        color: #ec2129 !important;
                    }
                    
                    .profile-left ul li:hover {
                        color: #ec2129;
                        font-size: 17px;
                    }
                    
                    .profile-left .active {
                        color: #ec2129 !important;
                        cursor: default;
                    }
                    
                    .profile-left ul li a {
                        color: #000;
                    }
                    
                    .profile-left .active a {
                        color: #ec2129 !important;
                    }
                    
                    .profile-left ul li img {
                        width: 32px;
                        margin-left: 10px;
                    }
                    
                    .profile-name {
                        border-bottom: solid 1px #ccc;
                        margin: 0;
                        padding: 0;
                    }
                    
                    .profile-img {
                        float: left;
                        margin: 10px 20px;
                    }
                    
                    .profile-img img {
                        width: 130px;
                        border-radius: 50%;
                    }
                    
                    .profile-upload {
                        float: left;
                        margin: 7% 10px;
                    }
                    
                    .profile-delete {
                        float: left;
                        margin: 7% 0px;
                    }
                    
                    .profile-edit-head {
                        margin: 25px 0px 25px 25px;
                    }
                    
                    @media (max-width: 768px) {
                        .profile-edit-head {
                            margin: 20px 0;
                        }
                    }
                    
                    .profile-default-address {
                        padding: 10px;
                        box-shadow: 0px 1px 6px #00000029;
                        border-radius: 10px;
                    }
                    
                    .profile-select-address {
                        padding: 12px;
                        box-shadow: 0px 1px 6px #00000029;
                        border-radius: 10px;
                        margin-bottom: 10px;
                    }
                    
                    @media (max-width: 1000px) {
                        .profile-select-address {
                            margin-right: 0 !important;
                        }
                    }
                    
                    @media (max-width: 560px) {
                        #bag-item-div {
                            display: none !important;
                        }
                    }
                    
                    @media (max-width: 500px) {
                        .profile-select-address label {
                            font-size: 10px !important;
                        }
                        #bag-item-div {
                            display: none !important;
                        }
                        #time1 {
                            display: none;
                        }
                        #date1 {
                            display: none;
                        }
                    }
                    
                    @media (max-width: 560px) {
                        .bag-content {
                            font-size: 12px !important;
                        }
                    }
                    
                    .profile-select-address label {
                        font-size: 23px;
                        font-weight: bold;
                    }
                    
                    .profile-select-address p {
                        font-size: 15px;
                    }
                    
                    .profile-default-address h3 {
                        font-size: 23px;
                        font-weight: bold;
                    }
                    
                    .profile-default-address p {
                        font-size: 19px;
                    }
                    
                    .section-confirm-address {
                        padding: 1% 3%;
                        background: #fff;
                        border-radius: 10px;
                        box-shadow: 0px 1px 6px #00000029;
                        margin: 2% 2%;
                    }
                    
                    .bag-pickup-address,
                    .bag-delivery-address {
                        padding: 20px 25px;
                        box-shadow: 0px 1px 6px #00000029;
                        border-radius: 10px;
                    }
                    
                    .bag-pickup-address.active,
                    .bag-delivery-address.active {
                        border-top: 4px solid #ec2129;
                    }
                    
                    .bag-address-new {
                        padding: 10px 18px;
                        box-shadow: 0px 1px 6px #00000029;
                        border-radius: 10px;
                        color: #ec2129;
                        margin: 15px 0px;
                        font-weight: 500;
                    }
                    
                    .bag-address-list {
                        padding: 20px 25px;
                        box-shadow: 0px 1px 6px #00000029;
                        border-radius: 10px;
                    }
                    
                    .bag-address-list :hover {
                        border-color: solid 1px #ec2129;
                    }
                    
                    .profile-changepass {
                        height: 60px;
                        width: 40%;
                        margin: 25px 0 20px 25px;
                    }
                    
                    .profile-changpass-input {
                        margin: 2% 3%;
                        width: 45%;
                        height: 60px;
                    }
                    
                    .order-status p {
                        box-shadow: 0px 1px 0px #00000029;
                    }
                    
                    .order-status-disable {
                        color: #959090 !important;
                    }
                    
                    .edit-pro-input {
                        margin: 10px 20px;
                        width: 75%;
                    }
                    
                    .order-status-l {
                        float: left;
                        width: 20%;
                        padding: 0% 2%;
                        font-weight: bold;
                    }
                    
                    .order-status-m {
                        width: 5%;
                        float: left;
                        text-align: center;
                        color: red;
                        font-size: 35px;
                    }
                    
                    .order-status-r {
                        width: 70%;
                        float: left;
                        padding: 0% 2%;
                    }
                    
                    .edit-pro-btn {
                        width: 25%;
                    }
                    
                    .section-availability {
                        padding: 40px;
                        background: #fff;
                        margin: 0 auto;
                        text-align: center;
                        box-shadow: 0px 1px 6px #00000029;
                        border-radius: 15px;
                    }
                    
                    .section-availability h2 {
                        font-size: 35px;
                    }
                    
                    @media (max-width: 768px) {
                        .section-availability h2 {
                            font-size: 25px !important;
                        }
                    }
                    
                    @media (max-width: 320px) {
                        .back {
                            margin: 25px !important;
                        }
                    }
                    
                    .section-welcome {
                        background: #fff;
                    }
                    
                    .welcome-gender label {
                        float: left;
                        clear: none;
                        display: block;
                        height: 47px;
                        text-align: center;
                        padding: 10px 20px;
                        margin: 10px 10px 10px 0;
                        color: #ec2129;
                        background: #fff !important;
                        border: 1px solid #ccc;
                    }
                    
                    .welcome-gender input[type=radio],
                    input.radio {
                        clear: none;
                        margin: 2px 0 0 2px;
                        opacity: 0;
                    }
                    
                    .welcome-gender input[type="radio"]:checked+label {
                        color: #fff;
                        background: #ec2129 !important;
                    }
                    
                    .welcome-text label {
                        width: 100%;
                        padding: 10px 0 10px;
                    }
                    
                    .welcome-text input {
                        width: 75%;
                    }
                    
                    @media (max-width: 768px) {
                        .welcome-gender label {
                            float: none !important;
                        }
                        .gan-btn-primary {
                            width: 100% !important;
                        }
                    }
                    
                    .reciept-head {
                        background: transparent url('../images/reciept-bg.svg') 0% 0% no-repeat padding-box;
                        min-height: 300px;
                        text-align: center;
                        background-position: center;
                        background-size: contain;
                    }
                    
                    .subscription-head {
                        min-height: 220px;
                        text-align: center;
                        background-position: center;
                    }
                    
                    @media (max-width: 768px) {
                        .subscription-head img {
                            max-width: 200px;
                        }
                    }
                    
                    @media (max-width: 420px) {
                        .subscription-head img {
                            max-width: 160px;
                            min-height: 180px;
                        }
                    }
                    
                    .reciept-details {
                        color: #000;
                    }
                    
                    @media (max-width: 576px) {
                        .reciept-details h4 {
                            font-size: 13px !important;
                        }
                        .reciept-items .head {
                            font-size: 30px !important;
                        }
                        .reciept-items ul li .item-name {
                            font-size: 12px !important;
                        }
                        .reciept-items ul li .item-amount {
                            font-size: 11px !important;
                        }
                        .reciept-items ul li .item-price-desc {
                            font-size: 12px !important;
                        }
                        .reciept-items ul li .item-price {
                            font-size: 12px !important;
                        }
                        .reciept-head {
                            min-height: 110px !important;
                        }
                    }
                    
                    .reciept-details p {
                        color: #959090;
                        font-size: 20px;
                        text-align: justify;
                        box-shadow: 0px 1px 0px #00000029;
                        padding-bottom: 10px;
                    }
                    
                    .reciept-items {
                        width: 100%;
                    }
                    
                    .reciept-items ul {
                        width: 100%;
                    }
                    
                    .reciept-items ul li {
                        list-style: none;
                        padding: 10px 0px;
                    }
                    
                    .reciept-items .head {
                        font-size: 34px;
                        font-weight: bold;
                        color: #000;
                    }
                    
                    .reciept-items ul li .item-name {
                        width: 50%;
                        color: #959090;
                        float: left;
                        font-size: 25px;
                    }
                    
                    .reciept-items ul li .item-amount {
                        width: 20%;
                        float: left;
                        font-size: 25px;
                        text-align: right;
                        font-weight: 500;
                    }
                    
                    .reciept-items ul li .item-action {
                        width: 30%;
                        color: #000;
                        float: left;
                        font-size: 10px;
                        text-align: right;
                    }
                    
                    .reciept-items ul li .item-price-desc {
                        float: left;
                        font-size: 25px;
                        font-weight: 500;
                    }
                    
                    .reciept-items ul li .item-price {
                        width: 20%;
                        float: right;
                        font-size: 25px;
                        text-align: right;
                        font-weight: 500;
                    }
                    
                    .reciept-items ul li .item-action:hover {
                        width: 10%;
                        color: #000;
                        float: left;
                    }
                    
                    .reciept-items ul .reciept-item-total {
                        color: #ec2129;
                        font-weight: bold;
                        font-size: 28px;
                    }
                    
                    .reciept-items ul li .item-action:hover {
                        color: #ec2129;
                    }
                    /* my plans */
                    
                    @media (max-width: 520px) {
                        .ad img {
                            padding: 5px !important;
                        }
                    }
                    
                    .myplan-content {
                        padding: 2% 0%;
                        margin: 3% auto;
                        height: 200px;
                        width: 70%;
                        box-shadow: 0px 1px 6px #00000029;
                        text-align: center;
                        border-radius: 10px;
                    }
                    
                    .myplan-content h3 {
                        color: #ec2129;
                        font-weight: bold;
                        font-size: 32px;
                        line-height: 36px;
                    }
                    
                    .myplan-content p {
                        color: #959090;
                    }
                    
                    .myplan-content button {
                        height: 59px;
                        width: 30%;
                        font-size: 147%;
                    }
                    
                    .notification {
                        padding: 4% 4%;
                        margin: 0 auto;
                        height: 80%;
                        width: 90%;
                        background: #ec2129;
                        color: #fff;
                        border-radius: 10px;
                        box-shadow: 2px 2px 4px 3px #ddc6c6;
                    }
                    
                    @media (max-width: 600px) {
                        .notification_date {
                            padding: 10px 0px 0px 10px !important;
                        }
                        .notification_image img {
                            display: none;
                        }
                        .notification_value {
                            padding: 10px 0px 0px 2px !important;
                        }
                    }
                    
                    .notification-head {
                        height: 80%;
                        width: 90%;
                        font-weight: bolder;
                        color: #ec2129;
                    }
                    
                    .notification-content ul {
                        width: 100%;
                    }
                    
                    .notification-content ul li {
                        width: 100%;
                        height: 60px;
                        padding: 0% 1%;
                    }
                    
                    .section-signup {
                        height: 600px;
                        color: #000;
                    }
                    
                    .signup-left {
                        padding: 5%;
                    }
                    
                    .signup-left h3 {
                        margin: 0% 2%;
                        font-size: 58px;
                    }
                    
                    .signup-left label {
                        margin: 1% 2%;
                    }
                    
                    .signup-left input {
                        margin: 1% 2%;
                        height: 60px;
                        width: 50%;
                    }
                    
                    .signup-left button {
                        margin: 1% 2%;
                        height: 67px;
                        padding: 2%;
                        font-size: 20px;
                    }
                    
                    .signup-right {
                        height: 600px;
                        background: transparent url('../images/signup-mob-bg.svg') 0% 0% no-repeat padding-box;
                    }
                    
                    .section-verify {
                        height: 600px;
                        color: #000;
                    }
                    
                    .verify-left {
                        padding: 5%;
                        text-align: center;
                    }
                    
                    .gan-vrf-input {
                        text-align: center;
                    }
                    
                    .verify-left h3 {
                        margin: 0% 2%;
                        font-size: 58px;
                    }
                    
                    .verify-left label {
                        margin: 1% 2%;
                    }
                    
                    .verify-left input {
                        margin: 1% 1%;
                        height: 60px;
                        width: 60px;
                        text-align: center;
                    }
                    
                    .otp-input {
                        font-size: 30px;
                        font-weight: 700;
                    }
                    
                    .verify-left button {
                        margin: 1% 2%;
                        height: 67px;
                        padding: 2%;
                        font-size: 20px;
                    }
                    
                    .verify-right {
                        height: 600px;
                        background: transparent url('../images/signup-mob-bg.svg') 0% 0% no-repeat padding-box;
                    }
                    
                    .schedule-left {
                        padding: 1% 3%;
                        background: #fff;
                        border-radius: 10px;
                        box-shadow: inset 0 1px 3px rgb(0 0 0 / 30%), 0 1px rgb(255 255 255 / 10%);
                        margin: 10% 12%;
                    }
                    
                    .schedule-right {
                        padding: 1% 3%;
                        background: #fff;
                        border-radius: 10px;
                        box-shadow: inset 0 1px 3px rgb(0 0 0 / 30%), 0 1px rgb(255 255 255 / 10%);
                        margin: 10% 12%;
                    }
                    /* about us */
                    
                    .hero-header {
                        background: url(../images/about_image.png) center center no-repeat;
                        background-size: cover;
                    }
                    
                    ul#pills-tab {
                        border-bottom: 3px solid #ec2129;
                    }
                    
                    .nav-pills .nav-link.active,
                    .nav-pills .show>.nav-link {
                        background-color: #ec2129 !important;
                        padding: 15px 25px;
                        font-weight: 600;
                        font-size: 18px;
                        border-radius: 5px 5px 0 0;
                        color: #fff !important;
                    }
                    
                    .nav-link {
                        color: #000 !important;
                        font-weight: 600 !important;
                        font-size: 22px;
                    }
                    /* subscription */
                    
                    @media (max-width: 768px) {
                        .subscribe-feature button {
                            text-align: center;
                            margin: 5% 10%;
                            padding: 20px;
                            max-width: 80%;
                        }
                    }
                    /* profile */
                    
                    @media (max-width: 768px) {
                        .edit-pro-input {
                            margin: 10px 0px;
                        }
                    }
                    
                    @media (max-width: 1200px) {
                        .edit_profile .edit-pro-input {
                            margin: 10px 0px;
                        }
                    }
                    
                    .edit {
                        max-width: 250px;
                    }
                    
                    @media (max-width: 1200px) {
                        .edit {
                            max-width: 240px;
                        }
                    }
                    
                    @media (max-width: 768px) {
                        .edit {
                            max-width: 240px;
                        }
                    }
                    
                    @media (max-width: 414px) {
                        .edit {
                            max-width: 245px;
                        }
                    }
                    
                    @media (max-width: 375px) {
                        .edit {
                            max-width: 230px;
                        }
                    }
                    
                    @media (max-width: 360px) {
                        .edit {
                            max-width: 220px;
                        }
                    }
                    
                    @media (max-width: 280px) {
                        .edit {
                            max-width: 130px;
                        }
                        .gan-btn-primary {
                            font-size: 12px;
                            max-width: 130px;
                        }
                    }
                    
                    @media (max-width: 1200px) {
                        .profile-img img {
                            width: 90px;
                        }
                    }
                    
                    @media (max-width: 768px) {
                        .profile-img img {
                            width: 70px;
                        }
                    }
                    /* Manage Password */
                    
                    @media (max-width: 768px) {
                        .profile-changpass-input {
                            margin: 2% 0%;
                        }
                        .profile-changepass {
                            margin: 20px 0;
                        }
                    }
                    /* Manage address */
                    
                    .manage {
                        padding-left: 35px !important;
                    }
                    
                    @media (max-width: 768px) {
                        .manage {
                            padding: 10px !important;
                        }
                    }
                    
                    @media (max-width: 768px) {
                        .profile-select-address .w3-badge {
                            display: none;
                        }
                    }
                    /* section-reciept */
                    
                    .section-reciept {
                        padding: 40px;
                        background: #fff;
                        margin: 0 auto;
                        text-align: center;
                        box-shadow: 0px 1px 6px #00000029;
                        border-radius: 15px;
                    }
                    
                    @media (max-width: 768px) {
                        .section-reciept .align-c p {
                            font-size: 19px !important;
                        }
                        .reciept-details p {
                            font-size: 16px;
                        }
                        .reciept-items ul li .item-name {
                            font-size: 20px;
                        }
                        .reciept-items ul li .item-amount {
                            font-size: 20px;
                        }
                        .reciept-head {
                            min-height: 200px;
                        }
                        .reciept-items ul {
                            padding: 0;
                        }
                    }
                    
                    @media (min-width: 576px) {
                        .reciept-head {
                            min-height: 200px;
                        }
                        .section-reciept .align-c p {
                            font-size: 15px;
                        }
                    }
                    /* mypage */
                    
                    .offer_area {
                        background: url(../images/mypage.png) no-repeat center;
                        background-size: cover;
                        height: 600px;
                    }
                    
                    @media (max-width: 991px) {
                        .offer_area {
                            background: #f6f6f6
                        }
                    }
                    
                    .offer_content {
                        padding: 132px 0px;
                    }
                    
                    .offer_content h3 {
                        font-size: 24px;
                        font-weight: 400;
                        color: #4a4a4a;
                    }
                    
                    .offer_content h2 {
                        font-size: 30px;
                        line-height: 50px;
                        color: #ec2129;
                        margin-bottom: 0px;
                        font-weight: bold;
                    }
                    
                    .main_btn {
                        display: inline-block;
                        background: #ec2129;
                        padding: 0px 32px;
                        letter-spacing: 0.25px;
                        color: #fff;
                        font-family: "Roboto", sans-serif;
                        font-size: 12px;
                        font-weight: 500;
                        line-height: 44px;
                        outline: none !important;
                        box-shadow: none !important;
                        text-align: center;
                        border: 1px solid #ec2129;
                        cursor: pointer;
                        text-transform: uppercase;
                        transition: all 300ms linear 0s;
                        border-radius: 5px;
                        font-weight: 800;
                    }
                    
                    .single-product {
                        text-align: center;
                        margin-bottom: 25px;
                    }
                    
                    .v-slide-group__wrapper {
                        contain: content;
                        display: flex;
                        flex: 1 1 auto;
                        overflow: hidden;
                    }
                    
                    .v-slide-group__content {
                        padding: 5px 0;
                    }
                    
                    .v-slide-group__content {
                        display: flex;
                        flex: 1 0 auto;
                        position: relative;
                        transition: .3s cubic-bezier(.25, .8, .5, 1);
                        white-space: nowrap;
                    }
                    
                    .v-chip {
                        margin: 4px 8px 4px 0;
                    }
                    
                    .theme--light.v-chip:not(.v-chip--active) {
                        background: #ec2129;
                        color: #fff;
                        font-weight: 600;
                        border-radius: 5px;
                    }
                    
                    .theme--light.v-chip {
                        border-color: rgba(0, 0, 0, .12);
                        color: rgba(0, 0, 0, .87);
                    }
                    
                    .v-chip.v-size--small {
                        font-size: 18px;
                        height: 35px;
                        font-weight: 600;
                    }
                    
                    .v-chip {
                        align-items: center;
                        display: inline-flex;
                        line-height: 20px;
                        max-width: 100%;
                        outline: none;
                        overflow: hidden;
                        padding: 0 12px;
                        position: relative;
                        text-decoration: none;
                        transition-duration: .28s;
                        transition-property: box-shadow, opacity;
                        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
                        vertical-align: middle;
                        white-space: nowrap;
                    }
                    
                    .pa-4 {
                        padding: 16px!important;
                    }
                    
                    .v-card--flat {
                        box-shadow: 0px 1px 6px #00000029;
                        border-radius: 5px !important;
                    }
                    
                    .order-2 {
                        order: 2!important;
                    }
                    
                    .v-btn:not(.v-btn--round).v-size--small {
                        height: 28px;
                        padding: 0 12.4444444444px;
                    }
                    
                    .accent--text {
                        color: var(--v-accent-base) !important;
                        caret-color: var(--v-accent-base) !important;
                    }
                    
                    .m-fs-t {
                        font-size: 1.07rem!important;
                        font-weight: 600!important;
                        word-break: break-word;
                        color: black;
                    }
                    
                    .align-center {
                        align-items: center!important;
                    }
                    
                    .mr-2 {
                        margin-right: 8px!important;
                    }
                    
                    .v-btn {
                        align-items: center;
                        border-radius: 5px;
                        font-weight: 500;
                        letter-spacing: .0892857143em;
                        justify-content: center;
                        outline: 0;
                        position: relative;
                        text-decoration: none;
                        text-indent: 0.0892857143em;
                        text-transform: uppercase;
                        transition-duration: .28s;
                        transition-property: box-shadow, transform, opacity;
                        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
                        user-select: none;
                        vertical-align: middle;
                        white-space: nowrap;
                        background-color: #ec2129 !important;
                        border: none;
                        color: #fff !important;
                    }
                    /*** Nav Card ***/
                    
                    .nav-tabs {
                        margin-bottom: 9px;
                        padding-bottom: 0px;
                        position: relative;
                        border: 0;
                        display: flex;
                        justify-content: center;
                    }
                    
                    @media only screen and (min-width: 768px) and (max-width: 991px) {
                        .nav-tabs {
                            justify-content: start
                        }
                    }
                    
                    @media only screen and (min-width: 576px) and (max-width: 767px) {
                        .nav-tabs {
                            justify-content: start
                        }
                    }
                    
                    @media (max-width: 575px) {
                        .nav-tabs {
                            justify-content: start
                        }
                    }
                    
                    .nav-tabs .nav-item.show .nav-link,
                    .nav-tabs .nav-link.active {
                        background: none;
                        border-bottom: 2px solid #1B77E3;
                        z-index: 5;
                        position: relative
                    }
                    
                    .nav-tabs .nav-item {
                        display: block;
                        color: #161e46;
                        font-weight: bold;
                        text-transform: capitalize;
                        font-size: 16px
                    }
                    
                    .nav-tabs .nav-link {
                        border: 0;
                        border-bottom: 2px solid transparent;
                        padding: 10px 20px
                    }
                    
                    .mb-30 {
                        margin-bottom: 30px;
                    }
                    
                    .single-services img {
                        width: 100%;
                    }
                    
                    .mb-35 {
                        margin-bottom: 35px;
                    }
                    
                    .service-list .nav .active {
                        background: #ec2129;
                        color: #fff !important;
                        border-radius: 10px 10px 0px 0px;
                        min-width: 150px;
                        text-align: center;
                    }