@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: 700;
                    font-size: 12px;
                }
                
                p {
                    font-size: 16px;
                    color: #000000;
                    margin: 15px 0 20px 0;
                    font-weight: 400;
                }
                
                .white {
                    color: white;
                }
                
                .section-p1 {
                    padding: 40px 80px;
                }
                
                .section-m1 {
                    margin: 40px 0px;
                }
                
                button.normal {
                    font-size: 14px;
                    font-weight: 600;
                    padding: 15px 30px;
                    color: black;
                    background-color: white;
                    border-radius: 4px;
                    cursor: pointer;
                    border: none;
                    outline: none;
                    transition: 0.2s;
                }
                
                button.small {
                    font-size: 14px;
                    font-weight: 600;
                    padding: 10px 20px;
                    color: black;
                    background-color: white;
                    border-radius: 4px;
                    cursor: pointer;
                    border: none;
                    outline: none;
                    transition: 0.2s;
                }
                
                button.white {
                    font-size: 13px;
                    font-weight: 600;
                    padding: 11px 18px;
                    color: white;
                    background-color: transparent;
                    cursor: pointer;
                    border: 1 px solid white;
                    outline: none;
                    transition: 0.2s;
                }
                
                body {
                    width: 100%;
                }
                /* Header Start - code to make the header and organising of the colors and display*/
                
                #header {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: 20px 80px;
                    background-color: black;
                    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);
                    z-index: 999;
                    position: sticky;
                    top: 0;
                    left: 0;
                }
                /*resizing of the icon*/
                
                .logo {
                    width: 100px;
                    height: 100px;
                }
                /*for navigation on top*/
                
                #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: 20px;
                    font-weight: 600;
                    color: white;
                    transition: 0.3s ease;
                }
                /*when hovering over and when in the page it shows a highlight*/
                
                #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-color: #088178;
                    position: absolute;
                    bottom: -4px;
                    left: 20px;
                }
                
                #mobile {
                    display: none;
                    align-items: center;
                }
                
                #close {
                    display: none;
                }
                /* Home Page - background image in home page*/
                
                #background {
                    background-image: url('../img/curryflow91.jpeg');
                    height: 105vh;
                    width: auto;
                    background-size: cover;
                    background-position: top 25% right 1;
                    padding: 0 80px;
                    margin: -8% auto 0;
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    justify-content: center;
                }
                
                #background h4 {
                    padding-bottom: 15px;
                }
                
                #background h1 {
                    color: #24fff0;
                }
                
                #background button {
                    background-image: url('../img/button.jpg');
                    background-color: transparent;
                    color: #088178;
                    border: 0;
                    padding: 14px 80px 14px 65px;
                    background-repeat: no-repeat;
                    cursor: pointer;
                    font-weight: 700;
                    font-size: 15px;
                }
                
                #feature {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    flex-wrap: wrap;
                }
                
                #feature .fe-box {
                    width: 180px;
                    text-align: center;
                    padding: 25px 15px;
                    box-shadow: 20px 20px 34px rgba(0, 0, 0, 0.03);
                    border: 1px solid #cce7d0;
                    border-radius: 4px;
                    margin: 15px 0;
                }
                
                #feature .fe-box:hover {
                    box-shadow: 10px 10px 54px rgba(70, 62, 221, 0.1);
                }
                
                #feature .fe-box img {
                    width: 100%;
                    margin-bottom: 10px;
                }
                
                #feature .fe-box lottie-player {
                    width: auto;
                    margin-bottom: 10px;
                }
                
                #feature .fe-box h6 {
                    display: inline-block;
                    padding: 9px 8px 6px 8px;
                    line-height: 1;
                    border-radius: 4px;
                    color: #000000;
                    background-color: #bcf8f4;
                }
                
                #feature .fe-box:nth-child(2) h6 {
                    background-color: #ffd7dd;
                }
                
                #feature .fe-box:nth-child(3) h6 {
                    background-color: #cdf7cd;
                }
                
                #feature .fe-box:nth-child(4) h6 {
                    background-color: #bcf8f4;
                }
                
                #feature .fe-box:nth-child(5) h6 {
                    background-color: #f6dbf6;
                }
                
                #feature .fe-box:nth-child(6) h6 {
                    background-color: #fff2e5;
                }
                
                #product1 {
                    text-align: center;
                }
                
                #product1 p {
                    color: #088178;
                }
                
                #product1 .pro-container {
                    display: flex;
                    justify-content: space-between;
                    padding-top: 20px;
                    flex-wrap: wrap;
                }
                
                #product1 .pro {
                    width: 23%;
                    min-width: 500px;
                    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;
                    transition: 0.2s ease;
                    position: relative;
                }
                
                #product1 .pro:hover {
                    box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.02);
                }
                
                #product1 .pro img {
                    width: 100%;
                    height: auto;
                    border-radius: 25px;
                }
                
                #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;
                    border-radius: 50px;
                    background-color: #e8f6ea;
                    font-weight: 500;
                    color: #088178;
                    border: 1px solid #cce7d0;
                    position: absolute;
                    bottom: 20px;
                    right: 10px;
                }
                
                #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: white;
                    font-size: 16px;
                }
                
                #banner h2 {
                    color: white;
                    font-size: 30px;
                    padding: 10px 0;
                }
                
                #banner h2 span {
                    color: red;
                }
                
                #banner button:hover {
                    background: #088178;
                    color: white;
                }
                
                #sm-banner {
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                }
                
                #sm-banner .banner-box {
                    background-image: url('../img/banner/stephcurry.jpg');
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    text-align: center;
                    min-width: 580px;
                    height: 50vh;
                    background-size: cover;
                    background-position: center;
                }
                
                #sm-banner .banner-box2 {
                    background-image: url('../img/banner/b10.jpg');
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    text-align: center;
                    min-width: 580px;
                    height: 50vh;
                    background-size: cover;
                    background-position: center;
                }
                
                #sm-banner h4 {
                    color: white;
                    font-size: 20px;
                    font-weight: 600;
                }
                
                #sm-banner h2 {
                    color: white;
                    font-size: 28px;
                    font-weight: 800;
                }
                
                #sm-banner span {
                    color: #00ffff;
                    font-size: 14px;
                    font-weight: 700;
                    padding: 15px;
                }
                
                #sm-banner .banner-box:hover button {
                    background: #088178;
                    border: 1px #088178;
                    color: white;
                }
                
                #banner3 {
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    padding: 0 80px;
                }
                
                #banner3 .banner-box {
                    background-image: url('../img/bgcurry1.jpg');
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: flex-end;
                    min-width: 30%;
                    height: 30vh;
                    background-size: cover;
                    background-position: center;
                    padding: 20px;
                    margin-bottom: 20px;
                }
                
                #banner3 .banner-box2 {
                    background-image: url('../img/banner/b7.jpg');
                }
                
                #banner3 .banner-box3 {
                    background-image: url('../img/banner/b18.jpeg');
                }
                
                #banner3 h2 {
                    color: #fff;
                    font-weight: 900;
                    font-size: 22px;
                }
                
                #banner3 h3 {
                    color: #ec544e;
                    font-weight: 800;
                    font-size: 15px;
                }
                
                #banner3 .banner-box:hover button {
                    background: #088178;
                    border: 1px #088178;
                    color: white;
                }
                
                #newsletter {
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    align-items: center;
                    background-image: url('../img/banner/b14.png');
                    background-repeat: no-repeat;
                    background-position: 20% 30%;
                    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 input {
                    height: 3.125rem;
                    padding: 0 1.25rem;
                    font-size: 14px;
                    width: 100%;
                    border: 1px solid transparent;
                    border-radius: 4px;
                    outline: none;
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0;
                }
                
                #newsletter button {
                    background-color: #088178;
                    color: #fff;
                    white-space: nowrap;
                    border-top-left-radius: 0;
                    border-bottom-left-radius: 0;
                }
                /*3D MODEL*/
                
                model-viewer {
                    --poster-color: transparent;
                    width: 90%;
                    height: 800px;
                    margin: 0 auto;
                }
                
                #threed .pro {
                    padding: 10px 12px;
                    border: 1px solid #fcfcfc;
                    background-color: #cdd4f8;
                    border-radius: 25px;
                    cursor: pointer;
                    box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.02);
                    margin: 15px;
                    transition: 0.2s ease;
                    position: relative;
                }
                
                #threed .pro:hover {
                    box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.02);
                }
                
                #threed .pro .des {
                    text-align: center;
                    padding: 10px 0;
                }
                
                #threed .pro .des span {
                    color: #606063;
                    font-size: 14px;
                }
                
                #threed .pro .des h5 {
                    padding-top: 7px;
                    color: #1a1a1a;
                    font-size: 14px;
                }
                
                #threed .pro .des i {
                    font-size: 12px;
                    color: rgb(243, 181, 25);
                }
                
                #threed .pro .des h4 {
                    padding-top: 7px;
                    font-size: 15px;
                    font-weight: 700;
                    color: #088178;
                }
                
                #threed .pro .threedcart {
                    width: 40px;
                    height: 40px;
                    line-height: 40px;
                    border-radius: 50px;
                    background-color: #e8f6ea;
                    font-weight: 500;
                    color: #088178;
                    border: 1px solid #cce7d0;
                    position: absolute;
                    bottom: 20px;
                    right: 15px;
                }
                /*Change footer color*/
                
                footer {
                    background-color: black;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                }
                
                footer .col {
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    margin-bottom: 20px;
                }
                
                footer .logo {
                    margin-bottom: 30px;
                }
                
                footer h4 {
                    margin-bottom: 30px;
                    color: #fff;
                }
                
                footer p {
                    margin-bottom: 13px;
                    text-decoration: none;
                    color: #fff;
                    margin: 0 0 8px 0;
                }
                
                footer a {
                    margin-bottom: 13px;
                    text-decoration: none;
                    color: #fff;
                    margin-bottom: 10px;
                }
                
                footer .follow {
                    margin-top: 20px;
                }
                
                footer .follow i {
                    color: #b8bebc;
                    padding-right: 4px;
                    cursor: pointer;
                }
                
                footer .install .row img {
                    border: 2px solid #00ffee;
                    border-radius: 6px;
                }
                
                footer .install img {
                    margin: 10px 0 15px 0;
                }
                
                footer .follow i:hover,
                footer a:hover {
                    color: #088178;
                }
                
                footer .copyright {
                    width: 100%;
                    text-align: center;
                }
                /*Shop Page*/
                
                #page-header {
                    background-image: url('../img/banner/b1.jpg');
                    width: 100%;
                    height: 40vh;
                    background-size: cover;
                    display: flex;
                    justify-content: center;
                    text-align: center;
                    flex-direction: column;
                }
                
                #page-header h2 {
                    color: white;
                }
                
                #page-header p {
                    color: white;
                }
                
                #pagination {
                    text-align: center;
                }
                /*create the page icons look*/
                
                #pagination a {
                    text-decoration: none;
                    background-color: #088178;
                    padding: 15px 20px;
                    border-radius: 4px;
                    color: white;
                    font-weight: 600;
                }
                
                #pagination a i {
                    font-size: 16px;
                    font-weight: 600;
                }
                /*Single Product*/
                
                #prodetails {
                    display: flex;
                    margin-top: 20px;
                }
                
                #prodetails .single-pro-image {
                    width: 40%;
                    margin-right: 50px;
                }
                
                .small-img-group {
                    display: flex;
                    justify-content: space-between;
                }
                
                .small-img-col {
                    cursor: pointer;
                }
                
                #prodetails .single-pro-details {
                    width: 50%;
                    padding-top: 30px;
                }
                
                #prodetails .single-pro-details h4 {
                    padding: 40px 0 20px 0;
                }
                
                #prodetails .single-pro-details h2 {
                    font-size: 26px;
                }
                
                #prodetails .single-pro-details select {
                    display: block;
                    padding: 5px 10px;
                    margin-bottom: 10px;
                }
                
                #prodetails .single-pro-details input {
                    width: 50px;
                    height: 47px;
                    padding-left: 10px;
                    font-size: 16px;
                    margin-right: 10px;
                }
                
                #prodetails .single-pro-details input:focus {
                    outline: none;
                }
                
                #prodetails .single-pro-details button {
                    background-color: #088178;
                    color: #fff;
                }
                
                #prodetails .single-pro-details span {
                    line-height: 25px;
                }
                /*formatting product details*/
                
                .description {
                    display: table;
                    line-height: 20px;
                }
                
                .row {
                    display: table-row;
                }
                
                .left-side {
                    display: table-cell;
                }
                
                .right-side {
                    display: table-cell;
                }
                /* Blog Page */
                
                #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-img {
                    width: 50%;
                    margin-right: 40px;
                }
                
                .blog-img {
                    width: 100%;
                    height: 300px;
                    object-fit: cover;
                }
                
                #blog .blog-details {
                    width: 50%;
                    margin-right: 40px;
                }
                
                #blog .blog-details a {
                    text-decoration: none;
                    font-size: 11px;
                    color: black;
                    font-weight: 700;
                    position: relative;
                    transition: 0.3s;
                }
                
                #blog .blog-details a::after {
                    content: "";
                    width: 50px;
                    height: 1px;
                    background-color: #000000;
                    position: absolute;
                    top: 4px;
                    right: -60px;
                }
                
                #blog .blog-details a:hover {
                    color: #088178;
                }
                
                #blog .blog-details 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;
                }
                /* About Page */
                
                #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;
                }
                
                #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;
                }
                /* Contact Page */
                
                #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 li {
                    list-style: none;
                    display: flex;
                    padding: 10px 0;
                }
                
                #contact-details .details li i {
                    font-size: 14px;
                    padding-right: 22px;
                }
                
                #contact-details .details 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;
                    margin-right: 50px;
                }
                
                #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: white;
                }
                
                #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 p span {
                    display: block;
                    font-size: 16px;
                    font-weight: 600;
                    color: #000000;
                }
                /*Cart Page*/
                
                #cart {
                    overflow-x: auto;
                }
                
                #cart table {
                    width: 100%;
                    border-collapse: collapse;
                    table-layout: fixed;
                    white-space: nowrap;
                }
                
                #cart table img {
                    width: 100px;
                }
                
                #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;
                }
                
                #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: white;
                    padding: 10px 20px;
                }
                
                #subtotal {
                    width: 50%;
                    margin-bottom: 30px;
                    border: 1px solid #e2e9e1;
                    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;
                }
                /*Start Media Query*/
                
                @media (max-width:820px) {
                    .section-p1 {
                        padding: 40px 40px;
                    }
                    /*when screen is smaller the navigation bar will change*/
                    #navbar {
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        justify-content: flex-start;
                        position: fixed;
                        top: 0;
                        right: -300px;
                        height: 100vh;
                        width: 300px;
                        background-color: #060707;
                        padding: 80px 0 0 10px;
                        transition: 0.3s;
                    }
                    #navbar.active {
                        right: 0px;
                    }
                    #navbar li {
                        margin-bottom: 25px;
                    }
                    #mobile {
                        display: flex;
                        align-items: center;
                    }
                    #mobile i {
                        color: rgb(255, 255, 255);
                        font-size: 24px;
                        padding-left: 20px;
                    }
                    #close {
                        display: initial;
                        position: absolute;
                        top: 30px;
                        left: 30px;
                        color: white;
                        font-size: 24px;
                    }
                    #lg-icons {
                        display: none;
                    }
                    #background {
                        height: 75vh;
                        padding: 0 80px;
                        background-position: top 30% right 110%;
                    }
                    #feature {
                        justify-content: center;
                    }
                    #feature .fe-box {
                        margin: 15px 15px;
                    }
                    #product1 .pro-container {
                        justify-content: center;
                    }
                    #product1 .pro {
                        margin: 15px;
                    }
                    #product1 .pro {
                        width: 23%;
                        min-width: 300px;
                        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;
                        transition: 0.2s ease;
                        position: relative;
                    }
                    #product1 .pro img {
                        width: 100%;
                        height: 55%;
                        border-radius: 25px;
                    }
                    model-viewer {
                        width: 90%;
                        height: 500px;
                    }
                    #banner {
                        height: 20vh;
                    }
                    #sm-banner .banner-box {
                        min-width: 100%;
                        height: 45vh;
                    }
                    #banner3 {
                        padding: 0 40px;
                    }
                    #banner3 .banner-box {
                        width: 28%;
                    }
                    #newsletter .form {
                        width: 70%;
                    }
                    /* Blog Page */
                    #blog {
                        padding: 120px 50px 0 50px;
                    }
                    #blog .blog-box {
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                    }
                    #blog .blog-img {
                        width: 100%;
                        margin-right: 0;
                        margin-bottom: 10px;
                    }
                    #blog .blog-details {
                        width: 100%;
                    }
                    /* Contact Page */
                    #form-details {
                        padding: 40px;
                    }
                    #form-details form {
                        width: 50%;
                    }
                }
                /*for mobile*/
                /* Media Query for Mobile Devices */
                
                @media (max-width: 480px) {
                    .section-p1 {
                        padding: 20px;
                    }
                    #header {
                        padding: 10px 30px;
                    }
                    #background {
                        padding: 0 20px;
                        background-position: 55%;
                    }
                    #background h4 {
                        color: rgb(184, 0, 240);
                    }
                    #background h2 {
                        color: #12cfcf;
                        font-size: 32px;
                    }
                    #background h1 {
                        color: #00ff00;
                        font-size: 38px;
                    }
                    #background p {
                        color: #ffe608;
                        font-weight: 600;
                    }
                    #background button {
                        color: #54fdf2;
                    }
                    #feature {
                        justify-content: space-between;
                    }
                    #feature .fe-box {
                        width: 155px;
                        margin: 0 0 15px 0;
                    }
                    #product1. .pro {
                        width: 100%;
                    }
                    model-viewer {
                        width: 90%;
                        height: 500px;
                    }
                    #banner {
                        height: 40vh;
                    }
                    #sm-banner .banner-box {
                        height: 40vh;
                    }
                    #sm-banner .banner-box2 {
                        margin-top: 20px;
                    }
                    #banner3 {
                        padding: 0 20px;
                    }
                    #banner3 .banner-box {
                        width: 100%;
                    }
                    #newsletter {
                        padding: 40px 20px;
                    }
                    #newsletter .form {
                        width: 100%;
                    }
                    footer .copyright {
                        text-align: start;
                    }
                    /* Single Product */
                    #prodetails {
                        display: flex;
                        flex-direction: column;
                    }
                    #prodetails .single-pro-image {
                        width: 100%;
                        margin-right: 0px;
                    }
                    #prodetails .single-pro-details {
                        width: 100%;
                    }
                    /* Blog Page */
                    #blog {
                        padding: 100px 20px 0 20px;
                    }
                    #blog .blog-box {
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                    }
                    #blog .blog-img {
                        width: 100%;
                        margin-right: 0;
                        margin-bottom: 30px;
                    }
                    #blog .blog-details {
                        width: 100%;
                    }
                    /* About Page */
                    #about-head {
                        flex-direction: column;
                    }
                    #about-head img {
                        width: 100%;
                        margin-bottom: 20px;
                    }
                    #about-head div {
                        padding-left: 0px;
                    }
                    #about-app .video {
                        width: 100%;
                    }
                    /* Contact Page */
                    #contact-details {
                        flex-direction: column;
                    }
                    #contact-details .details {
                        width: 100%;
                        margin-bottom: 30px;
                    }
                    #contact-details .map {
                        width: 100%;
                    }
                    #form-details {
                        margin: 10px;
                        padding: 30px 10px;
                        flex-wrap: wrap;
                    }
                    #form-details form {
                        width: 100%;
                        margin-bottom: 30px;
                    }
                    /* Cart Page */
                    #cart-add {
                        flex-direction: column;
                    }
                    #coupon {
                        width: 100%;
                    }
                    #subtotal {
                        width: 100%;
                    }
                }