@import"https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&family=Open+Sans:wght@300;400;500;600&family=Playfair+Display:ital@0;1&family=Poppins:wght@200;300;400;500;600;700;800&family=Roboto:wght@300;400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Open Sans}body{background-color:#fff}.container{margin-bottom:10px}@keyframes animloader{0%{box-shadow:14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 -2px}25%{box-shadow:14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 2px}50%{box-shadow:14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 2px,-38px 0 0 -2px}75%{box-shadow:14px 0 0 2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 -2px}to{box-shadow:14px 0 0 -2px,38px 0 0 2px,-14px 0 0 -2px,-38px 0 0 -2px}}.banner{width:100%;height:500px;color:#fff;object-fit:contain}.header-content{display:flex;align-items:center;justify-content:center;flex-direction:column}.banner-content{padding:10px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:saturate(130%) blur(1px);backdrop-filter:saturate(130%) blur(1px)}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skeletongrid-img{overflow:hidden}.logo{width:100%;display:flex;align-items:center;justify-content:flex-start}.logo img{width:74px;height:74px}.search-form{width:100%;margin:16px 0;display:flex;align-items:center;justify-content:center;flex-direction:column}.search-form input{width:100%;padding:10px 20px;outline:none;border:none;margin-bottom:6px}.btn{margin-top:6px;width:100%;height:100%;padding:10px 20px;background-color:green;border-radius:5px;color:#fff;cursor:pointer;outline:none;transition:.5s all;border:none}.btn:hover{background-color:#006400}.grid{margin:10px;columns:4;column-gap:10px;overflow:hidden}.grid-img img{width:100%;height:100%;cursor:pointer;border-radius:6px}.modal{transition:1s all;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;padding:20px;background-color:#69626280;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;border-radius:6px;font-weight:700;z-index:100}.modal .close-btn{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.modal .close-btn img{width:30px;height:30px;cursor:pointer}.modal .content{display:flex;align-items:center;justify-content:center;flex-direction:column}.modal h3{margin-bottom:5px;text-align:start}.img-block img{border-radius:6px;margin-bottom:5px}.modal .photographer img{width:40px;height:40px;object-fit:cover;border-radius:50%}.title{color:#789;font-weight:350;text-align:center}.btn-block{margin:17px 0 10px}.btn-block a{text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center}.placeholder{padding:20px;width:100%;height:100%;background-color:#dcdcdc;border-radius:6px}@media (max-width: 900px){.grid{columns:3}.modal{width:100%}}@media (max-width: 600px){.grid{columns:2;margin:6px}}@media (min-width: 1920px){.grid{columns:8}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}