@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap');
                                    * {
                                        margin: 0;
                                        padding: 0;
                                        box-sizing: border-box;
                                        font-family: 'Spartan', sans-serif;
                                    }
                                    
                                    h1 {
                                        font-size: 50px;
                                        line-height: 64px;
                                        color: #222;
                                    }
                                    
                                    h2 {
                                        font-size: 46px;
                                        line-height: 54px;
                                        color: #222;
                                    }
                                    
                                    h4 {
                                        font-size: 20px;
                                        color: #222;
                                    }
                                    
                                    h6 {
                                        font-weight: 700px;
                                        font-size: 12px;
                                    }
                                    
                                    p {
                                        font-size: 16px;
                                        color: #465b52;
                                        margin: 15px 0 20px 0;
                                    }
                                    
                                    .section-p1 {
                                        padding: 40px 80px;
                                    }
                                    
                                    .section-m1 {
                                        margin: 40px 0;
                                    }
                                    
                                    body {
                                        width: 100%;
                                    }
                                    
                                    button.normal {
                                        font-size: 14px;
                                        font-weight: 600;
                                        padding: 15px 30px;
                                        color: #000;
                                        background-color: #fff;
                                        border-radius: 4px;
                                        cursor: pointer;
                                        border: none;
                                        outline: none;
                                        transition: 0.2s;
                                    }
                                    
                                    button.white {
                                        font-size: 13px;
                                        font-weight: 600;
                                        padding: 11px 18px;
                                        color: #fff;
                                        background-color: transparent;
                                        cursor: pointer;
                                        border: 1px solid white;
                                        outline: none;
                                        transition: 0.2s;
                                    }
                                    /*index.html*/
                                    
                                    #mobile {
                                        display: none;
                                    }
                                    
                                    #close {
                                        display: none;
                                    }
                                    
                                    #header {
                                        display: flex;
                                        justify-content: space-between;
                                        align-items: center;
                                        padding: 20px 80px;
                                        background-color: #E3E6F3;
                                        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);
                                        z-index: 999;
                                        position: sticky;
                                        top: 0;
                                        left: 0;
                                    }
                                    
                                    #navbar {
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                    }
                                    
                                    #navbar li {
                                        list-style: none;
                                        padding: 0 20px;
                                        position: relative;
                                    }
                                    
                                    #navbar li a {
                                        text-decoration: none;
                                        font-size: 16px;
                                        font-weight: 600;
                                        color: #1a1a1a;
                                        transition: 0.3s ease;
                                    }
                                    
                                    #navbar li a:hover,
                                    #navbar li a.active {
                                        color: #088178;
                                    }
                                    
                                    #navbar li a.active::after,
                                    #navbar li a:hover::after {
                                        content: "";
                                        width: 30%;
                                        height: 2px;
                                        background: #088178;
                                        position: absolute;
                                        bottom: -4px;
                                        left: 20px;
                                    }
                                    /*index.html*/
                                    /*body*/
                                    
                                    #hero {
                                        background-image: url(../img/hero4.png);
                                        height: 90vh;
                                        width: 100%;
                                        background-size: cover;
                                        background-position: top 25% right 0%;
                                        display: flex;
                                        flex-direction: column;
                                        align-items: flex-start;
                                        justify-content: center;
                                        padding: 0 80px;
                                    }
                                    
                                    #hero h4 {
                                        padding-bottom: 15px;
                                    }
                                    
                                    #hero h1 {
                                        color: #088178;
                                    }
                                    
                                    #hero button {
                                        background-image: url(../img/button.png);
                                        background-color: transparent;
                                        color: #088178;
                                        border: 0;
                                        padding: 14px 80px 14px 65px;
                                        cursor: pointer;
                                        background-repeat: no-repeat;
                                        font-weight: 700;
                                        font-size: 15px;
                                    }
                                    /*Features*/
                                    
                                    #features {
                                        display: flex;
                                        justify-content: space-between;
                                        flex-wrap: wrap;
                                        align-items: center;
                                    }
                                    
                                    #features .fe-box {
                                        width: 180px;
                                        text-align: center;
                                        padding: 15px 15px;
                                        box-shadow: 20px 20px 34px rgba(0, 0, 0, 0.03);
                                        border: 1px solid #cce7d0;
                                        border-radius: 4px;
                                        margin: 15px 0;
                                    }
                                    
                                    #features .fe-box:hover {
                                        box-shadow: 10px 10px 54px rgba(70, 62, 221, 0.1);
                                    }
                                    
                                    #features .fe-box h6 {
                                        padding: 9px 8px 6px 8px;
                                        line-height: 1;
                                        border-radius: 4px;
                                        color: #088178;
                                        background-color: #fddde4;
                                        display: inline-block;
                                    }
                                    
                                    #features .fe-box img {
                                        width: 100%;
                                        margin-bottom: 10px;
                                    }
                                    
                                    #features .fe-box:nth-child(2) h6 {
                                        background-color: #cdebbc;
                                    }
                                    
                                    #features .fe-box:nth-child(3) h6 {
                                        background-color: #d1e8f2;
                                    }
                                    
                                    #features .fe-box:nth-child(4) h6 {
                                        background-color: #cdd4f8;
                                    }
                                    
                                    #features .fe-box:nth-child(5) h6 {
                                        background-color: #f6dbf6;
                                    }
                                    
                                    #features .fe-box:nth-child(6) h6 {
                                        background-color: #fff2e5;
                                    }
                                    /*Features*/
                                    /*Product */
                                    
                                    #Product1 {
                                        text-align: center;
                                    }
                                    
                                    #Product1 .pro {
                                        width: 23%;
                                        min-width: 250px;
                                        padding: 10px 12px;
                                        border: 1px solid #cce7d0;
                                        border-radius: 25px;
                                        cursor: pointer;
                                        box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.02);
                                        margin: 15px 0;
                                        transition: 0.3s ease;
                                        position: relative;
                                    }
                                    
                                    #Product1 .pro:hover {
                                        box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.06);
                                    }
                                    
                                    #Product1 .pro img {
                                        width: 100%;
                                        border-radius: 20px;
                                    }
                                    
                                    #Product1 .pro .des {
                                        text-align: start;
                                        padding: 10px 0;
                                    }
                                    
                                    #Product1 .pro .des span {
                                        color: #606063;
                                        font-size: 12px;
                                    }
                                    
                                    #Product1 .pro .des h5 {
                                        padding-top: 7px;
                                        color: #1a1a1a;
                                        font-size: 14px;
                                    }
                                    
                                    #Product1 .pro .des i {
                                        font-size: 12px;
                                        color: rgb(243, 181, 25);
                                    }
                                    
                                    #Product1 .pro .des h4 {
                                        padding-top: 7px;
                                        font-size: 15px;
                                        font-weight: 700;
                                        color: #088178;
                                    }
                                    
                                    #Product1 .pro .cart {
                                        width: 40px;
                                        height: 40px;
                                        line-height: 40px;
                                        color: #088178;
                                        border-radius: 50px;
                                        background-color: #e8f6ea;
                                        font-weight: 700;
                                        border: 1px solid #cce7d0;
                                        position: absolute;
                                        bottom: 20px;
                                        right: 10px;
                                    }
                                    
                                    #Product1 .pro-container {
                                        display: flex;
                                        justify-content: space-between;
                                        flex-wrap: wrap;
                                        padding-top: 20px;
                                    }
                                    /*Product */
                                    /*action */
                                    
                                    #banner {
                                        display: flex;
                                        flex-direction: column;
                                        justify-content: center;
                                        align-items: center;
                                        text-align: center;
                                        background-image: url(../img/banner/b2.jpg);
                                        width: 100%;
                                        height: 40vh;
                                        background-size: cover;
                                        background-position: center;
                                    }
                                    
                                    #banner h4 {
                                        color: #fff;
                                        font-size: 16px;
                                    }
                                    
                                    #banner h2 {
                                        color: #fff;
                                        font-size: 30px;
                                        padding: 10px 0;
                                    }
                                    
                                    #banner h2 span {
                                        color: #ef3636;
                                    }
                                    
                                    #banner button:hover {
                                        background-color: #088178;
                                        color: #fff;
                                    }
                                    /*action */
                                    /*Larger Banner */
                                    
                                    #sm-banner {
                                        display: flex;
                                        justify-content: space-between;
                                        flex-wrap: wrap;
                                    }
                                    
                                    #sm-banner .banner-box {
                                        display: flex;
                                        flex-direction: column;
                                        justify-content: center;
                                        align-items: flex-start;
                                        background-image: url(../img/banner/b17.jpg);
                                        min-width: 580px;
                                        height: 50vh;
                                        background-size: cover;
                                        background-position: center;
                                        padding: 30px;
                                    }
                                    
                                    #sm-banner .banner-box h4 {
                                        color: #fff;
                                        font-size: 20px;
                                        font-weight: 300;
                                    }
                                    
                                    #sm-banner .banner-box h2 {
                                        color: #fff;
                                        font-size: 28px;
                                        font-weight: 800;
                                    }
                                    
                                    #sm-banner .banner-box span {
                                        color: #fff;
                                        font-size: 14px;
                                        font-weight: 500;
                                        padding-bottom: 15px;
                                    }
                                    
                                    #sm-banner .banner-box:hover button {
                                        background: #088178;
                                        border: 1px solid #088178;
                                    }
                                    
                                    #sm-banner .banner-box:nth-child(2) {
                                        background-image: url(../img/banner/b10.jpg);
                                    }
                                    /*Larger Banner */
                                    /*small Banner */
                                    
                                    #banner3 {
                                        display: flex;
                                        justify-content: space-between;
                                        flex-wrap: wrap;
                                        padding: 0 60px;
                                    }
                                    
                                    #banner3 .banner-box {
                                        display: flex;
                                        flex-direction: column;
                                        justify-content: center;
                                        align-items: flex-start;
                                        background-image: url(../img/banner/b7.jpg);
                                        min-width: 30%;
                                        height: 30vh;
                                        background-size: cover;
                                        background-position: center;
                                        padding: 20px;
                                        margin-bottom: 20px;
                                    }
                                    
                                    #banner3 .banner-box:nth-child(2) {
                                        background-image: url(../img/banner/b4.jpg);
                                    }
                                    
                                    #banner3 .banner-box:nth-child(3) {
                                        background-image: url(../img/banner/b18.jpg);
                                    }
                                    
                                    #banner3 .banner-box #banner3 .banner-box h2 {
                                        color: #fff;
                                        font-weight: 900;
                                        font-size: 22px;
                                    }
                                    
                                    #banner3 .banner-box h3 {
                                        color: #ec544e;
                                        font-weight: 800;
                                        font-size: 15px;
                                    }
                                    /*small Banner */
                                    /*NewsLetter */
                                    
                                    #newsletter {
                                        display: flex;
                                        justify-content: space-between;
                                        flex-wrap: wrap;
                                        align-items: center;
                                        background-color: #041e42;
                                    }
                                    
                                    #newsletter h4 {
                                        font-size: 22px;
                                        font-weight: 700;
                                        color: #fff;
                                    }
                                    
                                    #newsletter p {
                                        font-size: 14px;
                                        font-weight: 600;
                                        color: #818ea0;
                                    }
                                    
                                    #newsletter p span {
                                        color: #ffbd27;
                                    }
                                    
                                    #newsletter .form {
                                        display: flex;
                                        width: 40%;
                                    }
                                    
                                    #newsletter .form input {
                                        height: 3.125rem;
                                        padding: 0 1.25em;
                                        font-size: 14px;
                                        width: 100%;
                                        border: 1px solid transparent;
                                        border-radius: 4px;
                                        border-top-right-radius: 0;
                                        border-bottom-right-radius: 0;
                                    }
                                    
                                    #newsletter .form button {
                                        border-top-left-radius: 0;
                                        border-bottom-left-radius: 0;
                                        background-color: #088178;
                                        color: #fff;
                                        white-space: nowrap;
                                    }
                                    /*NewsLetter */
                                    /*footer */
                                    
                                    footer {
                                        display: flex;
                                        flex-wrap: wrap;
                                        justify-content: space-between;
                                    }
                                    
                                    footer .col {
                                        display: flex;
                                        flex-direction: column;
                                        align-items: flex-start;
                                        margin-bottom: 20px;
                                    }
                                    
                                    footer .col .logo {
                                        margin-bottom: 30px;
                                    }
                                    
                                    footer h4 {
                                        font-size: 14px;
                                        padding-bottom: 20px;
                                    }
                                    
                                    footer p {
                                        font-size: 13px;
                                        margin: 0 0 8px 0;
                                    }
                                    
                                    footer a {
                                        font-size: 13px;
                                        text-decoration: none;
                                        color: #222;
                                        margin-bottom: 10px;
                                    }
                                    
                                    footer .follow {
                                        margin-top: 20px;
                                    }
                                    
                                    footer .follow i {
                                        color: #465b52;
                                        padding-right: 4px;
                                        cursor: pointer;
                                    }
                                    
                                    footer .install .row img {
                                        border: 1px solid #088178;
                                        border-radius: 6px;
                                    }
                                    
                                    footer .install img {
                                        margin: 10px 0 15px 0;
                                    }
                                    
                                    footer .follow i:hover,
                                    footer a:hover {
                                        color: #088178;
                                    }
                                    
                                    footer .copyright {
                                        text-align: center;
                                        width: 100%;
                                    }
                                    /*footer */
                                    /*body*/
                                    /*shop*/
                                    /*page-header*/
                                    
                                    #page-header {
                                        background-image: url(../img/banner/b1.jpg);
                                        width: 100%;
                                        height: 40vh;
                                        background-size: cover;
                                        display: flex;
                                        flex-direction: column;
                                        justify-content: center;
                                        text-align: center;
                                        padding: 14px;
                                    }
                                    
                                    #page-header h2,
                                    #page-header p {
                                        color: #fff;
                                    }
                                    /*page-header*/
                                    /*pagination*/
                                    
                                    #pagination {
                                        text-align: center;
                                    }
                                    
                                    #pagination a {
                                        text-decoration: none;
                                        background-color: #088178;
                                        padding: 15px 20px;
                                        border-radius: 4px;
                                        color: #fff;
                                        font-weight: 600;
                                    }
                                    
                                    #pagination a i {
                                        font-size: 16px;
                                        font-weight: 600;
                                    }
                                    /*pagination*/
                                    /*single product*/
                                    
                                    #prodeatils {
                                        display: flex;
                                        margin-top: 20px;
                                    }
                                    
                                    #prodeatils .single-pro-image {
                                        width: 40%;
                                        margin-right: 50px;
                                    }
                                    
                                    .small-img-group {
                                        display: flex;
                                        justify-content: space-between;
                                    }
                                    
                                    .small-img-col {
                                        flex-basis: 24%;
                                        cursor: pointer;
                                    }
                                    
                                    #prodeatils .single-pro-details {
                                        width: 50%;
                                        padding: 30px;
                                    }
                                    
                                    #prodeatils .single-pro-details h4 {
                                        padding: 40px 0 20px 0;
                                    }
                                    
                                    #prodeatils .single-pro-details h2 {
                                        font-size: 26px;
                                    }
                                    
                                    #prodeatils .single-pro-details select {
                                        display: block;
                                        padding: 5px 10px;
                                        margin-bottom: 10px;
                                        border: 1px solid black;
                                    }
                                    
                                    #prodeatils .single-pro-details input {
                                        width: 50px;
                                        height: 47px;
                                        padding-left: 10px;
                                        font-size: 16px;
                                        margin-right: 10px;
                                        border: 1px solid black;
                                    }
                                    
                                    #prodeatils .single-pro-details button {
                                        background-color: #088178;
                                        color: #fff;
                                    }
                                    
                                    #prodeatils .single-pro-details span {
                                        line-height: 25px;
                                    }
                                    /*single product*/
                                    /*shop*/
                                    /*blog*/
                                    
                                    #page-header.blog-header {
                                        background-image: url(../img/banner/b19.jpg);
                                    }
                                    
                                    #blog {
                                        padding: 150px 150px 0 150px;
                                    }
                                    
                                    #blog .blog-box {
                                        display: flex;
                                        align-items: center;
                                        width: 100%;
                                        position: relative;
                                        padding-bottom: 90px;
                                    }
                                    
                                    #blog .blog-box .blog-img {
                                        width: 50%;
                                        margin-right: 40px;
                                    }
                                    
                                    #blog .blog-box img {
                                        width: 100%;
                                        height: 300px;
                                        object-fit: cover;
                                    }
                                    
                                    #blog .blog-box .blog-details {
                                        width: 50%;
                                    }
                                    
                                    #blog .blog-box a {
                                        text-decoration: none;
                                        font-size: 11px;
                                        color: #000;
                                        font-weight: 700;
                                        position: relative;
                                        transition: 0.3s;
                                    }
                                    
                                    #blog .blog-box a::after {
                                        content: "";
                                        width: 50px;
                                        height: 1px;
                                        background-color: #000;
                                        position: absolute;
                                        top: 4px;
                                        right: -60px;
                                    }
                                    
                                    #blog .blog-box a:hover {
                                        color: #088178;
                                    }
                                    
                                    #blog .blog-box a:hover::after {
                                        background-color: #088178;
                                    }
                                    
                                    #blog .blog-box h1 {
                                        position: absolute;
                                        top: -40px;
                                        left: 0;
                                        font-size: 70px;
                                        font-weight: 700;
                                        color: #c9cbce;
                                        z-index: -9;
                                    }
                                    /*blog*/
                                    /*about*/
                                    
                                    #page-header.about-header {
                                        background-image: url(../img/about/banner.png);
                                    }
                                    
                                    #about-head {
                                        display: flex;
                                        align-items: center;
                                    }
                                    
                                    #about-head img {
                                        width: 50%;
                                        height: auto;
                                    }
                                    
                                    #about-head div {
                                        padding-left: 40px;
                                    }
                                    /*video*/
                                    
                                    #about-app {
                                        text-align: center;
                                    }
                                    
                                    #about-app .video {
                                        width: 70%;
                                        height: 100%;
                                        margin: 30px auto 0 auto;
                                    }
                                    
                                    #about-app .video video {
                                        width: 100%;
                                        height: 100%;
                                        border-radius: 20px;
                                    }
                                    /*video*/
                                    /*about*/
                                    /*contact*/
                                    
                                    #contact-details {
                                        display: flex;
                                        align-items: center;
                                        justify-content: space-between;
                                    }
                                    
                                    #contact-details .details {
                                        width: 40%;
                                    }
                                    
                                    #contact-details .details span,
                                    #form-details form span {
                                        font-size: 12px;
                                    }
                                    
                                    #contact-details .details h2,
                                    #form-details form h2 {
                                        font-size: 26px;
                                        line-height: 35px;
                                        padding: 20px 0;
                                    }
                                    
                                    #contact-details .details h3 {
                                        font-size: 16px;
                                        padding-bottom: 15px;
                                    }
                                    
                                    #contact-details .details div li {
                                        display: flex;
                                        list-style: none;
                                        padding: 10px 0;
                                    }
                                    
                                    #contact-details .details div li i {
                                        font-size: 14px;
                                        padding-right: 22px;
                                    }
                                    
                                    #contact-details .details div li p {
                                        margin: 0;
                                        font-size: 14px;
                                    }
                                    
                                    #contact-details .map {
                                        width: 55%;
                                        height: 400px;
                                    }
                                    
                                    #contact-details .map iframe {
                                        width: 100%;
                                        height: 100%;
                                    }
                                    
                                    #form-details {
                                        display: flex;
                                        justify-content: space-between;
                                        margin: 30px;
                                        padding: 80px;
                                        border: 1px solid #e1e1e1;
                                    }
                                    
                                    #form-details form {
                                        width: 65%;
                                        display: flex;
                                        flex-direction: column;
                                        align-items: flex-start;
                                    }
                                    
                                    #form-details form input,
                                    #form-details form textarea {
                                        width: 100%;
                                        padding: 12px 15px;
                                        outline: none;
                                        margin-bottom: 20px;
                                        border: 1px solid #e1e1e1;
                                    }
                                    
                                    #form-details form button {
                                        background-color: #088178;
                                        color: #fff;
                                    }
                                    
                                    #form-details .people div {
                                        padding-bottom: 25px;
                                        display: flex;
                                        align-items: flex-start;
                                    }
                                    
                                    #form-details .people div img {
                                        width: 65px;
                                        height: 65px;
                                        object-fit: cover;
                                        margin-right: 15px;
                                    }
                                    
                                    #form-details .people div p {
                                        margin: 0;
                                        font-size: 13px;
                                        line-height: 25px;
                                    }
                                    
                                    #form-details .people div span {
                                        display: block;
                                        font-size: 16px;
                                        font-weight: 600;
                                        color: #000;
                                    }
                                    /*contact*/
                                    /*cart*/
                                    
                                    #cart {
                                        overflow-x: auto;
                                    }
                                    
                                    #cart table {
                                        width: 100%;
                                        border-collapse: collapse;
                                        table-layout: fixed;
                                        white-space: nowrap;
                                    }
                                    
                                    #cart table img {
                                        width: 70px;
                                    }
                                    
                                    #cart table td:nth-child(1) {
                                        width: 100px;
                                        text-align: center;
                                    }
                                    
                                    #cart table td:nth-child(2) {
                                        width: 150px;
                                        text-align: center;
                                    }
                                    
                                    #cart table td:nth-child(3) {
                                        width: 250px;
                                        text-align: center;
                                    }
                                    
                                    #cart table td:nth-child(4),
                                    #cart table td:nth-child(5),
                                    #cart table td:nth-child(6) {
                                        width: 150px;
                                        text-align: center;
                                    }
                                    
                                    #cart table td:nth-child(5) input {
                                        width: 70px;
                                        padding: 10px 5px 10px 15px;
                                    }
                                    
                                    #cart table thead {
                                        border: 1px solid #e2e9e1;
                                        border-left: none;
                                        border-right: none;
                                    }
                                    
                                    #cart table thead td {
                                        font-weight: 700;
                                        text-transform: uppercase;
                                        font-size: 13px;
                                        padding: 18px 0;
                                    }
                                    
                                    #cart table tbody tr td {
                                        padding-top: 15px;
                                    }
                                    
                                    #cart table tbody td {
                                        font-size: 13px;
                                    }
                                    
                                    #cart-add {
                                        display: flex;
                                        flex-wrap: wrap;
                                        justify-content: space-between;
                                    }
                                    
                                    #coupon {
                                        width: 50%;
                                        margin-bottom: 30px;
                                    }
                                    
                                    #coupon h3,
                                    #subtotal h3 {
                                        padding-bottom: 15px;
                                    }
                                    
                                    #coupon input {
                                        padding: 10px 20px;
                                        outline: none;
                                        width: 60%;
                                        margin-right: 10px;
                                        border: 1px solid #e2e9e1;
                                    }
                                    
                                    #coupon button,
                                    #subtotal button {
                                        background-color: #088178;
                                        color: #fff;
                                        padding: 12px 20px;
                                    }
                                    
                                    #subtotal {
                                        width: 50%;
                                        margin-bottom: 30px;
                                        border: 1px solid #e1e1e1;
                                        padding: 30px;
                                    }
                                    
                                    #subtotal table {
                                        border-collapse: collapse;
                                        width: 100%;
                                        margin-bottom: 20px;
                                    }
                                    
                                    #subtotal table td {
                                        width: 50%;
                                        border: 1px solid #e2e9e1;
                                        padding: 10px;
                                        font-size: 13px;
                                    }
                                    /*cart*/