@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Pacifico&family=Sansita:ital,wght@0,400;0,700;0,800;0,900;1,400;1,700;1,800;1,900&display=swap');

body{
  font-family: 'Poppins', sans-serif;
}
h1{
  font-size: 30px;
  margin-bottom: 15px;
}
h2{
  font-size: 25px;
  margin-bottom: 15px;
  line-height: 21px;
}
header{
  /*background-color: #3a326f;*/
  background: linear-gradient(272.56deg, rgba(61, 29, 153, 0.73) -12.8%, rgba(34, 102, 138, 0.97) 44.21%, rgba(7, 173, 124, 0.51) 107.61%);
}
p.logo{
  font-size: 25px;
  background:#fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0px 0px 0px 0px;
  font-family: "Sansita", sans-serif;
  font-weight: 800;
  font-style: normal;
  margin-top: -10px;
}
.contactbtn{
  text-align: right;
}
.container-xl, .container-xxl{
  max-width: 80% !important;
}
.contactbtn a{

}
#image-gallery img {
    
    height: auto;
    margin-bottom: 20px;
    height: 250px;
    
  }
  #image-gallery .image-wrapper {
    margin-bottom: 20px;
    height: 390px;
    text-align: center;
    overflow: hidden;
   
    
    
  }  
  #image-gallery .image-details{
    border: 1px solid #F2F2F2;
    border-radius: 10px;
    padding: 10px;
    
    margin-bottom: 25px;
  }
  #image-gallery .image-wrapper h2 a{
    font-size: 15px;
    text-decoration: none;
    background: none;
    color: #000;

  }
  #image-gallery .image-wrapper a.download-btn{
    font-size: 14px;
    text-decoration: none;
    background: #65CF9C;
    border-radius: 15px;
    color: #fff;
    display: block;
    padding: 5px 10px 5px 10px;
    max-width: 100px;
    margin: 0 auto;
  }


.img-list img {
    
    height: auto;
    margin-bottom: 20px;
    height: 250px;
    
  }
  .img-list .image-wrapper {
    margin-bottom: 20px;
    height: 390px;
    text-align: center;
    overflow: hidden;
   
    
    
  }  
  .img-list .image-details{
    border: 1px solid #EFEFEF;
    border-radius: 10px;
    padding: 10px;
    -webkit-box-shadow: 3px 3px 15px 0 #ededed;
    box-shadow: 3px 3px 15px 0 #ededed;
    margin-bottom: 20px;
  }
  .img-list .image-wrapper h2 a{
    font-size: 15px;
    text-decoration: none;
    background: none;
    color: #000;

  }
  .category-buttons a{
    color: #fff;
    display: inline-block;
  font-size: 15px;
  text-decoration: none;
  padding: 5px;
  border: solid 1px #8aa3ca;
  border-radius: 10px;
  }
  .img-list  .image-wrapper a.download-btn{
    font-size: 14px;
    text-decoration: none;
    background: #65CF9C;
    border-radius: 15px;
    color: #fff;
    display: block;
    padding: 5px 10px 5px 10px;
    max-width: 100px;
    margin: 0 auto;
  }
.navigation a{
  text-decoration: none;
  color: #fff;
}
.btn.btn-primary{
  background: #F57D93;
  border-color: #F57D93;
}
  

header{
  padding:20px 0px 20px 0px;
}  
.navigation{
  font-weight: 600;
}
.navigation a{
  display: inline-block;
  padding: 5px 10px 5px 10px;
}
.search-banner{
  padding: 55px 0px 55px 0px;
  background: linear-gradient(272.56deg, rgba(61, 29, 153, 0.73) -12.8%, rgba(34, 102, 138, 0.97) 44.21%, rgba(7, 173, 124, 0.51) 107.61%);
  /*background-color: #3a326f;*/
  color: #fff;
  
}
.search-banner.inner{
  padding: 0px;
}
.search-banner.inner .search-area{
  margin-bottom: 30px;
}
.title-area{
  line-height: 24px;
}
.main-title{
  font-weight: 600;
  font-size: 35px;
}
.mainh1{
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
.search-area{
  width: 592px;
  height: 48px;
  background: #FFFFFF;
  box-shadow: 2px -3px 16px rgba(44, 72, 144, 0.26);
  border-radius: 25px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  margin-top: 30px;
  margin-bottom: 35px;
}

.search-area input{
  padding: 11px 10px 11px 10px;
  border: none;
  background: none;
}
.search-area button.search-btn{
  background: linear-gradient(177.5deg, #F57E93 48.44%, rgba(237, 146, 162, 0.57) 135.77%);
  border-radius: 0px 20px 20px 0px;
  position: absolute;
  top: 0px;
  right: 0px;
  color: #fff;
  font-weight: 400;
  font-size: 17px;
  height: 48px;
  padding: 0px 20px 0px 30px;
}
.search-area input.active, .search-area input:focus{
  border: none;
  box-shadow: none;
  background: none;
}
.search-area button.search-btn img{
  position: absolute;
  top: 16px;
  left: 10px;
}
.category-buttons button{
  background: #65CF9C;
  border-radius: 15px;
  border: none;
  color: #fff;
  padding: 4px 18px 4px 18px;
  margin: 0px 3px 0px 3px;
}
.category-buttons button:hover{
  background: #F57D93;
}
.image-area{
  margin-top: 50px;
  margin-bottom: 50px;
}
footer{
  background: #212029;
  padding: 50px 0px 0px 0px;
}
.footer p{
  color: #fff;
}
footer .footer{
  border-top: solid 1px #bababf;
  padding: 20px 20px 0px 20px;
  margin-top: 30px;
}
footer h3{
  font-size: 17px;
  color: #fff;
}
footer a{
  color: #fff;
  font-size: 15px;
  text-decoration: none;
}
.usefulllinks a{
  display: block;
  line-height: 28px;
}
.related-images{
  margin-top: 50px;
}
.detail-pgimg{
  max-width: 500px;
}
.img-detail-pg{
  text-align: center;
  border: solid 1px #EFEFEF;
  padding: 25px;
  border-radius: 10px;
  box-shadow: 3px 3px 15px 0 #ededed;
}
.img-detail-pg p{
  margin: 15px 0px 15px 0px;
}