/* Body-level <style> blocks (between .page-wraper and the footer) from the legacy layout, verbatim */

@media screen and (max-width:600px){
    .fs_16{
    font-size: 14px !important;
}
    .site-footer .container{
    max-width: 100% !important;
}
  .sm-justify-content-center{
      justify-content: center !important;
      gap: 5px;
  }
  .footer-bottom .order-md-3{
    text-align: center;  
  }
    footer {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 20px !important;
    }
    input,
textarea {
    -webkit-text-size-adjust: 100% !important;
}
.site-footer.style-1 .footer-title{
    text-transform: unset !important;
    font-size: 16px !important;
}

}
@media only screen and (max-width: 600px) {
    .footer-col{
        margin-bottom:15px !important;
    }
    .site-header .extra-nav {
         bottom: 0px !important; 
    }
    footer .footer-logo{
        margin-bottom: 5px;
    }
    footer ul li{
        margin-bottom: 4px;
    }
    footer h5{
        margin-bottom: 8px;
    }
    .scroltop{
        bottom: 60px !important;
    }
    .text-white.mr-1{
        margin-bottom: 10px;
    }
}
.fs_16{
    font-size: 16px;
}

.fs_14{
    font-size: 14px;
}
.copyright-text {
    font-size: 13px;
    color: #666;
    margin-bottom: 0;
}
.DesignFooter {
    color: #000 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
footer{
    width:80%;
    margin: 0 auto;
}
.site-footer .container{
    max-width: 93%;
}
.footer-logo-text{
    font-size: 48px;
    font-weight: 700;
    color: #fff;
}
/* ── Pokota-style alignment overrides ── */
.site-footer.style-1 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 50px;
    border-radius: 24px;
}

/* Background image layer — exact Pokota structure */
.footer-bg-layer {
    filter: grayscale(1);
    border-radius: 24px;
    opacity: 1;
    position: absolute;
    inset: 0 8px;
    overflow: hidden;
    z-index: 0;
    will-change: transform;
}
.footer-bg-layer > div:first-child {
    position: absolute;
    border-radius: inherit;
    inset: 0;
}
.footer-bg-layer > div:first-child img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-position: center center;
    object-fit: cover;
}
/* Center portrait image — brightness(0.15) */
.footer-portrait-img {
    flex: none;
    height: 577px;
    left: calc(50% - 745px / 2);
    overflow: hidden;
    position: absolute;
    top: calc(50% - 577px / 2);
    width: 745px;
    z-index: 1;
    filter: brightness(0.15);
    opacity: 1;
}
.footer-portrait-img > div {
    position: absolute;
    border-radius: inherit;
    inset: 0;
}
.footer-portrait-img img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-position: center center;
    object-fit: cover;
}
/* Bottom black fade */
.footer-bottom-fade {
    bottom: 0;
    flex: none;
    height: 45%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    z-index: 2;
    background-color: rgb(0, 0, 0);
    opacity: 0.2;
}

/* Content sits above bg layers */
.site-footer.style-1 > .container,
.site-footer.style-1 > .footer-bottom {
    position: relative;
    z-index: 3;
}

/* ── Main top row: flex row, items align to bottom ── */
.site-footer.style-1 .container > .row > .pb-50px.row {
    display: flex !important;
    flex-direction: row !important;
    /*align-items: flex-end !important;*/
    flex-wrap: nowrap !important;
    padding-top: 180px;
    /*padding-bottom: 64px;*/
    gap: 0;
}

/* Left column — logo + description stacked */
.site-footer.style-1 .col-xl-4.col-md-4.col-sm-6 {
    display: flex;
    flex-direction: column;
    /*justify-content: flex-end;*/
    gap: 40px;
    flex: 1 0 0;
    max-width: 420px;
    /*padding-left: 40px;*/
    padding-right: 40px;
}

/* Spacer column hidden on xl stays hidden */

/* Top Searches + Customer Policies columns */
.site-footer.style-1 .col-xl-2.col-md-4.col-sm-4 {
    display: flex;
    flex-direction: column;
    /*justify-content: flex-end;*/
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
}

/* Newsletter column — right side */
.site-footer.style-1 .col-xl-3.col-md-4.col-sm-12.col-12 {
    display: flex;
    flex-direction: column;
    /*justify-content: flex-end;*/
    padding-left: 24px;
    /*padding-right: 40px;*/
    max-width: 320px;
}

/* Text colours for dark bg */
.site-footer.style-1 .footer-title {
    color: #8f8f8f !important;
   
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 14px !important;
}
.site-footer.style-1 .widget_about p {
    color: #8f8f8f !important;
  
    font-weight: 500;
}
.site-footer.style-1 .widget_services ul li a {
    color: #fff !important;
  
    font-weight: 500;
}
.site-footer.style-1 .widget_services ul li a:hover {
    color: #e8ff33 !important;
}
.site-footer.style-1 .fs_13 {
    color: rgba(163, 163, 163, 1) !important;
   
    line-height: 1.7;
}

/* Newsletter input styling for dark bg */
.site-footer.style-1 .subscribe_widget .form-control {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.25) !important;
    border-radius: 0 !important;
    color: rgba(229,229,229,1) !important;
    padding-left: 0 !important;
}
.site-footer.style-1 .subscribe_widget .form-control::placeholder {
    color: rgba(163,163,163,1) !important;
}
.site-footer.style-1 .subscribe_widget .btn {
    background: transparent !important;
    border: none !important;
    color: #c8ff00 !important;
}
.site-footer.style-1 #newsletter_message,
.site-footer.style-1 .subscribe_widget > p {
    color: rgba(163,163,163,0.8) !important;
   
}

/* Popular searches section */
.site-footer.style-1 .col-md-12.border-top {
    border-top:none !important;
}
.site-footer.style-1 .footer-ul li a {
    color: #fff !important;

}
.site-footer.style-1 .footer-ul li a:hover {
    color: #e8ff33 !important;
}

/* Footer bottom bar */
.footer-bottom {
    position: relative;
    z-index: 3;
    border-top: 0.5px solid rgba(255,255,255,0.12) !important;
}
.footer-bottom .copyright-text,
.footer-bottom .copyright-text a,
.footer-bottom p{
    color: rgba(120,120,120,1) !important;
 
}

/*.footer-bottom span {*/
/*    color: rgba(120,120,120,1) !important;*/
 
/*}*/
.footer-bottom a.textbasecolor,
.footer-bottom a.comp {
    color:#fff !important;
}

@media only screen and (max-width: 991px) {
    .site-footer.style-1 .container > .row > .pb-50px.row {
        flex-wrap: wrap !important;
        padding-top: 0px;
        padding-bottom: 20px;
    }
    .site-footer.style-1 .col-xl-4.col-md-4.col-sm-6,
    .site-footer.style-1 .col-xl-3.col-md-4.col-sm-12.col-12 {
        max-width: 100%;
        width: 100%;
    }
}
.footer-text-logo{
    color: #fff;
    font-size: 84.99204831650664px;
   font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.1em;
}
.contact-card-x {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /*gap: 8px;*/
}

/* Base link */
.contact-link-x {
    position: relative;
    text-decoration: none !important; /* remove framer default */
    display: inline-block;
}

/* Phone */
.phone-x {
    font-size: 18px;
    color: #a3a3a3;
}

/* Email */
.email-x {
    font-size: 32px;
    color: #ffffff;
    font-weight: 400;
}

/* 🔥 Animated line-through */
.contact-link-x::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) scaleX(0);
    transform-origin: left;
    width: 100%;
    height: 2px; /* thickness */
    background: #ffffff;
    transition: transform 1s cubic-bezier(.44, 0, .56, 1);
}

/* Hover animation */
.contact-link-x:hover::after {
    transform: translateY(-50%) scaleX(1);
}

/* Optional color fade */
.contact-link-x:hover {
    color: #a3a3a3 !important;
    font-weight: 400 !important;
}
.footer-search{
    padding-left: 0 !important;
    padding-right: 0 !important;
}