.main-body {
    background-color: #49b3ff;
}

.grad {
    background-image: linear-gradient(10deg, rgb(0, 119, 255), rgb(0, 0, 0));
}

.grad2 {
    z-index: 10;
    background-image: linear-gradient(5deg, rgb(255, 255, 255), rgb(0, 84, 252));
}

.grad3 {
    background-image: linear-gradient(100deg, rgb(0, 119, 255), rgb(23, 24, 40));
}

.grad2:hover {
    z-index: 100;
    background-color: white;
}

.logo {
    background-image: url("Resources/LOGO.png");
}

.image-area {
    background-size: cover;
    background-position: center;
    background-repeat: repeat;
}

.body-area {
    background-size: cover;
    background-repeat: repeat;
    background-color: white;
    border-radius: 8px;
}

.product-image {
    background-color: white;
    border-radius: 10px;
}

.product-details {
    background-color: white;
    border-radius: 10px;
}

.product-description {
    background-color: white;
    border-radius: 10px;
}

.admin-signin {
    justify-content: center;
    display: flex;

}

.a1 {
    /* border-bottom: 1px solid white; */
    /* background-color: white; */
    /* color: #49b3ff; */
    color: white;
    background: linear-gradient(0deg, rgb(255, 255, 255), rgba(63, 163, 235, 0.348));
}

.b {
    border-left: 1px solid white;
    height: 82vh;
}

.c {
    border-left: 1px solid white;
}

.d {
    border-left: 1px solid white;
    height: 100%;
}

.btn-info {
    background-color: #49b3ff !important;
}

.btn-info:hover {
    background-color: #158ce2 !important;
}

.btn-outline-info:hover {
    background-color: #49b3ff !important;

}

.button1 {
    background: #ffffff;
    height: 40px;
    border: none;
    border-radius: 45px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
}

.button1:hover {
    background-color: #00fffb;
    box-shadow: 0px 15px 20px rgba(0, 225, 255, 0.4);
    color: #006aff;
}

.button10 {
    background: #eba7a7;
    height: 40px;
    border: solid;
    border-color: #ff0000;
    border-radius: 15px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
}

.button10:hover {
    background-color: #ff0000;
    box-shadow: 0px 15px 20px rgba(255, 0, 0, 0.4);
    color: #ffffff;
}

.button2 {
    background: #006aff;
    height: 40px;
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.543);
    border-radius: 45px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
}

.button2:hover {
    background-color: #03b4f4;
    box-shadow: 0px 15px 20px rgba(0, 225, 255, 0.4);
    color: #ffffff;
}

.button3 {
    background: #ff0d0093;
    height: 40px;
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.543);
    border-radius: 45px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
}

.button3:hover {
    background-color: #ff0000;
    box-shadow: 0px 15px 20px rgba(255, 0, 0, 0.586);
    color: #ffffff;
}

.button4 {
    background: #006aff;
    height: 40px;
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.543);
    border-radius: 45px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
}

.button4:hover {
    background-color: #51b02e;
    box-shadow: 0px 15px 20px rgba(29, 143, 27, 0.586);
    color: #ffffff;
}

.button5{
    background: rgb(255, 170, 0);
    height: 40px;
    color: black;
    border: 1px solid rgba(255, 255, 255, 0.543);
    border-radius: 45px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
}

.button5:hover {
    background-color: #ffdd00;
    box-shadow: 0px 15px 20px rgba(255, 196, 0, 0.586);
    color: black;
}

.button6{
    background: rgba(13, 108, 24, 0.795);
    height: 40px;
    color: rgb(255, 255, 255);
    border: 1px solid rgba(255, 255, 255, 0.543);
    border-radius: 45px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
}

.button6:hover {
    background-color: #0bc00e;
    box-shadow: 0px 15px 20px rgb(3, 188, 0);
    color: rgb(255, 255, 255);
}

.button7{
    background: rgb(152, 152, 152);
    height: 40px;
    color: black;
    border: 1px solid rgba(255, 255, 255, 0.543);
    border-radius: 45px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
}

.button7:hover {
    background-color: #ffffff;
    box-shadow: 0px 15px 20px rgba(255, 255, 255, 0.586);
    color: black;
}

.button8 {
    background: #006aff;
    height: 40px;
    color: white;
    border: 1px #006aff;
    border-radius: 5px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
}

.button8:hover {
    background-color: #03b4f4;
    box-shadow: 0px 15px 20px rgba(0, 225, 255, 0.4);
    color: #ffffff;
}

.img-C {
    opacity: 90%;
    z-index: 950;
}

.body {
    z-index: 960;
}


.text1 {
    text-shadow: 2px 2px #006aff;
}

.blur2 {
    background: linear-gradient(120deg, rgba(0, 8, 255, 0.174), rgba(0, 30, 255, 0.628));
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 10px;
    border: 2px solid rgba(255, 255, 255, 0.543);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
}

.product {
    transition: all 0.5s ease 0s;
}

.product:hover {
    color: #006aff;
    background: #c2f2f6;
    box-shadow: black;
}

.a {
    background: none;
    border: none;
}

.a:hover {
    text-decoration: underline;
    text-decoration-style: solid;
}

.gradient {
    background: linear-gradient(10deg, rgba(0, 0, 0, 0.701), rgba(0, 34, 255, 0.616));
    border-radius: 5px;
}

.gradient2 {
    background: linear-gradient(110deg, rgb(52, 123, 255), rgb(1, 16, 27));
    /* background: linear-gradient(180deg, rgb(1, 115, 255), rgba(16, 26, 91, 0.677)); */
    border-radius: 5px;
    border: 2px solid rgba(255, 255, 255, 0.437);
}

.gradient3 {
    background: linear-gradient(100deg, rgb(1, 115, 255), rgba(16, 26, 91, 0.677));
    border-radius: 1px;
    border: 2px solid rgba(255, 255, 255, 0.437);
}

.serif {
    font-family: serif;
}