/********** General **********/
.white-button {
   border: 1px solid #4b8ef1;
   transition: all .3s ease-in-out;
   border-radius: 100px;
}
.white-button:hover {
   border: 1px solid #ffffff;
}
.gradient-button a:hover,
.header-area .main-nav .nav li .gradient-button:hover a {
   color: #212529 !important;
}
/********** General **********/


/********** Header **********/
.logo img {
   max-height: 45px;
}
/********** Header End **********/


/********** Footer **********/
.footer-widget .logo img {
   max-width: 140px;
}
/********** Footer End **********/


/********** Contact Us End **********/
.the-clients,
.contact-us {
   margin-top: 0;
   padding-top: 130px;
}
.contact-us .section-heading {
   text-align: center;
   margin-bottom: 80px;
}
.contact-form {
   max-width: 991px;
   padding: 0 12px;
   margin: auto;
   display: flex;
   flex-direction: column;
   align-items: center;
}
.contact-form > * {
   width: 100%;
   margin-bottom: 20px;
}
.contact-form > div > input {
   width: calc(50% - 12px);
}
.contact-form > div > input:not(:last-child) {
   margin-right: 20px;
}
.contact-form input,
.contact-form textarea,
.contact-form input:focus-visible,
.contact-form textarea:focus-visible {
   border: 1px solid rgba(255, 255, 255, 0);
   padding: 10px 20px;
   box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
   outline: none;
   border-radius: 10px;
   transition: all .3s ease-in-out;
}
.contact-form input:focus,
.contact-form textarea:focus {
   border-color: #4b8ef1;
}
.contact-form textarea {
   height: 150px;
}
.contact-form .gradient-button2 {
   border: 0;
   width: fit-content;
   display: inline-block !important;
   padding: 10px 50px !important;
   color: #fff;
   text-transform: capitalize;
   font-size: 15px;
   background: rgb(19,175,240);
   background: linear-gradient(105deg, rgba(91,104,235,1) 0%, rgba(40,225,253,1) 100%);
   border-radius: 23px;
   font-weight: 500 !important;
   letter-spacing: 0.3px !important;
   transition: all .5s;
   margin-top: 10px;
   margin-bottom: 0;
}
.contact-form .gradient-button2:hover {
   color: #212529;
}
/********** Contact Us End **********/



@media (max-width: 767px) {
   /********** Contact Us **********/
   .contact-form > div > input:not(:last-child) {
      margin-right: 0;
      margin-bottom: 20px;
   }
   .contact-form > div > input {
      width: 100%;
   }
   /********** Contact Us End **********/
}