/*banner-section*/
.islamic-center-mosque-banner-section{
   width: auto;
   height: auto;
   position: relative;
}
.islamic-center-mosque-banner-section .pattern-img img{
    position: absolute;
    top: 0px;
} 
.islamic-center-mosque-banner-section .small-image {
    border-bottom: 3px solid #2bb673;
    display: inline-block;
    margin-left: 35%;
}
.islamic-center-mosque-banner-section .small-image img {
    border-bottom: 3px solid #2bb673;
    margin-bottom: 8px;
    padding-bottom: 20px;
    width: 300px !important;
}
.islamic-center-mosque-banner-section h1{
    font-weight: 600;
}
.islamic-center-mosque-banner-section h1:hover{
   color:#2bb673;
}
.islamic-center-mosque-banner-section .button-1 a.wp-block-button__link,.islamic-center-mosque-events-section .button-1 a.wp-block-button__link{
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    letter-spacing: 0;
    margin-right: 15px;
    font-weight: 400;
    padding: 10px 15px !important;
}
.islamic-center-mosque-banner-section .button-1 a.wp-block-button__link:hover{
    color: #404042 !important;
    background: #fff !important;
}
.islamic-center-mosque-banner-section .button-2 a.wp-block-button__link,.islamic-center-mosque-events-section .button-2 a.wp-block-button__link{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    letter-spacing: 0;
    font-weight: 400;
    color: #404042 !important;
    padding: 10px 15px !important;
}
.islamic-center-mosque-events-section .button-1 a.wp-block-button__link:hover{
   color: #fff !important;
   background: #404042 !important;
}
.islamic-center-mosque-events-section .button-2 a.wp-block-button__link{
   color: #fff !important;
}
.islamic-center-mosque-events-section .button-2 a.wp-block-button__link:hover{
   color: #fff !important;
   background: #2bb673 !important;
}
.islamic-center-mosque-banner-section .button-2 a.wp-block-button__link:hover{
    background: #2bb673 !important;
    color: #fff !important;
}
/*events section*/
.islamic-center-mosque-events-section{
   position: relative;
}
.islamic-center-mosque-events-section img{
   width: 100% !important;
}
.islamic-center-mosque-events-section h2{
    font-weight: 800;
    text-transform: uppercase;
    font-size: 25px;
    color: #000 !important;
}
.islamic-center-mosque-events-section .inner-events-box h3{
    font-size: 25px;
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
}
.islamic-center-mosque-events-section .counter-column p{
   margin-bottom: 0px;
}
.islamic-center-mosque-events-section .wp-block-column.events-section-image {
    position: relative;
}
.islamic-center-mosque-events-section .wp-block-group.timer-section.is-layout-constrained {
    background: rgb(64 64 66 /90%);
    padding: 6px 30px;
    text-align: center;
    position: absolute;
    bottom: 38%;
    left: 50%;
    color: #fff;
    width: 75%;
    height: 20%;
    transform: translate(-50%);
}
.islamic-center-mosque-events-section .events-images-section img{
    max-width: 200px;
}
.islamic-center-mosque-events-section .events-images-section .events-section-img1 img{
   border: 3px solid #2BB673;
}
.islamic-center-mosque-events-section .events-images-section {
    display: flex;
    margin-top: 20px;
}
@media screen and (min-width: 320px) and (max-width: 767px){
   .islamic-center-mosque-banner-section h1{
      display: none;
   }
   .islamic-center-mosque-banner-section p{
      font-size: 25px !important;
   }
   .islamic-center-mosque-banner-section .small-image {
      margin-left: 0%;
   }
   .islamic-center-mosque-events-section .events-images-section img{
      max-width: 100% !important;
   }
   .islamic-center-mosque-events-section .timer-section .timer-section-column{
       flex-wrap: nowrap !important;
       gap: 8px;
   } 
   .islamic-center-mosque-events-section .wp-block-group.timer-section.is-layout-constrained{
        height: 30%;
        padding: 5px 5px;
   }
   .islamic-center-mosque-events-section .counter-column p {
        font-size: 12px;
    }
   .islamic-center-mosque-events-section .events-section-coloum,.islamic-center-mosque-events-section .events-images-section .wp-block-columns {
        gap: 0;
   }
}
@media screen and (min-width: 321px) and (max-width: 376px){
    .islamic-center-mosque-banner-section .small-image {
      margin-left: 6%;
    }
    .islamic-center-mosque-events-section .events-images-section .wp-block-columns{
        gap: 0.5em;
    }
}
@media screen and (min-width: 376px) and (max-width: 425px){
    .islamic-center-mosque-banner-section .small-image {
      margin-left: 12%;
    }
    .islamic-center-mosque-events-section .events-images-section .wp-block-columns{
        gap: 0.5em;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px){
   .islamic-center-mosque-events-section .events-section-coloum{
        flex-wrap: nowrap !important;
   } 
   .islamic-center-mosque-events-section .events-images-section .wp-block-columns{
      flex-wrap: nowrap !important;
   } 
   .islamic-center-mosque-banner-section .small-image{
        margin-left: 30%;
   }
   .islamic-center-mosque-events-section .inner-events-box h3{
        line-height: 40px;
   }
    .islamic-center-mosque-events-section .timer-section .timer-section-column{
       flex-wrap: nowrap !important;
       gap: 2px;
   } 
   .islamic-center-mosque-events-section .wp-block-group.timer-section.is-layout-constrained{
        height: 20%;
        padding: 5px 5px;
        bottom: 60%;
   }
}
@media screen and (min-width: 992px) and (max-width: 1024px){
   .islamic-center-mosque-events-section .wp-block-group.timer-section.is-layout-constrained {
      bottom: 42%;
   }
  .islamic-center-mosque-banner-section .small-image{
        margin-left: 25%;
   }
   .islamic-center-mosque-events-section .timer-section .timer-section-column{
       gap: 2px;
   } 
}