.commonStyle__zt3BrandBg {
    background-color: #00a3fe;
}
.commonStyle__zt3Brand{
    color: #00a3fe;
}




.list-unstyled a{
  color:black
}

.Icon__brand {
    color: #00b0f0;
}
.Header__homeNavbarFixed{
background-color:black}
.Icon__greyShade70 {
    color: #00b0f0;
     filter: grayscale(1); 
}

.NoContent__title {
    font-size: 1.333rem;
    font-weight: 600;
    color: #00b0f0;
    margin: 1rem 0 0;
}

.commonStyle__zt3buttonPrimaryBg {
    background-color: #00b0f0;
}

.commonStyle__zt3BrandBorder {
    border-color: #00b0f0;
}

.Button__footerBtn:hover {
      background-color: #00b0f0;
  }

.Header__name {
    color: #ffffff00;
}



.Header__searchTitle{ 
      margin-bottom: 0;
  font-size:30px;
  font-weight:bold
}
.Header__description{
  font-size:18px;
margin-top:0 !important;margin-bottom:20px}
.Header__globalSearch{
max-width:570px
}
.Button__btnFont.Button__footerBtn{
background-color:#57b85c
}


.footer-container {
      border-bottom: 1px solid #80808047;
  max-width:1300px;
    display: flex;
    justify-content: space-around;
    margin:0 auto;
    padding: 20px 20px;
    
}

.footer-section {
    width: 20%;
}

.footer-section h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #000;
}

.footer-section ul {
    list-style: none;
    padding: 0;
}

.footer-section ul li {
    margin-bottom: 8px;
    color: #333;
    font-size: 14px;
}

.footer-section ul li:hover {
    color: #007bff;
    cursor: pointer;
}

.min-size{
width:10%}
.max-size{
width:20%}

.Header__homeContent.Header__homeNavbarFixed .Header__navbar {
    background-image: linear-gradient(10deg, black -70%, white);
}

@media(max-width:991px){
.footer-section {
    width: 100%;
}
}
Icon__greyShade70 {
    color: #31fc12;
    filter: grayscale(1);
}
.commonStyle__zt3BrandBg {
    background-color: #57b85c;
}
Button__btnFont.Button__footerBtn {
    background-color: #57b85c;
}
Button__btnFont.Button__footerBtn {
    background-color: #57b85c;
}
.Icon__icon {
    top: -.1133333333em;
    width: 1.5rem;
    height: 1.5rem;
    color: inherit;
    fill: rgb(229 240 229);
}
Button__btnFont.Button__footerBtn {
    background-color: #57b85c;
}
Header__name, .Header__searchTitle, .Header__description {
    color: #ffffff;
}
.Header__homeContent .Header__globalSearch input[role="search"] {
    visibility: visible;
}
<input autocomplete="off" class="Input__inputCommon Input__headerSearch commonStyle__w100per commonStyle__borderNone commonStyle__outlineNone" type="search" placeholder="Search in Help Center" maxlength="200" data-id="searchInput" tabindex="0" role="search" value="" enable="">