/**
Theme Name: Astra_child
Author: pervez Iqbal
Author URI: https://perveztech.site/
Description: The Pervez Tech Child Theme is a powerful and customisable WordPress theme designed to increase your online presence. With its seamless integration of cutting-edge functionality and robust appearance, this theme is ideal for businesses and agencies and will make your website stand out. The Pervez Tech Child Theme is perfect for showcasing your services, like as graphic design, web development, iOS application development, and social media marketing. It places a strong emphasis on user-friendly navigation, SEO optimisation, and responsive site design. Make the most of this theme\'s features to create a professional and eye-catching online presence that drives the growth and success of your business.
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
*/

.it-services {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 20px;  padding: 20px; }
.service-content-container h2 {  font-size: 20px; }
.service-item {  transition: transform 0.3s ease-in-out; }
.service-item:hover {  transform: translateY(-5px); }
.service-image img { width: 100%;  height: auto;  display: block;  padding: 20px 20px 0px 20px; border-radius: 10px;  object-fit: cover;  box-sizing: border-box; }
.service-content-container { padding: 15px; }

.service-content { font-size: 14px;  color: #555;   margin-bottom: 10px; }

/* Buttons */
.service-buttons {  display: flex;  gap: 10px;  margin-top: 10px; }
.service-btn {  flex: 1;  text-align: center; padding: 10px;   text-decoration: none;  font-size: 14px;    font-weight: bold; }

.homepage-services > div {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px !important;
    padding-top: 50px;
    row-gap: 40px !important; }

.home-services .services-parent-container .services-child-container {
    padding-left: 0px;
    padding-right: 0px;
}

.homepage-services > div .wp-block-uagb-container {
    max-width: 100% !important;
    margin: 0px !important;
    height: 100%;
    justify-content: space-between;
}

.homepage-serrvices > div h4 {
    font-size: 22px;
}

.landing-section-content a { color: white; font-weight: 500; }
.landing-section-content a:hover { color: #e6e5e7; }

.home-services .services-parent-container .services-child-container {
    padding-left: 0px;
    padding-right: 0px;
}

/* footer Css */

.site-primary-footer-inner-wrap {
    display: grid;  grid-template-columns: 2fr 1fr 1fr !important; column-gap: 30px !important;  align-items: flex-start !important; }

.site-primary-footer-inner-wrap aside.footer-widget-area {  margin: 0px; }
.site-primary-footer-inner-wrap .site-footer-section { height: 100%; }
.site-primary-footer-inner-wrap .site-footer-section .uagb-ifb-separator { display: none;  }
.site-primary-footer-inner-wrap .site-footer-section h5 { margin-bottom: 35px !important;  color: white; }

.site-primary-footer-inner-wrap .site-footer-section h2.widget-title {   color: white;   margin-bottom: 35px; }

.site-primary-footer-inner-wrap .site-footer-section li.menu-item a {
    color: white;   font-size: 16px; line-height: 1.9em; }

.site-primary-footer-inner-wrap .site-footer-section   .ast-builder-html-element p {
    font-weight: 700;    font-size: 22px;    margin-bottom: 35px; }

.site-primary-footer-inner-wrap  .site-footer-section-1 p.uagb-ifb-desc {
    font-size: 16px; color: white;   line-height: 1.4em;    max-width: 340px;   margin: auto;
}

.site-primary-footer-inner-wrap .site-footer-section-1 form {
    flex-direction: row;   align-items: center;    justify-content: center;    margin-top: 30px !important;
}

.site-primary-footer-inner-wrap .site-footer-section-1 form button {   min-width: max-content;     margin: auto; }
.site-primary-footer-inner-wrap aside.footer-widget-area section#nav_menu-5 { text-align: center; }

.site-primary-footer-inner-wrap aside.footer-widget-area div {
    width: auto !important;    padding: 0px;  margin: 0px !important;    height: auto; }

.site-primary-footer-inner-wrap .site-footer-section-1 form input {
    font-size: 15px !important; min-width: 280px; }

/* Services Archive page Styling */


body.post-type-archive.post-type-archive-it_service .ast-archive-description {
    height: 70vh;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    background: url(https://perveztech.site/wp-content/uploads/2025/03/services-background-image-scaled.webp);
    background-size: cover;
    margin-bottom: 60px;
    background-position: center;
    position: relative;
    z-index: 0;
}

body.post-type-archive.post-type-archive-it_service .ast-archive-description h1.page-title {
    font-size: 60px;
    color: white;
    position: relative;
    z-index: 3;
    font-weight: 700;
}

body.post-type-archive.post-type-archive-it_service .ast-archive-description p {
    font-size: 26px;
    color: white;
    position: relative;
    z-index: 3;
    font-family: inherit;
    font-weight: 600;
}

body.post-type-archive.post-type-archive-it_service .ast-archive-description::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #00000082;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

/* .services-landing-container {
    position: relative;
}

.services-landing-container::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    /* background-color: red; */
    /* background: #000000; */
    /* background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgb(255 255 255 / 0%) 64%);
} */

/* body.post-type-archive.post-type-archive-it_service .ast-archive-description { margin: 0px; max-width: 100%; padding: 100px 50px; height: 80vh;}
body.post-type-archive.post-type-archive-it_service #main .ast-row {margin: 80px auto;max-width: 1280px;} */




.services-parent-container .services-child-container {  margin: auto;   max-width: 1440px;   padding: 0px 50px; }
.service-hero-main .services-landing {  max-width: 1440px;   margin: auto;   padding: 0px 50px; }
.services-main-grid article .wp-block-button {  display: inline-flex;  align-self: flex-start; }
.services-main-grid article {  display: flex !important;  flex-direction: column !important;  justify-content: space-between; }
.services-landing-container.service-hero-main::before { background: #000000;     background:linear-gradient(180deg, rgba(0, 0, 0, 1) 7%, rgb(0 0 0 / 60%) 91%); }
.portfolio-landing-section { z-index: 2; }

.single-post-banner.single-post-banner-custom .ast-container {  display: flex; }
.ast-page-builder-template .site-content > .ast-container { flex-direction: column; }
.single-post-banner.single-post-banner-custom { height: 90vh; }
.post-additional-content {  flex-direction: column; }

a.service-ct-button {
    display: inline-block;
    background-color: var(--ast-global-color-8);
    color: var(--ast-global-color-2);
    font-family: inherit;
    font-weight: 700;
    line-height: 1.5em;
    text-transform: capitalize;
    font-size: 1.1428571428571rem;
    border-radius: 6px;
    padding: 15px 30px;
    margin-top: 20px !important;
}
a.service-ct-button:hover { background-color: #fff; }
.services-content-widget figure img { width: 100% !important; }


/* single post template styling */
.single-post-banner.single-post-banner-custom { display: flex;  position: relative; }
body.single.single-post #content > .ast-container {  display: flex; flex-direction: column;  max-width: 100%;  padding: 0px; }
.single-post-banner.single-post-banner-custom::before { content: " "; width: 100%; height: 100%; display: inline-block; position: absolute; left: 0; top: 0; z-index: 1; background-color: #ffffff4d; }
.single-post-banner.single-post-banner-custom .ast-container {  position: relative; z-index: 2;  max-width: 1440px; margin: auto; padding: 0px 50px; }
body .ast-container.single-post-conatiner {  max-width: 1440px;  display: flex; flex-direction: column;  padding: 60px 50px; }
body .ast-container.single-post-conatiner div .post-meta { order: 2; }
body .ast-container.single-post-conatiner > div { display: flex; }
body .ast-container.single-post-conatiner  .post-top > div { display: flex;  flex-direction: column; gap: 25px; }
body .ast-container.single-post-conatiner .post-top > div h1 { order: 1; margin-bottom: 0px !important; }
body .ast-container.single-post-conatiner .post-top > div .post-summary { order: 3; }
body .ast-container.single-post-conatiner .post-full-content {flex-direction: column;  gap: 20px; }

 .ast-breadcrumbs li.trail-item.trail-end {  display: block; color: rgb(255, 255, 255); font-size: 48px; font-weight: 700;  line-height: 1.3em;  max-width: 1024px; }
 .ast-breadcrumbs li.trail-item { font-size: 18px; }



/* .single.single-post .ast-breadcrumbs li.trail-item { color: #202eaf; } */


/* portfolio page styling */

body .portfolio-containers {  min-height: 100vh; position: relative;  }
body .portfolio-containers .portfolio-landing-section { max-width: 1440px !important; margin: auto;}
body .portfolio-containers::after, body .single-post-banner.single-post-banner-custom::after { content: " "; width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgb(0 0 0 / 25%) 60%), linear-gradient(60deg, rgba(0, 0, 0, 0.58) 20%, rgb(0 0 0 / 52%) 116%);
}

body .portfolio-containers p, body .portfolio-containers img,  
body .portfolio-containers h1, body .portfolio-containers h2, body .portfolio-containers hr 
body .portfolio-containers .mybutton { position: relative; z-index: 2; } 

body header#masthead .site-primary-header-wrap {  max-width: 1440px !important;  padding-left: 50px;  padding-right: 50px; }
body div#page .portfolio-containers .portfolio-landing-section > div { margin-left: 0px !important;  margin-right: 0px !important;  padding-left: 50px;  padding-left: 50px; }


/* CTA stylig */
section.cta-container.cta-custom-plugin { padding: 80px 50px; }
section.cta-container.cta-custom-plugin .post-cta-wrapper { width: 100%;  max-width: 1280px; margin: auto; }
section.cta-container.cta-custom-plugin .post-cta-wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 30px;
}

/* section.cta-container.cta-custom-plugin .post-cta-wrapper .cta-image { max-height: 730px; } */
section.cta-container.cta-custom-plugin .post-cta-wrapper .post-cta-image img {
    height: 100%;
    max-height: 540px;
    object-fit: cover;
    max-width: 480px;
    border-radius: 12px;
    width: 100%;
}
section.cta-container.cta-custom-plugin .post-cta-wrapper .post-cta-image {width: 40%;}
section.cta-container.cta-custom-plugin .post-cta-wrapper .post-cta-content {width: 60%;}

section.cta-container.cta-custom-plugin { background-color: #004cd6; }
section.cta-container.cta-custom-plugin .post-cta-wrapper .post-cta-content a.post-cta-button {
    padding: 15px 40px;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    background-color: #f3af2c;
    border-radius: 6px;
}

section.cta-container.cta-custom-plugin .post-cta-wrapper .post-cta-content a.post-cta-button:hover { background-color: #ffffff; cursor: pointer; }
section.cta-container.cta-custom-plugin .post-cta-wrapper .post-cta-content h2.post-cta-title { margin-bottom: 20px; color: #fff; font-size: 48px; }
section.cta-container.cta-custom-plugin .post-cta-wrapper .post-cta-content p.post-cta-subtitle {
    margin-bottom: 45px;  font-size: 18px;  color: #e3e3e3; line-height: 1.5em; }
body .ast-container.single-post-conatiner .post-additional-content {  font-size: 18px;   font-family: 'Poppins';  line-height: 1.5em; text-align: justify;}
    /* Responsive Design */


@media (max-width: 1280px) {
.ast-breadcrumbs li.trail-item.trail-end { font-size: 42px; }
.service-hero-main .services-landing h1 { font-size: 48px; }

section.cta-container.cta-custom-plugin .post-cta-wrapper .post-cta-content h2.post-cta-title { font-size: 40px }

}
@media (max-width: 1024px) {
.ast-breadcrumbs li.trail-item.trail-end {  font-size: 28px; }
body .ast-container.single-post-conatiner > div { flex-direction: column; align-items: center; text-align: center; }
.service-hero-main .services-landing h1 { font-size: 42px; }
section.cta-container.cta-custom-plugin { padding: 60px 50px; }
/* body .ast-container.single-post-conatiner .post-top > div .post-summary br { display: none; } */
body .ast-container.single-post-conatiner .post-additional-content {  font-size: 16px;  }
}


@media (max-width: 980px) {
    .it-services {      grid-template-columns: repeat(2, 1fr); /* 2 columns */ }
    .homepage-services > div { grid-template-columns: repeat(2, 1fr); }
    .service-hero-main .services-landing h1 { font-size: 38px; }
    section.cta-container.cta-custom-plugin .post-cta-wrapper { flex-direction: column; }
    section.cta-container.cta-custom-plugin .post-cta-wrapper .post-cta-content {  width: 100%; }
    section.cta-container.cta-custom-plugin .post-cta-wrapper .post-cta-image { display: none; }

    section.cta-container.cta-custom-plugin .post-cta-wrapper .post-cta-content h2.post-cta-title,   
    section.cta-container.cta-custom-plugin .post-cta-wrapper .post-cta-content .post-cta-subtitle {    text-align: center; }
    section.cta-container.cta-custom-plugin .post-cta-wrapper .post-cta-content div {
    display: flex;    flex-direction: column; justify-content: center; align-items: center; }  
    section.cta-container.cta-custom-plugin .post-cta-wrapper .post-cta-content { text-align: center; }
    section.cta-container.cta-custom-plugin .post-cta-wrapper .post-cta-content .wp-block-uagb-container { padding: 0px; }
}

@media (max-width: 786px) {
    .it-services {        grid-template-columns: 1fr; /* 1 column */ }
    .homepage-services > div { grid-template-columns: 1fr;  }

    body div#page .portfolio-containers .portfolio-landing-section > div { padding-left: 0px; padding-right: 0px;}
    .service-hero-main .services-landing h1 { font-size: 32px; }
    .service-hero-main .services-landing { padding: 0px !important; }
    .single-post-banner.single-post-banner-custom { height: auto;  min-height: 60vh; }
}



@media (max-width: 768px) {
.site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-tablet-stack .site-footer-section {
    display: block !important;  grid-column: 1;   width: 100% !important; }
.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-firstrow .ast-builder-grid-row {grid-template-columns: 1fr !important;}
.ast-footer-social-wrap .footer-social-inner-wrap { text-align: center; }

body .ast-container.single-post-conatiner .post-top > div h1 {font-size: 26px !important;}
body .ast-container.single-post-conatiner { padding: 50px 30px; }
.post-full-content h2 {  font-size: 24px; }

.services-parent-container .services-child-container { padding: 0px 30px !important;  }

section.cta-container.cta-custom-plugin { padding: 40px 30px 60px 30px; }
section.cta-container.cta-custom-plugin .post-cta-wrapper .post-cta-content p.post-cta-subtitle,
section.cta-container.cta-custom-plugin .post-cta-wrapper .post-cta-content a.post-cta-button
{ font-size: 16px; }
section.cta-container.cta-custom-plugin .post-cta-wrapper .post-cta-content h2.post-cta-title { font-size: 34px; }
.home-services .services-parent-container .services-child-container { padding-left: 0px !important; padding-right: 0px !important;  }
}
@media (max-width: 544px) {
.ast-theme-transparent-header #masthead, .ast-hfb-header .site-header { margin: auto; width: 100%; padding-left: 20px; padding-right: 20px; }

}
@media (max-width: 580px) {
.ast-breadcrumbs li.trail-item.trail-end { font-size: 20px; }
.single-post-banner-custom .ast-container { padding: 0px 30px; }
.single-post-banner-custom {  padding: 60px 30px; }
body .ast-container.single-post-conatiner .post-top > div h1 { font-size: 22px !important; }
body .ast-container.single-post-conatiner .post-top > div { width: 100%; }
}


@media (max-width: 480px) {

.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form { flex-direction: column; }
.site-primary-footer-inner-wrap aside.footer-widget-area .uagb-forms-email-wrap { margin-bottom: 13px !important; }
body .portfolio-containers h1 { font-size: 26px; }

.service-hero-main .services-landing h1 {  font-size: 28px;  text-align: center; }
.service-hero-main .services-landing, .service-hero-main .services-landing .uagb-ifb-separator { margin: auto;    text-align: center; }
.service-hero-main .services-landing .uagb-ifb-separator { margin: 10px 0px; }
.service-hero-main .services-landing p { font-size: 16px !important; }

section.cta-container.cta-custom-plugin .post-cta-wrapper .post-cta-content h2.post-cta-title { font-size: 30px; }

}