*{
    margin: 0;
    padding: 0;
}

.gallery-rama{
    width: 95%;
    margin: auto;
}
.gallery-rama .gallery-main{
    /* width: %; */
    margin: auto;
    justify-items: center;
    align-content: center;
   
}
.gallery-rama .gallery-main .gallery-top{
    color: var(--orange);
    letter-spacing: 2px;
    font-size: var(--main-heading);
    display: flex;
    font-weight:550;
    gap: 7px;

    padding-top: 10px;
    
    font-family: var(--font-family);
 
}
.gallery-rama .gallery-main .gallery-top-underline{
    height: 2px;
    width: 135px;
    background: var(--orange);
}
.gallery-rama .gallery-main h1{
    font-size:var(--sub-heading);
    padding: 10px 0px;
    text-align: center;
    font-family: var(--font-family);
    font-weight: 650;
}
.gallery-rama .gallery-main span{
    color: var(--orange);
}

.gallery-rama .gallery-main-section{
   display: flex;
       flex-wrap: wrap;
   align-items: center;
   margin: 4% 0px;
   gap: 10px;
   justify-content:center;
  
}
.gallery-rama .gallery-main-section .gallery-main-left{
    width: 380px;
   

}
.gallery-rama .gallery-main-section .gallery-main-left .gallery-main-first{
    height: 280px;
    width: 370px;
    position: relative;
      transition: 0.5s;

    display: flex;
    align-items: center;
    justify-content: center;
}
.gallery-rama .gallery-main-section .gallery-main-left .gallery-main-first::before{
    content: '';
    position: absolute;
    height: 95%;
    width: 95%;
    transform: scale(0);
  background: rgba(255, 166, 0, 0.692);
        
    transition: 0.5s;
    z-index: 1;
    border-radius: 50px 50px 50px 0px;
 
}
.gallery-rama .gallery-main-section .gallery-main-left .gallery-main-first:hover::before{
    transform: scale(1);
}


.gallery-rama .gallery-main-section .gallery-main-left .gallery-main-first img{
    height: 100%;
    width: 100%;
    border-radius: 50px 50px 50px 0px;
}
.gallery-rama .gallery-main-section .gallery-main-left .gallery-main-first i{
visibility: hidden;
    opacity: 0;
    z-index: 1;
 color: var(--white);
    position: absolute;
    font-size: 50px;
    transition: 0.3s;
}

.gallery-rama .gallery-main-section .gallery-main-left .gallery-main-first:hover i{

    opacity: 1;
    visibility: visible;
   
}

.gallery-rama .gallery-main-section .gallery-main-left .gallery-main-second{
    height: 450px;
    width: 370px;
margin: 20px 0px;
display: flex;
align-items: center;
justify-content: center;
    position: relative;
      transition: 0.5s;
}
.gallery-rama .gallery-main-section .gallery-main-left .gallery-main-second::before{
    content: '';
    position: absolute;
    height: 95%;
    width: 95%;
    transform: scale(0);
         background: rgba(255, 166, 0, 0.692);
    transition: 0.5s;

       border-radius: 50px 50px 50px 0px;
 
}
.gallery-rama .gallery-main-section .gallery-main-left .gallery-main-second:hover::before{
    transform: scale(1);
}
.gallery-rama .gallery-main-section .gallery-main-left .gallery-main-second i{
visibility: hidden;
    opacity: 0;
    z-index: 1;
 color: var(--white);
    position: absolute;
    font-size: 50px;
    transition: 0.3s;
}

.gallery-rama .gallery-main-section .gallery-main-left .gallery-main-second:hover i{

    opacity: 1;
    visibility: visible;
   
}
.gallery-rama .gallery-main-section .gallery-main-left .gallery-main-second img{
    height: 100%;
    width: 100%;
    border-radius: 50px 50px 50px 0px;
}
.gallery-rama .gallery-main-section .gallery-main-middle{
    width: 380px;
    

}
.gallery-rama .gallery-main-section .gallery-main-middle .gallery-main-first{
       height: 365px;
    width: 370px;
    position: relative;
    transition: 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gallery-rama .gallery-main-section .gallery-main-middle .gallery-main-first::before{
  content: '';
    position: absolute;
    height: 95%;
    width: 95%;
    transform: scale(0);
           background: rgba(255, 166, 0, 0.692);
    transition: 0.5s;

       border-radius: 50px 50px 50px 0px;  
}
.gallery-rama .gallery-main-section .gallery-main-middle .gallery-main-first:hover::before{
    transform: scale(1);
}
.gallery-rama .gallery-main-section .gallery-main-middle .gallery-main-first i{
visibility: hidden;
    opacity: 0;
    z-index: 1;
 color: var(--white);
    position: absolute;
    font-size: 50px;
    transition: 0.3s;
}

.gallery-rama .gallery-main-section .gallery-main-middle .gallery-main-first:hover i{

    opacity: 1;
    visibility: visible;
   
}
.gallery-rama .gallery-main-section .gallery-main-middle .gallery-main-first img{
    height: 100%;
    width: 100%;
    border-radius: 50px 50px 50px 0px;
}
.gallery-rama .gallery-main-section .gallery-main-middle .gallery-main-second{
       height: 365px;
    width: 370px;
    margin: 20px 0px;
    position: relative;
    transition: 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gallery-rama .gallery-main-section .gallery-main-middle .gallery-main-second::before{
      content: '';
    position: absolute;
    height: 95%;
    width: 95%;
    transform: scale(0);
           background: rgba(255, 166, 0, 0.692);
    transition: 0.5s;

       border-radius: 50px 50px 50px 0px; 
}
.gallery-rama .gallery-main-section .gallery-main-middle .gallery-main-second:hover::before{
    transform: scale(1);
}
.gallery-rama .gallery-main-section .gallery-main-middle .gallery-main-second i{
visibility: hidden;
    opacity: 0;
    z-index: 1;
 color: var(--white);
    position: absolute;
    font-size: 50px;
    transition: 0.3s;
}

.gallery-rama .gallery-main-section .gallery-main-middle .gallery-main-second:hover i{

    opacity: 1;
    visibility: visible;
   
}
.gallery-rama .gallery-main-section .gallery-main-middle .gallery-main-second img{
    height: 100%;
    width: 100%;
  
    border-radius: 50px 50px 50px 0px;
}
.gallery-rama .gallery-main-section .gallery-main-right{
    width: 380px;


}
.gallery-rama .gallery-main-section .gallery-main-right .gallery-main-first{
       height: 450px;
    width: 370px;
    position: relative;
    transition: 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gallery-rama .gallery-main-section .gallery-main-right .gallery-main-first::before{
    content: '';
    position: absolute;
    height: 95%;
    width: 95%;
    transform: scale(0);
     background: rgba(255, 166, 0, 0.692);
    transition: 0.5s;
    border-radius: 50px 50px 50px 0px; 
}
.gallery-rama .gallery-main-section .gallery-main-right .gallery-main-first:hover::before{
    transform: scale(1);
}
.gallery-rama .gallery-main-section .gallery-main-right .gallery-main-first i{
visibility: hidden;
    opacity: 0;
    z-index: 1;
 color: var(--white);
    position: absolute;
    font-size: 50px;
    transition: 0.3s;
}

.gallery-rama .gallery-main-section .gallery-main-right .gallery-main-first:hover i{

    opacity: 1;
    visibility: visible;
   
}
.gallery-rama .gallery-main-section .gallery-main-right .gallery-main-first img{
    height: 100%;
    width: 100%;
    border-radius: 50px 50px 50px 0px;
}
.gallery-rama .gallery-main-section .gallery-main-right .gallery-main-second{
       height: 280px;
    width: 370px;
    margin: 20px 0px;
    position: relative;
    transition: 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gallery-rama .gallery-main-section .gallery-main-right .gallery-main-second::before{
          content: '';
    position: absolute;
    height: 95%;
    width: 95%;
    transform: scale(0);
     background: rgba(255, 166, 0, 0.692);
    transition: 0.5s;

       border-radius: 50px 50px 50px 0px;  
}
.gallery-rama .gallery-main-section .gallery-main-right .gallery-main-second:hover::before{
    transform: scale(1);
}
.gallery-rama .gallery-main-section .gallery-main-right .gallery-main-second i{
visibility: hidden;
    opacity: 0;
    z-index: 1;
 color: var(--white);
    position: absolute;
    font-size: 50px;
    transition: 0.3s;
}

.gallery-rama .gallery-main-section .gallery-main-right .gallery-main-second:hover i{

    opacity: 1;
    visibility: visible;
   
}
.gallery-rama .gallery-main-section .gallery-main-right .gallery-main-second img{
    height: 100%;
    width: 100%;
  
    border-radius: 50px 50px 50px 0px;
}