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

body{
    height: 100vh;
    width: 100%;
    /* background: url(iceberg_snow_sea_3840x2453.jpg); */
    /* background-image: -webkit-radial-gradient(circle, #555, white); */
    /* background-position: bottom; */
    background-color: #222;
    /* background-image: linear-gradient(to bottom left, #fff, #222); */
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    
}

header{
    
    height: 80px;
    width: 100%;
    text-align: center;
    /* background-image: linear-gradient(to left, #ff4500, #000000, #000000,  #ff4500);  */
    
    /* background-color: transparent; */
    background-color: #000000      ;
    transition: all 500ms ease-in-out;
    
    /* background-image: -webkit-radial-gradient(circle, #000000, #ff0000); */
    /* color: #fff; */
    /* box-shadow: 1px 1px 7px 7px #fff; */
    
}
/* header:hover{
    box-shadow: 1px 1px 7px 7px #fff;
    z-index: 20;
    
} */

.logo{
    
    /* width: 100% ;
    height: 56% ; */
    
    /* margin: 10px 0px 0px 20px; */
    color: #ff0000;
    font-size: 280%;

    cursor: default;
    /* align-items: center; */
    font-weight: 400;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    
}

.qrimg :hover{

        transform: scale(1.5);
        transition: all 300ms ease-in-out;
        text-align: center;
        
        
        

}
/* .logo p:hover{
    transform: scale(1);
    

} */



/* .box1 {
    align-items: center;
    font-size: 200%;
} */



.container-website{

    height: 36px;
    width: 100%;
    background-color: #ff4500;
    /* background-image: -webkit-radial-gradient(circle, #000, #ff4500); */
    transition: all 100ms ease-in-out;
    /* color: #fff; */
    /* box-shadow: 1px 1px 7px 7px #fff; */
    /* padding: 13px 4px; */
    
    color: #ff0000;
    font-size: 150%;
    font-weight: 200;
    text-align: center;
    
}


h5{
    color: #ffffff;
    font-size: 125%;
    font-weight: 300;
    text-align: left;
}
h1{
    color: #ffffff;
    font-size: 110%;
    font-weight: 200;
    text-align: center;
}

h2{
    color: #fff;
    font-size: 150%;
    font-weight: 200;
    text-align: center;
}
h3{
    color: #ff4500;
    font-size: 170%;
    font-weight: 200;
    text-align: center;
}
h4{
    color: #ffffff;
    font-size: 180%;
    font-weight: 300;
    text-align: left;
    
}
h6{
    color: #0000ff;
    font-size: 150%;
    font-weight: 500;
    text-align: left;
    justify-content: left;
}

a{
    text-decoration: none;
    color: #15116e;
}


.menu a:hover {
    
    color: #000000;
    
}
.menu a {
    text-decoration: none;
    color: #ff0000; 
     

}

.menu a :active {
    transform: scale(1.0);
    border-color: #ff0000;
    
    box-shadow: 0px 0px 10px 1px #ff0000;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    color: #ff0000;
    
    
}

/* container-menu-bar for (home, about us, contacts us, jobs & Career)  */
.container-menu-bar{
    height: 50px;
    width: 100%;
    /* background-color: transparent; */
    background-color: #ff4500;
    background-image: -webkit-radial-gradient(circle, #ff4500, #ff4500);
    transition: all 60ms ease-in-out;
    /* color: #fff; */
    /* box-shadow: 1px 1px 7px 7px #fff; */
    padding: 13px 4px;
    backdrop-filter: 10px;
    

}

.menu{

    
    /* align-items: end; */
    display: flex;
    width: 100%;
    
    
}


ul.menu li{
    color: #ffffff;
    text-align: center;
    list-style: none;
    margin-left: 0px;
    font-size: 81%;
    padding: 4px 9px;
    text-transform: uppercase;
    cursor: pointer;
    border-bottom: 0px transparent;
    transition: all 200ms ease-in-out;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    transform: scale(1.0);
    border-color: #ff0000;
    border-radius: 0px;
    box-shadow: 2px 0px 8px 1px #000000;
    
}

ul.menu li:hover{
    transform: scale(1.0);
    border-color: #000000;
    border-radius: 0px;
    box-shadow: 0px 0px 4px 1.5px #000000;
    /* border-top-left-radius: 15px;
    border-top-right-radius: 15px; */
    /* border-radius: 15px; */
    
}

/* container menu bar home, about us etc. ends here */


.pqc{
    
    padding-top: 7px;
    text-align: left;
}

.qrimg-container{
    text-align: right;
}








/* container for menclothing, womenclothing etc. starts here */

.navigation1{
    
    text-align: center;
    padding: 100px 20px;
    
}

.menu1 a:hover {
    transform: scale(.6);
    color: #ff4500;
    transition: all 350ms ease-in-out;
    background: transparent;
    
    
}
.menu1 a {
    
    color: #ff0000; 
    transition: all 350ms ease-in-out;
    background-color: #777;
    
     

}

.menu1 a :active {
    transform: scale(.6);
    /* transform: scale(.6); */
    border-color: #ff0000;
    border-radius: 0px;
    box-shadow: 0px 0px 10px 1px #ff0000;
    transition: all 300ms ease-in-out;
    
    /* border-top-left-radius: 15px;
    border-top-right-radius: 15px; */
    color: #ff0000;
    /* transition: all 10ms ease-in-out; */
    
    
}
.menu1{
    
    justify-content: space-between;
    
    
        
}

ul.menu1 li{
    color: rgb(255, 255, 255);
    width: 77%;
    margin: auto;
    list-style: none;
    font-size: 130%;
    padding: 15px 7px;
    text-transform: capitalize;
    text-shadow: #222;
    cursor: pointer;
    border-bottom: 2px  transparent;
    transition: all 350ms ease-in-out;
    box-shadow: 0px 0px 10px 3px #ff0000;
    justify-content: space-between;
    text-align: center;
    background-color: #1c1c1c;

    


}
ul.menu1 li:hover{
    transform: scale(1.05);
    border-color: #333;
    box-shadow: 0px 0px 10px 3px #ff4500;
    transition: ease-in-out 350ms;
    border-radius: 0px;
    backdrop-filter: blur(12px);
    background: transparent;
    color: #fff;
    
    

}



.website-logo{
    /* align-content: inherit; */
    
    
    
    height: 47px;
    width: 100%;
    
    /* background-color: transparent; */
    /* background-color: #222; */
    /* transition: all 100ms ease-in-out; */
    color: #fff;
    box-shadow: 1px 1px 7px 7px #fff;
    padding: 10px, 10px 10px 10px;
    border: 2px solid transparent;
    background: #292929;
    border-radius: 3px;
    backdrop-filter: blur(10px);
    

}
main{
    height: fit-content;
    align-items: center;
    width: 100%;
    
    
}
footer{
    width: 100%;
    height: 20vh;
    bottom: 0;
}
.container2{
    
    width: 100%;
    align-self: center;
    
    background-color: #222;
    /* height: 100vh; */
    
    border-top: #fff;
    border-top-left-radius: 10px;
    
    color: #ffffff;
    padding: 25px;
    
    
    
    

}

.container-decoration{

    width: 100%;
    background-color: white;
}

.box-decoration{

    padding: 40px 20px;
    border: 2px solid transparent;
    /* background: #1c1c1c; */
    /* background-image: linear-gradient(to top left, #222, #222, #222,  #111, #222, #333, #555, #888, #aaa, #ccc ); */
    background-image: linear-gradient(to top left, #fff, #111 );
    /* border-top-right-radius: 20px; */
    /* border-top-left-radius: 20px; */
    backdrop-filter: blur(10px);
    width: 100%;
    height: 5px;
    /* box-shadow: 1px 1px 7px 7px #ff0000; */

}

/* .left {
    align-self: flex-start;
    width: 100%;

}
.left{
    flex: 10;
    padding: 10px;

}
.box{
    width: 100%;
    padding: 5px;
}
.right{
    flex: 4;
    padding: 40px;

}
.left .box {
    padding: 40px 20px;
    border: 2px solid transparent;
    /* background: #1c1c1c; */
    /* background-image: linear-gradient(to top left, #222, #222, #222,  #111, #222, #333, #555, #888, #aaa, #ccc ); */
    background-image: linear-gradient(to top left, #fff, #111 );
    border-radius: 10px;
    backdrop-filter: blur(10px);
    width: 100%;
    height: 165vh;
    box-shadow: 1px 1px 7px 7px #ff0000;

} */
/* .left .box{
    height: 400px;
    width: 80%;
    
    

} */
.txt-medium{
    font-size: 70%;
    text-align: center;
    

}
.txt-bigger{
    font-size: 1.9rem;
    /* font-weight: 600; */
    text-align: center;
    justify-content: center;
    
    
}
.txt-extra-large{
    font-size: 3.7rem;
    /* font-weight: 600; */
    text-align: center;
    
    
}
.form-login{
    width: 100%;
    padding: 10px 30px;
}
.form-login > *{
    margin-top: 10px;
}
.form-login input[type="text"],
input[type="password"]{
    border: none;
    border-bottom: 1px solid #127acf;
    width: 97%;
}
.btn-login{
    width: 100%;
    margin-bottom: 10px;
}
html,body
{ 

    overflow-x: hidden;
}