.header-layout-default .menu-area {
    background-color: #2a1b70 !important;
}
ul#sapp-contact-nos li i.gradient-color {
    background: -webkit-linear-gradient(right, #e7e5ee, #fdfdff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

ul#sapp-contact-nos li a{
    color:#fff
}
.header-fa-call {
background: -webkit-linear-gradient(right, #03A9F4, #00BCD4);
}

.RequestQuote{
  animation: color-change 4s infinite;
}
@keyframes color-change {
  0% { background:#fff;color: #2a1b70; }
  50% { background:#03A9F4;color: #fff;   }
  100% { background:#fff;color: #2a1b70;  }
}
.lets-talk:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background:rgb(31 30 37 / 82%);
}
.GetFreeConsultation, .ChatonWhatsApp, .GetFreeConsultationSideBOx a {
    background: green;
    border: none;
    border-radius: 60px;
    color: #fff;
    text-transform: uppercase;
}
.GetFreeConsultation:hover, .ChatonWhatsApp:hover, .GetFreeConsultationSideBOx a:hover{
      background: #fff;
      color: green;
}
i.fab.fa-whatsapp.ms-2 {
    font-size: 16px;
}
section.Trusted-bg {
    padding: 20px;
    background: #2a1b70;
}
.sx-box.our-story {
    padding-bottom: 0;
}
section.Projects-bg {
    padding: 25px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eeee;
    margin: 40px 0;
}
/* Features */

.feature{margin-bottom: 16px;background:#eee;padding:10px 25px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.05)}
.feature h4{margin-bottom:10px;color:#1976d2}
.feature p {
    color: #111;
    font-weight: 500;
}
.servicess .service-box {
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.servicess .service-box h3 {
  font-size: 20px;
    margin-top: 13px;
    text-align: center;
    border-top: 5px solid #2a1b70;
    border-radius: 5px;
    padding-top: 17px;
}
.servicess .service-box p {
    text-align: center;
    font-size: 17px;
}
.servicess .service-box:hover h3{
    color:#2a1b70;
     border-top: 5px solid #111;
} 
.servicess .service-box:hover p{
    color: #000;
}
form.RequestFreeConsultation label.form-label {
    color: #fff;
    margin-bottom: 3px;
}
form.RequestFreeConsultation .form-control {
    margin-bottom: 0;
        background: #fff;
}

form.RequestFreeConsultation button {
    background: #2a1b70;
    color: #fff;
    padding: 13px 30px;
    border: 3px solid;
    text-transform: uppercase;
 
}
form.RequestFreeConsultation button:hover
 {
    background: #fff;
    color: #2a1b70;
    font-weight: 500;
}
.GetFreeConsultationSideBOx {
    position: fixed;
    bottom: 112px;
    right: 0;
    z-index: 9;
    display: grid;

}