/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

/* footer form for newsletter starts */

@media screen and (max-width: 400px) {
  .newsletter, .widget-a{
    padding-left: 10px;
  }
}
@media (min-width: 401px) {
  .newsletter, .widget-a{
    padding-left: 45px;
  }
}

.form-newsletter {
        display: flex;
        flex-direction: column;
        background: #606c88;
        background: -webkit-linear-gradient(to right, #3f4c6b, #606c88);
        background: linear-gradient(to right, #3f4c6b, #606c88);
        padding: 20px;
        border-radius: 10px;
        max-width: 350px;
      }
      
      .title-newsletter {
        font-size: 2rem;
        line-height: 2rem;
        font-weight: 700;
        letter-spacing: -0.025em;
        color: #fff;
      }
      
      .description-newsletter {
        line-height: 1.5rem;
        font-size: 1rem;
        margin-top: 1rem;
        color: rgb(209 213 219);
      }
      
      .form-newsletter div {
        display: flex;
        max-width: 28rem;
        margin-top: 1rem;
        column-gap: 0.5rem;
      }
      
      .form-newsletter div input {
        outline: none;
        line-height: 1.5rem;
        font-size: 0.875rem;
        color: rgb(255 255 255 );
        padding: 0.5rem 0.875rem;
        background-color: rgb(255 255 255 / 0.05);
        border: 1px solid rgba(253, 253, 253, 0.363);
        border-radius: 0.375rem;
        flex: 1 1 auto;
      }
      
      .form-newsletter div input::placeholder {
        color: rgb(216, 212, 212);
      }
      
      .form-newsletter div input:focus {
        border: 1px solid rgb(99 102 241);
      }
      
      .form-newsletter div button {
        color: #fff;
        font-weight: 600;
        font-size: 0.875rem;
        line-height: 1.25rem;
        padding: 0.625rem 0.875rem;
        background-color: rgb(99 102 241);
        border-radius: 0.375rem;
        border: none;
        outline: none;
      }
      
      /* footer form for newsletter ends */


      /* footer social section */
      .top-right-section {
        height:30px;
      }
      .top-right-section  a {
        color: #183153;
      }
      
      .top-right-section li {
        list-style: none;
      }
      
      
      .social-links,.flex-center {
        display: flex;
        justify-content: center;
        align-items: center;
      }
      
      .social-btn {
        cursor: pointer;
        height: 40px;
        width: 75px;
        font-family: 'Titillium Web', sans-serif;
        color: #333;
        border-radius: 10px;
        box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
        background: white;
        margin: 2px;
        transition: 0.3s;
        justify-content: center;
      }
      
      @media screen and (max-width: 600px) {
        .social-btn {
          height: 40px;
        width: 40px;
        }
      }


      .social-btn svg {
        height: 24px;
        width: 24px;
      }
      
      .social-btn span {
        width: 0px;
        overflow: hidden;
        transition: 0.3s;
        text-align: center;
        margin-left: 5px;
      }
      
      @media (min-width:1000px){
        .social-btn:hover {
          width: 150px;
          border-radius: 5px;
        }
        
        .social-btn:hover span {
          padding: 2px;
          width: 80px;
        }
      }
      
      #twitter svg {
        fill: #1da1f2;
      }
      
      #linkedin svg {
        fill: #0e76a8;
      }
      
      #facebook {
        fill: #039BE5;
      }
      
      #instagram{
        fill:#FA5252;
      }
      #blogs{
        fill: #183153;
      }
      #pinterest{
        fill: #E60023ed;
      }
      /* footer social  section ends*/


.section-footer {
  padding-top: 60px;
  margin-top: 60px;
  background: #f3f3f3;
}

.section-footer ul {
  line-height: 2;
}

.section-footer .item-list-a  {
  font-size: 15px;
  padding-right: 4px;
  color: #2eca6a;
  white-space: nowrap;
}

.section-footer .widget-a .w-title-a {
  margin-bottom: 1rem;
}

footer {
  background: #f3f3f3;
  text-align: center;
  padding: 30px 0;
}

footer .copyright-footer {
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

footer .credits {
  font-size: 14px;
}