@import url('https://fonts.googleapis.com/css2?family=Arima:wght@100..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-family: "Poppins", sans-serif;
    font-style: normal;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
a{
    text-decoration: none;
    color: rgb(26, 26, 26);
}
nav{
    height: 10vw;
    width: 100vw;
    background-color: white;
    display: flex;
    align-items: center;
    box-shadow: 10px 5px 10px rgb(243, 238, 238);
    position: fixed;
    z-index: 100;
}
#nav-logo{
    margin-left: 8vw;
    cursor: pointer;
}
#nav-ul{
    list-style: none;
    display: flex;
    gap: 3vw;
    font-size: 18px;
    font-weight: 550;
    margin-left: 19vw;
}
#nav-ul>li {
    border-bottom: 2px solid transparent;
    height: 26px;
    transition: 0.5s;
}
#nav-ul>li:hover{
    cursor: pointer;
    border-bottom: 2px solid #9A694F;
}
                                 /* main-section */
.hero-section{
    height: 50vw;
    width: 100vw;
    display: flex;
    /* justify-content: end;
    align-items: center; */
    gap: 15vw;
    background-color: #F8FBFD;
    /* margin-bottom: 20rem; */
}                                 
.hero-description{
    height: 50vw;
    width: 48vw;
    display: flex;
    flex-direction: column;
    gap: 2vw;
    padding-top: 12vw;
    margin-left: 6vw;
    /* background-color: lightgoldenrodyellow; */
}
.hero-p1{
    font-size: 60px;
    font-weight: 500;
    color: #9A694F;
    line-height: 5.5vw;
}
.hero-p2{
    font-size: 20px;
    font-family: 400;
    line-height: 37px;
    color: rgb(70, 70, 70);
}
.hero-cta-div{
    height: 7vw;
    width: 36vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2vw;
    /* background-color: black; */
}
.hero-cta-box{
    height: 5vw;
    width: 17vw;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #9A694F;
    transition: all 0.4s;
    /* background-color: aqua; */
}
.hero-cta-box:hover{
    cursor: pointer;
    background-color: #9A694F;
    transform: scale(1.03);
}
.hero-cta-box:hover .hero-cta-p{
    color: #F8FBFD;
}
.hero-cta-p{
    font-size: 20px;
    font-weight: 600;
    color: #9A694F;
}
#hero-img{
    padding-top: 8vw;
    position: absolute;
    margin-left: 60vw;
}
                                     /* what we do */
.profession{
    height: 40vw;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2vw;
    background-color: white;
}
#profession-p{
    font-size: 40px;
    font-weight: 500;
    color: rgb(26, 26, 26);
}
.profession-rectangle{
    height: 22.22vw;
    width: 88.68vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.15vw;
    margin-top: 2vw;
    /* background-color: #9A694F; */
}
.profession-boxes{
    height: 21.11vw;
    width: 28.88vw;
    border-radius: 8px;
    gap: 1.33vw;
    /* display: flex;
    flex-direction: column; */
    position: relative;
    transition: all 0.4s;
    box-shadow: 5px 5px 10px rgb(177, 177, 177);
    background-color: white;
    cursor: pointer;
}
.profession-boxes:hover{
    box-shadow: 10px 10px 20px rgb(177, 177, 177);
    cursor: pointer;
}
.profession-icons{
    color: #9A694F;
    font-size: 40px;
    margin-top: 2.5vw;
    margin-left: 2vw;
    position: absolute;
}
.profession-top-p{
    position: absolute;
    font-size: 20px;
    font-weight: 600;
    margin-left: 2vw;
    margin-top: 7vw;
    color: rgb(70, 70, 70);
}
.profession-bottom-p{
    color: rgb(70, 70, 70);
    margin-left: 2vw;
    margin-top: 11vw;
    width: 24.88vw;
}
                             /* expertise  */
.expertise-section{
    height: 80vw;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5vw;
    background-color: #F8FBFD;
    /* margin-top: 8vw; */
}
#expertise-p{
    font-size: 40px;
    font-weight: 500;
    color: rgb(26, 26, 26);
}
.expertise-upper{
    height: 30vw;
    width: 85.18vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.726vw;
    /* margin-top: 5vw; */
    /* background-color: aqua; */
}
.expertise-upper-boxes{
    height: 30vw;
    width: 20vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5vw;
    border-radius: 8px;
    background-color: white;
    transition: 0.4s;
    box-shadow: 5px 5px 5px rgb(233, 233, 233);
    border-bottom: 4px solid transparent;
}
.expertise-upper-boxes:hover{
    cursor: pointer;
    transform: translateY(-5px);
    border-bottom: 4px solid #9A694F;
    /* box-shadow: 0 0 20px rgb(233, 233, 233); */
}
.expertise-upper-icon{
    font-size: 50px;
    color: #9A694F;
}
.expertise-upper-top-p{
    color: #9A694F;
    font-size: 27px;
    width: 15vw;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
}
.expertise-upper-bottom-p{
    color: rgb(70, 70, 70);
    text-align: center;
    width: 17vw;   
}
.expertise-lower{
    height: 25.18vw;
    width: 85.18vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    /* background-color: #9A694F; */
    background-color: #F8FBFD;
    box-shadow: 0px 10px 20px rgb(233, 233, 233);
    /* border: 2px dashed rgba(128, 128, 128, 0.507); */
    /* margin-bottom: 20rem; */
}
.expertise-lower-p{
    font-size: 30px;
    font-weight: 500;
    color: rgb(26, 26, 26);
    /* color: #F8FBFD; */
    text-align: center;
}
.expertise-lower-differ-box{
    height: 18.148vw;
    width: 81.48vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.33vw;
}
.expertise-lower-differs-card{
    height: 14.074vw;
    width: 14.074vw;
    border-radius: 15px;
    display: flex;
    justify-content: start;
    flex-direction: column;
    gap: 0.74vw;
    align-items: center;   
    /* background-color: rgb(70, 70, 70); */
    border: 2px solid #9A694F;
    background-color: #F8FBFD;
    transition: all 0.3s;
}
.expertise-lower-differs-card:hover{
    cursor: pointer;
    transform: translateY(-10px);
    /* box-shadow: 0 0 8px rgb(255, 255, 154); */
    
}
.expertise-lower-icons-div{
    height: 9.25vw;
    width: 9.25vw;
    margin-top: 1.33vw;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: #F8FBFD; */
    background-color: #9A694F;
}
.expertise-lower-icons-div>.expertise-lower-icons{
    font-size: 60px;
    color: #F8FBFD;
    transition: all 0.8s;
    
}
.expertise-lower-differs-card:hover .expertise-lower-icons {
    transform: rotateY(360deg);
    /* color: rgba(255, 255, 255, 0.900); */
}
.expertise-lower-differs-card-p{
    font-weight: 500;
    /* color: #F8FBFD; */
    color: #9A694F;
    transition: all .3s;
}
.expertise-lower-differs-card:hover .expertise-lower-differs-card-p {
    transform: scale(1.05);
    /* color: rgba(255, 255, 255, 0.600); */
}
                              
                          /* custom-steps-section */
.custom-steps-section{
    height: 60vw;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3vw;
    /* background-color: whitesmoke; */
    background-color: #F8FBFD;
    /* margin-bottom: 20rem; */
}                    
#custom-steps-section-p{
    font-size: 40px;
    font-weight: 500;
    color: rgb(26, 26, 26);
}      
.custom-steps-whole-box{
    height: 50vw;
    width: 90vw;
    display: flex;
    flex-direction: column;
    gap: 0.5vw;
    /* background-color: aqua; */
    background-color: #F8FBFD;
    box-shadow: 0 2px 0 #8b8683;
}
.custom-steps-whole-box-inner-divs{
    height: 6.66vw;
    width: 90vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5vw;
    /* background-color: #9A694F; */
    background-color: #F8FBFD;
}
.steps-numbering-divs{
    height: 6.3vw;
    width: 6.3vw;
    /* background-color: black; */
    background-color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
    border: 1px solid #9A694F;
    box-shadow: 3px 3px 3px rgb(248, 241, 241);
}
.steps-numbering-divs:hover{
    cursor: pointer;
    background-color: #9A694F;
    transform: scale(1.03);
}
.steps-numbering-divs-p{
    font-size: 25px;
    font-weight: 500;
    color: #9A694F;
}
.steps-numbering-divs:hover   .steps-numbering-divs-p{
    color: #F8FBFD;
} 
.steps-describing-divs{
    height: 6vw;
    width: 82vw;
    /* background-color: whitesmoke; */
    background-color: white;
    border-radius: 10vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: 0.4s;
    box-shadow: 5px 5px 5px rgb(248, 241, 241);
}
.steps-describing-divs:hover{
    cursor: pointer;
    background-color: #dfc9bd;
}
.steps-describing-top-p{
    font-size: 20px;
    font-weight: 500;
    margin-left: 2vw;
    line-height: 1.8vw;
}
.steps-describing-bottom-p{
    font-size: 15px;
    font-weight: 300;
    margin-left: 2vw;
    color: rgb(70, 70, 70);
}
                                    /* experience-section */
.experience-section{
    height: 20vw;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2vw;
    background-color: #F8FBFD;
    /* margin-bottom: 20rem; */
} 
.experience-boxes{
    height: 15vw;
    width: 15vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* background-color: #F8FBFD; */
}                
.experience-boxes-upper-p{
    color: #9A694F;
    font-size: 50px;
    font-weight: 600;
}                   
.experience-boxes-bottom-p{
    color: rgb(70, 70, 70);
    font-size: 18px;
}
                                   /* faqs-section */
.faqs-section{
    height: 56vw;
    width: 100vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3vw;
    background-color: white;
    /* margin-bottom: 20rem; */
}      
.faqs-p{
    font-size: 40px;
    font-weight: 500;
    color: rgb(26, 26, 26);
}                             
.faqs-main-box{
    height: 35vw;
    width: 90vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5vw;
    /* background-color: black; */
}
.faqs-dual-boxes{
    height: 35vw;
    width: 43vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1vw;
    /* background-color: #9A694F; */
}
.faqs-dual-boxes-questions{
    height: 6vw;
    width: 43vw;
    /* background-color: #dfc9bd; */
    background-color: #F8FBFD;
    box-shadow: 5px 5px 5px rgb(248, 241, 241);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    transition: 0.4s;
}
.faqs-dual-boxes-questions-top-p{
    font-size: 17px;   
    margin-left: 2vw;
    font-weight: 500;
}
.faqs-dual-boxes-questions-bottom-p{
    font-size: 15px;
    margin-left: 2vw;
    color: rgb(70, 70, 70);
    font-weight: 300;
}
.faqs-dual-boxes-questions-bottom-p > .faqs-i{
    font-size: 17px;
    color: #9A694F;
}
.faqs-dual-boxes-questions:hover{
    background-color: #dfc9bd;
    cursor: pointer;
}
                                   /* payment-shipping-section */  
.payment-shipping-section{
    height: 60vw;
    width: 100vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7vw;
    background-color: #F8FBFD;
    /* margin-bottom: 20rem; */
}                                                                    
.payment-shipping-section-p{
    font-size: 40px;
    font-weight: 500;
    color: rgb(26, 26, 26);
}
.payment-shipping-div{
    height: 35vw;
    width: 90vw;
    gap: 3vw;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: #8b8683; */
}
.payment-shipping-boxes{
    height: 37vw;
    width: 43vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3.1vw;
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgb(248, 241, 241);
    background-color: white;
    cursor: pointer;
}
.payment-shipping-boxes-top{
    height: 7vw;
    width: 37vw;
    display: flex;
    align-items: center;
    gap: 5.9vw;
    border-bottom: 1px solid  #9A694F;
    /* background-color: lightgreen; */
}
.payment-shipping-boxes-top-p{
    font-size: 27px;
    font-weight: 500;
    color: rgb(26, 26, 26);
}
.payment-shipping-boxes-top-icon-d{
    height: 4.5vw;
    width: 4.5vw;
    border-radius: 50%;
    background-color: white;
    border: 1px solid #9A694F;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;   
}
.payment-shipping-i{
    font-size: 2vw;
    color: #9A694F;
    transition: 0.4s;   
}
.payment-shipping-boxes:hover   .payment-shipping-boxes-top-icon-d{
    background-color: #9A694F;
}  
.payment-shipping-boxes:hover   .payment-shipping-i{
    color: white;
}
.payment-shipping-boxes-middle{
    height: 17vw;
    width: 37vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1vw;
    /* background-color: black; */
}
.payment-shipping-boxes-middle-divs{
    height: 8vw;
    width: 37vw;
    display: flex;
    align-items: center;
    gap: 1vw;
    /* background-color: #8b8683; */
}
.payment-shipping-boxes-middle-divs-box{
    height: 8vw;
    width: 18vw;
    /* background-color: aquamarine; */
    background-color: white;
    box-shadow: 3px 3px 3px rgb(248, 241, 241);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.payment-shipping-boxes-bottom{
    height: 5vw;
    width: 37vw;
    /* background-color: black; */
}
.payment-shipping-boxes-bottom-p{
    font-size: 15px;
    color: rgb(70, 70, 70);

}
                         /* footer */
footer{
    height: 30vw;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-top: 5px solid sienna;
    background-color: #9A694F;
}          
.footer-top{
    height: 8vw;
    width: 100vw;
    /* background-color: aqua; */
    display: flex;
    align-items: center;
    justify-content: center;
}               
.footer-mid{
    height: 17vw;
    width: 90vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* background-color: aquamarine; */
    border-bottom: 1px solid #ac7b60;
}
.footer-mid-large-divs{
    height: 7vw;
    width: 90vw;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    /* background-color: #F8FBFD; */
}
.footer-mid-boxes{
    height: 7vw;
    width: 30vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* background-color: #dfc9bd; */
}
.footer-mid-top-p{
    font-size: 15px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.800);
    /* color: #dfc9bd; */
    display: flex;
    align-items: center;
    gap: 5px;
}
.footer-mid-icons{
    font-size: 18px;
    color: rgba(255, 255, 255, 0.800);
}
.footer-mid-bottom-p{
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    font-weight: 300;
}
.footer-bottom{
    height: 5vw;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-bottom-p{
    font-size: 15px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.800);
}
                                       /* end */

@media screen and (max-width:500px){
    nav{
        height: 30vw;
        width: 100vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #nav-ul{
        display: none;
    }
    #nav-logo{
        height: 20vw;
        width: 70vw;
        margin-right: 10vw;
    }
    .hero-section{
        position: relative;
        /* background-color: aqua; */
        height: 160vw;
        width: 100vw;
        flex-direction: column;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7vw;
    }
    .hero-description{
        /* background-color: orange; */
        /* margin-top: 7vw; */
        /* padding-bottom: 4vw; */
        height: 100vw;
        width: 90vw;
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-right: 6vw;
        gap: 6vw;
    }
    .hero-p1{
        font-size: 9vw;
        text-align: center;
        line-height: 10vw;
        width: 70vw;
    }
    .hero-p2{
        font-size: 5vw;
        width: 80vw;
        text-align: center;
        line-height: 7vw;
    }
    .hero-cta-div{
        position: absolute;
        height: 70px;
        width: 90vw;
        margin-top: 120vw;
        /* background-color: rgb(138, 201, 66); */
    }
     .hero-cta-box{
        height: 13vw;
        width: 40vw;
     }
     .hero-cta-p{
        font-size: 4vw;
     }
    #hero-img{
        display: none;
    }
    .profession{
        height: 230vw;
        width: 100vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 9vw;
        /* background-color: aqua; */
    }
    #profession-p{
        font-size: 7vw;
    }
    .profession-rectangle{
        height: 190vw;
        width: 90vw;
        flex-direction: column;
        gap: 30px;
        /* background-color: yellow; */
    }
    .profession-boxes{
        height: 60vw;
        width: 80vw;
    }
    .profession-icons{
        padding-top: 7vw;
        padding-left: 2vw; 
    }
    .profession-top-p{
        font-size: 4.4vw;
        width: 70vw;
        padding-left: 2vw;
        padding-top: 15.5vw;
    }
    .profession-bottom-p{
        font-size: 3.4vw;
        padding-top: 20vw;
        padding-left: 2vw;
        width: 73vw;
        line-height: 4.5vw;
    }
    .expertise-section{
        margin-top: 20px;
        height: 630vw;
        width: 100vw;
    }
    #expertise-p{
        font-size: 7vw;
    }
    .expertise-upper{
        height: 395vw;
        width: 90vw;
        gap: 7vw;
        flex-direction: column;
    }
    .expertise-upper-boxes{
        height: 90vw;
        width: 80vw;
        gap: 4vw;

    }
    .expertise-upper-top-p{
        font-size: 8vw;
        width: 60vw;
        line-height: 8vw;
        /* background-color: #9A694F; */
    }
    .expertise-upper-bottom-p{
        font-size: 4vw;
        width: 70vw;
    }
    .expertise-lower{
        height: 200vw;
        gap: 7vw;
        width: 100vw;
        /* background-color: #F8FBFD; */
        background-color: white;
    }
    .expertise-lower-p{
        font-size: 7vw;
    }
    .expertise-lower-differ-box{
        height: 165vw;
        flex-direction: column;
        gap: 5vw;
        /* background-color: brown; */
    }
    .expertise-lower-differs-card{
        display: flex;
        flex-direction: row;
        /* gap: 4vw; */
        height: 28vw;
        width: 80vw;
    }
    .expertise-lower-differs-card:hover{
        background-color: #9A694F;
    }

    .expertise-lower-differs-card:hover .expertise-lower-icons-div{
        background-color: white;
    } 
    .expertise-lower-differs-card:hover .expertise-lower-icons{
        color: #9A694F;
    } 
    .expertise-lower-differs-card:hover .expertise-lower-differs-card-p{
        color: white;
    } 
    .expertise-lower-icons-div{
        height: 21vw;
        width: 21vw;
        margin-left: 4vw;
        margin-bottom: 1.33vw;
    }
    .expertise-lower-icons-div .expertise-lower-icons{
        font-size: 9vw;
    }
    .expertise-lower-differs-card-p{
        font-size: 4.7vw;
        font-weight: 700;
        padding-left: 4vw;
    }
    /* #expertise-lower-changing:hover{
        transform: translateX(-10px);
    } */
    .custom-steps-section{
        height: 270vw;
        width: 100vw;
        gap: 7vw;
        /* background-color: orange; */
    }
    #custom-steps-section-p{
        font-size: 7vw;
    }
    .custom-steps-whole-box{
        height: 230vw;
        box-shadow: none;
        gap: 4vw;
        /* background-color: aqua; */
    }
    .custom-steps-whole-box-inner-divs{
        display: flex;
        flex-direction: column;
        height: 35vw;
        /* background-color: #dfc9bd; */
    }
    .steps-numbering-divs{
        display: none;
    }
    .steps-describing-divs{
        height: 35vw;
        width: 80vw;
        border-radius: 5vw;
    }
    .steps-describing-top-p{
        padding-left: 2vw;
        padding-top: 2vw;
        font-size: 4.4vw;
    }
    .steps-describing-bottom-p{
        padding-left: 2vw;
        padding-top: 3vw;
        font-size: 3.4vw;
        line-height: 4.5vw;
        width: 73vw;
        color: black;
    }
    .experience-section{
        height: 160vw;
        width: 100vw;
        flex-direction: column;   
        background-color: white;
        gap: 5vw; 
    }
    .experience-boxes{
        height: 30vw;
        width: 80vw;
        background-color: #F8FBFD;
    }
    .experience-boxes-upper-p{
        font-size: 10vw;
    }
    .experience-boxes-bottom-p{
        font-size: 5vw;
    }
    .faqs-section{
        height: 420vw;
        width: 100vw;
        /* gap: 7vw; */
        /* background-color: violet; */
    }
    .faqs-p{
        font-size: 7vw;
    }
    .faqs-main-box{
        height: 390vw;
        /* background-color: yellow; */
        flex-direction: column;
        gap: 4vw;
    }
    .faqs-dual-boxes{
        height: 187vw;
        width: 80vw;
        gap: 4vw;
        /* background-color: orange; */
    }
    .faqs-dual-boxes-questions{
        height: 35vw;
        width: 80vw;
    }
    .faqs-dual-boxes-questions-top-p{
        font-size: 4vw;
        padding-left: 2vw;
        width: 70vw;
        padding-top: 2vw;
        line-height: 5vw;
    }
    .faqs-dual-boxes-questions-bottom-p{
        font-size: 3.4vw;
        padding-left: 2vw;
        width: 75vw;
        padding-top: 3vw;
        line-height: 5vw;
    }
    .payment-shipping-section{
        height: 230vw;
        width: 100vw;
    }
    .payment-shipping-section-p{
        font-size: 7vw;
        text-align: center;
    }
    .payment-shipping-div{
        height: 190vw;
        width: 80vw;
        gap: 10vw;
        flex-direction: column;
        /* background-color: aqua; */
    }
    .payment-shipping-boxes{
        height: 90vw;
        width: 80vw;
        /* background-color: #ac7b60; */
    }
    .payment-shipping-boxes-top{
        height: 15vw;
        width: 80vw;
        display: flex;
        align-items: center;
        justify-content: center;
        /* background-color: #dfc9bd; */
    }
    .payment-shipping-boxes-top-p{
        font-size: 5vw;
    }
    .payment-shipping-boxes-top-icon-d{
        display: none;
    }
    .payment-shipping-i{
        display: none;
    }
    .payment-shipping-boxes-middle{
        height: 54vw;
        width: 80vw;
        gap: 3vw;
        /* background-color: green; */
    }
    .payment-shipping-boxes-middle-divs{
        height: 25vw;
        width: 80vw;
        /* background-color: #F8FBFD; */
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 3vw;
    }
    .payment-shipping-boxes-middle-divs-box{
        height: 25vw;
        width: 35.5vw;
        background-color: #F8FBFD;
    }
    #payment-img-1{
        height: 12vw;
        width: 30vw;
    }
    #payment-img-2{
        height: 10vw;
        width: 30vw;
    }
    #payment-img-3{
        height: 10vw;
        width: 30vw;
    }
    #payment-img-4{
        height: 9vw;
        width: 30vw;
    }
    #shipping-img-1{
        height: 13vw;
        width: 30vw;
    }
    #shipping-img-2{
        height: 9vw;
        width: 30vw;
    }
    #shipping-img-3{
        height: 12vw;
        width: 30vw;
    }
    #shipping-img-4{
        height: 18vw;
        width: 20vw;
    }
    .payment-shipping-boxes-bottom{
        height: 20vw;
        width: 80vw;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #9A694F;
    }
    .payment-shipping-boxes-bottom-p{
        font-size: 3vw;
        line-height: 4.5vw;
        width: 75vw;
        text-align: center;
        color: white;
    }
    footer{
        margin-top: 5vw;
        height: 120vw;
    }
    .footer-top{
        height: 25vw;
        width: 100vw;
        /* background-color: #dfc9bd; */
    }
    #footer-logo{
        height: 16vw;
        width: 60vw;
    }
    .footer-mid{
        height: 75vw;
        width: 90vw;
        /* background-color: red; */
        /* gap: 5vw; */
    }
    .footer-mid-large-divs{
        flex-direction: column;
        gap: 2vw;
        height: 51vw;
        align-items: center;
        /* background-color: #dfc9bd; */
    }
    #footer-location-div{
        height: 24vw;
        width: 90vw;
    }
    .footer-mid-boxes{
        height: 20vw;
        width: 70vw;
        /* background-color: #8b8683; */
    }
    .footer-mid-top-p{
        font-size: 4.5vw;
    }
    .footer-mid-icons{
        font-size: 4.5vw;
    }
    .footer-mid-bottom-p{
        font-size: 3.7vw;
    }
    .footer-bottom{
        height: 20vw;
        width: 90vw;
    }
    .footer-bottom-p{
        font-size: 3.5vw;
        text-align: center;
        width: 80vw;
        line-height: 5vw;
    }
}