/* 
 Theme Name:   pet-child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     pet-house
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/
:root{--color-primary1:#141c2a!important}
h1{font-size:clamp(2rem,4vw,2.5rem)!important}
h2{font-size:clamp(1.6rem,3vw,2rem)!important}
h3{font-size:clamp(1.4rem,3vw,1.7rem)!important}
p{margin-bottom:.5rem!important}
.navigation_header .main-menu{display:flex;justify-content:center;width:100%}
.navigation_header .main-menu ul{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;margin:0;padding:0;list-style:none}
.navigation_header .main-navigation,.navigation_header .sidenav{width:100%}
@media (max-width: 1199px) {
.navigation_header .main-menu ul{flex-direction:column;align-items:center}
}
.post-content h2{margin-top:15px}
.post-content h3{margin-top:15px}
.marker-footer{position:relative;background:linear-gradient(135deg,#111827 0%,#161e2c 55%,#0c1220 100%);color:#f8fafc;padding:75px 0 25px;overflow:hidden}
.marker-footer::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#f5c94e,transparent)}
.marker-footer .marker-footer-title{color:#fff;font-size:18px;font-weight:700;line-height:1.4;margin:0 0 24px}
.marker-footer p{color:#a8b0be;font-size:14px;line-height:1.85;margin:0}
.marker-footer-logo{margin-bottom:24px}
.marker-footer-logo img{display:block;max-width:100%;height:auto}
.marker-footer-description{max-width:340px}
.marker-footer-socials{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:25px}
.marker-footer .footer-social-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #343e50;border-radius:10px;background:#ffffff0a;color:#d1d5db;font-size:15px;transition:all .3s ease}
.marker-footer .footer-social-icon:hover{background:#f5c94e;border-color:#f5c94e;color:#111827;transform:translateY(-3px)}
.marker-footer-links ul{padding:0;margin:0;list-style:none}
.marker-footer-links ul li{margin-bottom:14px}
.marker-footer-links ul li:last-child{margin-bottom:0}
.marker-footer-links ul li a{display:inline-block;color:#a8b0be;font-size:14px;line-height:1.65;text-decoration:none;transition:all .25s ease}
.marker-footer-links ul li a:hover{color:#f5c94e;transform:translateX(5px)}
.marker-footer-newsletter > p{max-width:360px;margin-bottom:22px}
.marker-newsletter-form{width:100%;margin:0}
.marker-newsletter-input-wrap{display:flex;align-items:center;width:100%;padding:5px;border:1px solid transparent;border-radius:10px;background:#fff;transition:border-color .25s ease}
.marker-newsletter-input-wrap:focus-within{border-color:#f5c94e}
.marker-footer .marker-newsletter-input-wrap input{flex:1;min-width:0;width:100%;height:44px;padding:0 12px;border:none;outline:none;box-shadow:none;background:transparent;color:#1f2937;font-size:13px;font-family:inherit}
.marker-footer .marker-newsletter-input-wrap input::placeholder{color:#87909c}
.marker-footer .marker-newsletter-input-wrap button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:44px;padding:0 15px;margin:0;border:none;border-radius:7px;background:#f5c94e;color:#111827;font-size:13px;font-weight:700;line-height:1.2;cursor:pointer;transition:all .25s ease}
.marker-footer .marker-newsletter-input-wrap button:hover{background:#e8b936}
.marker-footer .marker-newsletter-input-wrap button i{font-size:12px}
.marker-newsletter-note{display:flex;align-items:center;gap:8px;margin-top:15px;color:#828b9b;font-size:12px}
.marker-newsletter-note i{color:#f5c94e}
.marker-footer-bottom{margin-top:60px;padding-top:25px;border-top:1px solid #ffffff1a}
.marker-footer-copyright,.marker-footer-bottom-text{color:#828b9b;font-size:13px;line-height:1.7}
.marker-footer-copyright a{color:#f5c94e;text-decoration:none;font-weight:600;transition:color .25s ease}
.marker-footer-copyright a:hover{color:#fff}
@media (min-width: 768px) and (max-width: 991.98px) {
.marker-footer{padding-top:60px}
.marker-footer-newsletter{max-width:550px}
.marker-footer-bottom{margin-top:45px}
}
@media (max-width: 767.98px) {
.marker-footer{padding:45px 0 22px}
.marker-footer .marker-footer-title{font-size:17px;margin-bottom:18px}
.marker-footer-logo{margin-bottom:20px}
.marker-footer-socials{margin-top:20px}
.marker-footer-newsletter > p{margin-bottom:18px}
.marker-footer-bottom{margin-top:40px;padding-top:22px}
.marker-footer-copyright,.marker-footer-bottom-text{font-size:12px}
}
.marker-footer-bottom-text a{color:#fff}
@media (max-width: 399.98px) {
.marker-newsletter-input-wrap{flex-direction:column;align-items:stretch}
.marker-footer .marker-newsletter-input-wrap input{width:100%}
.marker-footer .marker-newsletter-input-wrap button{width:100%;margin-top:5px}
}
.wow,.wow.animated,.wow.animate__animated{visibility:visible!important;opacity:1!important;animation:none!important;-webkit-animation:none!important;transition:none!important;transform:none!important;animation-delay:0s!important}
.sub-hero{position:relative;background:#f5f7fa;border-left:3px solid var(--color-primary1);border-radius:0 8px 8px 0;padding:20px 24px;margin:0 0 24px}
.sub-hero p{color:#475569;line-height:1.8;margin:0 0 14px}
.sub-hero p:first-child{color:var(--color-primary1)}
.sub-hero p:last-child{margin-bottom:0}
@media (max-width: 767px) {
.sub-hero{padding:16px;margin-bottom:20px}
.sub-hero p{line-height:1.7;margin-bottom:12px}
}
.heading{position:relative;margin-bottom:24px}
.heading h2{position:relative;color:var(--color-primary1,#141c2a);padding-bottom:18px;margin-bottom:20px}
.heading h2::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:65px;height:3px;background:var(--color-primary1,#141c2a);border-radius:3px}
.heading h2::before{content:"";position:absolute;bottom:-4px;left:50%;width:11px;height:11px;background:var(--color-primary1,#141c2a);border:2px solid #fff;transform:translateX(-50%) rotate(45deg);z-index:1}
.heading p{color:#475569;line-height:1.8;margin-bottom:12px}
.heading p:last-child{margin-bottom:0}
@media (max-width: 767px) {
.heading{margin-bottom:20px}
.heading h2{padding-bottom:16px;margin-bottom:18px}
.heading p{line-height:1.7}
}
.box{position:relative;height:100%;background:#fff;border:1px solid #e5e9ef;border-left:3px solid var(--color-primary1,#141c2a);border-radius:8px;padding:20px;box-shadow:0 3px 12px #141c2a0d;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.box h3{color:var(--color-primary1,#141c2a);margin:0 0 12px}
.box p{color:#475569;line-height:1.75;margin:0}
.box:hover{transform:translateY(-4px);border-left-color:#475569;box-shadow:0 8px 22px #141c2a1a}
@media (max-width: 767px) {
.box{padding:16px}
.box:hover{transform:none}
}
@media (prefers-reduced-motion: reduce) {
.box{transition:none}
}
.cust-bg{position:relative;overflow:hidden;background:linear-gradient(135deg,#141c2a 0%,#202e43 55%,#34445c 100%);border:1px solid #ffffff14;border-radius:10px;padding:24px;margin-bottom:24px;box-shadow:0 6px 20px #141c2a1f}
.cust-bg::before{content:"";position:absolute;top:-100px;right:-100px;width:280px;height:280px;background:radial-gradient(circle,#7d9fcd26 0%,transparent 70%);border-radius:50%;pointer-events:none}
.cust-bg h2{position:relative;color:#fff;padding-bottom:14px;margin-bottom:18px}
.cust-bg h2::after{content:"";position:absolute;bottom:0;left:0;width:55px;height:3px;background:#f4b942;border-radius:3px}
.cust-bg p{position:relative;color:#dce3ed;line-height:1.8;margin-bottom:14px}
.cust-bg p:last-child{margin-bottom:0}
@media (max-width: 767px) {
.cust-bg{padding:18px;margin-bottom:20px}
.cust-bg p{line-height:1.7;margin-bottom:12px}
}
section.slider-area.breadcrumb-section img{height:358px!important;object-fit:cover;background-size:100% 100%;width:100%}
.contact-page{margin-bottom:25px}
.contact-page h1{color:var(--color-primary1,#141c2a);margin-bottom:15px}
.contact-page > p{color:#475569;line-height:1.8;margin-bottom:20px}
.contact-form{background:#f5f7fa;border:1px solid #e2e8f0;border-radius:10px;padding:24px}
.contact-form .form-label{color:#141c2a;font-weight:600;margin-bottom:6px}
.contact-form .form-control{background:#fff;border:1px solid #dce2ea;border-radius:6px;padding:11px 14px;box-shadow:none;transition:border-color .3s ease}
.contact-form .form-control:focus{border-color:#141c2a;box-shadow:0 0 0 3px #141c2a14}
.contact-btn{display:inline-block;background:var(--color-primary1,#141c2a);color:#fff;border:none;border-radius:6px;padding:11px 28px;font-weight:600;cursor:pointer;transition:background .3s ease}
.contact-btn:hover{background:#34445c}
@media (max-width: 767px) {
.contact-form{padding:16px}
.contact-btn{width:100%}
}
@media (max-width: 767px) {
    .blog-area {
        padding: 30px 15px;
    }
}