div#staticBackdrop {
    background: linear-gradient(to bottom, #8e2de2, #4a00e0);
}
nav{
    background-image: radial-gradient(circle, #484848 0%, #0E0E0E 100%);
}
div#staticBackdrop a, nav .nav-link{
    color: #fff !important;
}
div#staticBackdrop a.active, nav a.active {
    color: #fbbc04 !important;
    font-weight: 600;
}
img.site-logo {
    width: 100px;
}
section.heroSectin.py-3.py-md-5 {
    background: linear-gradient(23deg, #3bb0c02b 6%, #fff 53%, #fff 80%);
}
.themeBtn {
    height: 45px;
    background: linear-gradient(45deg, #ff512f, #dd2476);
    padding: 10px 20px;
    border-radius: 50px;
    text-decoration: none;
    color: #fff;
    box-shadow: 0px 8px 32px -15px #212529ba;
    line-height: 45px;
    display: flex;
    width: fit-content;
    justify-content: center;
    align-items: center;
    transition: background 1s ease-in-out, background-position 1s ease-in-out;
    background-position: left;
}

.themeBtn:hover {
    background: linear-gradient(45deg, hsla(206, 100%, 73.3%, 1), #77c4ff);
    background-position: right;
}
.Features-card {
    padding: 20px;
    border: 1px solid #2fccf9;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: box-shadow 0.3s ease-in-out;
}
.Features-card img {
    width: 80px;
    margin: 0px auto 20px auto;
    display: flex;
}
.Features-card:hover{
    box-shadow: 0px -7px #0dcaf0;
}
section.Services.py-3.py-md-5 {
    background-image: linear-gradient(to bottom, #8e2de2, #4a00e0);
}
.Services-card {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    border: 2px solid #f39c02;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: start;
    text-align: start;
}
.Services-card img{
    height: 70px;
}
.tastimoniols{
    background-position: center;
    background-image: url(../Images/feedback-bg.png), linear-gradient(to bottom, #8e2de2, #4a00e0);
}
.tastimoniol-card {
    padding: 20px;
    border: 2px solid #2fccf9;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: box-shadow 0.3s ease-in-out;
    background: #fff;
}
.tastimoniol-card:hover{
    box-shadow: 0px -7px #0dcaf0;
}
footer{
    background-image: radial-gradient(circle, #484848 0%, #0E0E0E 100%);
}
.copyright.text-white.pt-5.text-center {
    border-top: 1px solid #ffffff3b;
    margin-top: 20px;
}
.contact-form .contactFormCard {
    margin-top: -148px;
    box-shadow: 0px 17px 68px -42px #00000078;
}
.contact-form{
    background-image: url(../Images/feedback-bg.png), linear-gradient(to bottom, #8e2de2, #4a00e0);

}
.contactCard {
    background: #ffffff;
    padding: 15px;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 17px 68px -42px #00000078;
}
.companyEthosList .number {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    background-image: linear-gradient(to bottom, #8e2de2, #4a00e0);
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.08);
    display: flex
;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.lightText h6 {
    font-weight: 300;
    font-size: 20px;
    line-height: 33px;
}
.companyEthosList p {
    color: #505253;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px;
}