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

body {
   font-family: "Poppins", sans-serif;
}

*,body {
    font-family: "Poppins", sans-serif;
}

p {
    font-family: "Poppins", sans-serif;
    font-size: 18px !important
}

h2 {
    font-size: 46px !important
}

h3 {
    font-size: 36px !important; font-weight:bold !important;
}

h4 {
    font-size: 28px !important; font-weight:bold !important;
}

ul li {
    font-size: 18px !important
}

nav,.nav {
    box-shadow: none !important
}

.input-txt,#primeagile__11851 {
    padding: 10px !important;
    font-size: 20px !important;
    width: 100%
}

.gSZqfZ {
    display: none
}

.eXJnhx {
    gap: 32px !important
}

nav.navbar {
    background: #fff !important
}
.sc-gsFSXq.legMcG{
    gap: 2rem;
}
.sc-imWYAI svg{
    align-self: center !important;
}

h1 {
    font-size: 54px !important ; font-weight:bold !important;
}

img {
    max-width: 100%;
    height: auto
}

div#primeagile__12611__11014 h1 {
    font-size: 54px;
}

.navbar-nav {
    gap: 20px
}

.navbar-nav a {
    text-decoration: none;
    color: #000;
}

.nav-header {
    background: #fff;
}
.banner-hero{
    background: #000 url('https://images.primeagile.com/premierhomefieldservices_com/image/16105/hero1.webp') no-repeat center center;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 77vh; 
    overflow: hidden;
    align-items: center;
    justify-content: center;
}
.left-text{margin:20px 0;}
.background-video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover; 
  z-index: -1; 
}

.banner-textblock {
    background: linear-gradient(180deg,rgb(114 114 114 / 30%) 0,rgb(0 0 0 / 30%) 100%),url(https://images.primeagile.com/premierhomefieldservices_com/image/12353/banner-hero1.webp);
    background-size: cover;
    min-height: 640px;
    padding-top: 50px;
    background-position: bottom center;
}

@keyframes banner-textblock {
    0 {
        background-image: url("https://images.primeagile.com/premierhomefieldservices_com/image/12353/banner-hero1.webp")
    }

    33% {
        background-image: url("https://images.primeagile.com/premierhomefieldservices_com/image/12354/banner-hero2.webp")
    }

    66% {
        background-image: url("https://images.primeagile.com/premierhomefieldservices_com/image/12355/banner-hero3.webp")
    }

    100% {
        background-image: url("https://images.primeagile.com/premierhomefieldservices_com/image/12353/banner-hero1.webp")
    }
}

.internal-top-banner {
    background: linear-gradient(180deg,rgba(225,225,225,0.3) 0,rgba(225,225,225,0.3) 100%),url(https://images.primeagile.com/premierhomefieldservices_com/image/13004/inner-banner.webp);
    background-size: cover;
    min-height: 350px;
    background-position: top center;
}

div#primeagile__12610__11013 {
    margin-top: 5%;
    padding: 0 20px 100px 0;
}

section.container.addresses {
    text-align: center;
    margin: 100px auto;
}

.service-categories,.form-text-block {
    padding-top: 3em;
    padding-bottom: 3em;
    background-size: cover;
    background: transparent linear-gradient(180deg,#0a3b61 0,#0c4331 100%) 0 0 no-repeat padding-box;
}

div#primeagile__12674__11065 {
    align-self: center;
}

section.container.addresses .row>div {
    padding: 0 50px;
}

div#primeagile__12676__11067 {
    border: 1px solid #fff;
    padding: 20px;
    border-radius: 22px;
}

div#primeagile__12677__11068 input {
    min-height: 38px;
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #d6d6d6;
    border-radius: 20px;
    padding: 0 0 0 20px;
}

.form-text-block,.form-text-block h2 {
    color: #fff !important;
}

.about-us {
    margin-top: 50px;
}

.about-us h2,.our-partners h2 {
    text-align: center;
}

.about-us .row {
    align-items: center;
}

.premier-form>div {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.service-categories .card {
    transition: all .3s;
}

.service-categories .card-title {
    padding-top: .5em;
}

.service-categories a:hover {
    text-decoration: none;
}

.service-card {
    background: #fff;
    border: 0;
    color: #2796cb;
    text-align: center;
    min-width: 100px;
    align-items: center;
    margin: 5px;
    padding: 20px 10px 0 10px;
    display: flex;
    min-height: 310px !important;
}

.service-categories .col-md-3 {
    align-self: center;
}

.service-card:hover {
    box-shadow: 2px 4px 8px 0 rgba(46,61,73,0.2);
}

.card-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

div.services-text h2,div.services-text p {
    color: #fff !important
}

.award-box .box {
    background-color: #447c69;
    text-align: center;
    margin: 5px 5px;
    padding: 5px 5px;
    width: 70px;
    height: 70px;
    justify-content: center;
    display: flex;
    align-items: center
}

.award-box .col-md-4 {
    margin: 10px 20px;
    padding: 5px 5px;
    width: 65px;
    height: auto
}

.thank-you-message {
    text-align: center;
    margin: 100px auto
}

.number {
    font-size: 22px;
    color: white;
    font-weight: bold;
    border: 1px solid #fff;
    text-align: center;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center
}

.phrase {
    font-size: 12px;
    color: #2796cb
}

.award-box .col-md-4 {
    align-self: center;
    text-align: center
}

.cta-div button,.submit-btn {
    background: #d9be02 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 15px;
    border: 0;
    max-width: 251px;
    height: 50px;
    min-width: 200px;
    font-size: 20px;
    font-weight: 500;
    padding: 0 28px;
    cursor: pointer;    text-decoration: none;
    padding: 10px 20px;color: #4a4a4a;
}
.submit-btn:hover{background: #c6d8f3; }

.our-partners {
    text-align: center;
    margin-top: 100px;
    min-height: 337px;
    background: #f1fbff 0 0 no-repeat padding-box;
    padding: 50px 0
}

.our-partners .col-md-4 img {
    margin: 1rem
}

.best-partner {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #044363 0 0 no-repeat padding-box;
    min-height: 200px
}

.best-partner h2 {
    color: #fff
}

.test-image {
    border-radius: 50%
}

.testimonial-section {
    min-height: 562px;
    background: #f2f2f2 0 0 no-repeat padding-box
}

.job-title-container {
    display: grid;
    grid-template-columns: 5rem min-content auto auto;
    margin: 3rem;
    justify-content: center;
    align-items: center;
    height: 10rem
}

.job-title-container img {
    height: 5rem;
    width: 5rem;
}

#pagelist a {
    text-decoration: none
}
#primeagile__11508{
    grid-column:2/5;
}
#primeagile__11520{
    grid-column:3/4;
}
#primeagile__12051 {
    grid-column:2/3;
    padding-right:1rem;
    width:max-content;
}
#primeagile__11505 .row {
    gap: 5rem
}

.job-post-container {
    height: 15rem;
    max-width: 60rem;
    padding: 1rem;
    border-left: .3rem solid #3591fb;
    box-shadow: 1px 2px 1px 0 rgba(0,0,0,0.48);
    margin: 2rem;
    color: black;
    transition: all .2s;
    text-decoration: none
}

.job-post-container:hover {
    box-shadow: 1px 2px 8px 1px rgba(0,0,0,0.48)
}

#pagelist {
    justify-content: center
}

.test-inner {
    margin: 1rem;
    background: #fff;
    padding: 20px
}

.custom-says {
    padding-top: 100px
}

.test-heading {
    text-align: center;
    margin-bottom: 50px
}

.image-name>.col-md-9 {
    display: flex;
    align-items: center
}

.image-name>.col-md-9 p {
    margin: 0;
    padding: 0
}

.testimonial-name {
    color: #a63a00
}

.social-icons .container {
    min-height: 62px;
    background: #f2f2f2 0 0 no-repeat padding-box;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    background: #fff
}

.terms-conditions {

background: linear-gradient(86deg, #040404, #03184a);
    background-size: 400% 400%;
    animation: AnimationName 7s ease infinite;

    /*background: #000 0 0 no-repeat padding-box;*/
    color: #fff;
    min-height: 69px;
    display: flex;
    align-items: center;
    text-align: center
}

.prem-copy {
    color: #2796cb
}

.footer .copyright a {
    color: #d9be02
}

.footer .copyright {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center
}

.footer a {
    text-decoration: none
}

.priv-pol {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 50px
}

.copyright>p {
    padding: 0;
    margin: 0
}

.services-text {
    color: #fff
}

section.why-choose-us.container {
    margin: 100px auto
}

.testimonial-header {
    text-align: center
}

.tetimonial-section {
    margin: 100px auto
}

section.our-partners .col-md-3 {
    margin: 1rem auto
}

.img-card-container {
    background: #f2f6ff;
    margin: 5px;  
}
.img-card-container h4{padding:10px 0;}
.service-image {
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 268px
}

.lawn-garden {
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/11108/lawn-and-garden.webp')
}

.exter {
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/11103/eterior-maintenance.webp')
}

.preventive-maint {
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/11110/preentie-maintenance.webp')
}

.seasonal {
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/11117/seasonal_maintenance.webp')
}

.inter-maint {
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/11106/interior-maintenance.webp')
}

.customized-plan {
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/11101/customized_services.webp')
}

.secure-boarding {
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/11114/property_protection.webp')
}

.prop-insp {
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/11113/property_inspection.webp')
}

.debri {
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/11102/debri_removal.webp')
}

.renovation {
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/11116/repair_and_renovation.webp')
}

.lwn-maint {
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/11107/lawn_maitenance.webp')
}

.winterization {
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/11118/winterization.webp')
}

.pre-purchase {
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/11112/pre-purchase-inspection.webp')
}

.pre-listing {
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/11111/pre-list.webp')
}

.insurance-insp {
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/11105/insurance_inspection.webp')
}

.foreclosure {
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/11104/foreclosure-inspecton.webp')
}

.periodic {
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/11109/periodic_maintenance_inspection.webp')
}

.rental-prop {
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/11115/rental_inspection.webp')
}

.hvac-ser {
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/14455/hvac-installation.webp')
}

.Plumbing-maint{
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/14602/plumbing.webp')
}

.pest-maint {
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/14607/pest-control-services.webp')
}

.appliance-maint{
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/14603/appliance-installation.webp')
}

.carpet-cleaning{
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/14801/carpet-cleaning.webp')
}

.electrical-lighting{
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/14851/electrical-lighting.webp')
}
.garage-maintance{
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/14951/garage-door.webp')
}
.pool-maintance{
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/15001/pool-cleaning.webp ')
}
.painting-service{
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/15152/painting-services1.webp ')
}

.Debris{
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/15651/debris-removal.webp')
}

.Roofing{
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/15654/roofing-services.webp')
}
.flooring{
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/15658/flooring-solutions.webp')
}
.Mold{
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/15662/mold-removal1.webp')
}

.snow{
    background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/15702/snow-removal-services.webp')
}

.Landscaping{
background-image: url('https://images.primeagile.com/premierhomefieldservices_com/image/15703/landscaping.webp')
}


.service-cont {
    margin-bottom: 50px
}

.service-cont>.row>div>div {
    height: 310px;
    margin-bottom: 20px
}

.service-cont>.row>div>div>div:nth-child(2) {
    align-self: center
}

section.container.service-cont,section.container.service-cont h2 {
    color: #fff
}

.row.img-card-container p {
    color: #000
}

section.container.service-cont {
    margin-top: 50px
}

.services-text h1 {
    color: #fff
}

.kogrLz {
    gap: 70px !important
}

.dkZSZn {
    box-shadow: none !important
}

.bggry {
    background: #d2d0ff;
    background: linear-gradient(90deg,rgba(210,208,255,1) 19%,rgba(222,255,224,1) 48%,rgba(232,251,255,1) 81%);
    padding: 20px
}

.vendor-left-col-text {
    padding-top: 20%
}

.vendor-right-col {
    padding-top: 10%
}

.footer {
    padding-top: 3%
}

.services card {
    padding: 10px;
    background: #ddf2ff;
    display: block;
    margin: 20px 0
}

.joinus {
    background-color: #fff000;
    border-radius: 12px;
    color: #000;
    cursor: pointer;
    font-weight: bold;
    padding: 10px 15px;
    text-align: center;
    transition: 200ms;
    width: 230px;
    box-sizing: border-box;
    border: 0;
    font-size: 16px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation
}

#primeagile__11617,.call-cta {
    background: #f00 !important;
    color: #fff !important;
    text-decoration: none !important;
    padding: 20px !important;
    font-size: 20px !important;
    font-weight: bold !important;
    border-radius: 10px !important
}

.job-post-container {
    border: 1px solid #ddd
}

@media only screen and (max-width: 767px) {
    .job-post-container {
        height: max-content;
        width: 90vw;
    }
    .job-post-container > div:nth-child(1){
        place-items: center;
    }
    .job-post-container > div:nth-child(2) > p{
        font-size: 1rem !important;  
    }
     .job-post-container h3{
         font-size: 1.5rem !important;
         margin: 1rem 0
     }
    h1 {
        font-size:42px !important
    }
     h2 {
        font-size:2rem !important
    }
    .job-title-container{
    margin: 1rem;
        grid-template-columns: 4rem ;
        place-content:center;
    }
     
    .job-title-container img {
        height: 3rem;
        width: 3rem
    }
     #primeagile__12051,  #primeagile__11520{
         font-size: 1.5rem !important;
     }
    #primeagile__11619 {
        font-weight: bolder;
        margin: 1rem 0;
    }
}

.cover-image {
    width: 250px !important
}

#primeagile__11617 {
    margin-top: 20px
}
 
.locations li{ list-style: none;
    padding: 10px 30px;
    background: #1d729e;
    border-radius: 20px;
    display: inline;
    line-height: 50px;
    color: #fff;
    font-weight: 500;     text-decoration: none;
    padding: 10px 20px;}
    .eQwgYq{gap:30px !important;}
    
    .phfs div:hover{box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;}
    .sub-drop{z-index:9 !important;}
    #primeagile__11901 a,#primeagile__12152 a,#primeagile__11552 a{text-decoration:none; color:#333; }
    .logo{width:200px !important;}
    .efYTnX{gap:35px !important;}

.sub-drop h3{ font-size:18px !important; font-weight:bold;}
.sub-drop{ margin-top:10px !important; }
.sub-drop{background: #EEF8F1; background: linear-gradient(90deg,rgba(238, 248, 241, 1) 28%, rgba(232, 255, 254, 0.95) 100%, rgba(255, 255, 255, 0.46) 100%) !important;}
 
.service-areas{font-weight:normal !important;}
.text-center{text-align:center;}
.home-maintance, .mission{padding:20px;}.mission{ background: rgba(17, 119, 183, 0.19); border-radius:20px;}
.our-services{ background:rgba(221, 217, 216, 0.37) url(https://images.primeagile.com/premierhomefieldservices_com/image/16151/services-bg.webp); padding:40px 0;
 background-size: cover;
    min-height: 350px;
    background-position: top center;
}
/*why */
.why-choose h5, .why-choose h2{font-weight:bold; color: #007AC7;}

.why-choose{background: url(https://images.primeagile.com/premierhomefieldservices_com/image/16201/why-1.webp) no-repeat center right;}
.bl-y{border-left:8px solid #EBCE00; padding:20px; margin:20px 0; transition: width 2s;}
.bl-y:hover{  background:#fafafa; 
            transform: translateX(-5px); /* Lifts  */
            box-shadow: 0 12px 24px rgba(0,0,0,0.1);
            border-color: #3498db; /* Subtle highlight color */            
}
.ready-to-start {
    background: linear-gradient(270deg, #95d5f3, #ecea86);
    background-size: 400% 400%;
    animation: AnimationName 7s ease infinite;
}

@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

 .footer-copyright{padding:40px 0 0;}

.customer-says{background:#F0F0F0 url(https://images.primeagile.com/premierhomefieldservices_com/image/16205/customer-says.webp) no-repeat center right;}
.test-inner{min-height:260px; border-radius:20px;}
.testimonial-name{font-weight:bold;}
.s-area Ul li{list-style:none;float:left; padding:5px 20px;border:1px solid #EBCE00; border-radius:20px;margin:5px }
.s-area Ul li{ background:url(https://images.primeagile.com/premierhomefieldservices_com/image/16204/loc.webp) no-repeat 5px center;  padding-left: 25px;}
.s-area a{text-decoration:none; color:#007AC7;}
/* service cards */
        .section-header {
            text-align: center;
            margin-bottom: 40px;
        }

        .section-header h2 {
            font-size: 2.5rem;
            color: #2c3e50;
            margin-bottom: 10px;
        }

        .section-header p {
            color: #666;
            font-size: 1.1rem;
        }

        /* --- The Grid (4 Columns) --- */
        .services-grid {
            display: grid;
            /* This creates exactly 4 columns */
            grid-template-columns: repeat(4, 1fr); 
            gap: 24px; /* Space between cards */
        }

        /* --- Card Styling --- */
        .card {
            background: #ffffff;
            border-radius: 12px;
            padding: 20px 15px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.05);
            transition: all 0.3s ease;
            border: 1px solid #eee;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            height: 100%; /* Ensures all cards in a row are equal height */
        }

        /* Hover Effect for UX Feedback */
        .card:hover {
            transform: translateY(-7px); /* Lifts up */
            box-shadow: 0 12px 24px rgba(0,0,0,0.1);
            border-color: #3498db; /* Subtle highlight color */
            background: #f0fbff;
        }

        /* --- Icon container --- */
        .icon-box {
            background-color: #cbe7ff;
            color: #3498db;
            width: 50px;
            height: 50px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
        }

        .icon-box svg {
            width: 24px;
            height: 24px;
            fill: currentColor;
        }

        /* --- Typography --- */
        .card p {
            font-size: 0.95rem;
            line-height: 1.5;
            color: #666;
            margin-bottom: 20px;
            flex-grow: 1; /* Pushes the link to the bottom */
        }

        /* --- Link / CTA --- */
        .card-link {
            text-decoration: none;
            color: #3498db;
            font-weight: 600;
            font-size: 0.9rem;
            display: flex;
            align-items: center;
            gap: 5px;
            transition: gap 0.2s;
        }

        .card-link:hover {
            gap: 8px; /* Arrow moves slightly on hover */
            color: #b5b5b5;
        }

        /* --- Responsiveness (UX Guardrails) --- */
        /* While you asked for 4 per row, on tablets we should show 2, and mobile 1 */
        
        @media (max-width: 1200px) {
            .services-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        @media (max-width: 900px) {
            .services-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 600px) {
            .services-grid {
                grid-template-columns: 1fr;
            }
        }
.footer-copyright{ text-align:left;}.footer-copyright ul{padding:20px 0 0 2px;}
 

.site-footer a:hover{color:#007AC7;}  .crt, .crt p{font-size:14px !important; padding-top:20px;}


/* footer */
 
    .site-footer {   

background: linear-gradient(86deg, #040404, #03184a);
    background-size: 400% 400%;
    animation: AnimationName 7s ease infinite;
    
        color: #fff; 
        padding: 60px 20px 20px;
        font-size: 14px !important;
    }
.site-footer ul li{ list-style:none; text-align:left; font-size:14px !important; line-height:28px;}
.site-footer a{ color:#afafaf}
.site-footer a:hover{color:#007AC7;} 
    .footer-container {
        max-width: 1200px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1.5fr 2fr 1fr 0.8fr; /* 4 Columns with specific weighting */
        gap: 40px;
    }

    /* BRAND COLUMN */
    .footer-brand {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .footer-logo {       
        width: fit-content;
        border-radius: 4px;
       
        display: flex;
        align-items: center;
        
    }
    .license-info {
        color: #94a3b8;
        font-size: 13px !important;
    }
    .contact-highlight {
        margin-top: 10px;
    }
    .phone-number {
        display: block;
        font-size: 20px;
        font-weight: 700;
        color: #38bdf8; /* Bright Blue Accent */
        text-decoration: none;
        margin-top: 5px;
    }
 

    /* LINKS & LISTS */   
    .footer-links{padding-top:20px; padding-left:5px;}
    .footer-links a:hover {
        color: #38bdf8; /* Hover color */
        padding-left: 5px; /* Slight movement effect */
    }

    /* SPECIAL: SPLIT LONG LIST INTO 2 COLUMNS */
    .double-column-list {
        display: grid;
        grid-template-columns: 1fr 1fr; /* Splits this specific list in half */
        column-gap: 20px;
    }

    /* BOTTOM BAR */
    .footer-bottom {
        border-top: 1px solid #1e293b;
        margin-top: 50px;
        padding-top: 25px;
        text-align: center;
        color: #64748b;
        font-size: 13px;
    }
    .footer-bottom a { color: #94a3b8; }
.titl{font-size:20px;}
    /* RESPONSIVE DESIGN (TABLET & MOBILE) */
    @media (max-width: 1024px) {
        .footer-container {
            grid-template-columns: 1fr 1fr; /* 2 columns on tablet */
        }
        .double-column-list {
            grid-template-columns: 1fr; /* Back to single column for list on tablet */
        }
    }
    @media (max-width: 600px) {
        .footer-container {
            grid-template-columns: 1fr; /* 1 column on mobile */
            gap: 30px;
        }
    }
    .services-grid a{text-decoration:none;}

   .ph2{ border-bottom:1px dashed  #70bdf2; padding:10px 0;}
 .services-inner-banner  {padding:50px 0; background: linear-gradient(rgb(36 123 171 / 93%), rgb(37 84 110 / 73%)), url(https://images.primeagile.com/premierhomefieldservices_com/image/16454/inner-banner-bg.webp) center / cover no-repeat}