#main-section{
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#title-heading{
    margin-top: 120px;
    font-size: 96px;
}

#title-paragraph{
    font-size: 48px;
    margin:0;
    margin-top: 200px;
    font-weight: 700;
}

main{
    margin: 3.5%;
    margin-bottom: 10%;
}

img{
    height: auto;
    width: 100%;
    transition: all 0.3s ease;
}

img:hover{
    filter: brightness(80%) grayscale(15%);
    transform: scale(1.02);
}

#image-6-grid{
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 40px 40px;
    margin-bottom: 40px;
    margin-top: 40px;
}

#image-1{
    border-radius: 20px 90px 90px 20px;
}

#image-1:hover{
    border-radius: 90px 20px 20px 90px;
}

#image-2{
    border-radius: 90px 90px 90px 90px;
}

#image-2:hover{
    border-radius: 20px 20px 20px 20px;
}

#image-3{
    border-radius: 90px 20px 20px 90px
}

#image-3:hover{
    border-radius: 20px 90px 90px 20px
}

#image-4{
    border-radius: 20px 90px 90px 20px
}

#image-4:hover{
    border-radius: 90px 20px 20px 90px
}

#image-5{
    border-radius: 90px 90px 90px 90px
}

#image-5:hover{
    border-radius: 20px 20px 20px 20px
}

#image-6{
    border-radius: 90px 20px 20px 90px
}

#image-6:hover{
    border-radius: 20px 90px 90px 20px
}

#image-7{
    border-radius: 20px;
    margin-bottom: 40px;
}

.video{
    width: 100%;
    border-radius: 20px;
    margin-bottom: 40px;

    transition: all 0.3s ease;
}

.video:hover{
    filter: brightness(80%) grayscale(15%);
    transform: scale(1.02);
}

.fancybox__backdrop{
    background: rgba(255,255,255,0.25) !important;
    backdrop-filter: blur(12px);
}

.fancybox__content img{
    border-radius: 90px;
}

.fancybox__toolbar{
    background: transparent;
}

.fancybox__caption{
    font-size: 16px;
    font-weight: 600;
}