* {
            padding: 0;
            margin: 0;
            box-sizing: border-box;
        }

        .homepage {
            height: 538vh;
            width: 100vw;
            border: 2px solid black;
            font-family: 'Times New Roman', Times, serif;
        }

        #offers {
            height: 5vh;
            width: 100vw;
            background-color: rgb(19, 80, 3);
            color: white;
            display: flex;
            font-size: 14px;
            font-weight: 100;
            justify-content: space-between;
            align-items: center;
            padding:10px;
            font-family: sans-serif;
        }
        #offers img{
            height:22px;
            width:20px;
        }
        .search-area{
            display: flex;
            justify-content: space-between;
            padding: 20px;
        }
        #marks img{
            height:30px;
            width:30px;
        }
        .homepage img{
            width:100%;
             margin-bottom: -5px;
        }
        .search-area img{
            height:30px;
            width:130px;
        }
        .search-area input{
            height: 45px;
            width:50vw;
            font-size: 17px;
            background-image: url(./mi--search.svg);
            background-repeat: no-repeat;
            background-position: right;
            padding:10px;
        }
        #navbar ul{
            display: flex;
           list-style-type: none;
           justify-content: center;
           gap:20px;
           font-size: 16px;
           font-weight: 400;
           border-bottom: 1px solid black;
           padding:10px;
        }
        #exclusive{
            background-color: rgb(241, 241, 241);
            padding:50px 20px 50px 20px;
        }
        .textcenter{
            text-align: center;
            margin: 20px 0 20px 0 ;
        }
        #exclusive h1{
        font-size: 42px;
        font-weight: 100;
        text-align: center;
        }
        #exclusive p{
            font-size: 17px;
            font-family: sans-serif;
        }
        #exclusive p b{
            font-size: 19px;
            font-family: sans-serif;
            text-decoration: 2px underline black;
        }
        .exclusiveimage{
            display: flex;
            justify-content: space-evenly;
        }
        .exclusiveimage img{
           height:440px;
           width:440px;
        }
        .exclusiveimage h2{
            font-size: 35px;
            font-weight: 200;
            margin: 10px 0 10px 0;
        }
        .exclusiveimage p{
            font-size: 16px;
        }

        .trade{
           height:300px;
            width:220px;
            background-image:url(https://cdn.shopify.com/s/files/1/1033/0751/files/ferra-copper-A-A1T-FA007-69-V2_fa1a6262-557c-4cd4-9553-957b69d14c83.jpg?v=1759350109&width=640);
            background-size: cover;
        }
        .trade:hover{
            height:300px;
            width:220px;
            background-image:url(https://cdn.shopify.com/s/files/1/1033/0751/files/ferra-copper-C-A1T-FA007-21-KIT_29b07ae1-c0de-4d88-ad44-73dbbc9b6926.jpg?v=1757709740&width=640);
            background-size: cover;
        }
        .trade1{
          height:300px;
            width:220px;
            background-image: url(https://cdn.shopify.com/s/files/1/1033/0751/files/nina-takesh-loire-ivory-quartz-A-PMP-NT008-69-V12_c9a0e8e7-3aa6-49e6-8d27-a3acc1d031b3.jpg?v=1757095086&width=640);
            background-size: cover;
        }
        .trade1:hover{
           height:300px;
            width:220px;
            background-image: url(https://cdn.shopify.com/s/files/1/1033/0751/files/nina-takesh-loire-ivory-quartz-C-PMP-NT008-57-V12_a1e97442-190c-404d-844b-b053064bd1a0.jpg?v=1757095087&width=256);
            background-size: cover;
        }
        .trade2{
            height:300px;
            width:220px;
            background-image: url(https://cdn.shopify.com/s/files/1/1033/0751/files/ellis-soft-white-A-PLS-PH012-69_aa30f626-bfd6-4179-a452-d25bb4795987.jpg?v=1758390218&width=640);
            background-size: cover;
        }
        .trade2:hover{
           height:300px;
            width:220px;
            background-image: url(https://cdn.shopify.com/s/files/1/1033/0751/files/ellis-soft-white-C-PLS-PH012-81-LVR_f80c83ec-ce7c-416b-8a7c-9ecfa9bc8981.jpg?v=1758390218&width=256);
            background-size: cover;
        }
        .trade3{
           height:300px;
            width:220px;
            background-image: url(https://cdn.shopify.com/s/files/1/1033/0751/files/morris-co-blackthorn-forest-green-A-PMP-MC007-69-V11_eb4d78d1-9520-4d10-b304-12998470115c.jpg?v=1757094835&width=640);
            background-size: cover;
        }
        .trade3:hover{
           height:300px;
            width:220px;
            background-image: url(https://cdn.shopify.com/s/files/1/1033/0751/files/morris-co-blackthorn-forest-green-C-PMP-MC007-57-V11_6cbd1c18-96de-46d9-8f90-731717b31921.jpg?v=1757094835&width=256);
            background-size: cover;
        }
        .trade4{
            height:300px;
            width:220px;
            background-image: url(https://cdn.shopify.com/s/files/1/1033/0751/files/goop-salerno-soft-black-A-RC-GP008-69_ddf12e3d-92d5-4e89-bca5-36e64c1d4692.jpg?v=1755032996&width=640);
            background-size: cover;
        }
        .trade4:hover{
            height:300px;
            width:220px;
            background-image: url(https://cdn.shopify.com/s/files/1/1033/0751/files/goop-salerno-soft-black-C-RC-GP008-57_18dcd112-7a16-4cfc-accc-2e4a20c20306.jpg?v=1755032995&width=256);
            background-size: cover;
        }
        .trade5{
            height:300px;
            width:210px;
            background-image: url(https://cdn.shopify.com/s/files/1/1033/0751/files/holme-ivory-natural-A-PMP-HY003-69_43de9d03-6150-44a9-b798-174b504db05e.jpg?v=1757094766&width=640);
            background-size: contain;
        }
        .trade5:hover{
            height:300px;
            width:220px;
            background-image: url(https://cdn.shopify.com/s/files/1/1033/0751/files/holme-ivory-natural-C-PMP-HY003-57-V2_0709d32a-bee8-4d07-8659-fb29614d298c.jpg?v=1757094766&width=256);
            background-size: contain;
        }
        .trademember h1{
            font-size: 40px;
            font-weight: 100;
            text-align: center;
            margin-bottom: 20px;
        }
         button{
            height:50px;
            width:250px;
            border: none;
            color: white;
            background-color: brown;
            font-size: 19px;
            display: flex;
            justify-self: center;
            justify-content: center;
            align-items: center;
            align-self: flex-end;
            margin:20px 0 10px 0;
        }
        #tradeimage{
            display:flex;
            gap:20px;
            text-align: center;
            line-height: 25px;
            font-family: sans-serif;
        }
        #tradesection{
            height:80vh;
            width:100vw;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .howto h1{
            font-size: 40px;
            font-weight: 300;
            text-align: center;
            margin-top: 20px;
        }
        .howto span{
            font-size: 18px;
            font-family: sans-serif;
            display: flex;
            justify-self: center;
        }
        #grouphow{
            display: flex;
            justify-content: space-evenly;
        }
        .howto{
            background-color: rgb(234, 234, 234);
            line-height: 60px;
            height: auto;
            width: 100vw;
            padding: 20px;
        }
       #grouphow h2{
        font-size: 35px;
        font-weight: 300;
       }
       #grouphow p{
        font-size: 19px;
       }
       .box{
        background-color: white;
        padding: 20px;
        line-height: 42px;
        margin: 20px 0 20px 0;
       }
       .box span{
        text-decoration: 2px solid underline;
       }
       .advantage{
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding:80px;
       }
       .advantage h1{
        font-size: 40px;
        font-weight: 300;
        text-align: center;
       }
       .advantage p{
        font-family: sans-serif;
        font-size: 17px;
        text-align: center;
       }
       .advantage img{
        height:400px;
        width:600px;
       }
       .contactus img{
        height:400px;
        width:765px;
       }
       .contactus{
        display: flex;
       }
       #contactdetail{
         height:400px;
        width:765px;
        background-color: rgb(37, 37, 37);
        color: white;
        padding:60px;
       }
       #contactdetail p{
        font-size: 17px;
        font-family: sans-serif;
        margin:20px 0 20px 0;
       }
       #contactdetail h1{
        font-size: 40px;
        font-weight: 300;
       }
       .contactus button{
         height:60px;
            width:300px;
            border: none;
            color: white;
            background-color: brown;
            font-size: 19px;
            display: flex;
            justify-self: start;
            justify-content: center;
            align-items: center;
            align-self: flex-end;
            margin:20px 0 10px 0;
       }
       .footer{
        background-color: black;
        color: white;
        padding:30px;
        line-height: 30px;
        margin-top: -5px;
       }
       #qualitypara{
        margin-left:5vw ;
        font-style: italic;
       }
       #reference{
        display: flex;
        justify-content: space-around;
       }
       #reference ul{
        list-style-type: none;
       }
       #reference input{
        height:50px;
        width:250px;
        color: black;
        font-size: 16px;
        text-align: center;
       }
       #reference button{
        height:50px;
            width:250px;
            border: none;
            color: white;
            background-color: brown;
            font-size: 19px;
            display: flex;
            justify-self: start;
            justify-content: center;
            align-items: center;
            align-self: flex-end;
       }
b{
    color: black;
}
.movepage a{
    color: black;
}