
/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
h1, h2, h3, h4, h5{
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    color : black;
}

body, p, span, a, div, ul, ol, li, table, tr, td, th, form, input, textarea, button, blockquote, pre, code, section, article, aside, footer, header, nav, figure, figcaption, label, select, option, strong, em, b, i, small, cite, q, abbr, acronym, sub, sup, dfn, address {
    font-family: "Poppins", sans-serif;
    font-weight: normal;
}
header .ast-container{
    max-width: 1920px;
    margin: auto;
    padding-left: 90px !important;
    padding-right: 90px !important;
}

.breadcrumbs{
    margin-top: 30px;
    margin-bottom: 30px;
}
.breadcrumbs span{
    color : black !important;
}
.breadcrumbs a{
    color : #828282
}
.swiper-container{
    width : 100%;
    overflow : hidden;
}
.page-id-23 #content .ast-container{
    max-width: 100%;
    padding: 0px;
}
strong{
    font-weight: 600 !important;
}
.page-id-260 .ast-container{
    max-width: 1920px;
    padding-left: 90px;
    padding-right: 90px;
}
.page-id-254 .ast-container{
    max-width: 1920px;
    padding-left: 90px;
    padding-right: 90px;
}
.about_agency_link button{
    background-color: #E43939;
}
.about_agency_link button:hover{
    border : 2px solid #E43939;
    color : black !important;
}
/* Footer CSS */
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row{
    max-width: 1920px;
    padding-left: 90px;
    padding-right: 90px;
}
.site-footer-primary-section-1 #block-10 ul{
    display: flex;
    gap : 15px
}
.site-footer-primary-section-1 #block-10 ul li{
    background-color : white;
    color : black
}
footer .wp-block-image img{
    max-width:200px;
}
.ast-builder-footer-grid-columns{
    display: flex;
    
}
.ast-builder-footer-grid-columns > div:nth-child(1){
    /* max-width: 40%; */
    width: 100%;
}
.ast-builder-footer-grid-columns > div:nth-child(2){
    max-width: 18%;
     width: 100%;
    min-width: 160px;
}
.ast-builder-footer-grid-columns > div:nth-child(3){
    max-width: 20%;
     width: 100%;
}
.ast-builder-footer-grid-columns > div:nth-child(4){
    max-width: 18%;
    width: 100%;
   
}
footer #block-9 p{
    max-width: 360px !important;
    
}
.footer-widget-area .widget.widget_nav_menu{
    margin-top: 20px
}
.footer-widget-area .widget.widget_nav_menu ul{
    display: flex;
    flex-direction: column;
    gap : 20px;
    margin-top: 20px;
}
.site-below-footer-wrap{
    border-top-color: rgba(242,242,242,0.24) !important
}
.ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns{
    display: flex;
    justify-content: center;
    align-items: center;
}

footer .site-above-footer-wrap[data-section="section-above-footer-builder"]{
    max-width: 1350px;
    margin : auto;
    border-radius: 30px;
    
}
.custom_flex_footer{
    display: flex;
    align-items: center;
    text-align: left;
    gap : 60px;
}
.custom_flex_footer h2{
    color: white;
    font-size: 40px !important;
    text-align: left;
}
.custom_flex_footer p.text{
    font-size: 18px;
}

.site-footer-above-section-1{
    max-width: 80% !important;
    width: 100%;
}
.site-footer-above-section-2.site-footer-above-section-2{
   // max-width: 20% !important;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.custom_flex_footer h2 {
    color: white;
    font-size: 30px !important;
    text-align: left;
}
.site-above-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-2-lheavy.ast-builder-grid-row-tablet-2-equal.ast-builder-grid-row-mobile-full.ast-footer-row-inline.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack{
    display: flex;
    align-items: center !important;
    padding-left: 40px;
    padding-right: 40px;
	margin-bottom: -60px;
   
    z-index: 1;
    position: relative;
}
.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row, .site-above-footer-wrap[data-section="section-above-footer-builder"] .site-footer-section{
    display: flex;
    align-items: center !important;
}
.footer-above-button button{
    background-color: white;
    color: black;
    border-radius: 12px;
}
.footer-above-button button:hover{
    background-color: #ff6f44 !important;
    color: white !important;
    border-radius: 12px;
}

.site-primary-footer-wrap .ast-builder-grid-row-container-inner{
    width: 100%;
}
.ast-builder-footer-grid-columns.site-primary-footer-inner-wrap{
    justify-content: space-between;
}

/* footer CSS End */


.agency-filter-container select::-webkit-scrollbar {
  width: 10px;
	background-color: #F5F5F5;
}

.agency-filter-container select::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
  border-radius: 10px;
}

.agency-filter-container select::-webkit-scrollbar-thumb {
  background-color: gainsboro;
	border: 2px solid transparent;
}

#main_container .swiper-slide{
   text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#main_container .swiper-container{
    height: 500px;
    position: relative;
    border : 1px solid #f2f2f2;
}
#main_container .swiper-wrapper{
    z-index: 0 !important;
}
#main_container .slide-content{
     max-width: 860px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-left: 120px;
}
#main_container{
    max-width: 100%;
    width : 100%;
}
#main_container .swiper-pagination{
    display: none !important;
    position: absolute;
    margin-bottom: 100px;
}

#main_container .swiper-slide h1{
        font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: black;
    font-size: 52px;
    line-height: 60px;
}
#main_container .swiper-slide p{
    font-size: 18px;
    margin-top: 30px;
    margin-bottom : 20px;
}
.swiper-button-prev, .swiper-button-next{
    display: none !important;
}
#main_container .slide-content .button{
    background-color: transparent;
    border : 2px solid #E43939;
    color : black !important;
    padding : 8px 20px;
}

/* Review Section */
#reviewer_testimonails{
    max-width: 1920px;
    margin: auto;
}
#reviewer_testimonails .swiper-container{
    max-width: 1100px;
    margin: auto;
    border : 1px solid gainsboro;
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
    margin-bottom: 90px;
    margin-top : 10px;
    background : white
}
#reviewer_testimonails .slide-content{
    display: flex;
   
    gap : 50px;
    align-items: center;
    padding : 30px;
}
#reviewer_testimonails p{
    margin-bottom: 0px !important;
}
#reviewer_testimonails .swiper-slide{
    z-index: 99999
}
.company_image_section{
    width : 20%;
}
.company_image_section img{
    max-width: 130px;
}
.person_overview{
    width: 20%
}
.person_overview+p{
    width: 55%;
}
#reviewer_testimonails .swiper-pagination{
    display: none;
}

/* What We Offer Section */

#what-we-offer{
    max-width: 1920px;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 70px;
    
}
#what_we_offer_richText{
    max-width: 1000px !important;
    margin: auto;
    text-align: center;
}
#what_we_offer_richText .offers{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    align-items: end;
    gap : 30px;
}
.offer-item p{
    max-width: 150px;
}
.offer-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.offer-item img{
    height: 120px;
    width: 120px;
}
h2{
    font-size: 50px;
}
.heading_with_Text p{
    max-width: 700px;
}
.heading_with_Text{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

/* .custom-tab-container {
  width: 100%;
  font-family: Arial, sans-serif;
}

.custom-tab-header {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 10px;
}

.custom-tab-link {
  background: none;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
  font-size: 16px;
  outline: none;
  color: #333;
  border-bottom: 2px solid #CBCBCB !important;
}

.custom-tab-link.active {
  border-bottom: 2px solid #E43939 !important;
}

.custom-tab-content {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
    margin: auto;
}


.custom-tab-item {
  background-color: white;
  border: none;
  padding: 10px 15px;
  font-size: 14px;
  cursor: pointer;
  color: black;
  border-radius : 50px;
  border-color: #707070;
border-width: 1px;
border-style: solid;
}

.custom-tab-item.active {
  background-color: #E43939;
  color: white;
  border : none !important;
}
.custom-tab-header{
    max-width: 700px;
    margin: auto;
    margin-bottom: 30px;
}
.custom-tab-link{
    width: 60%;
    box-shadow: unset !important;
    border-radius: 0px !important;
    font-family: "Poppins" !important;
    font-weight: bold !important;
    font-size: 18px
} */

.custom-tab-container {
  width: 100%;
  font-family: Arial, sans-serif;
}

.custom-tab-header {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 10px;
}

.custom-tab-link {
  background: none;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
  font-size: 16px;
  outline: none;
  color: #333;
  border-bottom: 2px solid #CBCBCB;
}

.custom-tab-link.active {
  border-bottom: 2px solid #E43939;
}

.custom-tab-content {
  display: none; /* Hide all content by default */
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  margin: auto;
}

.custom-tab-item {
  background-color: white;
  border: none;
  padding: 10px 15px;
  font-size: 14px;
  cursor: pointer;
  color: black;
  border-radius: 50px;
  border-color: #707070;
  border-width: 1px;
  border-style: solid;
}

.custom-tab-item.active {
  background-color: #E43939;
  color: white;
  border: none;
}

.custom-tab-header {
  max-width: 700px;
  margin: auto;
  margin-bottom: 30px;
}

.custom-tab-link {
  width: 60%;
  box-shadow: unset;
  border-radius: 0;
  font-family: "Poppins";
  font-weight: bold;
  font-size: 18px;
}

#service-by-category-main-container{
    max-width: 1920px;
    margin: auto;
    padding-left: 90px;
    padding-right: 90px;
    padding-top: 50px;
    padding-bottom: 70px;
}
#service-by-category{
    background-color: #F6F6F6;
    text-align: center;
    padding: 70px;
    border-radius : 30px;
}
.service_by_category_richText p{
    max-width: 640px;
    text-align: left;
}
.service_by_category_richText{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
button:focus, button:hover{
    background-color: transparent !important;
    color : currentColor !important;
}
.service_by_category_richText p{
    margin-top: 20px;
}
#outsider_main_container{
    max-width: 1920px;
    width: 100%;
    margin : auto;
}

/* .swiper-container-2{
    max-width: 100%;
    overflow: hidden;
}
.swiper-container-2{
    max-width: 100%;

    overflow: hidden;
}
#agency_listing_slider{
    max-width: 1920px;
        padding-left: 100px;
    padding-right: 100px;
    margin: auto;
} */
/* #agency_listing_slider .swiper-slide{
    max-width: 31.5%
}
#agency_listing_slider .swiper-wrapper{
    column-gap: 30px;
    width: 100%;
} */

.success-stories-swiper {
  width: 100%;
overflow: hidden;

}


.custom-swiper-slide {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
    border: 1px solid black;
  
}

.custom-swiper-slide img.agency-logo {
  width: 100px;
  margin-bottom: 15px;
}

.custom-swiper-slide p {
  font-size: 14px;
  color: #555;
  flex-grow: 1;
}

.custom-swiper-slide .card-footer {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #888;
}
#story-main-container{
    max-width: 1920px;
    margin : auto;
    padding-left: 90px;
    padding-right : 90px;
}

.success-stories-swiper .swiper-wrapper{
    gap : 20px;
}
.swiper-slide.custom-swiper-slide{
    width: calc(100% / 4.85) !important;
}
/* .custom-swiper-slide{
        width: calc(33% - 10px) !important;
} */
.related_post_section_container .swiper-slide{
    background-color: white;
    padding: 15px;
    border-radius: 20px;
    width: 30% !important;
    border : 2px solid #E2E2E2;
}
.related_post_section_container .swiper-wrapper{
    gap : 15px;
}
.related_posts_container{
    max-width: 100%;
    margin: auto;
    margin-bottom: 70px;
}
.related_post_section_container{
    max-width: 100%;
    margin: auto;
    overflow: hidden !important;
}
.single_post_related_content{
     overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3; 
   -webkit-box-orient: vertical;
    color : black !important;
    margin-top: 20px;
    border-top: 1px solid #A9A7A2;
    padding-top : 20px;
}
.related_agency_item h3{
    overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1; 
   -webkit-box-orient: vertical;
    font-size: 20px;
    margin-top : 20px;
}
.archive .active[data-tab-content],
.single-agency .active[data-tab-content] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
.archive .tab-content,
.single-agency .tab-content{
    width: 100%;
    /* max-width: 1000px; */
    margin: auto !important;
    margin-bottom: 40px !important;
}

.archive .tab-content .custom-tab-item,
.single-agency .tab-content .custom-tab-item {
    padding: 0px 10px;
}

.archive .tab-content h2,
.single-agency .tab-content h2{
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
    font-size: 28px;
    line-height: 1.1em;
}

/* Sister Template CSS */
#service_sister_page h1{
    font-size: 40px !important;
}
#service_sister_page h2{
    font-size: 32px !important;
    margin-bottom: 20px;
}
#service_sister_page{
    background-image: url(http://moonfruit.com/wp-content/uploads/2024/09/Group-13316.webp);
    background-size: cover;
    background-position: center center;
    padding: 40px 90px;
}
.page-template-template-sisterpages #content .ast-container {
    max-width: 1920px;
    margin: auto;
    padding: 0px !important;
}
.page-template-template-sisterpages .agency_listing_container_page {
    padding-left: 90px;
    padding-right: 90px;
    margin-bottom: 90px;
}
.page-template-template-sisterpages .agency-listing-container{
    width: 100%;
}
.page-template-template-sisterpages .tab-content #home{
    display: flex;
    flex-wrap: wrap;
    gap : 5px;
    justify-content: center;
    align-items: center;
}
.page-template-template-sisterpages .agency-services-title{
    text-align: center;
    margin-bottom: 20px;
}
.page-template-template-sisterpages .tab-content #home{
    max-width: 1000px;
    margin: auto;
}
.served-services{
    display: grid;
    grid-template-columns: repeat(8,1fr);
    gap : 20px;
}
.served-service-item img{
    height: 80px;
    width: 80px;
    border : 1px solid rgb(88,86,86);
    padding: 10px;
    border-radius: 50%;
}
.served-service-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: black;
    gap : 10px;
}
.google-map-embed{
    padding-top: 70px;
    padding-bottom: 50px;
}
.google-map-embed iframe{
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
#additionally_city_categories{
    margin-top: 70px;
    text-align: center;
}
.all_services_posts{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    text-align: left;
    gap : 20px;
    margin-top: 50px;
}
.all_services_posts h4{
    background-color: #fe853a;
    color: white;
    font-weight: normal !important;
    padding: 10px 20px;
    margin-bottom: 0px !important;
    border-radius: 10px;
    font-size: 18px;
}
.all_services_posts ul li{
    list-style: none !important;
    position: relative !important;
}
.all_services_posts ul{
    margin-left: 0px !important;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap : 10px;
}
.all_services_posts ul li:before{
    content: ">";
    margin-right: 10px;
}
.all_services_posts ul li a{
    color: black !important;
}
.all_services_posts ul li a:hover{
    font-weight: bold;
}
.served-services a:hover img{
    background-color: rgba(254,134,58,0.15);
}
.featured-image{
    margin-bottom: 20px;
}
.featured-image img{
    border-radius: 20px !important;
}
.entry-content img{
    width: 100%;
    margin: auto;
    margin-top: 20px;
    border-radius: 20px !important;
}
.entry-content a{
    text-decoration: none !important;
    color: green;
    border-bottom: 1px solid;
}
.entry-content ul li{
    list-style: none;
    font-weight: 500 !important;
    color: black !important;
}
.entry-content ul li:before{
    content : "◉";
    color: green;
    padding-right: 10px;
    font-size: 20px;
}
.entry-content ul{
    padding-left: 0px !important; 
}
.entry-content{
    color: black;
}
.entry-header {
    text-align: center;
}
.post-template-default.single.single-post .content-area{
    margin-top: 30px !important;
}
.post-template-default.single.single-post{
    background-color: rgba(236,235,233,0.76)
}
.post-template-default.single.single-post article{
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.ast-single-related-posts-container .ast-related-posts-wrapper {
    grid-template-columns: repeat(3, 1fr);
}
.ast-single-related-posts-container{
    border-radius: 20px !important;
    background-color : rgb(255 240 227 / 73%);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.ast-related-post img{
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}
.ast-related-post-content .entry-meta{
    display: none !important;
}
.ast-related-post-content .ast-related-post-title{
    text-align: left;
    padding-left: 20px;
    color: black !important;
    
}
.ast-related-post{
    background-color: white !important;
}
.ast-blog-layout-4-grid .ast-post-format-{
    border : 1px solid gainsboro;
}
.ast-read-more-container a{
    background-color: green;
    padding: 5px 20px;
    color: white;
    border-radius: 20px;
}
.ast-read-more-container a:hover{
    background-color: #1c72d6n;
}
.ast-excerpt-container p{
     overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; 
           line-clamp: 2; 
   -webkit-box-orient: vertical
}
.ast-post-format-{
    background-color: rgba(255,249,243,0.64) !important;
}
.blog #content .ast-container{
    flex-direction: column;
    max-width: 1920px;
    margin: 0px !important;
    padding: 0px !important;
}
.blog #content .ast-container #primary{
    max-width: 1200px;
    margin: auto;
    margin-top: 70px;
    margin-bottom: 50px;
}
.footer-widget-area .widget.widget_nav_menu ul{
    grid-row-gap: 5px;
}
.archive_data_info_header{
    margin-top: 50px;
    border : 1px solid gainsboro;
    text-align: center;
    border-radius: 20px;
    margin-bottom: 50px;
}
.archive_data_info_main_container{
    width: 100%;
    max-width: 100%;
}
.header_more_listing img{
    width: 400px;
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222);
}
.header_more_listing p{
    margin-bottom: 0px;
}
.archive_data_info_header h1{
    padding-top: 20px;
    padding-bottom: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-bottom: 40px;
}
.archive_infor_page_content{
    display: grid;
    justify-content: space-between;
    grid-row-gap: 20px;
    margin-bottom: 50px;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
   
}

.archive_infor_page_content h2{
    font-size: 20px;
}
.archive_infor_page_content li{
    list-style: none;
}
.archive_infor_page_content li > strong a{
    outline : 2px dotted red;
    border-radius: 10px;
    padding : 5px 10px;
    color: white;
    background-color: #fe853a
}
.archive_infor_page_content li > strong{
    display: inline-block;
    margin-bottom: 20px;
}
.archive_infor_page_content li a{
    color: black;
    position: relative;
}
.archive_infor_page_content li a:before{
    content : "◉";
    padding-right: 10px;
}
.archive_infor_page_content ul{
    margin-left: 0px !important;
}
.page-template-template-archivedata #content{
    background-color: rgb(255 240 227 / 73%);
}
.archive_data_info_header h1{
    background-color: rgba(255,166,0,0.35);
}
.archive_data_info_header{
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}
.archive_data_info_header p{
    color: black;
}
#nav_menu-3{
    margin-bottom: 0px !important;
}
#block-18{
    padding-top : 6px !important;
}

@media only screen and (max-width: 768px){
    .archive .tab-content h2,
    .single-agency .tab-content h2{
        font-size: 24px;
    }
}
.related_agency_item .agency_location, .related_agency_item .agency_budget{
    color: #A9A7A2;
    margin-bottom: 0px;
}
.related_posts_container h2{
    text-align: center;
    margin-bottom: 10px;
}
.related_desc{
    text-align: center;
    font-size: 18px;
}
.related_agency_item .agency_location, .related_agency_item .agency_budget{
    display: flex;
    gap : 10px;
}
/* Homepage Random Slider */
.random_posts_container{
    max-width: 1920px;
    margin: auto;
    padding-left: 90px;
    padding-right: 90px;
}
.random_post_section_container{
    max-width: 100%;
    margin: auto;
    overflow: hidden !important;
}
.random_posts_container .swiper-wrapper {
    gap: 15px;
}
.random_posts_container .swiper-slide {
    background-color: white;
    padding: 15px;
    border-radius: 20px;
    width: 30% !important;
    border: 2px solid #E2E2E2;
}
.random_posts_container .swiper-slide h3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 20px;
    margin-top: 20px;
}
.random_posts_container .swiper-slide .agency_location, .random_posts_container .swiper-slide .agency_budget {
    display: flex;
    gap: 10px;
}
.random_posts_container .swiper-slide .agency_location, .random_posts_container .swiper-slide .agency_budget {
    color: #A9A7A2;
    margin-bottom: 0px;
}

.random_posts_container h2{
    text-align: center;
}
.random_posts_container .random_desc{
    text-align: center;
    margin-top: 10px;
}
.random_posts_container{
    margin-bottom: 70px;
}
.single_post_random_content {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: black !important;
    margin-top: 20px;
    border-top: 1px solid #A9A7A2;
    padding-top: 20px;
}
.random_posts_container .swiper-slide{
    filter: grayscale(1);
}
.random_posts_container .swiper-slide h3{
    color: #878787;
}
.random_posts_container .swiper-slide.swiper-slide-active{
    filter : unset;
    border : 2px solid #E43939;
}
.random_posts_container .swiper-slide.swiper-slide-active h3{
    color: black;
}
.common_agency_button{
    text-align: center;
    margin-top: 50px;
}
.common_agency_button button{
    background-color: #E43939;
    border-radius: 10px;
    border : 2px solid #E43939;
}
.common_agency_button button:hover{
    border : 2px solid #E43939;
    color : black !important;
    background-color: transparent;
}

/* Archive Page Agency */
.post-type-archive-agency #content .ast-container{
    max-width: 1920px;
    margin: auto;
    padding: 0px !important;
}
.post-type-archive-agency #taxonomy_mainContainer_top{
    width : 100%;
}
/* FAQ */
.faq-section {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
}

.faq-accordion .faq-item {
  background-color: #f7f7f7;
  margin-bottom: 10px;
  border-radius: 5px;
}

.faq-question {
  padding: 15px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-question h3 {
  margin: 0;
  font-size: 16px;
}

.faq-answer {
  padding: 0 15px 15px;
  display: none;
}

.faq-answer p {
  margin: 0;
}
.faq-more-queries{
    text-align: center;
}

.toggle-icon {
  font-size: 24px;
}

.view-all-faqs {
  display: block;
  margin: 50px auto;
  padding: 10px 20px;
  border: 1px solid #d94f4f;
  color: #d94f4f;
  background-color: white;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
}
.faq-section h2{
    text-align: center;
    font-size: 45px;
    margin-bottom: 50px;
}
.faq-section{
    margin-bottom: 50px;
}
.page-id-216 .view-all-faqs{
    display: none;
}

.page-id-216 #content .ast-container{
    max-width: 1920px !important;
    margin: auto;
    padding: 0px !important;
}
.page-id-216 #faq_main_container{
    width : 100%;
}
.page-id-216 .header_faq{
    text-align: center;
    max-width: 1920px;
    margin : auto;
    padding : 90px !important;
    background-color: rgba(201,207,212,0.34)
}
.page-id-216 .header_faq h2{
    font-size: 45px;
    
}
.page-id-216 .faq-section h2{
    display: none;
}
.page-id-216 .faq-section{
    margin-top: 60px;
}
/* Services Menu CSS */
.service-menus{
    max-width: 1920px;
    margin: auto;
    padding-left: 90px;
    padding-right: 90px;
    display: flex;
    gap : 50px;
    justify-content: center;
    margin-bottom: 40px;
    
}
.service-menu-list{
    margin-left: 0px;
    margin-bottom: 0px;
}
.service-menu-list ul{
    margin-left: 0px;
    margin-bottom: 0px !important;
    display: flex;
    flex-direction: column;
    gap : 10px;
  
}
.service-menu-list ul li{
    list-style: none;
}
.service-menu-section{
    width: 35%;
    border : 1px solid gainsboro;
    padding : 30px;
    border-radius: 20px;
}
.service-menu-section:nth-child(1){
    border-left: 10px solid #f1803c;
}
.service-menu-section:nth-child(2){
    border-left: 10px solid #8bacf1;
}
.service-menu-list a{
    color : black;
    font-weight: 500;
}
.service-menu-list a:hover{
    color : #1E63F2
}
.service-menu-header{
    display: flex;
    justify-content: space-between;
}
.service-menu-header img{
    height: 60px;
    width: 90px;
    margin-bottom: -10px;

}
.services_by_category_header h2,
.services_by_category_description h2{
    text-align: center;
    font-size: 45px;
    margin-bottom: 50px;
    margin-top : 90px; 
}
.services_by_category_description h2{
    margin-top: 50px;
    margin-bottom: 30px;
}
.services_by_category_header h2 .fancy{
    font-weight: bold;
    color : #1E63F2;
}
.services_by_category_description div{
    max-width: 940px;
    text-align: center;
    margin: auto;
}
.services_by_category_description > div p{
    margin-bottom: 0px;
}
.text_service{
    margin-bottom: 0px;
    display: flex;
    gap : 5px;
}
.text_service span{
    display: none;
}
.service-menu-list a:hover .text_service span{
    display: flex;
}
.filters_buttons{
    display: flex;
    flex-wrap: wrap !important;
    row-gap: 15px;
    column-gap: 15px;
}
/* Apply transition effect to the anchor tag */
.service-menu-list li a {
    text-decoration: none;

    display: flex; /* Ensure it's treated as an inline-block element for transformation */
    transition: color 0.3s ease-out, transform 0.3s ease-out; /* Smooth transition effect */
}

.service-menu-list li a:hover {
    color: #ff6600; /* Change color on hover */
    transform: scale(1.05); /* Slightly enlarge the link */
}

/* Target the <p> tag inside the link */
.text_service {
    margin: 0;
    /* Display inline to ensure it stays in line with the anchor */
    transition: color 0.3s ease-out; /* Optional: Smooth color transition for the paragraph text */
}

/* Add an animation effect to the span */
.text_service span {
    
    transition: transform 0.3s ease-out; /* Smooth transition for span */
}

.text_service span:hover {
    transform: translateX(5px); /* Move the arrow to the right on hover */
}
.archive.tax-city #content .ast-container{
    max-width: 1920px;
    margin : auto;
    padding: 0px !important;
}
.archive.tax-city #taxonomy_mainContainer_top{
    width : 100%;
}
/* Sign Up Page */
.page-id-322 #content .ast-container{
    max-width: 1920px;
    padding: 0px !important;
}

.page-id-322 .entry-content{
    padding : 50px 90px;
}
.gform-field-label--type-sub{
    display: none !important;
}
.page-id-322 .gform_wrapper{
    display: flex;
    justify-content: center;
}
.page-id-322 .gform_wrapper #gform_2{
    max-width: 700px !important;
    width: 100%;
    background-color: #f2f2f2 !important;
    padding : 50px 30px !important;
    border-radius: 20px !important;
}
.page-id-322 #gform_2 #gform_submit_button_2{
    background-color: black;
    border-radius: 10px;
}
.page-id-322 #gform_confirmation_wrapper_2{
    background-color: green;
    color: white;
    padding : 10px;
    border-radius: 20px;
    max-width: 1100px;
    margin : auto;
}
/* Tab Menu */
.sign-up-page_container .tab-menu {
    display: flex;
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}
.sign-up-page_container .tab-menu li{
    border-bottom: 2px solid gainsboro !important;
}
.sign-up-page_container .tab-menu li {
    padding: 10px 20px;
    cursor: pointer;
    border-bottom: none;
}

.sign-up-page_container .tab-menu li.active {
    background-color: #fff;
    border-bottom: 2px solid #fff;
}

/* Tab Content */
.sign-up-page_container .tab-content {
  
    padding: 20px;
    background-color: #fff;
}

.sign-up-page_container .tab-pane {
    display: none;
}

.sign-up-page_container .tab-pane.active {
    display: block;
}
.sign-up-page_container .signup-page-header{
    background-color : #f2f2f2;
    padding: 50px 90px;
    text-align: center;
}
.sign-up-page_container .signup-page-content{
    padding : 50px 90px;
}
.sign-up-page_container .signup-page-content h3{
    margin-bottom: 30px;
}
.sign-up-page_container .tab-container{
    max-width: 700px;
    margin : auto;
}
.sign-up-page_container .tab-menu{
    display: flex;
    justify-content: center;
}
.sign-up-page_container .tab-menu li{
    width: 50%;
    text-align: center;
}
/* .sign-up-page_container #login-tab{

    justify-content: center;
    text-align: center;
} */
.sign-up-page_container #login-tab p img{
    margin-bottom: 20px;
    border-radius: 50%;
}
.sign-up-page_container .tab-menu li.active{
    border-bottom: 2px solid red !important;
}
#login-tab{
    background-color: #f2f2f2;;
    border-radius: 30px;
    padding : 50px;
}
#login-tab .gform_title{
    display: none;
}
#login-tab #gform_0{
    width: 100%;
}
#login-tab #gform_fields_login{
    display: flex;
    flex-direction: column;
    gap : 20px;
}
#gform_submit_button_0{
    background-color: black;
    margin-top: 20px;
}
#login-tab .gf_login_links{
    display: flex;
    gap : 10px;
    margin-top: 30px;
    flex-wrap: wrap;
}
#login-tab .gf_login_links a{
    border : 1px solid;
    border-radius: 20px;
    padding: 0px 20px;
    font-size: 14px;
    background-color: white
}
.sign-up-page_container{
    margin-bottom: 50px;
}
.gform_title{
    display: none;
}
.slider-search-container{
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 900px;
}
#main_container .slide-content{
    margin-bottom: 70px;
}
#filter-form{
    display: flex;
    gap : 20px;
}
#filter-form label{
    display: none;
}
#filter-form button{
    background-color: #e43939;
    padding: 10px 30px;
    border : 2px solid #e43939
}
#filter-form button:hover{
    background-color: transparent;
    padding: 10px 30px;
    color : black !important;
    border : 2px solid #e43939;
}

#gform_wrapper_4 form{
    background-color: #f2f2f2;
    padding: 50px;
    border-radius: 30px;
    max-width: 1000px !important;
    width: 100%;
}
#gform_fields_4{
    grid-row-gap: 20px !important;
}
#gform_submit_button_4{
    background-color: #e43939;
}
.website_link_list a button{
    background-color: white;
    padding: 8px 20px;
    font-size: 14px;
    border-radius: 30px;
    color: #1c72d6;
    border : 1px solid #1c72d6;
}
.website_link_list a button:hover{
    background-color: rgba(160,159,159,0.32);
    padding: 8px 20px;
    font-size: 14px;
    border-radius: 30px;
    color: black;
    border : 1px solid black;
}
.agency_header-spl{
    display: flex;
    gap : 30px;
}
.agency_Listing_header_info{
    justify-content: space-between
}
#post_link_listing a button{
       padding: 14px 20px !important;
    border-radius: 10px;
    font-size: 14px;
    color: white;
    background-color: #fe853a;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}
#post_link_listing a button:hover{
    padding : 14px 20px !important;
    border-radius: 10px;
    font-size: 14px;
    border : 2px solid;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}
.reviews-section {
    text-align: center;
    margin: 40px 0;
}

.reviews-section h2 {
    font-size: 2em;
    margin-bottom: 20px;
}

.review-item {
    border-bottom: 1px solid #eaeaea;
    padding: 20px 0;
    display: flex;
    align-items: flex-start;
    gap : 20px;
}

.reviewer-image img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.review-details {
    text-align: left;
    flex-grow: 1;
}

.review-details h3 {
    font-size: 1.5em;
    margin: 0;
}

.review-date {
    font-size: 0.9em;
    color: #777;
}



.review-stars .star {
    color: #ccc;
    font-size: 25px;
}

.review-stars .star.filled {
    color: #f7b731;
}

.review-content {
    text-align: left;
    width : 90%;
    
}

.load-more-reviews {
    background-color: #e43939;
    color: #fff;
    border: none;
    padding: 12px 20px;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
    margin-bottom: 50px;
}
.review-stars .star{
    line-height: 10px;
}
.review-content p{
    margin-top: 15px
}
.review-header{
    height: 120px;
    max-width : 20%;
    width : 140px;
}
.reviews-section h2{
    font-size: 50px;
    margin-top: 90px;
    font-family: "Poppins" !important;
}
.review-stars{
    display: flex;
    margin-bottom: 15px
}
.hidden-review {
    display: none;
}
#agency_card_footer{
    justify-content: space-between;
    align-items: center;
}
.footer_extra_features{
    display: flex;
    gap : 30px;
}
.agency-listing-container.city_archive{
    width: 100%;
}
#about_main_container{
    display: flex;
    gap : 30px;
}
#about_main_container .left_about_content+div img{
    position: sticky;
    top : 70px;
    border-radius: 10px;
}
.slider-search-container {
    position: absolute;
    bottom: 30%;
    left: 120px;
    transform: translate(0%, -50%);
    width: 700px;
}
.star-rating {
    display: flex;
    align-items: center;
}

.rating-number {
    margin-right: 5px;
    font-size: 18px;
    color: #333;
}

.star {
    font-size: 20px;
    color: orange; /* Star color */
}

.full-star {
    color: orange;
}

.empty-star {
    color: lightgray;
}
#agency_location_with_ratings{
    display: flex;
    align-items: center;
    gap : 20px;
    
}
.location_with_text{
    display: flex;
    gap : 5px;
    align-items: center;
}
.location_with_text span{
    display: flex;
    justify-content: center;
    align-items: center;
}
.location_with_text+div{
    padding: 0px 20px;
    border-radius: 5px;
    background-color: rgb(255 240 227 / 73%);
    position: relative;
    z-index: 9999;
    
}
.star, .rating-number{
    line-height: 25px;
}
.rating-number{
    color : black;
}
#agency_location_with_ratings{
    margin-top: 5px;
}
.single-agency .agency_logo img{
    width: 120px;
    height: 50px;
    object-fit: contain;
}
.single-agency .site-content .ast-container {
    display: contents !important;
}
#agency_pagination{
    display: flex;
    justify-content: center;
    align-items: center;
    gap : 20px;
}
#agency_pagination span, #agency_pagination a{
    font-size: 20px;
   
}
.related_agency_item > img{
    width : 120px;
    height: 60px;
    
}
.random_agency_item > img{
    width : 120px;
    height: 60px;
    object-fit: contain;
    
}

/* Location CSS Start */
.location_with_text {
    position: relative;
    display: flex;
}

.location-text {
    cursor: pointer;
}

.location-text[title] {
    position: relative;
}

.location-text[title]:hover::after {
    content: attr(title);
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    white-space: normal; /* Allow text to wrap */
    background-color: #333;
    color: #fff;
    padding: 8px;
    border-radius: 3px;
    font-size: 12px;
    z-index: 10;
    max-width: 700px; /* Set a max width for the tooltip */
    width : 100%;
    word-wrap: break-word; /* Ensure long words break to next line */
    text-align: left;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.location-text[title]:hover::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}
#agency_pagination a{
    padding : 0px 12px;
    background-color: #1c72d6;
    color : white;
    border-radius: 10px;
}
#agency_pagination span{
    padding : 0px 12px;
    background-color: #fe853a;
    color : white;
    border-radius: 10px;
}
#agency_pagination{
    flex-wrap: wrap;
}
.footer_extra_features{
    flex-wrap: wrap;
    row-gap : 15px;
}
#agency_card_footer{
    flex-wrap: wrap;
    row-gap : 15px;
}
.post-categories{
    flex-wrap: wrap;
}
/* Location CSS End */
/* .sign-up-page_container .tab-menu li{
    border : 2px solid gainsboro;
} */

/* Media Query for Small Screen */
@media only screen and (max-width : 768px){
    #main_container .slide-content{
    padding-left: 20px;
    padding-right: 20px
}
#main_container .swiper-slide h1 {
    font-size: 34px;
    line-height: 39px;
}
#main_container .swiper-slide p {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 20px;
}
#main_container .swiper-container {
    height: 450px;
}
/* Footer CSS */

.custom_flex_footer{
    flex-direction: column;
    gap : 10px;
}
.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row{
    flex-direction : column;
    padding-left: 0px;
    padding-right: 0px;
}
.site-footer-above-section-1{
    max-width: 100% !important;
}
.site-footer-above-section-2.site-footer-above-section-2{
    max-width: 100% !important;
}
.site-footer-above-section-2.site-footer-above-section-2 button{
    width: 100%;
}
.site-above-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-2-lheavy.ast-builder-grid-row-tablet-2-equal.ast-builder-grid-row-mobile-full.ast-footer-row-inline.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack{
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0px
}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row {
    padding-left: 20px;
    padding-right: 20px;
    flex-direction: column;
}
.ast-builder-footer-grid-columns > div:nth-child(1) {
    max-width: 100%;
    width: 100%;
}
.ast-builder-footer-grid-columns > div:nth-child(2) {
    max-width: 100%;
    width: 100%;
}
.ast-builder-footer-grid-columns > div:nth-child(3) {
    max-width: 100%;
    width: 100%;
}
.ast-builder-footer-grid-columns > div:nth-child(4) {
    max-width: 100%;
    width: 100%;
}
.footer-widget-area .widget.widget_nav_menu ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 10px;
}
.footer-widget-area .widget.widget_nav_menu{
    margin-top: 50px;
}
.related_post_section_container .swiper-slide {
    background-color: white;
    padding: 15px;
    border-radius: 20px;
    width: 92% !important;
    border: 2px solid #E2E2E2;
}
.related_posts_container h2{
    font-size: 34px;
}
.related_desc {
    text-align: center;
    font-size: 16px;
}
.page-id-216 .header_faq{
    padding: 40px 20px !important;
}
.page-id-216 .header_faq h2 {
    font-size: 28px;
}
.page-id-216 .faq-section {
    margin-top: 30px;
}
.page-id-254 .ast-container{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.page-id-260 .ast-container{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
}
/* Homepage CSS */
#reviewer_testimonails .slide-content{
    flex-direction: column;
    gap : 10px;
}
.person_overview+p {
    width: 100%;
}
.person_overview {
    width: 100%;
}
.company_image_section {
    width: 100%;
}
#reviewer_testimonails .swiper-container{
    transform: unset;
}
#what_we_offer_richText .heading_with_Text h2{
    font-size: 30px;
}
#what_we_offer_richText .offers {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: end;
    gap: 30px;
}
#service-by-category-main-container {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 50px;
}
#service-by-category {
    background-color: #F6F6F6;
    text-align: center;
    padding: 40px 20px;
    border-radius: 30px;
}
.custom-tab-item {
    padding: 0px 10px;
    font-size: 14px;
}
.service_by_category_richText h2{
    font-size: 28px;

}
.services_by_category_header h2,
.services_by_category_description h2{
    font-size: 30px;
}
.service-menus {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    gap: 20px;
    margin-bottom: 70px;
    flex-direction: column;
}
.service-menu-section {
    width: 100%;
    border: 1px solid gainsboro;
    padding: 30px;
    border-radius: 20px;
}
.service-menu-header img {
    height: 48px;
    width: 48px;
    margin-bottom: -10px;
}
.random_posts_container {
    padding-left: 20px;
    padding-right: 20px;
}
.random_posts_container h2{
    font-size: 30px;
}
.random_posts_container .swiper-slide{
    width : 88% !important;
}
.faq-section h2 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 50px;
}
.offer-item img {
    height: 90px;
    width: 90px;
}
#what-we-offer{
    padding-left : 20px;
    padding-right : 20px;
    margin-top: 50px;
}
#main_container .swiper-pagination{
    display: none !important;
    position: absolute;
    margin-bottom: 0px;
}
.heading_with_Text p{
    margin-top : 10px;
}
.faq-section {
    margin-bottom: 10px;
}
.services_by_category_header{
    padding-left : 20px;
    padding-right : 20px;
}
.page-id-322 .entry-content {
    padding: 30px 20px;
}
.page-id-322 .gform_wrapper form{
    margin-top : 10px;
}
#filter-form {
  display: flex;
  gap: 5px;
  flex-direction: column;
}
/* .slider-search-container {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding-left : 20px;
    padding-right: 20px;
} */
#main_container .slide-content {
  margin-bottom: 150px;
}
.sign-up-page_container .signup-page-content {
  padding: 20px 20px;
}
#gform_wrapper_4 form{
    padding: 50px 20px;
}
#gravity-contact-form{
    padding-left : 20px;
    padding-right : 20px;
}
.agency_header-spl {
    display: flex;
    gap: 10px;
    flex-direction: column;
}
.review-item {
    flex-direction: column;
}
.review-header{
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: flex-start;
}
.review-header{
    height: 100% !important;
}
.reviews-section h2 {
    font-size: 35px;
    margin-top: 50px;
    font-family: "Poppins" !important;
}
.footer_extra_features {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.agency_listing_container_page .post-categories{
    flex-wrap: wrap;
}
#about_main_container {
    display: flex;
    gap: 30px;
    flex-direction: column;
}
.slider-search-container{
     position: absolute;
    bottom: 5%;
    left: 0px;
    transform: translate(0%, -50%);
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
#main_container .slide-content {
    max-width: 860px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}
#agency_location_with_ratings {
    margin-top: 5px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap : 10px;
    margin-bottom: 20px;
}
.review-content {
    text-align: left;
    width : 100%;
    
}
#service_sister_page {
    background-image: url(http://moonfruit.com/wp-content/uploads/2024/09/Group-13316.webp);
    background-size: cover;
    background-position: center center;
    padding: 40px 20px;
}
.served-services {
    display: grid
;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    grid-row-gap: 30px;
}
.all_services_posts {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    text-align: left;
    gap: 20px;
    margin-top: 50px;
}
#additionally_city_categories h2{
    font-size: 35px;
}
footer #menu-city-footer-menus{
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
footer #menu-city-footer-menus li{
    font-size: 15px;
}
.ast-single-related-posts-container .ast-related-posts-wrapper {
    grid-template-columns: repeat(1, 1fr);
}
.site .ast-single-related-posts-container {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
    margin-top: 2em;
}
.post-template-default.single.single-post .content-area {
    margin-top: 0px !important;
}
.post-template-default.single.single-post .entry-title{
    font-size: 22px !important;
}
.post-template-default.single.single-post .entry-header{
    text-align: left;
}
#service_sister_page h1 {
    font-size: 30px !important;
}
.blog #content .ast-container #primary{
    max-width: 1200px;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
}
.archive_infor_page_content{
    display: grid;
    justify-content: space-between;
    grid-row-gap: 20px;
    margin-bottom: 50px;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 30px;
   
}

}

@media only screen and (min-width : 768px) and (max-width : 1024px){
    .site-above-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-2-lheavy.ast-builder-grid-row-tablet-2-equal.ast-builder-grid-row-mobile-full.ast-footer-row-inline.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack{
    border-radius: 0px;
    padding-left: 20px;
    padding-right: 20px;
}
.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row{
    padding-left: 0px;
    padding-right: 0px;
}
.custom_flex_footer {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 40px;
}
.custom_flex_footer h2 {
    color: white;
    font-size: 30px !important;
    text-align: left;
    width: 100%;
}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row{
    padding-left: 20px;
    padding-right: 20px;
}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row{
    flex-wrap: wrap;
    justify-content: flex-start;
}
.ast-builder-footer-grid-columns > div:nth-child(1) {
    max-width: 45%;
    width: 100%;
}
.ast-builder-footer-grid-columns > div:nth-child(2) {
    max-width: 45%;
    width: 100%;
    min-width: 160px;
}
.ast-builder-footer-grid-columns > div:nth-child(3) {
    max-width: 45%;
    width: 100%;
}
.ast-builder-footer-grid-columns > div:nth-child(4) {
    max-width: 18%;
    width: 100%;
}
.footer-widget-area .widget.widget_nav_menu ul{
    margin-top: 20px;
}
.footer-widget-area .widget.widget_nav_menu {
    margin-top: 50px;
}
.page-id-254 .ast-container{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.page-id-260 .ast-container{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
}
#reviewer_testimonails .slide-content{
    flex-direction: column;
    gap : 10px;
}
.person_overview+p {
    width: 100%;
}
.person_overview {
    width: 100%;
}
.company_image_section {
    width: 100%;
}
#reviewer_testimonails .swiper-container{
    transform: unset;
}
#what_we_offer_richText .heading_with_Text h2{
    font-size: 30px;
}
#what_we_offer_richText .offers {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: end;
    gap: 30px;
}
#service-by-category-main-container {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px;
    padding-bottom: 70px;
}
#service-by-category {
    background-color: #F6F6F6;
    text-align: center;
    padding: 40px 20px;
    border-radius: 30px;
}
.custom-tab-item {
    padding: 0px 10px;
    font-size: 14px;
}
.service_by_category_richText h2{
    font-size: 28px;

}
.services_by_category_header h2,
.services_by_category_description h2{
    font-size: 30px;
}
.service-menus {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    gap: 20px;
    margin-bottom: 70px;
   
}
.service-menu-section {
    width: 100%;
    border: 1px solid gainsboro;
    padding: 30px;
    border-radius: 20px;
}
.service-menu-header img {
    height: 48px;
    width: 48px;
    margin-bottom: -10px;
}
.random_posts_container {
    padding-left: 20px;
    padding-right: 20px;
}
.random_posts_container h2{
    font-size: 30px;
}
.random_posts_container .swiper-slide{
    width : 45%!important;
}
.faq-section h2 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 50px;
}
.custom_flex_footer{
    flex-direction: column;
    gap : 10px;
}
.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row{
    flex-direction: column;
    justify-content: flex-start;
    align-items: start !important;
}
.site-footer-above-section-2 .footer-widget-area{
    width : 250px !important;
    display: flex !important;
    justify-content: flex-start;
    align-items: start;
}
.faq-section {
    margin-bottom: 15px;
}
#main_container .swiper-pagination {
    display: none !important;
    position: absolute;
    margin-bottom: 0px;
}
#main_container .slide-content{
    padding-left : 20px;
    padding-right: 20px;
}
#main_container .swiper-slide h1 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: black;
    font-size: 43px;
    line-height: 57px;
    max-width: 600px;
}
#main_container .swiper-container {
    height: 570px;
    position: relative;
}
.page-id-322 .entry-content {
    padding: 30px 20px;
}
.page-id-322 .gform_wrapper form{
    margin-top : 10px;
}
#about_main_container {
    display: flex;
    gap: 30px;
    flex-direction: column;
}
#service_sister_page {
    background-image: url(http://moonfruit.com/wp-content/uploads/2024/09/Group-13316.webp);
    background-size: cover;
    background-position: center center;
    padding: 40px 20px;
}
.served-services {
    display: grid
;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    grid-row-gap: 30px;
}
  
.all_services_posts {
    display: grid
;
    grid-template-columns: repeat(2, 1fr);
    text-align: left;
    gap: 20px;
    margin-top: 50px;
}
#additionally_city_categories h2{
    font-size: 35px;
}
footer #menu-city-footer-menus{
    display: grid;
    grid-template-columns: repeat(3,1fr);
}
footer #menu-city-footer-menus li{
    font-size: 13px;
}
  .ast-single-related-posts-container .ast-related-posts-wrapper {
        grid-template-columns: repeat(2, 1fr) !important;
    }
.archive_infor_page_content{
    display: grid;
    justify-content: space-between;
    grid-row-gap: 20px;
    margin-bottom: 50px;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
   
}
}

@media only screen and (min-width : 1024px){
    header .main-navigation ul.sub-menu{
        display: grid;
        grid-template-columns: repeat(3, 1fr) !important;
        width: auto !important;
        align-items: start !important;
        padding-top: 30px;
        padding-bottom: 30px;
        border : 1px solid gainsboro;
        border-radius: 10px;
}
header .main-navigation ul.sub-menu li{
    min-width: 220px;
}
.main-navigation ul.sub-menu li a{
    padding-top : 5px !important;
}
.ast-logo-title-inline .site-logo-img {
    padding-right: 6em !important;
}
.ast-desktop .ast-menu-hover-style-zoom > .menu-item > .menu-link:hover {
    transition: all .3s ease;
    transform: scale(1.1);
}
.custom_flex_footer p.text {
    font-size: 20px;
            max-width: 400px;
}

footer .site-footer-primary-section-2.site-footer-section.site-footer-section-2{
    max-width: 40% !important;
}

footer #menu-city-footer-menus{
    display: grid;
    grid-template-columns: repeat(4,1fr);
/*     gap : 5px */
}
footer #menu-city-footer-menus li{
    font-size: 13px;
}
footer .site-footer-primary-section-1.site-footer-section.site-footer-section-1 {
    max-width: 25% !important;
    width: 100%;
}

}
@media only screen and (min-width : 1200px){
    header .main-navigation ul.sub-menu{        
        grid-template-columns: repeat(4, 1fr) !important;
    }
}
span.site-title a {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: var(--ast-body-line-height, 1.65);
    font-weight: normal;
    display: none;
}
.ast-custom-button:hover {
        border: 2px solid #e43939;
        background: transparent;
        color: black;
}
.ast-builder-grid-row-container-inner {
    margin: auto;
}
a{
    outline:0;
}

/* Saif */
.ad-container.content{
    padding: 40px;
    border-radius: 16px;
    color: #fff;
    background-position: top right;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    background-size: cover;
    background-repeat: no-repeat;
}
.ad-container.content h3{
    color: #fff;
    max-width: 600px;
}
.ad-container.content p{
    margin-bottom: 0;
    max-width: 600px;
}
.ad-container.content a{
    color: #fff;
}
.ad-container.content > a{
    display: inline;
    background: #fe853a;
    color: #fff;
    padding: 12px 28px;
    border-radius: 4px;
}
.ad-container.content a:hover{
    color: #e67834;
}
.ad-container.content > a:hover{
    background: #e67834;
    color: #fff;
}

#gform_wrapper_5 form {
    background-color: #1f7cd0;
    padding: 50px 30px;
    border-radius: 20px;
    max-width: 800px !important;
    width: 100%;
    margin: auto;
    color: #fff;
}
#gform_wrapper_5 label,
#gform_wrapper_5 .gfield_label{
    color: #fff;
}
#gform_submit_button_5 {
    max-width: 100% !important;
    width: 100% !important;
    background-color: #fe853a;
    padding: 20px;
}

#gform_wrapper_5 .gform_heading{
    text-align: center;
}
#gform_wrapper_5 .gform_title{
    display: block;
    margin-bottom: 8px;
}
#gform_5 #input_5_20{
    display: grid;
    grid-template-columns: repeat(3,1fr);
}
.page-id-14159 .gform_required_legend,
.page-id-14159 .entry-title{
    display: none;
}
@media screen and (max-width: 1024px){
    #gform_5 #input_5_20{
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
}
@media screen and (max-width: 767px){
    #gform_5 #input_5_20{
        display: grid;
        grid-template-columns: repeat(1,1fr);
    }
}

#gform_wrapper_1 .gform_required_legend{
    display: none;
}
#company_content_form #gform_wrapper_1 .gfield_label,
#company_content_form #gform_wrapper_1 .gchoice label{
    display: block !important;
    color: #fff !important;
}
#company_content_form #gform_wrapper_1 .gfield-choice-input{
    padding: 0;
}
#company_content_form #gform_wrapper_1 #input_1_18{
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2,1fr);
}


.filters_buttons button{
    color: #fff;
    border-color: green !important;
    background: green !important;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}
.filters_buttons button:hover {
    border: 2px solid green !important;
    background: transparent !important;
    color: black;
}
.ast-header-button-1 .ast-custom-button {
    background: green;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}
.ast-custom-button:hover {
    border: 2px solid green;
    background: transparent;
    color: black;
}

#label-phone-a4a00609-1567-4b62-aa7d-fb699492302c span{
    text-transform: capitalize !important;
}
small.sponser_agency {
    color: lightgray;
    font-size: xx-small;
    text-decoration: underline;
    top: -10px;
    position: relative;
}

@media screen and (min-width: 667px) {
    .agency_info_tags .service_offers_container,
    .agency_info_tags .client_served_container {
        grid-column: span 2 !important;
    }
    .agency_info_tags .client_served_container{
        order: 3;
    }
    .agency_info_tags .service_offers_container{
        order: 4;
    }
}