/** Shopify CDN: Minification failed

Line 93:11 Expected ":"

**/
/* Gallery Grid */

.parent {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

.parent img {
    width: 100%;
}

.div1 {
    grid-area: 2 / 1 / 4 / 2;
    justify-content: flex-end;
}

.div2 {
    grid-area: 1 / 2 / 3 / 4;
}

.div3 {
    grid-area: 3 / 2 / 4 / 3;
}

.div4 {
    grid-area: 3 / 3 / 4 / 5;
}

.div5 {
    grid-area: 4 / 3 / 5 / 5;
    position: relative;
    top: -40%;
}

.div6 {
    grid-area: 2 / 4 / 3 / 5;
}

.div4 img, .div5 img{
    width: 60%;
}

/* Quote-Section */

/* .quote-section {
  background: no-repeat center/100% 100% url('{{ "MeeraImg.png" | asset_url }}');
  
  background-size: 100% 100%;
  background-position: 100%;
  width: 100%;
  height: 80vh;
}



.quote {
    height: 100%;
    align-items: center;
    justify-content: flex-end;
}

.quote h3 {
    margin-right: 50px;
    font-size: clamp(32px, 5vw, 64px);
    width: 76%;
} */

.quote {
    height: 100%;
    justify-content: space-between;
    padding-inline: 0;
}
.quote-img{
    height: 100%;
    width: 30%;
}
.quote-img img{
    height: 100%;
}
.quote-text{
    width: 70%;
    height: 100%;
}
.quote h4 {
    font-size: clamp(2rem, 4vw, 5.5rem);
    padding`: 0 50px;
    padding: 0 50px;
}

.heading {
    transition: opacity 0.5s ease;
  }

/* The Designer Section */

.the-designer-description {
    height: fit-content;
    padding-bottom: 5%;
}

.the-designer-description p{
    padding: 10px 0;
}

.section-left {
    width: 53%;
}

.section-right {
    width: 40%;
}

.socials a {
    color: #050505;
    margin-right: 15px;
    font-size: 18px;
}

/* @media (max-width: 1100px) {
    .quote-section {
        background-size: contain;
    }
} */

/* @media (min-width: 720px) and (max-width: 768px){
    .quote-section {
      background-size: cover;
    }
}

@media (max-width: 720px){
  .quote-section {
      background-size: contain;
    }
} */
@media (max-width: 768px) {

    /* .quote-section {
        width: 100%;
        height: 50vh;
    }

    .quote h3 {
        font-size: 40px;
        margin-right: 0;
        width: 70%;
    } */

    .the-designer-description {
        height: fit-content;
        padding-bottom: 10px;
    }

    .the-designer-description p{
        padding: 5px 0;
    }
    
    .section-left {
        width: 100%;
    }
    
    .section-right {
        width: 100%;
        padding-top: 10px;
    }
}
@media (max-width: 480px) {

    
    /* .quote-section {
        background-size: cover;
        margin-bottom:27px;
    }
    
    .quote h3 {
        margin: 0 auto;
        font-size: 27px;
        width: 100%;
        text-align: center;
    } */

    .quote-img{
        width: 100%;
    }
    .quote-text{
        width: 100%;
        height: 224px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .quote-text h4{
        width: 70%;
        height: 100%;
        line-height: 1.5;
        text-align: center;
        display: flex;
        align-items: center;
        padding: 0;
    }
}