.principal-catalog {
   display: flex;
   justify-content: center;
   /* align-items: center; */
   min-height: 60vh;
   /* background: #11131e; */
}

.container-catalog {
   position: relative;
   display: flex;
   justify-content: center;
   /* align-items: center; */
   flex-wrap: wrap;
   gap: 90px 10px;
   padding: 80px 10px;
   /* border: 1px red solid; */
}

.container-catalog .card {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: flex-start;
   width: 300px;
   max-width: 100%;
   height: 230px;
   background: #f9f9f9;
   border-radius: 20px;
   transition: 0.5s;
   box-shadow: 0 35px 80px rgba(0, 0, 0, 0.15);
}

.container-catalog .card:hover {
   height: 360px;
   cursor: pointer;
}

.container-catalog .card .img-box {
   position: absolute;
   top: 20px;
   width: 200px;
   height: 150px;
   background: #fff;
   border-radius: 20px;
   overflow: hidden;
   transition: 0.5s;
   opacity: 1;
}

.container-catalog .card:hover .img-box {
   top: -100px;
   scale: 0.75;
   box-shadow: 0 15px 45px rgba(0, 0, 0, 0.2);
}

.container-catalog .card .img-box img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: scale-down;
}

.container-catalog .card .content {
   position: absolute;
   top: 190px;
   width: 100%;
   height: 35px;
   padding: 0 15px;
   text-align: center;
   overflow: hidden;
   transition: 0.5s;
   /* border: 1px red solid; */
}

.container-catalog .card:hover .content {
   top: 50px;
   height: 300px;
}

.download-catalogo {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   gap: 3px;
}

.download-catalogo a {
   position: relative;
   top: 0;
   display: inline-block;
   padding: 10px 20px;
   text-decoration: none;
   background: var(--clr);
   color: white;
   font-weight: bold;
   font-size: 0.8rem;
   border-radius: 10px;
}

.modal-dialog-catalog {
   margin-top: 10px !important;
}

.view-catalog {
   background-color: orange !important;
   color: white !important;
}

.download-catalogo i {
   margin-right: 5px;
   line-height: 24px;
   font-size: 1rem;
}

.download-catalogo a:hover {
   opacity: 0.8;
}

.container-catalog .card .content h2 {
   font-size: 1.2rem;
   font-weight: 700;
   color: var(--clr);
}

.content-text {
   height: 220px;
   /* border: 1px blue solid; */
   margin-top: 10px;
}

.content-text p {
   max-height: 200px;
   overflow-y: auto;
}

.container-catalog .card .content p {
   color: #333;
   /* border: 1px blue solid; */
   font-size: 0.9rem;
}

.textbox {
   width: 100%;
   position: relative;
}

.textbox i {
   position: absolute;
   top: 72%;
   right: 10px;
   translate: 0 -50%;
   color: #626161;
   /* z-index: 999999; */
   font-size: 24px;
   cursor: pointer;
}

@media screen and (max-width: 576px) {
   .section-catalogs {
      /* border: 1px blue solid !important; */
      width: 100% !important;
      padding: 20px 10px 10px 10px;
   }

   .container {
      width: 100%;
      /* border: 3px green solid; */
      margin: 0;
   }

   .container-catalog .card {
      width: 230px;
      border-radius: 15px;
   }

   .container-catalog .card .content p {
      font-size: 0.9rem;
   }

   .container-catalog .card .content a {
      font-size: 0.9rem;
   }

   .section-title h3 {
      font-size: 1.6rem;
   }

   .section-title p {
      font-size: 0.9rem;
   }
}

/* Código País - Telefone */

.iti__selected-dial-code {
   color: #555555 !important;
}

.iti__country-list {
   background-color: #fff;
   height: max(300px);
   position: relative;
}

li {
   color: #555555 !important;
   font-size: 14px !important;
}