/*Gallery button css*/
 .gallery{
    width:100%;
    height:240px;
    background-image: linear-gradient(#14141fb5, #14141fe6), url(../img/gallery.png);
    background-size: cover;
  }
 .gallery-btn {
     appearance: none;
     background-color: #FAFBFC;
     border: 1px solid rgba(27, 31, 35, 0.15);
     border-radius: 14px;
     box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset;
     box-sizing: border-box;
     color: #24292E;
     cursor: pointer;
     display: inline-block;
     font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
     font-size: 14px;
     font-weight: 500;
     line-height: 20px;
     list-style: none;
     padding: 6px 14px;
     position: relative;
     transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
     user-select: none;
     -webkit-user-select: none;
     touch-action: manipulation;
     vertical-align: middle;
     white-space: nowrap;
     word-wrap: break-word;
     text-size:12px;
}
 .gallery-btn:hover {
     background-color: #2FB7FB;
     text-decoration: none;
     color:#fff !important;
     text-style:italic;
     transition-duration: 0.1s;
}
 .gallery-btn:disabled {
     background-color: #FAFBFC;
     border-color: rgba(27, 31, 35, 0.15);
     color: #959DA5;
     cursor: default;
}
 .btn-active {
     background-color: #2FB7FB;
     color:#fff;
     box-shadow: rgba(225, 228, 232, 0.2) 0 1px 0 inset;
     transition: none 0s;
}
 .gallery-btn:focus {
     outline: 1px transparent;
}
 .gallery-btn:before {
     display: none;
}
 .gallery-btn:-webkit-details-marker {
     display: none;
}
 .gallery-img{
    padding: 0.2em;
    border: 1px solid #dee2e6;
    width: 270px;
    height: 220px;
    box-shadow: rgb(50 50 93 / 52%) 0px 6px 12px -2px, rgb(0 0 0 / 60%) 0px 3px 7px -3px;
}
 .gallery-img-container{
    margin-top:-200px;
    padding-top:0.8em;
    margin-bottom:5em;
}
 .gimgrow{
    margin-top:-50px;
    justify-content:center;
    text-align:center;
}
 .all-items , .p-items, .w-items, .ic-items, .ec-items div{padding:1em;background:#fefefe;}
 .all-items{
    display:flex;
	
}
 .all-items img{
     transition: all 3s;
     transition-timing: ease-in-out;
}
 .all-items img:hover {
     transform: rotate(360deg);
}
 .ec-items{
    display:none;
}
 .ec-items{
    justify-content: center;
}
 .ec-items img{
     padding: 0.2em;
    border: 1px solid #dee2e6;
     box-shadow: rgb(50 50 93 / 52%) 0px 6px 12px -2px, rgb(0 0 0 / 60%) 0px 3px 7px -3px;
     width:98%;
     transition: all 3s;
     transition-timing: ease-in-out;
}
 .ec-items img:hover {
     transform: rotate(360deg);
}
 .ic-items{
    display:none;
}
 .ic-items{
    justify-content: center;
}
 .ic-items img{
     padding: 0.2em;
    border: 1px solid #dee2e6;
     box-shadow: rgb(50 50 93 / 52%) 0px 6px 12px -2px, rgb(0 0 0 / 60%) 0px 3px 7px -3px;
     width:98%;
     transition: all 3s;
     transition-timing: ease-in-out;
}
 .ic-items img:hover {
     transform: rotate(360deg);
}
 .p-items{
    display:none;
}
 .p-items{
    justify-content: center;
}
 .p-items img{
     padding: 0.2em;
    border: 1px solid #dee2e6;
     box-shadow: rgb(50 50 93 / 52%) 0px 6px 12px -2px, rgb(0 0 0 / 60%) 0px 3px 7px -3px;
     width:98%;
     transition: all 3s;
     transition-timing: ease-in-out;
}
 .p-items img:hover {
     transform: rotate(360deg);
}
 .w-items{
    display:none;
}
 .w-items{
    justify-content: center;
}
 .w-items img{
     padding: 0.2em;
    border: 1px solid #dee2e6;
     box-shadow: rgb(50 50 93 / 52%) 0px 6px 12px -2px, rgb(0 0 0 / 60%) 0px 3px 7px -3px;
     width:98%;
     transition: all 3s;
     transition-timing: ease-in-out;
}
 .w-items img:hover {
     transform: rotate(360deg);
}