.section-super-title {
    width: 100%;
    opacity: 0;
    filter: blur(5px);
    transform: translateY(-100%);
    transition: 1.5s;
}
.super-title-img {
    width: 100%;
    background-size: cover;
}

.designgrafico-sec-1.show-animate .section-super-title {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
}


.designgrafico-sec-2 { background: var(--section9-color); gap: 0px; }

.designgrafico-sec-2 .title-divider { margin-bottom: 35px !important; margin-top: 15px !important; }

.designgrafico-container {
    position: relative;
    width: 100%;
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px 50px;
}

.designgrafico-services {
    position: relative;
    width: 100%;
    max-width: 350px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    padding: 40px;
    margin-right: auto;
    margin-left: auto;
}
.designgrafico-services .animate-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.designgrafico-services-img {
    width: 100%;
    height: auto;
    background: rgb(253, 159, 51);
    border-radius: 5px;
    padding: 20px;
}

.animate-individual { 
    filter: blur(5px);
    opacity: 0;
    transition: 1.5s; 
}
.animate-individual.show-animate-individual { 
    filter: blur(0);
    opacity: 1;
}

/* REP SMARTPHONES SECTION-2 */
.animate-individual .main-title  { transform: scale(0); transform: translateY(-100%); }
.animate-individual.show-animate-individual .main-title { 
    transform: scale(1); 
    transform: translateY(0); 
    transition-delay: 1s; 
    transition: 1s; 
}

.animate-individual .animate-item  { transform: scale(0); }
.animate-individual.show-animate-individual .animate-item { 
    transform: scale(1); 
    transition-delay: 1s; 
    transition: 1s; 
}
/* END REP SMARTPHONES SECTION-2 */

/* MOBILE */
@media screen and (max-width:900px) {
    .designgrafico-container {
        grid-template-columns: 1fr 1fr;
        gap: 30px 20px;
    }
}
  
  @media screen and (max-width: 600px) {

    .designgrafico-container {
        grid-template-columns: 1fr;
        gap: 30px 0;
    }
  }