@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');

.copyright {
    margin-bottom: 2rem;
}

.background-footer {
 background-color:  #ececec;
}

  .btn-category-custome-1 {
    background-color: #9addff;
    color: rgb(0, 66, 209);
    ;
    font-weight: bold;
    margin-top: 17px;
  }

  .btn-category-custome-2 {
    background-color: rgb(255, 147, 147);
    ;
    color: rgb(194, 0, 0);
    font-weight: bold;
    margin-top: 17px;
  }

  .btn-category-custome-3 {
    background-color: rgb(143, 255, 143);
    color: rgb(0, 150, 0);
    font-weight: bold;
    margin-top: 17px;
  }

  .btn-category-custome-4 {
    background-color: #f6a7ff;
    margin-top: 17px;
    ;
    color: #9800a9;
    font-weight: bold;
  }

  .btn-category-custome-1:hover {
    color: rgb(0, 66, 209);
    transition: 0.5s;
    box-shadow: 1px 4px 15px -2px rgb(162, 162, 162);
  }

  .btn-category-custome-2:hover {
    color: rgb(194, 0, 0);
    transition: 0.5s;
    box-shadow: 1px 4px 15px -2px rgb(162, 162, 162);
  }

  .btn-category-custome-3:hover {
    color: rgb(0, 150, 0);
    transition: 0.5s;
    box-shadow: 1px 4px 15px -2px rgb(162, 162, 162);
  }

  .btn-category-custome-4:hover {
    box-shadow: 1px 4px 15px -2px rgb(162, 162, 162);
    color: #9800a9;
    transition: 0.5s;

  }

  .list-group-item {
    margin-left: 0;
  }

  .card-title {
    color: black;
    text-decoration: none;
  }

  .link-package {
    text-decoration: none;
  }

  .link-package:hover {
    text-decoration: none;
  }

  .btn-package-pricing {
    background-color: #007bff;
    color: white;
    font-weight: bold;
    border-radius: 0;
    border: none;
  }

  .btn-package-pricing:hover {
    background-color: #0069d9;
    ;
    color: white;
    font-weight: bold;
    border-radius: 0;
    border: none;
  }

  .card-text {
    margin-left: 0px;
    color: rgb(102, 102, 102);
  }

.img-logo{
    width: 200px;
    margin-left: -50px;
}

li {
    display: inline-block;
    margin-left: 35px;
    font-family: 'Poppins', sans-serif;
}

.link-footer {
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    border-right: 1px solid;
    padding-right: 20px;
    margin-left: -15px;
}

.text-footer-bottom {
    font-size: 13px;
    text-decoration: none;
    color: #7a7a7a;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    border-right: 1px solid;
    padding-right: 20px;
    margin-left: -15px;
    border-bottom: none;
}

.text-bottom-footer {
    color:#7a7a7a;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
}

.text-bottom-footer-2 {
    color: white;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
}

.text-link-footer-2 {
    color: white;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
}

#link-bottom {
    float: right;
    text-decoration: none;
    color: #fff;
}

#img-icon {
    float: right;
}

.a-footer:hover {
    text-decoration: none;
    color: #ff7a21;
    font-family: 'Poppins', sans-serif;
}

.img-footer {
    margin-bottom: 32px;
    margin-left: -25px;
}

#submenu-footer {
    float:right;
}

@media (min-width: 320px) and (max-width: 600px) {
    #submenu-footer {
        float:left;
    }

    .img-logo {
      margin-left: 50px;
      width: 200px;
      margin-bottom: 25px;
      margin-top: 25px;
    }



    .list-footer-1 {
        padding-bottom: 70px;
    }

    li .link-footer {
        border: none;
    }

    .text-bottom-footer {
        text-align: center;

    }

    .text-bottom-footer-2 {
        text-align: center;
    }

    #img-icon {
        float: none;
        margin-left: px;
        padding-top: 10px;
        margin-left: 55px;
    }
/*
    .img-footer {
        margin-left: px;
    } */

    img {
        margin-left: none;
    }
  }

@media (min-width: 601px) and (max-width: 700px) {
     .img-logo {
      margin-left: -100px;
      width: 200px;
    }

    .text-bottom-footer {
      margin-left: 140px;
    }
}