/*
Theme Name: Twenty Seventeen Child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns
Version: 3.7.1725951051
Updated: 2024-09-10 06:50:51

*/

.search input {
    padding: 20px !important;
    margin-left: -30px;
    position: absolute;
    left: 30px;
    z-index: 2;
}
 input[type="search"] {
    background-color: unset !important;
}

.hfe-input-focus input[type="search"] {
    background-color: #000 !important;
}

form.hfe-search-button-wrapper {
    position: relative;
}

.search input i.fas.fa-search {
    z-index: 3 !important;
}
.search input i.fas.fa-search::before {
    z-index: 4 !important;
}


.img-carousel-gallery img {
    object-position: top !important;
}
.dontate-row , .dontate-block , .blue-col , .counter{
    position: relative;
}
.dontate-row::before , .dontate-block::after , .blue-col::before , .counter::after{
    content: "";
    background-image: url(http://devt91.sg-host.com/wp-content/uploads/2024/10/hp1-cause-bg-2-removebg-preview.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    height: 190px;
    width: 270px;
    top: 30%;
	z-index:-1;
}
.dontate-block::after {
    right: 0;
    left: unset;
}
.blue-col::before {
    background-image: url(http://devt91.sg-host.com/wp-content/uploads/2024/10/blue.png);
    z-index: 0;
}
.counter::after {
    background-image: url(http://devt91.sg-host.com/wp-content/uploads/2024/10/bobby-black.jpg);
    left: unset;
    height: 227px;
    width: 511px;
    z-index: 0;
    right: 10%;
    bottom: 0;
    top: unset;
}
.counter .e-con-inner {
    z-index: 1;
}
.testimonials .slick-dots {
    bottom: -45px !important;
}
.elementor-widget-image-carousel .swiper .swiper-slide figure {
    line-height: 0;
}


/*blogs*/

.wrapper {
    display: grid;
    grid-template-columns: repeat(3 , 1fr);
    justify-content: center;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
  
  .card {
    overflow: hidden;
    box-shadow: 0px 2px 20px #d7dfe2;
    background: white;
    border-radius: 0.5rem;
    position: relative;
    transition: 250ms all ease-in-out;
    cursor: pointer;
  }
  .card-profile a {
    color: #000;
    font-weight: 600;
}
.card-banner img {
  min-height: 280px;
  object-fit: cover;
}
  
  .card:hover {
    transform: scale(1.05);
    box-shadow: 0px 2px 40px #d7dfe2;
  }
  
  .banner-img {
    position: absolute;
    object-fit: cover;
    height: 14rem;
    width: 100%;
  }
  li {
    list-style: none;
}
  .category-tag {
    font-size: 0.8rem;
    font-weight: bold;
    padding: 0.5rem 1.3rem 0.5rem 1rem;
    text-transform: uppercase;
    position: absolute;
    z-index: 1;
    top: 1rem;
    border-radius: 0 2rem 2rem 0;
  }
  
  .popular {
    background: #F8E7A1;
  }
  
  .technology {
    background: #F8E7A1;
  }
  
  .psychology {
    background: #F8E7A1;
  }
  
  .card-body {
    margin: 18rem 1rem 1rem 1rem;
  }
  
  .blog-hashtag {
    font-size: 0.9rem;
    font-weight: 500;
    color: #000;
}
  
  .blog-title {
    margin: 1rem 0 0.5rem;
    font-family: 'Libre Franklin';
    line-height: normal;
    font-weight: bold;
    color: #000;
    padding: 0;
}
  
.blog-description {
    color: #616b74;
    font-size: 0.9rem;
    font-family: 'Libre Franklin';
}   
.category-tag a {
  color: #000 !important;
}
  
  .card-profile {
    display: flex;
    margin-top: 2rem;
    align-items: center;
  }
  
  .profile-img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
  }
  
  .card-profile-info {
    margin-left: 1rem;
  }
  
  .profile-name {
    font-size: 1rem;
  }
  
  .profile-followers {
    color: #616b74;
    font-size: 0.9rem;
  }



  .pagination ul {
    list-style: none;
    display: flex;
    justify-content: center;
    padding: 0;
  }

  .pagination ul li {
    margin: 0 5px;
  }

  .pagination ul li a {
    display: block;
    padding: 10px 15px;
    background-color: #f4f4f4;
    color: #333;
    text-decoration: none;
    border-radius: 5px;
  }

  .pagination ul li a:hover {
    background-color: #2023bc;
    color: #fff !important;
}
.wrap {
    padding-top: 15vw;
    padding-bottom: 2rem;
    max-width: 1400px;
    width: 100%;
}
.wrap .content-area {
  max-width: 100% !important;
}

header.entry-header {
  width: 100% !important;
}
h1.entry-title {
  font-size: 24px!important;
  font-family: 'Libre Franklin' !IMPORTANT;
  letter-spacing: 0 !important;
}
/* h1.entry-title {
  text-align: center;
} */
.wpem-form-group .comiseo-daterangepicker-triggerbutton.ui-button {
  width: 100% !IMPORTANT;
}
/* header.entry-header {
  display: none;
} */
.entry-content {
  width: 100% !important;
} 
.search_events.search-form-container {
  display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

}
.page-id-816 h1.entry-title {
  text-align: center;
}
.elementor-190 .elementor-element.elementor-element-07d4778 .elementor-icon-list-icon svg {
  fill: #F8E7A1;
  transition: fill 0.3s;
  max-width: 15px;
  margin-right: 10px;
}
.elementor-icon-box-wrapper {
  display: flex !important;
}
p.elementor-icon-box-title a {
  color: #fff;
}
.elementor-icon-box-icon {
  margin-right: 10px;
}
.first-f-div {
  display: flex;
  column-gap: 10px;
}
.first-f-div p {
  margin-bottom: 0;
  max-width: 50%;
  width: 100%;
}
.card-profile:hover a {
  color: #f8e7a1;
}
h1.entry-title , h3#reply-title{
  font-weight: bold;
}

.inline-form input[type="submit"]{
  background-color: #F8E7A1 !important;
  color: #000  !important;
}
.faq p{
  margin: 0;
}
label {
  font-size: 12px;
}
.wrap {
  max-width: 1140px;
  padding-left: 10px;
  padding-right: 10px;
}
@media(max-width:1199px){
    .card-body {
        margin: 25vw 1rem 1rem 1rem;
    }
    .wrap {
      padding-top: 25vw;
  }
}


@media(max-width:992px){

    .slick-slide img {
        width: 5%;
    }
    .blog-title {
        font-size: 1.4rem;
    }
   
}

@media(max-width:768px){
    .home-slider h1 {
        font-size: 2rem !important;
    }
    .home-slider p {
        font-size: 1rem !important;
    }
    .home-slider .btn-act-now {
        padding: 5px 15px !important;
        font-size: 1rem !important;
    }
    .slider {
        flex-wrap: wrap;
        row-gap: 30px;
    }
    .charity-slide {
        max-width: 100% !important;
        margin-left: 0 !important;
    }
    .home-slider .slide-content {
      
        padding-top: 10rem;
    }
    .wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    .card-body {
        margin: 75vw 1rem 1rem 1rem;
    }
    .logo img {
        max-width: 60% !important;
    }
    .wrap {
      padding-top: 25vw;
  }
  .first-f-div {
    flex-direction: column;
  }
  .first-f-div p {
    margin-bottom: 0;
    max-width: 100%;
    width: 100%;
  }
  .card-banner img {
    min-height: auto;
  }

}