@import"https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700,800,900|Roboto:100,300,400,500&display=swap";.white-bg{background:#fff}.gray-bg{background:#f5f5f5}.gray-bg{background:#f7f7fd}.white-bg{background:#fff}.black-bg{background:#16161a}.theme-bg{background:#ff2121}.brand-bg{background:#f1f4fa}.testimonial-bg{background:#f9fafc}.white-color{color:#fff}.black-color{color:#16161a}.theme-color{color:#ff2121}.boxed-btn{background:#fff;color:#ff2121 !important;display:inline-block;padding:18px 44px;font-family:"Muli",sans-serif;font-size:14px;font-weight:400;border:0;border:1px solid #ff2121;letter-spacing:3px;text-align:center;color:#ff2121;text-transform:uppercase;cursor:pointer}.boxed-btn:hover{background:#ff2121;color:#fff !important;border:1px solid #ff2121}.boxed-btn:focus{outline:none}.boxed-btn.large-width{width:220px}[data-overlay]{position:relative;background-size:cover;background-repeat:no-repeat;background-position:center center}[data-overlay]::before{position:absolute;left:0;top:0;right:0;bottom:0;content:""}[data-opacity="1"]::before{opacity:.1}[data-opacity="2"]::before{opacity:.2}[data-opacity="3"]::before{opacity:.3}[data-opacity="4"]::before{opacity:.4}[data-opacity="5"]::before{opacity:.5}[data-opacity="6"]::before{opacity:.6}[data-opacity="7"]::before{opacity:.7}[data-opacity="8"]::before{opacity:.8}[data-opacity="9"]::before{opacity:.9}body{font-family:"Roboto",sans-serif;font-weight:normal;font-style:normal}h1,h2,h3,h4,h5,h6{font-family:"Muli",sans-serif;color:#0b1c39;margin-top:0px;font-style:normal;font-weight:500;text-transform:normal}p{font-family:"Roboto",sans-serif;color:#506172;font-size:16px;line-height:30px;margin-bottom:15px;font-weight:normal}.bg-img-1{background-image:url(../img/slider/slider-img-1.jpg)}.bg-img-2{background-image:url(../img/background-img/bg-img-2.jpg)}.cta-bg-1{background-image:url(../img/background-img/bg-img-3.jpg)}.img{max-width:100%;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}.f-left{float:left}.f-right{float:right}.fix{overflow:hidden}.clear{clear:both}a,.button{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}a:focus,.button:focus{text-decoration:none;outline:none}a{color:#635c5c}a:hover{color:#fff}a:focus,a:hover,.portfolio-cat a:hover,.footer -menu li a:hover{text-decoration:none}a,button{color:#fff;outline:medium none}button:focus,input:focus,input:focus,textarea,textarea:focus{outline:0}.uppercase{text-transform:uppercase}input:focus::-moz-placeholder{opacity:0;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.capitalize{text-transform:capitalize}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}ul{margin:0px;padding:0px}li{list-style:none}hr{border-bottom:1px solid #eceff8;border-top:0 none;margin:30px 0;padding:0}.theme-overlay{position:relative}.theme-overlay::before{background:#1696e7 none repeat scroll 0 0;content:"";height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.overlay{position:relative;z-index:0}.overlay::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;z-index:-1}.overlay2{position:relative;z-index:0}.overlay2::before{position:absolute;content:"";background-color:#2e2200;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.5}.section-padding{padding-top:120px;padding-bottom:120px}.separator{border-top:1px solid #f2f2f2}.mb-90{margin-bottom:90px}@media(max-width: 767px){.mb-90{margin-bottom:30px}}@media(min-width: 768px)and (max-width: 991px){.mb-90{margin-bottom:45px}}.owl-carousel .owl-nav div{background:hsla(0,0%,100%,.8) none repeat scroll 0 0;height:40px;left:20px;line-height:40px;font-size:22px;color:#646464;opacity:1;visibility:visible;position:absolute;text-align:center;top:50%;transform:translateY(-50%);transition:all .3s ease 0s;width:40px}.owl-carousel .owl-nav div.owl-next{left:auto;right:-30px}.owl-carousel .owl-nav div.owl-next i{position:relative;right:0;top:1px}.owl-carousel .owl-nav div.owl-prev i{position:relative;right:1px;top:0px}.owl-carousel:hover .owl-nav div{opacity:1;visibility:visible}.owl-carousel:hover .owl-nav div:hover{color:#fff;background:#ff3500}.btn{background:#232024;text-transform:capitalize;color:#fff;font-size:14px;font-weight:500;padding:27px 44px;border-radius:30px;-moz-user-select:none;cursor:pointer;display:inline-block;letter-spacing:1px;line-height:0;margin-bottom:0;padding:27px 44px;cursor:pointer;transition:color .4s linear;position:relative;z-index:1;border:0;overflow:hidden;margin:0}.btn::before{content:"";position:absolute;left:0;top:0;width:102%;height:102%;background:#ff2121;z-index:1;border-radius:5px;transition:transform .5s;transition-timing-function:ease;transform-origin:0 0;transition-timing-function:cubic-bezier(0.5, 1.6, 0.4, 0.7);transform:scaleX(0);border-radius:26px}.btn:hover::before{transform:scaleX(1);color:#fff !important;z-index:-1}.header-btn{background:#ff2121;padding:27px 36px;padding:18px 36px;border-radius:30px}.btn2{padding:55px 94px;cursor:pointer}@media only screen and (min-width: 1200px)and (max-width: 1300px){.btn2{padding:55px 70px}}.btn-black{background:#0b1416;padding:30px 36px;box-shadow:0px 10px 30px 0px rgba(249,248,249,.1)}.btn.focus,.btn:focus{outline:0;box-shadow:none}.white-btn{background:#fff;color:red !important}.white-btn::before{background:#000}.border-btn{border:2px solid #ff2121;color:#ff2121;font:"Muli",sans-serif;background:none;border-radius:5px;-moz-user-select:none;padding:28px 50px;margin:10px;text-transform:uppercase;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;letter-spacing:1px;margin-bottom:0;position:relative;transition:color .4s linear;position:relative;overflow:hidden;margin:0}.border-btn::before{border:2px solid rgba(0,0,0,0);content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#ff2121;z-index:-1;transition:transform .5s;transition-timing-function:ease;transform-origin:0 0;transition-timing-function:cubic-bezier(0.5, 1.6, 0.4, 0.7);transform:scaleY(0);border-radius:0}.border-btn:hover::before{transform:scaleY(1);order:2px solid rgba(0,0,0,0)}.send-btn{background:#ff2121;color:#fff;font-size:14px;width:100%;height:55px;border:none;border-radius:5px;cursor:pointer;transition:color .4s linear;position:relative;overflow:hidden;z-index:1}.send-btn::before{border:2px solid rgba(0,0,0,0);content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#e6373d;color:#ff2121;z-index:-1;transition:transform .5s;transition-timing-function:ease;transform-origin:0 0;transition-timing-function:cubic-bezier(0.5, 1.6, 0.4, 0.7);transform:scaleX(0)}.send-btn:hover::before{transform:scaleY(1);order:2px solid rgba(0,0,0,0);color:red}.breadcrumb>.active{color:#888}#scrollUp,#back-top{background:#ff2121;height:50px;width:50px;right:31px;bottom:18px;position:fixed}@media(max-width: 575px){#scrollUp,#back-top{right:16px}}#scrollUp,#back-top{color:#fff;font-size:20px;text-align:center;border-radius:50%;line-height:48px;border:2px solid rgba(0,0,0,0);box-shadow:0 0 10px 3px rgba(108,98,98,.2)}#scrollUp a i,#back-top a i{display:block;line-height:50px}#scrollUp:hover{color:#fff}.sticky-bar{left:0;margin:auto;position:fixed;top:0;width:100%;-webkit-box-shadow:0 10px 15px rgba(25,25,25,.1);box-shadow:0 10px 15px rgba(25,25,25,.1);z-index:9999;-webkit-animation:300ms ease-in-out 0s normal none 1 running fadeInDown;animation:300ms ease-in-out 0s normal none 1 running fadeInDown;-webkit-box-shadow:0 10px 15px rgba(25,25,25,.1);background:#fff}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-45{margin-top:45px}.mt-50{margin-top:50px}.mt-55{margin-top:55px}.mt-60{margin-top:60px}.mt-65{margin-top:65px}.mt-70{margin-top:70px}.mt-75{margin-top:75px}.mt-80{margin-top:80px}.mt-85{margin-top:85px}.mt-90{margin-top:90px}.mt-95{margin-top:95px}.mt-100{margin-top:100px}.mt-105{margin-top:105px}.mt-110{margin-top:110px}.mt-115{margin-top:115px}.mt-120{margin-top:120px}.mt-125{margin-top:125px}.mt-130{margin-top:130px}.mt-135{margin-top:135px}.mt-140{margin-top:140px}.mt-145{margin-top:145px}.mt-150{margin-top:150px}.mt-155{margin-top:155px}.mt-160{margin-top:160px}.mt-165{margin-top:165px}.mt-170{margin-top:170px}.mt-175{margin-top:175px}.mt-180{margin-top:180px}.mt-185{margin-top:185px}.mt-190{margin-top:190px}.mt-195{margin-top:195px}.mt-200{margin-top:200px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.mb-55{margin-bottom:55px}.mb-60{margin-bottom:60px}.mb-65{margin-bottom:65px}.mb-70{margin-bottom:70px}.mb-75{margin-bottom:75px}.mb-80{margin-bottom:80px}.mb-85{margin-bottom:85px}.mb-90{margin-bottom:90px}.mb-95{margin-bottom:95px}.mb-100{margin-bottom:100px}.mb-105{margin-bottom:105px}.mb-110{margin-bottom:110px}.mb-115{margin-bottom:115px}.mb-120{margin-bottom:120px}.mb-125{margin-bottom:125px}.mb-130{margin-bottom:130px}.mb-135{margin-bottom:135px}.mb-140{margin-bottom:140px}.mb-145{margin-bottom:145px}.mb-150{margin-bottom:150px}.mb-155{margin-bottom:155px}.mb-160{margin-bottom:160px}.mb-165{margin-bottom:165px}.mb-170{margin-bottom:170px}.mb-175{margin-bottom:175px}.mb-180{margin-bottom:180px}.mb-185{margin-bottom:185px}.mb-190{margin-bottom:190px}.mb-195{margin-bottom:195px}.mb-200{margin-bottom:200px}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-25{margin-left:25px}.ml-30{margin-left:30px}.ml-35{margin-left:35px}.ml-40{margin-left:40px}.ml-45{margin-left:45px}.ml-50{margin-left:50px}.ml-55{margin-left:55px}.ml-60{margin-left:60px}.ml-65{margin-left:65px}.ml-70{margin-left:70px}.ml-75{margin-left:75px}.ml-80{margin-left:80px}.ml-85{margin-left:85px}.ml-90{margin-left:90px}.ml-95{margin-left:95px}.ml-100{margin-left:100px}.ml-105{margin-left:105px}.ml-110{margin-left:110px}.ml-115{margin-left:115px}.ml-120{margin-left:120px}.ml-125{margin-left:125px}.ml-130{margin-left:130px}.ml-135{margin-left:135px}.ml-140{margin-left:140px}.ml-145{margin-left:145px}.ml-150{margin-left:150px}.ml-155{margin-left:155px}.ml-160{margin-left:160px}.ml-165{margin-left:165px}.ml-170{margin-left:170px}.ml-175{margin-left:175px}.ml-180{margin-left:180px}.ml-185{margin-left:185px}.ml-190{margin-left:190px}.ml-195{margin-left:195px}.ml-200{margin-left:200px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mr-30{margin-right:30px}.mr-35{margin-right:35px}.mr-40{margin-right:40px}.mr-45{margin-right:45px}.mr-50{margin-right:50px}.mr-55{margin-right:55px}.mr-60{margin-right:60px}.mr-65{margin-right:65px}.mr-70{margin-right:70px}.mr-75{margin-right:75px}.mr-80{margin-right:80px}.mr-85{margin-right:85px}.mr-90{margin-right:90px}.mr-95{margin-right:95px}.mr-100{margin-right:100px}.mr-105{margin-right:105px}.mr-110{margin-right:110px}.mr-115{margin-right:115px}.mr-120{margin-right:120px}.mr-125{margin-right:125px}.mr-130{margin-right:130px}.mr-135{margin-right:135px}.mr-140{margin-right:140px}.mr-145{margin-right:145px}.mr-150{margin-right:150px}.mr-155{margin-right:155px}.mr-160{margin-right:160px}.mr-165{margin-right:165px}.mr-170{margin-right:170px}.mr-175{margin-right:175px}.mr-180{margin-right:180px}.mr-185{margin-right:185px}.mr-190{margin-right:190px}.mr-195{margin-right:195px}.mr-200{margin-right:200px}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pt-45{padding-top:45px}.pt-50{padding-top:50px}.pt-55{padding-top:55px}.pt-60{padding-top:60px}.pt-65{padding-top:65px}.pt-70{padding-top:70px}.pt-75{padding-top:75px}.pt-80{padding-top:80px}.pt-85{padding-top:85px}.pt-90{padding-top:90px}.pt-95{padding-top:95px}.pt-100{padding-top:100px}.pt-105{padding-top:105px}.pt-110{padding-top:110px}.pt-115{padding-top:115px}.pt-120{padding-top:120px}.pt-125{padding-top:125px}.pt-130{padding-top:130px}.pt-135{padding-top:135px}.pt-140{padding-top:140px}.pt-145{padding-top:145px}.pt-150{padding-top:150px}.pt-155{padding-top:155px}.pt-160{padding-top:160px}.pt-165{padding-top:165px}.pt-170{padding-top:170px}.pt-175{padding-top:175px}.pt-180{padding-top:180px}.pt-185{padding-top:185px}.pt-190{padding-top:190px}.pt-195{padding-top:195px}.pt-200{padding-top:200px}.pt-260{padding-top:260px}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-45{padding-bottom:45px}.pb-50{padding-bottom:50px}.pb-55{padding-bottom:55px}.pb-60{padding-bottom:60px}.pb-65{padding-bottom:65px}.pb-70{padding-bottom:70px}.pb-75{padding-bottom:75px}.pb-80{padding-bottom:80px}.pb-85{padding-bottom:85px}.pb-90{padding-bottom:90px}.pb-95{padding-bottom:95px}.pb-100{padding-bottom:100px}.pb-105{padding-bottom:105px}.pb-110{padding-bottom:110px}.pb-115{padding-bottom:115px}.pb-120{padding-bottom:120px}.pb-125{padding-bottom:125px}.pb-130{padding-bottom:130px}.pb-135{padding-bottom:135px}.pb-140{padding-bottom:140px}.pb-145{padding-bottom:145px}.pb-150{padding-bottom:150px}.pb-155{padding-bottom:155px}.pb-160{padding-bottom:160px}.pb-165{padding-bottom:165px}.pb-170{padding-bottom:170px}.pb-175{padding-bottom:175px}.pb-180{padding-bottom:180px}.pb-185{padding-bottom:185px}.pb-190{padding-bottom:190px}.pb-195{padding-bottom:195px}.pb-200{padding-bottom:200px}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}.pl-35{padding-left:35px}.pl-40{padding-left:40px}.pl-45{padding-left:45px}.pl-50{padding-left:50px}.pl-55{padding-left:55px}.pl-60{padding-left:60px}.pl-65{padding-left:65px}.pl-70{padding-left:70px}.pl-75{padding-left:75px}.pl-80{padding-left:80px}.pl-85{padding-left:85px}.pl-90{padding-left:90px}.pl-95{padding-left:95px}.pl-100{padding-left:100px}.pl-105{padding-left:105px}.pl-110{padding-left:110px}.pl-115{padding-left:115px}.pl-120{padding-left:120px}.pl-125{padding-left:125px}.pl-130{padding-left:130px}.pl-135{padding-left:135px}.pl-140{padding-left:140px}.pl-145{padding-left:145px}.pl-150{padding-left:150px}.pl-155{padding-left:155px}.pl-160{padding-left:160px}.pl-165{padding-left:165px}.pl-170{padding-left:170px}.pl-175{padding-left:175px}.pl-180{padding-left:180px}.pl-185{padding-left:185px}.pl-190{padding-left:190px}.pl-195{padding-left:195px}.pl-200{padding-left:200px}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}.pr-35{padding-right:35px}.pr-40{padding-right:40px}.pr-45{padding-right:45px}.pr-50{padding-right:50px}.pr-55{padding-right:55px}.pr-60{padding-right:60px}.pr-65{padding-right:65px}.pr-70{padding-right:70px}.pr-75{padding-right:75px}.pr-80{padding-right:80px}.pr-85{padding-right:85px}.pr-90{padding-right:90px}.pr-95{padding-right:95px}.pr-100{padding-right:100px}.pr-105{padding-right:105px}.pr-110{padding-right:110px}.pr-115{padding-right:115px}.pr-120{padding-right:120px}.pr-125{padding-right:125px}.pr-130{padding-right:130px}.pr-135{padding-right:135px}.pr-140{padding-right:140px}.pr-145{padding-right:145px}.pr-150{padding-right:150px}.pr-155{padding-right:155px}.pr-160{padding-right:160px}.pr-165{padding-right:165px}.pr-170{padding-right:170px}.pr-175{padding-right:175px}.pr-180{padding-right:180px}.pr-185{padding-right:185px}.pr-190{padding-right:190px}.pr-195{padding-right:195px}.pr-200{padding-right:200px}.bounce-animate{animation-name:float-bob;animation-duration:2s;animation-iteration-count:infinite;-moz-animation-name:float-bob;-moz-animation-duration:2s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:float-bob;-ms-animation-duration:2s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;-o-animation-name:float-bob;-o-animation-duration:2s;-o-animation-iteration-count:infinite;-o-animation-timing-function:linear}@-webkit-keyframes float-bob{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}.heartbeat{animation:heartbeat 1s infinite alternate}@-webkit-keyframes heartbeat{to{-webkit-transform:scale(1.03);transform:scale(1.03)}}.rotateme{-webkit-animation-name:rotateme;animation-name:rotateme;-webkit-animation-duration:30s;animation-duration:30s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@keyframes rotateme{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes rotateme{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.preloader{background-color:#f7f7f7;width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;-webkit-transition:.6s;-o-transition:.6s;transition:.6s;margin:0 auto}.preloader .preloader-circle{width:100px;height:100px;position:relative;border-style:solid;border-width:1px;border-top-color:#ff2121;border-bottom-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0);z-index:10;border-radius:50%;-webkit-box-shadow:0 1px 5px 0 rgba(35,181,185,.15);box-shadow:0 1px 5px 0 rgba(35,181,185,.15);background-color:#fff;-webkit-animation:zoom 2000ms infinite ease;animation:zoom 2000ms infinite ease;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}.preloader .preloader-circle2{border-top-color:#0078ff}.preloader .preloader-img{position:absolute;top:50%;z-index:200;left:0;right:0;margin:0 auto;text-align:center;display:inline-block;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding-top:6px;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}.preloader .preloader-img img{max-width:55px}.preloader .pere-text strong{font-weight:800;color:#dca73a;text-transform:uppercase}@-webkit-keyframes zoom{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}}@keyframes zoom{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}}.section-padding2{padding-top:200px;padding-bottom:200px}@media only screen and (min-width: 1200px)and (max-width: 1600px){.section-padding2{padding-top:200px;padding-bottom:200px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.section-padding2{padding-top:200px;padding-bottom:200px}}@media only screen and (min-width: 768px)and (max-width: 991px){.section-padding2{padding-top:100px;padding-bottom:100px}}@media only screen and (min-width: 576px)and (max-width: 767px){.section-padding2{padding-top:70px;padding-bottom:70px}}@media(max-width: 575px){.section-padding2{padding-top:70px;padding-bottom:70px}}.section-padding30{padding-top:200px;padding-bottom:140px}@media only screen and (min-width: 1200px)and (max-width: 1600px){.section-padding30{padding-top:200px;padding-bottom:140px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.section-padding30{padding-top:150px;padding-bottom:90px}}@media only screen and (min-width: 768px)and (max-width: 991px){.section-padding30{padding-top:100px;padding-bottom:40px}}@media only screen and (min-width: 576px)and (max-width: 767px){.section-padding30{padding-top:65px;padding-bottom:10px}}@media(max-width: 575px){.section-padding30{padding-top:65px;padding-bottom:10px}}.section-padding03{padding-top:200px;padding-bottom:80px}@media only screen and (min-width: 1200px)and (max-width: 1600px){.section-padding03{padding-top:200px;padding-bottom:80px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.section-padding03{padding-top:100px;padding-bottom:100px}}@media only screen and (min-width: 768px)and (max-width: 991px){.section-padding03{padding-top:100px;padding-bottom:120px}}@media only screen and (min-width: 576px)and (max-width: 767px){.section-padding03{padding-top:100px;padding-bottom:10px}}@media(max-width: 575px){.section-padding03{padding-top:70px;padding-bottom:10px}}.visit-pt-200{padding-bottom:200px}@media only screen and (min-width: 1200px)and (max-width: 1600px){.visit-pt-200{padding-bottom:200px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.visit-pt-200{padding-bottom:100px}}@media only screen and (min-width: 768px)and (max-width: 991px){.visit-pt-200{padding-bottom:0px}}@media only screen and (min-width: 576px)and (max-width: 767px){.visit-pt-200{padding-bottom:0px}}@media(max-width: 575px){.visit-pt-200{padding-bottom:0px}}.section-padding3{padding-top:200px;padding-bottom:200px}@media only screen and (min-width: 1200px)and (max-width: 1600px){.section-padding3{padding-top:200px;padding-bottom:200px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.section-padding3{padding-top:150px;padding-bottom:150px}}@media only screen and (min-width: 768px)and (max-width: 991px){.section-padding3{padding-top:50px;padding-bottom:100px}}@media only screen and (min-width: 576px)and (max-width: 767px){.section-padding3{padding-top:60px;padding-bottom:60px}}@media(max-width: 575px){.section-padding3{padding-top:40px;padding-bottom:70px}}.testimonial-padding{padding-top:200px;padding-bottom:180px}@media only screen and (min-width: 1200px)and (max-width: 1600px){.testimonial-padding{padding-top:200px;padding-bottom:180px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.testimonial-padding{padding-top:100px;padding-bottom:100px}}@media only screen and (min-width: 768px)and (max-width: 991px){.testimonial-padding{padding-top:100px;padding-bottom:120px}}@media only screen and (min-width: 576px)and (max-width: 767px){.testimonial-padding{padding-top:100px;padding-bottom:70px}}@media(max-width: 575px){.testimonial-padding{padding-top:70px;padding-bottom:70px}}.w-padding{padding-top:150px;padding-bottom:100px}@media only screen and (min-width: 1200px)and (max-width: 1600px){.w-padding{padding-top:150px;padding-bottom:100px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.w-padding{padding-top:150px;padding-bottom:100px}}@media only screen and (min-width: 768px)and (max-width: 991px){.w-padding{padding-top:80px;padding-bottom:80px}}@media only screen and (min-width: 576px)and (max-width: 767px){.w-padding{padding-top:70px;padding-bottom:70px}}@media(max-width: 575px){.w-padding{padding-top:70px;padding-bottom:70px}}.w-padding2{padding-top:100px;padding-bottom:100px}@media only screen and (min-width: 1200px)and (max-width: 1600px){.w-padding2{padding-top:100px;padding-bottom:100px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.w-padding2{padding-top:100px;padding-bottom:100px}}@media only screen and (min-width: 768px)and (max-width: 991px){.w-padding2{padding-top:80px;padding-bottom:80px}}@media only screen and (min-width: 576px)and (max-width: 767px){.w-padding2{padding-top:70px;padding-bottom:70px}}@media(max-width: 575px){.w-padding2{padding-top:70px;padding-bottom:70px}}.w-padding3{padding-top:190px;padding-bottom:55px}@media only screen and (min-width: 1200px)and (max-width: 1600px){.w-padding3{padding-top:190px;padding-bottom:55px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.w-padding3{padding-top:190px;padding-bottom:55px}}@media only screen and (min-width: 768px)and (max-width: 991px){.w-padding3{padding-top:80px;padding-bottom:80px}}@media only screen and (min-width: 576px)and (max-width: 767px){.w-padding3{padding-top:70px;padding-bottom:70px}}@media(max-width: 575px){.w-padding3{padding-top:70px;padding-bottom:70px}}.footer-padding{padding-top:170px;padding-bottom:80px}@media only screen and (min-width: 992px)and (max-width: 1199px){.footer-padding{padding-top:170px;padding-bottom:50px}}@media only screen and (min-width: 768px)and (max-width: 991px){.footer-padding{padding-top:100px;padding-bottom:50px}}@media only screen and (min-width: 576px)and (max-width: 767px){.footer-padding{padding-top:80px;padding-bottom:0px}}@media(max-width: 575px){.footer-padding{padding-top:80px;padding-bottom:0px}}@media(max-width: 575px){.section-tittle{margin-bottom:50px}}@media only screen and (min-width: 576px)and (max-width: 767px){.section-tittle{margin-bottom:50px}}.section-tittle span{font-size:16px;font-weight:500;margin-bottom:22px;color:#222;display:block}.section-tittle h2{font-size:44px;display:block;color:#111;font-weight:800}@media only screen and (min-width: 992px)and (max-width: 1199px){.section-tittle h2{font-size:41px}}@media only screen and (min-width: 576px)and (max-width: 767px){.section-tittle h2{font-size:31px}}@media(max-width: 575px){.section-tittle h2{font-size:27px}}@media(max-width: 575px){.section-tittle2{margin-bottom:50px}}@media only screen and (min-width: 576px)and (max-width: 767px){.section-tittle2{margin-bottom:50px}}.section-tittle2 h2{color:#fff;font-size:35px}@media only screen and (min-width: 576px)and (max-width: 767px){.section-tittle2 h2{font-size:31px}}@media(max-width: 575px){.section-tittle2 h2{font-size:27px}}.section-bg{background-size:cover !important;background-repeat:no-repeat !important;background-position:center center !important}.white-bg{background:#fff}.gray-bg{background:#f5f5f5}.gray-bg{background:#f7f7fd}.white-bg{background:#fff}.black-bg{background:#16161a}.theme-bg{background:#ff2121}.brand-bg{background:#f1f4fa}.testimonial-bg{background:#f9fafc}.white-color{color:#fff}.black-color{color:#16161a}.theme-color{color:#ff2121}.header-area .main-header{padding:0px 130px}@media only screen and (min-width: 1200px)and (max-width: 1600px){.header-area .main-header{padding:0px 30px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.header-area .main-header{padding:0px 15px}}@media only screen and (min-width: 768px)and (max-width: 991px){.header-area .main-header{padding:22px 50px}}@media only screen and (min-width: 576px)and (max-width: 767px){.header-area .main-header{padding:22px 20px}}@media(max-width: 575px){.header-area .main-header{padding:22px 0px}}@media only screen and (min-width: 1200px)and (max-width: 1600px){.header-area .main-header .main-menu{margin-right:30px}}.header-area .main-header .main-menu ul li{display:inline-block;position:relative;z-index:1}.header-area .main-header .main-menu ul li a{color:#112957;font-weight:400;padding:39px 27px;display:block;font-size:16px;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;text-transform:capitalize;position:relative;font-family:"Muli",sans-serif}@media only screen and (min-width: 992px)and (max-width: 1199px){.header-area .main-header .main-menu ul li a{padding:39px 15px}}.header-area .main-header .main-menu ul li:hover>a{color:#ff2121}.header-area .main-header .main-menu ul ul.submenu{position:absolute;width:170px;background:hsla(0,0%,100%,.9);left:0;top:80%;visibility:hidden;opacity:0;box-shadow:0 0 10px 3px rgba(0,0,0,.05);padding:17px 0;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}.header-area .main-header .main-menu ul ul.submenu>li{margin-left:7px;display:block}.header-area .main-header .main-menu ul ul.submenu>li>a{padding:6px 10px !important;font-size:16px;text-transform:capitalize;margin:0}.header-area .main-header .main-menu ul ul.submenu>li>a:hover{color:#ff2121;background:none}.header-area .main-menu ul ul.submenu>li>a:hover{padding-left:13px !important}.header-area .main-menu ul>li:hover>ul.submenu{visibility:visible;opacity:1;top:100%}.header-transparent{position:absolute;top:0;right:0;left:0;z-index:9}.header-sticky.sticky-bar.sticky .main-menu ul li a{padding:20px 20px !important}@media only screen and (min-width: 768px)and (max-width: 991px){.header-sticky.sticky-bar.sticky{padding:15px 0px}}@media only screen and (min-width: 576px)and (max-width: 767px){.header-sticky.sticky-bar.sticky{padding:15px 0px}}@media(max-width: 575px){.header-sticky.sticky-bar.sticky{padding:15px 0px}}.mobile_menu{position:absolute;right:0px;width:100%;z-index:99}.mobile_menu .slicknav_menu{background:rgba(0,0,0,0);margin-top:0px !important}.mobile_menu .slicknav_menu .slicknav_btn{top:-38px}.mobile_menu .slicknav_menu .slicknav_btn .slicknav_icon-bar{background-color:#5a3d28 !important}.mobile_menu .slicknav_menu .slicknav_nav{margin-top:15px !important}.mobile_menu .slicknav_menu .slicknav_nav a:hover{background:rgba(0,0,0,0);color:#ff2121}.mobile_menu .slicknav_menu .slicknav_nav a{font-size:15px;padding:7px 10px}.mobile_menu .slicknav_menu .slicknav_nav .slicknav_item a{padding:0 !important}.slider-height{height:920px}@media only screen and (min-width: 992px)and (max-width: 1199px){.slider-height{height:700px}}@media only screen and (min-width: 768px)and (max-width: 991px){.slider-height{height:650px}}@media only screen and (min-width: 576px)and (max-width: 767px){.slider-height{height:600px}}@media(max-width: 575px){.slider-height{height:500px}}.slider-height2{height:440px;background-size:cover}@media only screen and (min-width: 768px)and (max-width: 991px){.slider-height2{height:350px}}@media only screen and (min-width: 576px)and (max-width: 767px){.slider-height2{height:260px}}@media(max-width: 575px){.slider-height2{height:260px}}.slider-area{position:relative;background-image:url(../img/hero/h1_hero.png);background-repeat:no-repeat;background-position:center center;background-size:cover}@media only screen and (min-width: 576px)and (max-width: 767px){.slider-area{padding-top:30px}}@media(max-width: 575px){.slider-area{padding-top:80px}}.slider-area .hero__caption{overflow:hidden}@media only screen and (min-width: 1200px)and (max-width: 1300px){.slider-area .hero__caption{margin-left:50px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.slider-area .hero__caption{margin-left:50px}}@media only screen and (min-width: 768px)and (max-width: 991px){.slider-area .hero__caption{margin-left:50px}}@media(max-width: 575px){.slider-area .hero__caption{margin-top:17px}}.slider-area .hero__caption{position:relative}.slider-area .hero__caption span{display:inline-block;font-size:18px;color:#222;text-transform:normal;margin-bottom:20px}.slider-area .hero__caption h1{font-size:70px;font-weight:900;color:#111;line-height:1.3;margin-bottom:23px;overflow:hidden}@media only screen and (min-width: 1200px)and (max-width: 1300px){.slider-area .hero__caption h1{font-size:60px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.slider-area .hero__caption h1{font-size:55px;line-height:1.2}}@media only screen and (min-width: 768px)and (max-width: 991px){.slider-area .hero__caption h1{font-size:50px;line-height:1.2}}@media only screen and (min-width: 576px)and (max-width: 767px){.slider-area .hero__caption h1{font-size:29px}}@media(max-width: 575px){.slider-area .hero__caption h1{font-size:29px;line-height:1.4}}.slider-area .hero__caption p{margin-bottom:30px;padding-right:155px;color:#776b6a;overflow:hidden}@media only screen and (min-width: 768px)and (max-width: 991px){.slider-area .hero__caption p{padding-right:0px}}@media(max-width: 575px){.slider-area .hero__caption p{padding-right:0px}}.slider-area .hero__caption a{color:#111;font-size:18px;text-transform:capitalize;font-weight:500;display:block;overflow:hidden}.slider-area .hero__caption a i{position:relative;top:2px;left:10px}.slider-area .dot-style .slick-dots{text-align:left;bottom:0;position:absolute;top:63%;left:7%}@media only screen and (min-width: 1200px)and (max-width: 1600px){.slider-area .dot-style .slick-dots{left:3%}}@media only screen and (min-width: 992px)and (max-width: 1199px){.slider-area .dot-style .slick-dots{left:3%}}.slider-area .dot-style .slick-dots li{display:block}.slider-area .dot-style .slick-dots .slick-active button{background:#222;height:34px;width:3px}.slider-area .dot-style .slick-dots button{text-indent:-100000px;height:20px;width:3px;border:0;padding:0;margin-right:10px;cursor:pointer;border-radius:0;margin-bottom:7px;background:#a3a3a3}.slider-area2{background-image:url(../img/hero/hero2.png);background-repeat:no-repeat;background-position:center center;background-size:cover}@media only screen and (min-width: 768px)and (max-width: 991px){.slider-area2 .hero-cap{padding-top:50px}}@media only screen and (min-width: 576px)and (max-width: 767px){.slider-area2 .hero-cap{padding-top:50px}}@media(max-width: 575px){.slider-area2 .hero-cap{padding-top:50px}}.slider-area2 .hero-cap h2{color:#111;font-size:50px;font-weight:900;text-transform:capitalize}@media only screen and (min-width: 576px)and (max-width: 767px){.slider-area2 .hero-cap h2{font-size:38px}}@media(max-width: 575px){.slider-area2 .hero-cap h2{font-size:36px}}.video-icon{margin-bottom:50px}@media(max-width: 575px){.video-icon{right:27px;bottom:27px}}@media only screen and (min-width: 1200px)and (max-width: 1300px){.video-icon{padding-left:50px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.video-icon{padding-left:50px}}@media only screen and (min-width: 768px)and (max-width: 991px){.video-icon{padding-left:50px}}.video-icon a{background:#232024;width:60px;height:60px;display:inline-block;text-align:center;line-height:60px;border-radius:50%}.video-icon a i{color:#fff}@media only screen and (min-width: 576px)and (max-width: 767px){.video-icon a{width:50px;height:50px;line-height:50px}}@media(max-width: 575px){.video-icon a{width:50px;height:50px;line-height:50px}}.video-icon a.btn-icon{position:relative}.video-icon a.btn-icon::before{content:"";display:inline-block;position:absolute;top:-2px;left:-2px;bottom:-2px;right:-2px;border-radius:inherit;border:1px solid #232024;-webkit-animation:btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;animation:btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite}@-webkit-keyframes btnIconRipple{0%{border-width:4px;-webkit-transform:scale(1);transform:scale(1)}50%{border-width:1px;-webkit-transform:scale(1.5);transform:scale(1.5)}80%{border-width:1px;-webkit-transform:scale(1.9);transform:scale(1.9)}100%{opacity:0}}.video-icon a.btn-icon:hover{background:#ff1313;color:#fff}.button-text{position:absolute;left:5%;transform:rotate(90deg);top:55%;padding-left:9px}@media only screen and (min-width: 1200px)and (max-width: 1600px){.button-text{left:1%;padding-left:0}}@media only screen and (min-width: 992px)and (max-width: 1199px){.button-text{left:0%;padding-left:8px}}@media only screen and (min-width: 768px)and (max-width: 991px){.button-text{bottom:48%;padding-left:0px}}.button-text span{color:#45455f;margin-left:18px;font-size:14px;text-transform:uppercase;font-weight:500}.our-services .single-services{border:1px solid rgba(0,0,0,0);background:#fff7fe;border-radius:6px;padding:79px 33px}@media(max-width: 575px){.our-services .single-services{padding:47px 19px}}@media only screen and (min-width: 576px)and (max-width: 767px){.our-services .single-services{padding:47px 19px}}@media only screen and (min-width: 768px)and (max-width: 991px){.our-services .single-services{padding:56px 32px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.our-services .single-services{padding:46px 23px}}.our-services .single-services{-webkit-transition:all .4s ease-out 0s;-moz-transition:all .4s ease-out 0s;-ms-transition:all .4s ease-out 0s;-o-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s}.our-services .single-services:hover{box-shadow:0px 10px 30px 0px rgba(133,66,189,.1)}.our-services .single-services .services-ion span{font-size:60px;margin-bottom:13px;color:#ff7474;-webkit-transition:all .4s ease-out 0s;-moz-transition:all .4s ease-out 0s;-ms-transition:all .4s ease-out 0s;-o-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s;font-size:50px;margin-bottom:30px;display:block;margin-bottom:50px;width:100px;height:100px;background:#ffedf2;line-height:100px;text-align:center;border-radius:50px;display:inline-block}.our-services .single-services .services-cap{padding:0 16px}@media only screen and (min-width: 576px)and (max-width: 767px){.our-services .single-services .services-cap{padding:0}}@media only screen and (min-width: 768px)and (max-width: 991px){.our-services .single-services .services-cap{padding:0}}.our-services .single-services .services-cap h5 a{font-weight:600;font-size:18px;color:#001f38;line-height:1.4;margin-bottom:20px}.our-services .single-services:hover{border:1px solid #f8c7b7;background:#fff}.our-services .single-services:hover .services-ion span{color:#ff2121}.our-services .single-services:hover h5 a{color:#ff2121}.gallery-area .single-gallery{position:relative;overflow:hidden}.gallery-area .single-gallery::before{position:absolute;top:0;left:0;right:0;height:100%;width:100%;content:"";background-color:rgba(1,10,28,.3);opacity:0;z-index:1;-webkit-transition:all .4s ease-out 0s;-moz-transition:all .4s ease-out 0s;-ms-transition:all .4s ease-out 0s;-o-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s}.gallery-area .single-gallery:hover::before{opacity:1;visibility:visible}.gallery-area .single-gallery .gallery-img{transform:scale(1.06);-webkit-transition:all .4s ease-out 0s;-moz-transition:all .4s ease-out 0s;-ms-transition:all .4s ease-out 0s;-o-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s}.gallery-area .single-gallery .size-img{position:relative;height:424px;background-size:cover;background-repeat:no-repeat}.single-gallery:hover .gallery-img{transform:scale(1)}.contact-form-main{position:relative}.contact-form-main .from-left{position:absolute;top:0;left:0;width:46%}.contact-form-main .from-left img{width:100%;height:837px}.contact-form-main .form-tittle{background-image:url(../img/gallery/contact_bg.png);background-size:cover;background-repeat:no-repeat;padding:68px 51px 0px 67px}@media(max-width: 575px){.contact-form-main .form-tittle{padding:50px 10px 0px 10px}}.contact-form-main #contact-form{padding:61px 51px 123px 69px}@media(max-width: 575px){.contact-form-main #contact-form{padding:30px 10px 208px 14px}}@media only screen and (min-width: 576px)and (max-width: 767px){.contact-form-main #contact-form{padding:61px 51px 123px 54px}}.contact-form-main #contact-form{background:#f9f9f9;position:relative}.contact-form-main #contact-form input{background:#f9f9f9;height:60px;width:100%;padding:10px 25px;padding-right:30px;border:0;color:#a3a3a3;font-weight:500;text-transform:capitalize;border-radius:0px;border-bottom:1px solid #e1e4e8}.contact-form-main #contact-form input::-moz-placeholder{color:#112957;font-size:16px;font-weight:300;transition:.4s}.contact-form-main #contact-form input:focus::-webkit-input-placeholder{opacity:0;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.contact-form-main #contact-form input .list{width:100%;border-radius:0}.contact-form-main #contact-form .nice-select{background:#f9f9f9;height:60px;width:100%;border:0;color:#112957;font-weight:300;font-size:16px;text-transform:capitalize;padding-top:10px;border-radius:0px;border-bottom:1px solid #e1e4e8}.contact-form-main #contact-form .nice-select::after{border-bottom:2px solid #a3a3a3;border-right:2px solid #a3a3a3;height:7px;right:41px;width:7px}.contact-form-main #contact-form .nice-select.open .list{width:100%;border-radius:0}.contact-form-main #contact-form .nice-select .option{color:#a3a3a3}.contact-form-main #contact-form textarea{color:#a3a3a3;background:#f9f9f9;font-weight:500;letter-spacing:2px;text-transform:capitalize;height:130px;width:100%;padding:30px 21px;border:0;border-radius:0px;border-bottom:1px solid #e1e4e8}@media only screen and (min-width: 768px)and (max-width: 991px){.contact-form-main #contact-form textarea{padding:30px 42px}}@media only screen and (min-width: 576px)and (max-width: 767px){.contact-form-main #contact-form textarea{padding:30px 24px}}@media(max-width: 575px){.contact-form-main #contact-form textarea{padding:30px 25px}}.contact-form-main #contact-form textarea::placeholder{color:#898faf;font-size:16px;font-weight:300;transition:.4s}.contact-form-main #contact-form .shape-dog{position:absolute;bottom:8px;right:41px}.contact{border:1px solid #eaedff;padding:40px 10px}.contact i{background:#8fb569;font-size:40px;height:150px;width:150px;color:#fff;border-radius:50%;line-height:135px;border:10px solid #fff;-webkit-box-shadow:0px 16px 32px 0px rgba(206,226,255,.4);box-shadow:0px 16px 32px 0px rgba(206,226,255,.4);margin-bottom:30px}.contact h3{font-size:26px;margin-bottom:15px}.contact p{margin:0;padding:0 50px}.team-area .single-team .team-img img{width:100%}.team-area .single-team .team-caption{padding:20px 20px 20px 50px;background:#f9f9f9;-webkit-transition:all .4s ease-out 0s;-moz-transition:all .4s ease-out 0s;-ms-transition:all .4s ease-out 0s;-o-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s}.team-area .single-team .team-caption span{color:#112957;font-size:24px;font-weight:300;font-family:"Muli",sans-serif;display:block;margin-bottom:10px}.team-area .single-team .team-caption h3 a{color:#161e46;font-weight:700;font-size:25px}.single-team:hover .team-caption{background:#ff2121}.single-team:hover .team-caption span{color:#fff}.single-team:hover .team-caption h3 a{color:#fff}.contact-animal-owner{background-position:center center;background-size:cover;padding-top:170px;padding-bottom:160px;background-size:100% 100%;background-repeat:no-repeat}@media(max-width: 767px){.contact-animal-owner{background-size:cover;padding:86px 0}}.contact-animal-owner .contact_text .section_title h3{color:#fff;font-size:50px;font-weight:800}@media only screen and (min-width: 576px)and (max-width: 767px){.contact-animal-owner .contact_text .section_title h3{font-size:38px}}@media(max-width: 575px){.contact-animal-owner .contact_text .section_title h3{font-size:38px}}.contact-animal-owner .contact_text .section_title p{font-size:25px;color:#ffd2c4;line-height:40px;margin-top:35px;margin-bottom:50px}@media(max-width: 767px){.contact-animal-owner .contact_text .contact_btn{display:block !important}}.contact-animal-owner .contact_text .contact_btn p{margin-bottom:0;font-size:18px;font-weight:400;color:#fff;margin-left:20px}@media(max-width: 767px){.contact-animal-owner .contact_text .contact_btn p{margin-left:0;margin-top:30px}}.contact-animal-owner .contact_text .contact_btn p a{font-weight:600;color:#fff;margin-left:10px}.testimonial-area .testimonial-caption .testimonial-top-cap img{margin-bottom:50px;width:auto;display:inline-block}@media only screen and (min-width: 768px)and (max-width: 991px){.testimonial-area .testimonial-caption .testimonial-top-cap img{margin-bottom:30px}}@media(max-width: 575px){.testimonial-area .testimonial-caption .testimonial-top-cap img{margin-bottom:30px}}.testimonial-area .testimonial-caption .testimonial-top-cap p{color:#fff;font-weight:400;line-height:2.1;padding:0 26px;margin-bottom:50px;font-size:24px;margin-bottom:30px;font-style:italic}@media only screen and (min-width: 992px)and (max-width: 1199px){.testimonial-area .testimonial-caption .testimonial-top-cap p{font-size:18px;line-height:1.6;font-size:16px}}@media only screen and (min-width: 768px)and (max-width: 991px){.testimonial-area .testimonial-caption .testimonial-top-cap p{margin-bottom:25px;font-size:16px;line-height:1.7;padding:0;font-size:17px}}@media only screen and (min-width: 576px)and (max-width: 767px){.testimonial-area .testimonial-caption .testimonial-top-cap p{margin-bottom:25px;font-size:16px;line-height:1.7;padding:0 5px;font-size:18px}}@media(max-width: 575px){.testimonial-area .testimonial-caption .testimonial-top-cap p{margin-bottom:25px;font-size:16px;line-height:1.7;padding:0 5px;font-size:18px}}.testimonial-area .testimonial-caption .testimonial-founder .founder-img img{margin-bottom:30px;display:inline-block;font-weight:300}.testimonial-area .testimonial-caption .testimonial-founder .founder-img span{color:#fff;font-size:25px;font-weight:700;line-height:1;display:block;font-family:"Muli",sans-serif;margin-bottom:10px}.testimonial-area .dot-style .slick-dots{text-align:center;bottom:-49px;left:0;right:0;position:absolute}.testimonial-area .dot-style .slick-dots li{display:inline-block}.testimonial-area .dot-style .slick-dots button{text-indent:-100000px;height:9px;width:9px;border:0;padding:0;margin:0 4px;cursor:pointer;border-radius:50%;background:red}.testimonial-area .dot-style .slick-dots .slick-active button{background:#fff}.slick-initialized .slick-slide{outline:0}.footer-area .footer-pera p{color:#868c98;padding-right:52px}@media only screen and (min-width: 768px)and (max-width: 991px){.footer-area .footer-pera p{padding-right:0px}}.footer-area .footer-pera p{font-size:16px;margin-bottom:50px;line-height:1.8}.footer-area .footer-pera.footer-pera2 p{padding:0}.footer-area .footer-tittle h4{color:#012f5f;font-size:20px;margin-bottom:29px;font-weight:700}.footer-area .footer-tittle ul li{margin-bottom:9px}.footer-area .footer-tittle ul li a{color:#506172;font-weight:300}.footer-area .footer-tittle ul li a:hover{color:#ff2121;padding-left:5px}.footer-area .footer-form{margin-top:40px}.footer-area .footer-form form{position:relative}.footer-area .footer-form form input{width:100%;height:43px;padding:10px 20px;border:1px solid #fff}.footer-area .footer-form form .form-icon button{position:absolute;top:0;right:0;background:none;border:0;cursor:pointer;padding:13px 22px;background:#ff2121;line-height:1}.footer-area .info.error{color:#ff2121}.footer-bottom-area .footer-border{border-top:1px solid #d7e7fe;padding:33px 0px 20px}.footer-bottom-area .footer-copy-right p{color:#222;font-weight:300;font-size:18px;line-height:2;margin-bottom:12px}.footer-bottom-area .footer-copy-right p i{color:#ff2121}.footer-bottom-area .footer-copy-right p a{color:#ff2121}.footer-social a{color:#222;font-size:20px}.footer-social a i{margin-right:12px;-webkit-transition:all .4s ease-out 0s;-moz-transition:all .4s ease-out 0s;-ms-transition:all .4s ease-out 0s;-o-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s}.footer-social a i:hover{color:#ff2121}.hero-caption span{color:#fff;font-size:16px;display:block;margin-bottom:24px;font-weight:600;padding-left:95px;position:relative}.hero-caption span::before{position:absolute;content:"";width:75px;height:3px;background:#ff2121;left:0;top:52%;transform:translateY(-50%)}.hero-caption h2{color:#fff;font-size:50px;font-weight:700}.about-area{display:flex;align-items:center}@media only screen and (min-width: 768px)and (max-width: 991px){.about-area{display:block}}@media(max-width: 575px){.about-area{display:block}}@media only screen and (min-width: 576px)and (max-width: 767px){.about-area{display:block}}.about-area .about-img{background-image:url(../img/gallery/about.png);background-size:100%;background-size:cover;background-repeat:no-repeat;height:700px;width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;-webkit-box-align:end;-ms-flex-align:end;align-items:end}@media(max-width: 575px){.about-area .about-img{width:100%;height:500px}}@media only screen and (min-width: 576px)and (max-width: 767px){.about-area .about-img{width:100%;height:550px}}@media only screen and (min-width: 768px)and (max-width: 991px){.about-area .about-img{width:100%;height:600px}}.about-area .about-img .info-man{background:#1a1f50;display:inline-block;padding:23px 88px}@media only screen and (min-width: 992px)and (max-width: 1199px){.about-area .about-img .info-man{padding:24px 54px}}@media only screen and (min-width: 576px)and (max-width: 767px){.about-area .about-img .info-man{padding:24px 54px}}@media(max-width: 575px){.about-area .about-img .info-man{padding:21px 19px}}.about-area .about-img .info-man .head-cap{display:flex;margin-bottom:20px}@media(max-width: 575px){.about-area .about-img .info-man .head-cap{margin-bottom:9px}}.about-area .about-img .info-man .head-cap h3{color:#fff;font-size:40px;font-weight:800;padding-left:15px;line-height:32px}.about-area .about-img .info-man p{color:#fff;margin:0}.about-area .about-img .info-man.info-man2{background:#eb4916}.about-area .about-details{background-image:url(../img/gallery/section_bg02.png);background-size:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;height:700px;width:50%;padding:120px 75px;display:flex;align-items:center}@media only screen and (min-width: 992px)and (max-width: 1199px){.about-area .about-details{padding:20px 20px 20px 50px}}@media only screen and (min-width: 768px)and (max-width: 991px){.about-area .about-details{width:100%;padding:50px 30px}}@media only screen and (min-width: 576px)and (max-width: 767px){.about-area .about-details{width:100%;padding:50px 30px}}@media(max-width: 575px){.about-area .about-details{width:100%;padding:50px 15px}}.about-area .about-details .right-caption{width:69%}@media only screen and (min-width: 1200px)and (max-width: 1440px){.about-area .about-details .right-caption{width:100%}}@media only screen and (min-width: 992px)and (max-width: 1199px){.about-area .about-details .right-caption{width:100%}}@media only screen and (min-width: 576px)and (max-width: 767px){.about-area .about-details .right-caption{width:100%}}@media(max-width: 575px){.about-area .about-details .right-caption{width:100%}}.about-area .about-details .right-caption .about-more p.pera-top{font-size:20px;font-weight:500;color:#111;margin-bottom:25px}@media only screen and (min-width: 1200px)and (max-width: 1600px){.about-area .about-details .right-caption .about-more p.pera-top br{display:none}}@media only screen and (min-width: 992px)and (max-width: 1199px){.about-area .about-details .right-caption .about-more p.pera-top br{display:none}}@media only screen and (min-width: 768px)and (max-width: 991px){.about-area .about-details .right-caption .about-more p.pera-top br{display:none}}@media only screen and (min-width: 576px)and (max-width: 767px){.about-area .about-details .right-caption .about-more p.pera-top br{display:none}}@media(max-width: 575px){.about-area .about-details .right-caption .about-more p.pera-top br{display:none}}.about-area .about-details .right-caption .about-more .pera-bottom{font-size:16px;color:#776b6a}.about-details .about-details-cap h4{font-size:30px;font-family:"Muli",sans-serif;font-weight:700;margin-bottom:30px;color:#000a2d;display:inline-block}.about-details .about-details-cap p{color:#464d65;font-size:16px}.home_blog-area .single-blogs .blog-img{position:relative;overflow:hidden;border-radius:5px 5px 0 0}.home_blog-area .single-blogs .blog-img img{width:100%;transform:scale(1);-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-ms-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}.home_blog-area .single-blogs .blogs-cap{background:#fcfcfc;padding:34px 22px 31px 37px}@media only screen and (min-width: 768px)and (max-width: 991px){.home_blog-area .single-blogs .blogs-cap{padding:31px 12px 22px 17px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.home_blog-area .single-blogs .blogs-cap{padding:31px 12px 22px 17px}}@media only screen and (min-width: 576px)and (max-width: 767px){.home_blog-area .single-blogs .blogs-cap{padding:31px 12px 22px 17px}}@media(max-width: 575px){.home_blog-area .single-blogs .blogs-cap{padding:31px 12px 22px 17px}}.home_blog-area .single-blogs .blogs-cap .date-info span{display:inline-block;margin-right:14px;padding-right:14px;line-height:1;margin-bottom:16px;color:#ff656a;position:relative}.home_blog-area .single-blogs .blogs-cap .date-info span::before{position:absolute;content:"";width:4px;height:4px;background:#515050;top:50%;border-radius:50%;transform:translateY(-50%);right:-3px}.home_blog-area .single-blogs .blogs-cap .date-info p{display:inline-block;color:#aebccb;font-size:14px}.home_blog-area .single-blogs .blogs-cap h4{color:#112957;font-size:24px;font-weight:800;line-height:1.4;margin-bottom:20px}@media only screen and (min-width: 992px)and (max-width: 1199px){.home_blog-area .single-blogs .blogs-cap h4{font-size:20px}}.home_blog-area .single-blogs .blogs-cap p{color:#64676c;line-height:1.7}.home_blog-area .single-blogs .blogs-cap .read-more1{color:#c4c4c4;font-size:16px;font-weight:500}.home_blog-area .single-blogs:hover .blog-img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}.home_blog-area .single-blogs:hover .blog-img .practice-icon span{color:#ff2121}.home_blog-area .single-blogs:hover .read-more1{color:#ff2121}.latest-blog-area .area-heading{margin-bottom:70px}.blog_area a{color:"Muli",sans-serif !important;text-decoration:none;transition:.4s}.blog_area a:hover,.blog_area a :hover{background:-webkit-linear-gradient(131deg, #ff2121 0%, #ff2121 99%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);text-decoration:none;transition:.4s}.single-blog{overflow:hidden;margin-bottom:30px}.single-blog:hover{box-shadow:0px 10px 20px 0px rgba(42,34,123,.1)}.single-blog .thumb{overflow:hidden;position:relative}.single-blog .thumb:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}.single-blog h4{border-bottom:1px solid #dfdfdf;padding-bottom:34px;margin-bottom:25px}.single-blog a{font-size:20px;font-weight:600}.single-blog .date{color:#666;text-align:left;display:inline-block;font-size:13px;font-weight:300}.single-blog .tag{text-align:left;display:inline-block;float:left;font-size:13px;font-weight:300;margin-right:22px;position:relative}.single-blog .tag:after{content:"";position:absolute;width:1px;height:10px;background:#acacac;right:-12px;top:7px}@media(max-width: 1199px){.single-blog .tag{margin-right:8px}.single-blog .tag:after{display:none}}.single-blog .likes{margin-right:16px}@media(max-width: 800px){.single-blog{margin-bottom:30px}}.single-blog .single-blog-content{padding:30px}.single-blog .single-blog-content .meta-bottom p{font-size:13px;font-weight:300}.single-blog .single-blog-content .meta-bottom i{color:#fdcb9e;font-size:13px;margin-right:7px}@media(max-width: 1199px){.single-blog .single-blog-content{padding:15px}}.single-blog:hover .thumb:after{opacity:.7;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}@media(max-width: 1199px){.single-blog h4{transition:all 300ms linear 0s;border-bottom:1px solid #dfdfdf;padding-bottom:14px;margin-bottom:12px}.single-blog h4 a{font-size:18px}}.full_image.single-blog{position:relative}.full_image.single-blog .single-blog-content{position:absolute;left:35px;bottom:0;opacity:0;visibility:hidden;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}@media(min-width: 992px){.full_image.single-blog .single-blog-content{bottom:100px}}.full_image.single-blog h4{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;border-bottom:none;padding-bottom:5px}.full_image.single-blog a{font-size:20px;font-weight:600}.full_image.single-blog .date{color:#fff}.full_image.single-blog:hover .single-blog-content{opacity:1;visibility:visible;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}.l_blog_item .l_blog_text .date{margin-top:24px;margin-bottom:15px}.l_blog_item .l_blog_text .date a{font-size:12px}.l_blog_item .l_blog_text h4{font-size:18px;border-bottom:1px solid #eee;margin-bottom:0px;padding-bottom:20px;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}.l_blog_item .l_blog_text p{margin-bottom:0px;padding-top:20px}.causes_slider .owl-dots{text-align:center;margin-top:80px}.causes_slider .owl-dots .owl-dot{height:14px;width:14px;background:#eee;display:inline-block;margin-right:7px}.causes_slider .owl-dots .owl-dot:last-child{margin-right:0px}.causes_item{background:#fff}.causes_item .causes_img{position:relative}.causes_item .causes_img .c_parcent{position:absolute;bottom:0px;width:100%;left:0px;height:3px;background:hsla(0,0%,100%,.5)}.causes_item .causes_img .c_parcent span{width:70%;height:3px;position:absolute;left:0px;bottom:0px}.causes_item .causes_img .c_parcent span:before{content:"75%";position:absolute;right:-10px;bottom:0px;color:#fff;padding:0px 5px}.causes_item .causes_text{padding:30px 35px 40px 30px}.causes_item .causes_text h4{font-size:18px;font-weight:600;margin-bottom:15px;cursor:pointer}.causes_item .causes_text p{font-size:14px;line-height:24px;font-weight:300;margin-bottom:0px}.causes_item .causes_bottom a{width:50%;border:1px solid;text-align:center;float:left;line-height:50px;color:#fff;font-size:14px;font-weight:500}.causes_item .causes_bottom a+a{border-color:#eee;background:#fff;font-size:14px}.latest_blog_area{background:#f9f9ff}.single-recent-blog-post{margin-bottom:30px}.single-recent-blog-post .thumb{overflow:hidden}.single-recent-blog-post .thumb img{transition:all .7s linear}.single-recent-blog-post .details{padding-top:30px}.single-recent-blog-post .details .sec_h4{line-height:24px;padding:10px 0px 13px;transition:all .3s linear}.single-recent-blog-post .date{font-size:14px;line-height:24px;font-weight:400}.single-recent-blog-post:hover img{transform:scale(1.23) rotate(10deg)}.tags .tag_btn{font-size:12px;font-weight:500;line-height:20px;border:1px solid #eee;display:inline-block;padding:1px 18px;text-align:center}.tags .tag_btn+.tag_btn{margin-left:2px}.blog_categorie_area{padding-top:30px;padding-bottom:30px}@media(min-width: 900px){.blog_categorie_area{padding-top:80px;padding-bottom:80px}}@media(min-width: 1100px){.blog_categorie_area{padding-top:120px;padding-bottom:120px}}.categories_post{position:relative;text-align:center;cursor:pointer}.categories_post img{max-width:100%}.categories_post .categories_details{position:absolute;top:20px;left:20px;right:20px;bottom:20px;background:rgba(34,34,34,.75);color:#fff;transition:all .3s linear;display:flex;align-items:center;justify-content:center}.categories_post .categories_details h5{margin-bottom:0px;font-size:18px;line-height:26px;text-transform:uppercase;color:#fff;position:relative}.categories_post .categories_details p{font-weight:300;font-size:14px;line-height:26px;margin-bottom:0px}.categories_post .categories_details .border_line{margin:10px 0px;background:#fff;width:100%;height:1px}.categories_post:hover .categories_details{background:rgba(222,99,32,.85)}.blog_item{margin-bottom:50px}.blog_details{padding:30px 0 20px 10px;box-shadow:0px 10px 20px 0px rgba(221,221,221,.3)}@media(min-width: 768px){.blog_details{padding:60px 30px 35px 35px}}.blog_details p{margin-bottom:30px}.blog_details a{color:#242b5e}.blog_details a:hover{color:#232024}.blog_details h2{font-size:18px;font-weight:600;margin-bottom:8px}@media(min-width: 768px){.blog_details h2{font-size:24px;margin-bottom:15px}}.blog-info-link li{float:left;font-size:14px}.blog-info-link li a{color:#999}.blog-info-link li i,.blog-info-link li span{font-size:13px;margin-right:5px}.blog-info-link li::after{content:"|";padding-left:10px;padding-right:10px}.blog-info-link li:last-child::after{display:none}.blog-info-link::after{content:"";display:block;clear:both;display:table}.blog_item_img{position:relative}.blog_item_img .blog_item_date{position:absolute;bottom:-10px;left:10px;display:block;color:#fff;background-color:#ff2121;padding:8px 15px;border-radius:5px}@media(min-width: 768px){.blog_item_img .blog_item_date{bottom:-20px;left:40px;padding:13px 30px}}.blog_item_img .blog_item_date h3{font-size:22px;font-weight:600;color:#fff;margin-bottom:0;line-height:1.2}@media(min-width: 768px){.blog_item_img .blog_item_date h3{font-size:30px}}.blog_item_img .blog_item_date p{font-size:18px;margin-bottom:0;color:#fff}@media(min-width: 768px){.blog_item_img .blog_item_date p{font-size:18px}}.blog_right_sidebar .widget_title{font-size:20px;margin-bottom:40px}.blog_right_sidebar .widget_title::after{content:"";display:block;padding-top:15px;border-bottom:1px solid #f0e9ff}.blog_right_sidebar .single_sidebar_widget{background:#fbf9ff;padding:30px;margin-bottom:30px}.blog_right_sidebar .single_sidebar_widget .btn_1{margin-top:0px}.blog_right_sidebar .search_widget .form-control{height:50px;border-color:#f0e9ff;font-size:13px;color:#999;padding-left:20px;border-radius:0;border-right:0}.blog_right_sidebar .search_widget .form-control::placeholder{color:#999}.blog_right_sidebar .search_widget .form-control:focus{border-color:#f0e9ff;outline:0;box-shadow:none}.blog_right_sidebar .search_widget .input-group button{background:#ff2121;border-left:0;border:1px solid #f0e9ff;padding:4px 15px;border-left:0;cursor:pointer}.blog_right_sidebar .search_widget .input-group button i{color:#fff}.blog_right_sidebar .search_widget .input-group button span{font-size:14px;color:#999}.blog_right_sidebar .newsletter_widget .form-control{height:50px;border-color:#f0e9ff;font-size:13px;color:#999;padding-left:20px;border-radius:0}.blog_right_sidebar .newsletter_widget .form-control::placeholder{color:#999}.blog_right_sidebar .newsletter_widget .form-control:focus{border-color:#f0e9ff;outline:0;box-shadow:none}.blog_right_sidebar .newsletter_widget .input-group button{background:#fff;border-left:0;border:1px solid #f0e9ff;padding:4px 15px;border-left:0}.blog_right_sidebar .newsletter_widget .input-group button i,.blog_right_sidebar .newsletter_widget .input-group button span{font-size:14px;color:#fff}.blog_right_sidebar .post_category_widget .cat-list li{border-bottom:1px solid #f0e9ff;transition:all .3s ease 0s;padding-bottom:12px}.blog_right_sidebar .post_category_widget .cat-list li:last-child{border-bottom:0}.blog_right_sidebar .post_category_widget .cat-list li a{font-size:14px;line-height:20px;color:#888}.blog_right_sidebar .post_category_widget .cat-list li a p{margin-bottom:0px}.blog_right_sidebar .post_category_widget .cat-list li+li{padding-top:15px}.blog_right_sidebar .popular_post_widget .post_item .media-body{justify-content:center;align-self:center;padding-left:20px}.blog_right_sidebar .popular_post_widget .post_item .media-body h3{font-size:16px;line-height:20px;margin-bottom:6px;transition:all .3s linear}.blog_right_sidebar .popular_post_widget .post_item .media-body a:hover{color:#fff}.blog_right_sidebar .popular_post_widget .post_item .media-body p{font-size:14px;line-height:21px;margin-bottom:0px}.blog_right_sidebar .popular_post_widget .post_item+.post_item{margin-top:20px}.blog_right_sidebar .tag_cloud_widget ul li{display:inline-block}.blog_right_sidebar .tag_cloud_widget ul li a{display:inline-block;border:1px solid #eee;background:#fff;padding:4px 20px;margin-bottom:8px;margin-right:3px;transition:all .3s ease 0s;color:#888;font-size:13px}.blog_right_sidebar .tag_cloud_widget ul li a:hover{background:#ff2121;color:#fff !important;-webkit-text-fill-color:#fff;text-decoration:none;-webkit-transition:.5s;transition:.5s}.blog_right_sidebar .instagram_feeds .instagram_row{display:flex;margin-right:-6px;margin-left:-6px}.blog_right_sidebar .instagram_feeds .instagram_row li{width:33.33%;float:left;padding-right:6px;padding-left:6px;margin-bottom:15px}.blog_right_sidebar .br{width:100%;height:1px;background:#eee;margin:30px 0px}.blog-pagination{margin-top:80px}.blog-pagination .page-link{font-size:14px;position:relative;display:block;padding:0;text-align:center;margin-left:-1px;line-height:45px;width:45px;height:45px;border-radius:0 !important;color:#8a8a8a;border:1px solid #f0e9ff;margin-right:10px}.blog-pagination .page-link i,.blog-pagination .page-link span{font-size:13px}.blog-pagination .page-item.active .page-link{background-color:#fbf9ff;border-color:#f0e9ff;color:#888}.blog-pagination .page-item:last-child .page-link{margin-right:0}.single-post-area .blog_details{box-shadow:none;padding:0}.single-post-area .social-links{padding-top:10px}.single-post-area .social-links li{display:inline-block;margin-bottom:10px}.single-post-area .social-links li a{color:#ccc;padding:7px;font-size:14px;transition:all .2s linear}.single-post-area .blog_details{padding-top:26px}.single-post-area .blog_details p{margin-bottom:20px;font-size:15px}.single-post-area .quote-wrapper{background:rgba(130,139,178,.1);padding:15px;line-height:1.733;color:#888;font-style:italic;margin-top:25px;margin-bottom:25px}@media(min-width: 768px){.single-post-area .quote-wrapper{padding:30px}}.single-post-area .quotes{background:#fff;padding:15px 15px 15px 20px;border-left:2px solid}@media(min-width: 768px){.single-post-area .quotes{padding:25px 25px 25px 30px}}.single-post-area .arrow{position:absolute}.single-post-area .arrow .lnr{font-size:20px;font-weight:600}.single-post-area .thumb .overlay-bg{background:rgba(0,0,0,.8)}.single-post-area .navigation-top{padding-top:15px;border-top:1px solid #f0e9ff}.single-post-area .navigation-top p{margin-bottom:0}.single-post-area .navigation-top .like-info{font-size:14px}.single-post-area .navigation-top .like-info i,.single-post-area .navigation-top .like-info span{font-size:16px;margin-right:5px}.single-post-area .navigation-top .comment-count{font-size:14px}.single-post-area .navigation-top .comment-count i,.single-post-area .navigation-top .comment-count span{font-size:16px;margin-right:5px}.single-post-area .navigation-top .social-icons li{display:inline-block;margin-right:15px}.single-post-area .navigation-top .social-icons li:last-child{margin:0}.single-post-area .navigation-top .social-icons li i,.single-post-area .navigation-top .social-icons li span{font-size:14px;color:#999}.single-post-area .blog-author{padding:40px 30px;background:#fbf9ff;margin-top:50px}@media(max-width: 600px){.single-post-area .blog-author{padding:20px 8px}}.single-post-area .blog-author img{width:90px;height:90px;border-radius:50%;margin-right:30px}@media(max-width: 600px){.single-post-area .blog-author img{margin-right:15px;width:45px;height:45px}}.single-post-area .blog-author a{display:inline-block}.single-post-area .blog-author a:hover{color:#232024}.single-post-area .blog-author p{margin-bottom:0;font-size:15px}.single-post-area .blog-author h4{font-size:16px}.single-post-area .navigation-area{border-bottom:1px solid #eee;padding-bottom:30px;margin-top:55px}.single-post-area .navigation-area p{margin-bottom:0px}.single-post-area .navigation-area h4{font-size:18px;line-height:25px}.single-post-area .navigation-area .nav-left{text-align:left}.single-post-area .navigation-area .nav-left .thumb{margin-right:20px;background:#000}.single-post-area .navigation-area .nav-left .thumb img{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}.single-post-area .navigation-area .nav-left .lnr{margin-left:20px;opacity:0;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}.single-post-area .navigation-area .nav-left:hover .lnr{opacity:1}.single-post-area .navigation-area .nav-left:hover .thumb img{opacity:.5}@media(max-width: 767px){.single-post-area .navigation-area .nav-left{margin-bottom:30px}}.single-post-area .navigation-area .nav-right{text-align:right}.single-post-area .navigation-area .nav-right .thumb{margin-left:20px;background:#000}.single-post-area .navigation-area .nav-right .thumb img{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}.single-post-area .navigation-area .nav-right .lnr{margin-right:20px;opacity:0;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}.single-post-area .navigation-area .nav-right:hover .lnr{opacity:1}.single-post-area .navigation-area .nav-right:hover .thumb img{opacity:.5}@media(max-width: 991px){.single-post-area .sidebar-widgets{padding-bottom:0px}}.comments-area{background:rgba(0,0,0,0);border-top:1px solid #eee;padding:45px 0;margin-top:50px}@media(max-width: 414px){.comments-area{padding:50px 8px}}.comments-area h4{margin-bottom:35px;font-size:18px}.comments-area h5{font-size:16px;margin-bottom:0px}.comments-area .comment-list{padding-bottom:48px}.comments-area .comment-list:last-child{padding-bottom:0px}.comments-area .comment-list.left-padding{padding-left:25px}@media(max-width: 413px){.comments-area .comment-list .single-comment h5{font-size:12px}.comments-area .comment-list .single-comment .date{font-size:11px}.comments-area .comment-list .single-comment .comment{font-size:10px}}.comments-area .thumb{margin-right:20px}.comments-area .thumb img{width:70px;border-radius:50%}.comments-area .date{font-size:14px;color:#999;margin-bottom:0;margin-left:20px}.comments-area .comment{margin-bottom:10px;color:#777;font-size:15px}.comments-area .btn-reply{background-color:rgba(0,0,0,0);color:#888;padding:5px 18px;font-size:14px;display:block;font-weight:400}.comment-form{border-top:1px solid #eee;padding-top:45px;margin-top:50px;margin-bottom:20px}.comment-form .form-group{margin-bottom:30px}.comment-form h4{margin-bottom:40px;font-size:18px;line-height:22px}.comment-form .name{padding-left:0px}@media(max-width: 767px){.comment-form .name{padding-right:0px;margin-bottom:1rem}}.comment-form .email{padding-right:0px}@media(max-width: 991px){.comment-form .email{padding-left:0px}}.comment-form .form-control{border:1px solid #f0e9ff;border-radius:5px;height:48px;padding-left:18px;font-size:13px;background:rgba(0,0,0,0)}.comment-form .form-control:focus{outline:0;box-shadow:none}.comment-form .form-control::placeholder{font-weight:300;color:#999}.comment-form .form-control::placeholder{color:#777}.comment-form textarea{padding-top:18px;border-radius:12px;height:100% !important}.comment-form ::-webkit-input-placeholder{font-size:13px;color:#777}.comment-form ::-moz-placeholder{font-size:13px;color:#777}.comment-form :-ms-input-placeholder{font-size:13px;color:#777}.comment-form :-moz-placeholder{font-size:13px;color:#777}.dropdown .dropdown-menu{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.contact-info{margin-bottom:25px}.contact-info__icon{margin-right:20px}.contact-info__icon i,.contact-info__icon span{color:#8f9195;font-size:27px}.contact-info .media-body h3{font-size:16px;margin-bottom:0;font-size:16px;color:#2a2a2a}.contact-info .media-body h3 a:hover{color:#1f2b7b}.contact-info .media-body p{color:#8a8a8a}.contact-title{font-size:27px;font-weight:600;margin-bottom:20px}.form-contact label{font-size:14px}.form-contact .form-group{margin-bottom:30px}.form-contact .form-control{border:1px solid #e5e6e9;border-radius:0px;height:48px;padding-left:18px;font-size:13px;background:rgba(0,0,0,0)}.form-contact .form-control:focus{outline:0;box-shadow:none}.form-contact .form-control::placeholder{font-weight:300;color:#999}.form-contact textarea{border-radius:0px;height:100% !important}.modal-message .modal-dialog{position:absolute;top:36%;left:50%;transform:translateX(-50%) translateY(-50%) !important;margin:0px;max-width:500px;width:100%}.modal-message .modal-dialog .modal-content .modal-header{text-align:center;display:block;border-bottom:none;padding-top:50px;padding-bottom:50px}.modal-message .modal-dialog .modal-content .modal-header .close{position:absolute;right:-15px;top:-15px;padding:0px;color:#fff;opacity:1;cursor:pointer}.modal-message .modal-dialog .modal-content .modal-header h2{display:block;text-align:center;padding-bottom:10px}.modal-message .modal-dialog .modal-content .modal-header p{display:block}.contact-section{padding:130px 0 100px}@media(max-width: 991px){.contact-section{padding:70px 0 40px}}@media only screen and (min-width: 992px)and (max-width: 1200px){.contact-section{padding:80px 0 50px}}.contact-section .btn_2{background-color:#191d34;padding:18px 60px;border-radius:50px;margin-top:0}.contact-section .btn_2:hover{background-color:#1f2b7b}.breadcam_bg{background-image:url(../img/banner/bradcam.png)}.breadcam_bg_1{background-image:url(../img/banner/bradcam2.png)}.breadcam_bg_2{background-image:url(../img/banner/bradcam3.png)}.bradcam_area{background-size:cover;background-position:center center;padding:160px 0;background-position:bottom;background-repeat:no-repeat}@media(max-width: 767px){.bradcam_area{padding:150px 0}}@media(min-width: 768px)and (max-width: 991px){.bradcam_area{padding:150px 0}}.bradcam_area h3{font-size:50px;color:#fff;font-weight:900;margin-bottom:0;font-family:"Muli",sans-serif;text-transform:capitalize}@media(max-width: 767px){.bradcam_area h3{font-size:30px}}@media(min-width: 768px)and (max-width: 991px){.bradcam_area h3{font-size:40px}}.popup_box{background:#fff;display:inline-block;z-index:9;width:681px;padding:60px 40px}@media(max-width: 767px){.popup_box{width:320px;padding:45px 30px}}@media only screen and (min-width: 480px)and (max-width: 767px){.popup_box{width:420px !important;padding:45px 30px}}.popup_box h3{text-align:center;font-size:22px;color:#1f1f1f;margin-bottom:46px}.popup_box .boxed-btn3{width:100%;text-transform:capitalize}.popup_box .nice-select{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#fff;border:solid 1px #e2e2e2;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:"Roboto",sans-serif;font-weight:normal;width:100% !important;line-height:50px;outline:none;padding-left:18px;padding-right:30px;position:relative;text-align:left !important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto;border-radius:0;margin-bottom:30px;height:50px !important;font-size:16px;font-weight:400;color:#919191}.popup_box .nice-select::after{content:"";display:block;height:5px;margin-top:-5px;pointer-events:none;position:absolute;right:17px;top:3px;transition:all .15s ease-in-out;width:5px;font-family:fontawesome;color:#919191;font-size:15px}.popup_box .nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0);height:200px;overflow-y:scroll}.popup_box .nice-select.list{height:200px;overflow-y:scroll}#test-form{display:inline-block;margin:auto;text-align:center;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media(max-width: 767px){#test-form{top:0;left:0;width:100%;height:100%;-webkit-transform:none;-ms-transform:none;transform:none}}#test-form .mfp-close-btn-in .mfp-close{color:#333;display:none !important}#test-form button.mfp-close{display:none !important}@media(max-width: 767px){#test-form button.mfp-close{display:block !important;position:absolute;left:0;right:0;margin:auto}}#test-form button.mfp-close{overflow:visible;cursor:pointer;background:rgba(0,0,0,0);border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation;width:40px;height:40px;background:#4a3600;text-align:center;line-height:20px;position:absolute;right:0;border-bottom-right-radius:20px;border-bottom-left-radius:20px;position:absolute;right:-6px;color:#fff !important}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#4a3600;opacity:.6}@media(max-width: 767px){.gj-picker.gj-picker-md.timepicker{width:310px;left:6px !important}}@media(max-width: 767px){.gj-picker.gj-picker-md.datepicker.gj-unselectable{width:320px;left:0 !important}}.flex-center-start{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.overlay::before{background-image:-moz-linear-gradient(170deg, rgba(34, 34, 34, 0) 0%, rgb(0, 0, 0) 100%);background-image:-webkit-linear-gradient(170deg, rgba(34, 34, 34, 0) 0%, rgb(0, 0, 0) 100%);background-image:-ms-linear-gradient(170deg, rgba(34, 34, 34, 0) 0%, rgb(0, 0, 0) 100%)}.sample-text-area{background:#fff;padding:100px 0 70px 0}.text-heading{margin-bottom:30px;font-size:24px}b,sup,sub,u,del{color:#1f2b7b}.typography h1,.typography h2,.typography h3,.typography h4,.typography h5,.typography h6{color:#828bb2}.button-area .border-top-generic{padding:70px 15px;border-top:1px dotted #eee}.button-area{background:#fff}.button-group-area .genric-btn{margin-right:10px;margin-top:10px}.button-group-area .genric-btn:last-child{margin-right:0}.genric-btn{display:inline-block;outline:none;line-height:40px;padding:0 30px;font-size:.8em;text-align:center;text-decoration:none;font-weight:500;cursor:pointer;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.genric-btn:focus{outline:none}.genric-btn.e-large{padding:0 40px;line-height:50px}.genric-btn.large{line-height:45px}.genric-btn.medium{line-height:30px}.genric-btn.small{line-height:25px}.genric-btn.radius{border-radius:3px}.genric-btn.circle{border-radius:20px}.genric-btn.arrow{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.genric-btn.arrow span{margin-left:10px}.genric-btn.default{color:#415094;background:#f9f9ff;border:1px solid rgba(0,0,0,0)}.genric-btn.default:hover{border:1px solid #f9f9ff;background:#fff}.genric-btn.default-border{border:1px solid #f9f9ff;background:#fff}.genric-btn.default-border:hover{color:#415094;background:#f9f9ff;border:1px solid rgba(0,0,0,0)}.genric-btn.primary{color:#fff;background:#1f2b7b;border:1px solid rgba(0,0,0,0)}.genric-btn.primary:hover{color:#1f2b7b;border:1px solid #1f2b7b;background:#fff}.genric-btn.primary-border{color:#1f2b7b;border:1px solid #1f2b7b;background:#fff}.genric-btn.primary-border:hover{color:#fff;background:#1f2b7b;border:1px solid rgba(0,0,0,0)}.genric-btn.success{color:#fff;background:#4cd3e3;border:1px solid rgba(0,0,0,0)}.genric-btn.success:hover{color:#4cd3e3;border:1px solid #4cd3e3;background:#fff}.genric-btn.success-border{color:#4cd3e3;border:1px solid #4cd3e3;background:#fff}.genric-btn.success-border:hover{color:#fff;background:#4cd3e3;border:1px solid rgba(0,0,0,0)}.genric-btn.info{color:#fff;background:#38a4ff;border:1px solid rgba(0,0,0,0)}.genric-btn.info:hover{color:#38a4ff;border:1px solid #38a4ff;background:#fff}.genric-btn.info-border{color:#38a4ff;border:1px solid #38a4ff;background:#fff}.genric-btn.info-border:hover{color:#fff;background:#38a4ff;border:1px solid rgba(0,0,0,0)}.genric-btn.warning{color:#fff;background:#f4e700;border:1px solid rgba(0,0,0,0)}.genric-btn.warning:hover{color:#f4e700;border:1px solid #f4e700;background:#fff}.genric-btn.warning-border{color:#f4e700;border:1px solid #f4e700;background:#fff}.genric-btn.warning-border:hover{color:#fff;background:#f4e700;border:1px solid rgba(0,0,0,0)}.genric-btn.danger{color:#fff;background:#f44a40;border:1px solid rgba(0,0,0,0)}.genric-btn.danger:hover{color:#f44a40;border:1px solid #f44a40;background:#fff}.genric-btn.danger-border{color:#f44a40;border:1px solid #f44a40;background:#fff}.genric-btn.danger-border:hover{color:#fff;background:#f44a40;border:1px solid rgba(0,0,0,0)}.genric-btn.link{color:#415094;background:#f9f9ff;text-decoration:underline;border:1px solid rgba(0,0,0,0)}.genric-btn.link:hover{color:#415094;border:1px solid #f9f9ff;background:#fff}.genric-btn.link-border{color:#415094;border:1px solid #f9f9ff;background:#fff;text-decoration:underline}.genric-btn.link-border:hover{color:#415094;background:#f9f9ff;border:1px solid rgba(0,0,0,0)}.genric-btn.disable{color:#222,.3;background:#f9f9ff;border:1px solid rgba(0,0,0,0);cursor:not-allowed}.generic-blockquote{padding:30px 50px 30px 30px;background:#f9f9ff;border-left:2px solid #1f2b7b}.progress-table-wrap{overflow-x:scroll}.progress-table{background:#f9f9ff;padding:15px 0px 30px 0px;min-width:800px}.progress-table .serial{width:11.83%;padding-left:30px}.progress-table .country{width:28.07%}.progress-table .visit{width:19.74%}.progress-table .percentage{width:40.36%;padding-right:50px}.progress-table .table-head{display:flex}.progress-table .table-head .serial,.progress-table .table-head .country,.progress-table .table-head .visit,.progress-table .table-head .percentage{color:#415094;line-height:40px;text-transform:uppercase;font-weight:500}.progress-table .table-row{padding:15px 0;border-top:1px solid #edf3fd;display:flex}.progress-table .table-row .serial,.progress-table .table-row .country,.progress-table .table-row .visit,.progress-table .table-row .percentage{display:flex;align-items:center}.progress-table .table-row .country img{margin-right:15px}.progress-table .table-row .percentage .progress{width:80%;border-radius:0px;background:rgba(0,0,0,0)}.progress-table .table-row .percentage .progress .progress-bar{height:5px;line-height:5px}.progress-table .table-row .percentage .progress .progress-bar.color-1{background-color:#6382e6}.progress-table .table-row .percentage .progress .progress-bar.color-2{background-color:#e66686}.progress-table .table-row .percentage .progress .progress-bar.color-3{background-color:#f09359}.progress-table .table-row .percentage .progress .progress-bar.color-4{background-color:#73fbaf}.progress-table .table-row .percentage .progress .progress-bar.color-5{background-color:#73fbaf}.progress-table .table-row .percentage .progress .progress-bar.color-6{background-color:#6382e6}.progress-table .table-row .percentage .progress .progress-bar.color-7{background-color:#a367e7}.progress-table .table-row .percentage .progress .progress-bar.color-8{background-color:#e66686}.single-gallery-image{margin-top:30px;background-repeat:no-repeat !important;background-position:center center !important;background-size:cover !important;height:200px}.list-style{width:14px;height:14px}.unordered-list li{position:relative;padding-left:30px;line-height:1.82em !important}.unordered-list li:before{content:"";position:absolute;width:14px;height:14px;border:3px solid #1f2b7b;background:#fff;top:4px;left:0;border-radius:50%}.ordered-list{margin-left:30px}.ordered-list li{list-style-type:decimal-leading-zero;color:#1f2b7b;font-weight:500;line-height:1.82em !important}.ordered-list li span{font-weight:300;color:#828bb2}.ordered-list-alpha li{margin-left:30px;list-style-type:lower-alpha;color:#1f2b7b;font-weight:500;line-height:1.82em !important}.ordered-list-alpha li span{font-weight:300;color:#828bb2}.ordered-list-roman li{margin-left:30px;list-style-type:lower-roman;color:#1f2b7b;font-weight:500;line-height:1.82em !important}.ordered-list-roman li span{font-weight:300;color:#828bb2}.single-input{display:block;width:100%;line-height:40px;border:none;outline:none;background:#f9f9ff;padding:0 20px}.single-input:focus{outline:none}.input-group-icon{position:relative}.input-group-icon .icon{position:absolute;left:20px;top:0;line-height:40px}.input-group-icon .icon i{color:#797979}.input-group-icon .icon{z-index:3}.input-group-icon .single-input{padding-left:45px}.single-textarea{display:block;width:100%;line-height:40px;border:none;outline:none;background:#f9f9ff;padding:0 20px;height:100px;resize:none}.single-textarea:focus{outline:none}.single-input-primary{display:block;width:100%;line-height:40px;border:1px solid rgba(0,0,0,0);outline:none;background:#f9f9ff;padding:0 20px}.single-input-primary:focus{outline:none;border:1px solid #1f2b7b}.single-input-accent{display:block;width:100%;line-height:40px;border:1px solid rgba(0,0,0,0);outline:none;background:#f9f9ff;padding:0 20px}.single-input-accent:focus{outline:none;border:1px solid #eb6b55}.single-input-secondary{display:block;width:100%;line-height:40px;border:1px solid rgba(0,0,0,0);outline:none;background:#f9f9ff;padding:0 20px}.single-input-secondary:focus{outline:none;border:1px solid #f09359}.default-switch{width:35px;height:17px;border-radius:8.5px;background:#f9f9ff;position:relative;cursor:pointer}.default-switch input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0;cursor:pointer}.default-switch input+label{position:absolute;top:1px;left:1px;width:15px;height:15px;border-radius:50%;background:#1f2b7b;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;box-shadow:0px 4px 5px 0px rgba(0,0,0,.2);cursor:pointer}.default-switch input:checked+label{left:19px}.primary-switch{width:35px;height:17px;border-radius:8.5px;background:#f9f9ff;position:relative;cursor:pointer}.primary-switch input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.primary-switch input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}.primary-switch input+label:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0);border-radius:8.5px;cursor:pointer;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.primary-switch input+label:after{content:"";position:absolute;top:1px;left:1px;width:15px;height:15px;border-radius:50%;background:#fff;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;box-shadow:0px 4px 5px 0px rgba(0,0,0,.2);cursor:pointer}.primary-switch input:checked+label:after{left:19px}.primary-switch input:checked+label:before{background:#1f2b7b}.confirm-switch{width:35px;height:17px;border-radius:8.5px;background:#f9f9ff;position:relative;cursor:pointer}.confirm-switch input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.confirm-switch input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}.confirm-switch input+label:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0);border-radius:8.5px;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;cursor:pointer}.confirm-switch input+label:after{content:"";position:absolute;top:1px;left:1px;width:15px;height:15px;border-radius:50%;background:#fff;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;box-shadow:0px 4px 5px 0px rgba(0,0,0,.2);cursor:pointer}.confirm-switch input:checked+label:after{left:19px}.confirm-switch input:checked+label:before{background:#4cd3e3}.primary-checkbox{width:16px;height:16px;border-radius:3px;background:#f9f9ff;position:relative;cursor:pointer}.primary-checkbox input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.primary-checkbox input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:3px;cursor:pointer;border:1px solid #f1f1f1}.primary-checkbox input:checked+label{background:url(../img/elements/primary-check.png) no-repeat center center/cover;border:none}.confirm-checkbox{width:16px;height:16px;border-radius:3px;background:#f9f9ff;position:relative;cursor:pointer}.confirm-checkbox input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.confirm-checkbox input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:3px;cursor:pointer;border:1px solid #f1f1f1}.confirm-checkbox input:checked+label{background:url(../img/elements/success-check.png) no-repeat center center/cover;border:none}.disabled-checkbox{width:16px;height:16px;border-radius:3px;background:#f9f9ff;position:relative;cursor:pointer}.disabled-checkbox input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.disabled-checkbox input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:3px;cursor:pointer;border:1px solid #f1f1f1}.disabled-checkbox input:disabled{cursor:not-allowed;z-index:3}.disabled-checkbox input:checked+label{background:url(../img/elements/disabled-check.png) no-repeat center center/cover;border:none}.primary-radio{width:16px;height:16px;border-radius:8px;background:#f9f9ff;position:relative;cursor:pointer}.primary-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.primary-radio input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:8px;cursor:pointer;border:1px solid #f1f1f1}.primary-radio input:checked+label{background:url(../img/elements/primary-radio.png) no-repeat center center/cover;border:none}.confirm-radio{width:16px;height:16px;border-radius:8px;background:#f9f9ff;position:relative;cursor:pointer}.confirm-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.confirm-radio input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:8px;cursor:pointer;border:1px solid #f1f1f1}.confirm-radio input:checked+label{background:url(../img/elements/success-radio.png) no-repeat center center/cover;border:none}.disabled-radio{width:16px;height:16px;border-radius:8px;background:#f9f9ff;position:relative;cursor:pointer}.disabled-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.disabled-radio input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:8px;cursor:pointer;border:1px solid #f1f1f1}.disabled-radio input:disabled{cursor:not-allowed;z-index:3}.disabled-radio input:checked+label{background:url(../img/elements/disabled-radio.png) no-repeat center center/cover;border:none}.default-select{height:40px}.default-select .nice-select{border:none;border-radius:0px;height:40px;background:#f9f9ff;padding-left:20px;padding-right:40px}.default-select .nice-select .list{margin-top:0;border:none;border-radius:0px;box-shadow:none;width:100%;padding:10px 0 10px 0px}.default-select .nice-select .list .option{font-weight:300;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;line-height:28px;min-height:28px;font-size:12px;padding-left:20px}.default-select .nice-select .list .option.selected{color:#1f2b7b;background:rgba(0,0,0,0)}.default-select .nice-select .list .option:hover{color:#1f2b7b;background:rgba(0,0,0,0)}.default-select .current{margin-right:50px;font-weight:300}.default-select .nice-select::after{right:20px}.form-select{height:40px;width:100%}.form-select .nice-select{border:none;border-radius:0px;height:40px;background:#f9f9ff;padding-left:45px;padding-right:40px;width:100%}.form-select .nice-select .list{margin-top:0;border:none;border-radius:0px;box-shadow:none;width:100%;padding:10px 0 10px 0px}.form-select .nice-select .list .option{font-weight:300;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;line-height:28px;min-height:28px;font-size:12px;padding-left:45px}.form-select .nice-select .list .option.selected{color:#1f2b7b;background:rgba(0,0,0,0)}.form-select .nice-select .list .option:hover{color:#1f2b7b;background:rgba(0,0,0,0)}.form-select .current{margin-right:50px;font-weight:300}.form-select .nice-select::after{right:20px}.mt-10{margin-top:10px}.section-top-border{padding:50px 0;border-top:1px dotted #eee}.mb-30{margin-bottom:30px}.mt-30{margin-top:30px}.switch-wrap{margin-bottom:10px}

/* --- NGO Custom Styles --- */

/* Hero Section Styles */
.ngo-hero-caption h1 {
    color: #4a4a8a;
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 20px;
}

.ngo-hero-caption .hero-tagline {
    color: #ffffff;
    font-size: 18px;
    font-style: italic;
    margin-bottom: 40px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.ngo-hero-btn .btn-shop {
    border: 2px solid #ffffff;
    color: #ffffff;
    border-radius: 50px;
    padding: 23px 40px;
    font-weight: 600;
    background: rgba(255,255,255,0.1);
    display: inline-block;
    transition: 0.3s;
}

.ngo-hero-btn .btn-shop:hover {
    background: #ffffff;
    color: #4a4a8a;
}

/* Mission Statement Section */
.mission-statement-area {
    background-color: #FDFBF7; /* light warm brown; pairs with #6B4423 heading */
}

/* Hero + mission connection is now handled by the wave SVG divider (see hero section at bottom of file) */

.mission-caption .mission-quote {
    font-size: 36px;
    font-weight: 700;
    color: #6B4423;
    line-height: 1.4;
    font-style: italic;
    margin-bottom: 20px;
}

.mission-caption .mission-line {
    width: 100px;
    height: 3px;
    background: #6B4423; /* same brown family as mission quote */
    margin: 0 auto 30px;
    border-radius: 2px;
    display: block;
    overflow: hidden;
    /* Default: full bar (reduced motion / no-anim fallback) */
    max-width: 100px;
    opacity: 1;
}

/* Keyframes at root level (some minifiers break @keyframes inside @media) */
@-webkit-keyframes mission-line-grow {
    from {
        max-width: 0;
        opacity: 0.4;
    }
    to {
        max-width: 100px;
        opacity: 1;
    }
}

@keyframes mission-line-grow {
    from {
        max-width: 0;
        opacity: 0.4;
    }
    to {
        max-width: 100px;
        opacity: 1;
    }
}

/* Grow with max-width (more reliable than transform with some themes / OS settings) */
@media (prefers-reduced-motion: no-preference) {
    .mission-caption .mission-line {
        max-width: 0;
        opacity: 0.4;
        -webkit-animation: mission-line-grow 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;
        animation: mission-line-grow 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;
    }
}

.mission-caption .mission-description {
    font-size: 18px;
    color: #2c2416;
    line-height: 1.8;
}

/* Responsive Fixes */
@media (max-width: 767px) {
    .ngo-hero-caption h1 { font-size: 30px; }
    .mission-caption .mission-quote { font-size: 26px; }
}
/* --- Our Story Section --- */
.our-story-area {
    background-color: #FDFBF7;
    padding: 100px 0;
}

.story-caption .sub-heading {
    color: #000000; 
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
    letter-spacing: 1px;
}

.story-caption .story-title {
    color: #6B4423; /* Dark Blue from your image */
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 30px;
}

.story-caption .story-para {
    font-size: 18px;
    color: #2c2416;
    line-height: 1.7;
    margin-bottom: 25px;
}

/* Black Rounded Button Style */
/* --- Our Story Button Styles --- */
.btn-learn-more {
    background: #9D6B53; /* Black background */
    color: #ffffff !important; /* Ensure text stays white */
    padding: 18px 45px;
    border-radius: 50px;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out; /* Smooth transition for hover */
    border: none;
    text-decoration: none;
    cursor: pointer;
}

.btn-learn-more:hover {
    background: linear-gradient(145deg, #6B4423 0%, #8B6914 55%, #9a7b2a 100%);
    color: #ffffff !important;
    text-decoration: none;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(107, 68, 35, 0.2);
}

/* Mobile Alignment Fix */
@media (max-width: 991px) {
    .story-caption {
        text-align: center; /* Centers the text and button for mobile */
        margin-bottom: 50px; /* Space between content and video */
    }
    
    .btn-learn-more {
        margin-bottom: 20px; /* Safety margin for the button */
    }
}
/* Ensure the video container has its own spacing */
.video-container {
    margin-top: 10px;
    /* ... keep your other video styles ... */
}
/* Responsive YouTube Container */
.video-container {
    position: relative;
    padding-bottom: 56.25%; 
    height: 0;
    overflow: hidden;
    border-radius: 20px; 
    box-shadow: 0px 15px 35px rgba(0,0,0,0.1);
    background: #e0e0e0; /* Fallback color */
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* --- Enhanced Mission & Vision Section --- */
.mission-vision-area {
    padding: 45px 0 20px 0;
    background: #FDFBF7;
    overflow: hidden;
    position: relative;
}

/* Floating background circle for visual interest (Desktop only) */
.mission-vision-area::before {
    content: '';
    position: absolute;
    width: 400px;
    height: 400px;
    background: rgba(255, 94, 19, 0.03);
    border-radius: 50%;
    top: 10%;
    right: -100px;
    z-index: 0;
}

.content-row {
    margin-bottom: 120px;
    position: relative;
    z-index: 1;
}

/* Subtle Entry Animation */
@keyframes fadeInUpNGO {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.text-block-wrapper {
    animation: fadeInUpNGO 1s ease-out forwards;
}

.text-block-wrapper h2 {
    color: #6B4423  ;
    font-size: 48px; /* Bigger, bolder */
    font-weight: 800;
    margin-bottom: 25px;
    position: relative;
}

/* Accent line under headings */
.text-block-wrapper h2::after {
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    background: #6B4423;
    margin-top: 10px;
}

/* Image Hover Effect */
.image-block-wrapper {
    position: relative;
    transition: transform 0.4s ease;
}

.image-block-wrapper:hover {
    transform: scale(1.02); /* Soft zoom on hover */
}

.image-block-wrapper img {
    width: 100%;
    border-radius: 30px 0 30px 0; /* Modern asymmetrical corners */
    box-shadow: 20px 20px 60px rgba(31, 43, 123, 0.1);
}

/* Responsive Adjustments */
@media (max-width: 991px) {
    .mission-vision-area { padding: 80px 0; }
    
    .text-block-wrapper {
        text-align: center;
        margin-bottom: 50px;
    }
    
    .text-block-wrapper h2::after {
        margin: 15px auto 0; /* Center the line on mobile */
    }

    .image-block-wrapper img {
        border-radius: 20px; /* Symmetrical on mobile for balance */
    }
    
    .content-row { margin-bottom: 80px; }
}

/* Tablet and Mobile List Alignment */
@media (max-width: 767px) {
    .text-block-wrapper h2 { font-size: 32px; }
    .ngo-bullet-list li { font-size: 16px; text-align: left; }
}
/* --- Modern NGO Grid List --- */
.vision-grid-list {
    display: grid;
    grid-template-columns: 1fr; /* Stacked by default */
    gap: 20px;
    margin-top: 30px;
}

.vision-card {
    background: #ffffff;
    padding: 20px;
    border-radius: 15px;
    border-left: 5px solid #ff5e13; /* Your NGO Orange */
    box-shadow: 0 5px 15px rgba(31, 43, 123, 0.05);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}

.vision-card:hover {
    transform: translateX(10px);
    background: #fffafa;
    box-shadow: 0 8px 25px rgba(255, 94, 19, 0.1);
}

.vision-card-icon {
    margin-right: 20px;
    color: #ff5e13;
    font-size: 20px;
}

.vision-card-text {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    line-height: 1.4;
}

/* --- Refined NGO Family Section --- */
.ngo-family-area {
    padding-top: 100px;
    padding-bottom: 10px;
    background: #FDFBF7; /* Subtle off-white background */
}

.family-section-tittle h2 {
    color: #6B4423;
    font-size: 48px;
    font-weight: 800;
    margin-bottom: 20px;
}

.family-section-tittle p {
    font-size: 17px;
    color: #2c2416;
    line-height: 1.8;
    max-width: 800px;
    margin: 0 auto 60px;
}

/* Category Label (DOGS / CATS) */
.category-wrapper {
    margin-bottom: 40px;
    border-bottom: 2px solid #e8ddcf;
    padding-bottom: 10px;
}

.category-label {
    background: #9d6b53 ;
    color: #fff;
    padding: 6px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Modern NGO Card */
.single-animal-card {
    background: #ffffff;
    border-radius: 25px;
    box-shadow: 0 10px 30px rgba(31, 43, 123, 0.04);
    transition: all 0.4s ease;
    height: 100%;
    border: 1px solid #f0f0f0;
    overflow: hidden;
    margin-bottom: 30px;
}

.single-animal-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(31, 43, 123, 0.1);
    border-color: transparent;
}

.animal-img {
    padding: 15px; /* Creates the "Portrait Frame" effect */
}

.animal-img img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    border-radius: 20px;
}

.animal-img--shadow img {
    box-shadow: 0 14px 36px rgba(61, 42, 31, 0.22);
}

.animal-content {
    padding: 10px 25px 30px;
}

.animal-name {
    color: #6B4423;
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    display: block;
    margin-bottom: 15px;
    letter-spacing: 0.02em;
}

/* Chips for Disability/Age */
.animal-meta-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.meta-chip {
    background: #f0e4d4;
    color: #2c2416;
    font-size: 13px;
    padding: 5px 12px;
    border-radius: 6px;
    font-weight: 600;
    border: 1px solid #e2d0ba;
}

.meta-chip strong {
    color: #6B4423;
    font-weight: 700;
}

.animal-para {
    font-size: 15px;
    color: #2c2416;
    line-height: 1.65;
    margin-top: 15px;
    border-top: 1px solid #ebe3d9;
    padding-top: 15px;
}

/* Button */
.view-more-btn-wrapper {
    margin-top: 40px;
}

.btn-black-round {
    background: #9d6b53 ;
    color: #fff !important;
    padding: 18px 45px;
    border-radius: 50px;
    font-weight: 700;
    transition: 0.3s;
    display: inline-block;
}

.btn-black-round:hover {
    background: linear-gradient(145deg, #6B4423 0%, #8B6914 55%, #9a7b2a 100%);
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(107, 68, 35, 0.2);
}

@media (max-width: 767px) {
    .family-section-tittle h2 { font-size: 32px; }
    .animal-name { font-size: 20px; }
}
/* Sticky Category Nav for Our Family Page */
.family-nav-bar {
    background: #ffffff;
    padding: 20px 0;
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
    position: sticky;
    top: 0;
    z-index: 999;
    margin-bottom: 50px;
}

.family-nav-bar ul {
    display: flex;
    justify-content: center;
    list-style: none;
    gap: 30px;
}

.family-nav-bar a {
    color: #1f2b7b;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    transition: 0.3s;
}

.family-nav-bar a:hover {
    color: #ff5e13;
}
/* --- Success Stories Section (Our Family Page) --- */
.success-stories-area {
    padding: 100px 0;
    background: #FDFBF7;
}

/* Category Title Styling */
.success-stories-area .family-section-tittle h3 {
    color: #8B6914;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.success-stories-area .family-section-tittle h2 {
    color: #6B4423;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 60px;
}

/* Story Layout */
.transformation-row {
    display: flex;
    align-items: center;
    gap: 60px;
    margin-bottom: 80px;
}

/* Alternate the rows for 3 animals */
.transformation-row:nth-child(even) {
    flex-direction: row-reverse;
}

.story-image-box {
    flex: 1;
}

.story-image-box img {
    width: 100%;
    border-radius: 25px;
    box-shadow: 0 15px 35px rgba(31, 43, 123, 0.08);
}

.story-text-box {
    flex: 1;
}

.story-text-box .animal-tag {
    color: #ff7500;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.08em;
    display: block;
    margin-bottom: 15px;
}

.story-text-box h2 {
    color: #6B4423;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.story-text-box .story-para {
    font-size: 17px;
    color: #2c2416;
    line-height: 1.8;
    margin-bottom: 20px;
}

/* Mobile Responsiveness */
@media (max-width: 991px) {
    .transformation-row, 
    .transformation-row:nth-child(even) {
        flex-direction: column;
        gap: 30px;
        text-align: center;
    }
}
/* --- Success Stories Layout Logic --- */

.transformation-row {
    display: flex;
    align-items: center;
    gap: 60px;
    margin-bottom: 100px;
}

/* On Desktop, this class flips the column order */
@media (min-width: 992px) {
    .row-reverse-desktop {
        flex-direction: row-reverse;
    }
}

/* On Mobile, we keep it standard: Image then Text */
@media (max-width: 991px) {
    .transformation-row {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }
    
    /* This ensures the image always stays on top in mobile view */
    .row-reverse-desktop {
        flex-direction: column-reverse; 
    }
}
/* Ensure meta-chips inside story boxes look clean */
.story-text-box .animal-meta-chips {
    display: flex;
    gap: 10px;
    margin-bottom: 25px;
}

/* Optional: Add a subtle separator between stories */
.transformation-row:not(:last-child) {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 80px;
}
/* --- Rainbow Bridge Memorial Styles --- */

.rainbow-bridge-area {
    position: relative;
    padding: 110px 0 120px;
    background: linear-gradient(180deg, #fdfbf7 0%, #f3e8da 42%, #fdfbf7 100%);
    overflow: hidden;
}

/* Soft decorative glows (no extra assets) */
.rainbow-bridge-area::before,
.rainbow-bridge-area::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.rainbow-bridge-area::before {
    top: 8%;
    right: -4%;
    width: min(380px, 90vw);
    height: min(380px, 90vw);
    background: radial-gradient(circle, rgba(201, 168, 108, 0.14) 0%, transparent 68%);
}

.rainbow-bridge-area::after {
    bottom: 12%;
    left: -5%;
    width: min(280px, 70vw);
    height: min(280px, 70vw);
    background: radial-gradient(circle, rgba(107, 68, 35, 0.07) 0%, transparent 70%);
}

.rainbow-bridge-area .container {
    position: relative;
    z-index: 1;
}

.memorial-section-title__symbol {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.25rem;
    height: 3.25rem;
    margin: 0 auto 1.25rem;
    background: linear-gradient(145deg, #fff8ef 0%, #e8d9c4 100%);
    border: 1px solid #d4c4a8;
    border-radius: 50%;
    color: #8B6914;
    font-size: 1.1rem;
    box-shadow: 0 6px 20px rgba(107, 68, 35, 0.1);
}

.memorial-section-title h2 {
    color: #6B4423;
    font-size: 42px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    letter-spacing: 0.04em;
    line-height: 1.2;
}

/* Gold accent under title */
.memorial-section-title h2::after {
    content: "";
    display: block;
    width: 4rem;
    height: 3px;
    border-radius: 2px;
    background: linear-gradient(90deg, #8B6914, #c9a86c, #8B6914);
    margin: 1.1rem auto 0;
}

.memorial-section-title p {
    font-size: 17px;
    color: #5a524a;
    font-style: italic;
    line-height: 1.75;
    max-width: 40rem;
    margin: 1.5rem auto 3.5rem;
}

.memorial-cards-row {
    margin-top: 0.25rem;
}

.memorial-cards-row > [class*="col-"] {
    margin-bottom: 1.75rem;
}

/* Keyframe for the Fade-In-Up Effect */
@keyframes memorialFadeInUp {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.memorial-item {
    position: relative;
    background: #ffffff;
    padding: 2.35rem 1.85rem 2.15rem;
    border-radius: 24px;
    box-shadow:
        0 4px 0 rgba(139, 105, 20, 0.12),
        0 20px 50px rgba(61, 42, 31, 0.08);
    margin-bottom: 0;
    border: 1px solid #e4d8c8;
    overflow: hidden;
    transition: box-shadow 0.35s ease, border-color 0.35s ease, transform 0.35s ease;

    /* Animation settings */
    animation: memorialFadeInUp 1s ease-out forwards;
    opacity: 0; /* Ensures it stays hidden until animation starts */
}

/* Top gold “ribbon” */
.memorial-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #c9a86c, #8B6914, #c4a86c, #8B6914, #c9a86c);
    opacity: 0.95;
}

/* Staggered Delay for Each Card */
.item-1 { animation-delay: 0.2s; }
.item-2 { animation-delay: 0.4s; }
.item-3 { animation-delay: 0.6s; }
.item-4 { animation-delay: 0.8s; }

.memorial-item__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 auto 1.15rem;
    background: linear-gradient(160deg, #fffcf7 0%, #e8d9c4 100%);
    border: 1px solid #c9b89a;
    border-radius: 50%;
    color: #6B4423;
    font-size: 1.2rem;
    box-shadow: 0 6px 16px rgba(107, 68, 35, 0.12);
}

.memorial-item h4 {
    color: #6B4423;
    font-size: 19px;
    font-weight: 800;
    margin-bottom: 1rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #f0e6da;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    text-align: center;
    line-height: 1.35;
}

.memorial-item p {
    font-size: 16px;
    color: #2c2416;
    line-height: 1.8;
    margin-bottom: 0;
    text-align: left;
}

/* Full-width highlight card — warm deep brown */
.flood-angels {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: linear-gradient(145deg, #3d2a1f 0%, #5c3d2e 40%, #4a3428 100%) !important;
    border: 1px solid rgba(201, 168, 108, 0.45) !important;
    box-shadow:
        0 4px 0 rgba(0, 0, 0, 0.2),
        0 24px 56px rgba(45, 30, 22, 0.28) !important;
    margin-top: 0.5rem;
    padding: 2.5rem 2.25rem;
}

.flood-angels::before {
    background: linear-gradient(90deg, #c9a86c, #f0d4a3, #c9a86c) !important;
    opacity: 1;
}

.flood-angels .memorial-item__icon--flood {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(201, 168, 108, 0.45);
    color: #e8c88a;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.flood-angels h4 {
    color: #f5e6d3 !important;
    border-bottom-color: rgba(255, 255, 255, 0.2) !important;
    width: 100%;
}

.flood-angels p {
    color: rgba(255, 255, 255, 0.94) !important;
    text-align: center;
    max-width: 52rem;
    margin-left: auto;
    margin-right: auto;
}

.flood-angels__body {
    flex: 1;
    min-width: 0;
}

@media (min-width: 768px) {
    .flood-angels {
        flex-direction: row;
        align-items: flex-start;
        text-align: left;
        gap: 1.75rem;
    }

    .flood-angels .memorial-item__icon--flood {
        margin: 0.15rem 0 0;
        flex-shrink: 0;
    }

    .flood-angels__body h4 {
        text-align: left;
    }

    .flood-angels__body p {
        text-align: left;
        margin-left: 0;
        margin-right: 0;
        max-width: none;
    }
}

.memorial-item:hover {
    transform: translateY(-6px) !important;
    box-shadow:
        0 4px 0 rgba(139, 105, 20, 0.18),
        0 24px 52px rgba(61, 42, 31, 0.12);
    border-color: #d4c4a8;
}

.flood-angels:hover {
    border-color: rgba(201, 168, 108, 0.6) !important;
    box-shadow:
        0 4px 0 rgba(0, 0, 0, 0.18),
        0 28px 64px rgba(45, 30, 22, 0.32) !important;
}

@media (max-width: 767px) {
    .memorial-section-title h2 { font-size: 26px; }
    .memorial-item { padding: 1.85rem 1.3rem; }
    .memorial-item__icon {
        width: 3.1rem;
        height: 3.1rem;
        font-size: 1.05rem;
    }
    .flood-angels { padding: 1.75rem 1.35rem; }
}
/* --- Visit Our Animals Section (Our Family — warm brown / gold theme) --- */
.visit-animals-area {
    padding: 100px 0;
    background: #fdfbf7;
}

.visit-card-wrapper {
    background: #ffffff;
    border-radius: 40px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(107, 68, 35, 0.1);
    border: 1px solid #ebe3d9;
}

.visit-image {
    position: relative;
    height: 100%;
    min-height: 100%;
}

.visit-image--photo::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(to top, rgba(30, 22, 14, 0.55), transparent);
    pointer-events: none;
}

.visit-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 35%;
    min-height: 520px;
    display: block;
}

.visit-overlay-text {
    position: absolute;
    bottom: 28px;
    left: 28px;
    z-index: 2;
    background: linear-gradient(135deg, rgba(107, 68, 35, 0.95) 0%, rgba(74, 52, 40, 0.95) 100%);
    padding: 12px 26px;
    border-radius: 50px;
    color: #fdf6ee;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.12em;
    border: 1px solid rgba(201, 168, 108, 0.45);
    box-shadow: 0 8px 24px rgba(30, 22, 14, 0.25);
}

.visit-content {
    padding: 56px 52px 56px 48px;
}

.visit-title h2 {
    color: #6B4423;
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 18px;
    line-height: 1.15;
}

.visit-title p {
    font-size: 17px;
    color: #2c2416;
    line-height: 1.75;
    margin-bottom: 36px;
}

/* Info Grid Layout */
.visit-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px 36px;
    margin-bottom: 36px;
}

.info-item {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.visit-animals-area .info-icon {
    flex-shrink: 0;
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: #6B4423;
    background: linear-gradient(160deg, #fff8ef 0%, #e8d9c4 100%);
    border: 1px solid #d4c4a8;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(107, 68, 35, 0.08);
}

.info-text h4 {
    color: #6B4423;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 10px;
}

.info-text p {
    font-size: 15px;
    margin-bottom: 5px;
    color: #2c2416;
    line-height: 1.55;
}

.info-text p strong {
    color: #5a3d28;
    font-weight: 700;
}

/* Note Section */
.visit-note {
    background: linear-gradient(90deg, #f8f1e8 0%, #f5ede3 100%);
    padding: 20px 22px;
    border-radius: 14px;
    border: 1px solid #e5d4c0;
    border-left: 4px solid #8B6914;
}

.visit-note p {
    font-size: 15px;
    color: #2c2416;
    margin: 0;
    line-height: 1.6;
}

.visit-note p strong {
    color: #6B4423;
}

/* Call Button — no Bootstrap .btn (avoids default red/blue hover & focus) */
.visit-animals-area .btn-call {
    background: #9d6b53;
    color: #fff !important;
    padding: 16px 42px;
    border-radius: 50px;
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.06em;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: none;
    text-decoration: none;
    line-height: 1.3;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.visit-animals-area .btn-call:hover,
.visit-animals-area .btn-call:focus,
.visit-animals-area .btn-call:active {
    background: #8b5d47;
    color: #fff !important;
    text-decoration: none;
    box-shadow: none;
    transform: none;
    outline: none;
}

.visit-animals-area .btn-call:focus:not(:focus-visible) {
    outline: none;
}

.visit-animals-area .btn-call:focus-visible {
    outline: 2px solid #6B4423;
    outline-offset: 3px;
    background: #8b5d47;
    color: #fff !important;
}

/* Responsive */
@media (max-width: 991px) {
    .visit-info-grid { grid-template-columns: 1fr; }
    .visit-content { padding: 40px 32px; }
    .visit-image img { min-height: 320px; object-position: center center; }
    .visit-title h2 { font-size: 32px; }
}
/* --- Current Priorities Section --- */
.priorities-area {
    padding: 60px 0 100px 0;
    background: #FDFBF7;
}

.priority-card {
    background: #ffffff;
    padding: 40px 30px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(107, 68, 35, 0.06);
    transition: all 0.4s ease;
    border: 1px solid #c4a35a;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.priority-card:hover {
    transform: translateY(-10px);
    border-color: #9a7b2a;
    box-shadow: 0 20px 40px rgba(107, 68, 35, 0.12);
}

.priority-icon {
    font-size: 35px;
    margin-bottom: 20px;
    display: block;
}

.priority-card h4 {
    color: #6B4423;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.priority-cost {
    display: block;
    color: #6d5847; /* warm brown, matches #6B4423 heading palette */
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 25px;
}

/* --- Progress Bar Widget --- */
.progress-container {
    margin-bottom: 20px;
}

.progress-labels {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
}

.priorities-area .label-raised { color: #8B6914; } /* dark gold */
.priorities-area .label-goal { color: #3d2e1f; } /* deep brown */

.priorities-area .progress-bar-bg {
    background: #efe8de;
    height: 12px;
    border-radius: 10px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.priorities-area .progress-bar-fill {
    height: 100%;
    background: linear-gradient(90deg, #6B4423, #B8860B);
    border-radius: 10px;
    width: 0%;
    transition: width 2s cubic-bezier(0.1, 0.4, 0.2, 1);
}

/* % badge: brown + gold edge, white text */
.priorities-area .percent-tag {
    position: absolute;
    top: 15px;
    right: 15px;
    background: linear-gradient(135deg, #5a3820 0%, #6B4423 55%, #7a4f2a 100%);
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 50px;
    border: 1px solid #c4a35a;
    box-shadow: 0 2px 6px rgba(107, 68, 35, 0.15);
}

/* Custom spacing for the section */
.mb-40 { margin-bottom: 40px; }
.testimonials-area {
    padding: 80px 0;
    background: #FDFBF7;
    position: relative;
}

.testimonials-section-title {
    color: #6B4423;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
}

.testimonial-container-outer {
    position: relative;
    overflow-x: hidden; /* This MUST be hidden for the buttons to work */
    padding: 10px 0 100px 0;
    scroll-behavior: smooth;
}

.testimonial-track {
    display: flex;
    gap: 25px;
    width: max-content;
    padding: 0 15px;
}

.testimonial-box {
    width: 320px;
    background: #fff;
    padding: 40px 30px;
    border-radius: 25px;
    border: 2px solid #b8962e; /* distinct gold, matches section palette */
    box-shadow: 0 10px 40px rgba(107, 68, 35, 0.08);
    flex-shrink: 0;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.testimonial-box:hover {
    border-color: #9a7b2a;
    box-shadow: 0 16px 44px rgba(107, 68, 35, 0.12);
    transform: translateY(-4px);
}

.testimonial-box h5 {
    color: #6B4423;
    font-weight: 800;
    font-size: 1.1rem;
    margin-bottom: 12px;
}

.testimonial-box p {
    color: #2c2416;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    font-style: normal;
}

.testimonials-area .nav-btn {
    background: linear-gradient(145deg, #5a3820 0%, #6B4423 45%, #7a4f2a 100%);
    color: #ffffff;
    border: 1px solid #c4a35a;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 8px 22px rgba(107, 68, 35, 0.28);
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.testimonials-area .nav-btn:hover {
    background: linear-gradient(145deg, #6B4423 0%, #8B6914 55%, #9a7b2a 100%) !important;
    color: #fff !important;
    box-shadow: 0 10px 28px rgba(107, 68, 35, 0.35);
    transform: scale(1.05);
}

.testimonials-area .nav-btn:active {
    background: linear-gradient(145deg, #4a2e18 0%, #5a3820 100%) !important;
    color: #fff !important;
    transform: scale(0.98);
    box-shadow: 0 4px 16px rgba(107, 68, 35, 0.3) !important;
}

.testimonials-area .nav-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(196, 163, 90, 0.45), 0 8px 22px rgba(107, 68, 35, 0.28);
}

/* CTA: Add Your Opinion (no Bootstrap .btn — avoids default hover / active color) */
.testimonials-area .btn-testimonial-opinion,
.btn-testimonial-opinion {
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    cursor: pointer;
    background: linear-gradient(145deg, #5a3820 0%, #6B4423 50%, #7a4f2a 100%) !important;
    color: #fff !important;
    padding: 16px 40px;
    border-radius: 50px;
    font-weight: 700;
    border: 1px solid #c4a35a !important;
    box-shadow: 0 6px 20px rgba(107, 68, 35, 0.22);
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, filter 0.2s ease;
}

.testimonials-area .btn-testimonial-opinion:hover,
.btn-testimonial-opinion:hover {
    color: #fff !important;
    background: linear-gradient(145deg, #6B4423 0%, #8B6914 55%, #9a7b2a 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(107, 68, 35, 0.3);
}

.testimonials-area .btn-testimonial-opinion:focus,
.btn-testimonial-opinion:focus {
    outline: none;
    color: #fff !important;
    background: linear-gradient(145deg, #5a3820 0%, #6B4423 50%, #7a4f2a 100%) !important;
    box-shadow: 0 0 0 3px rgba(196, 163, 90, 0.45), 0 6px 20px rgba(107, 68, 35, 0.22);
}

.testimonials-area .btn-testimonial-opinion:active,
.btn-testimonial-opinion:active {
    color: #fff !important;
    background: linear-gradient(145deg, #4a2e18 0%, #5a3820 100%) !important;
    transform: translateY(0);
    box-shadow: 0 4px 14px rgba(107, 68, 35, 0.25);
}

/* Opinion modal — same palette as testimonials */
#opinionModal .opinion-modal-content {
    border-radius: 30px;
    padding: 20px 24px 28px;
    border: 1px solid #d8c4a0;
    box-shadow: 0 25px 60px rgba(44, 36, 22, 0.18);
    background: #FDFBF7;
}

#opinionModal .opinion-modal-title {
    color: #6B4423;
    font-weight: 800;
    font-size: 1.25rem;
}

#opinionModal .opinion-modal-close {
    color: #6d5847;
    opacity: 0.75;
    text-shadow: none;
    transition: color 0.2s ease, opacity 0.2s ease;
}

#opinionModal .opinion-modal-close:hover {
    color: #6B4423;
    opacity: 1;
}

#opinionModal .opinion-modal-input {
    border: 1px solid #d8c4a0;
    border-radius: 12px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#opinionModal .opinion-modal-input:focus {
    border-color: #9a7b2a;
    box-shadow: 0 0 0 0.2rem rgba(196, 163, 90, 0.25);
    outline: none;
}

#opinionModal .opinion-captcha {
    background: #fdf8f1;
    padding: 15px 18px;
    border-radius: 12px;
    border: 1px dashed #9a7b2a;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

#opinionModal .opinion-math-question {
    font-weight: 700;
    color: #6B4423;
    font-size: 18px;
}

#opinionModal .opinion-math-input {
    width: 100px;
    max-width: 100%;
    border: 2px solid #c4a35a !important;
    border-radius: 10px;
}

#opinionModal .opinion-math-input:focus {
    border-color: #6B4423 !important;
    box-shadow: 0 0 0 0.2rem rgba(107, 68, 35, 0.15) !important;
    outline: none;
}

#opinionModal .opinion-submit-btn {
    -webkit-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    cursor: pointer;
    background: linear-gradient(145deg, #5a3820 0%, #6B4423 50%, #7a4f2a 100%) !important;
    color: #fff !important;
    font-weight: 700;
    border-radius: 50px;
    padding: 15px 20px;
    border: 1px solid #c4a35a !important;
    box-shadow: 0 6px 18px rgba(107, 68, 35, 0.22);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    box-sizing: border-box;
}

#opinionModal .opinion-submit-btn:hover {
    background: linear-gradient(145deg, #6B4423 0%, #8B6914 55%, #9a7b2a 100%) !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 26px rgba(107, 68, 35, 0.28);
}

#opinionModal .opinion-submit-btn:focus {
    outline: none;
    color: #fff !important;
    background: linear-gradient(145deg, #5a3820 0%, #6B4423 50%, #7a4f2a 100%) !important;
    box-shadow: 0 0 0 3px rgba(196, 163, 90, 0.45), 0 6px 18px rgba(107, 68, 35, 0.22) !important;
}

#opinionModal .opinion-submit-btn:active {
    background: linear-gradient(145deg, #4a2e18 0%, #5a3820 100%) !important;
    color: #fff !important;
    transform: translateY(0);
    box-shadow: 0 4px 14px rgba(107, 68, 35, 0.25) !important;
}
/* --- Join Our Mission: warm paper card + editorial type --- */
.join-mission-area {
    padding: 100px 0 120px;
    background:
        radial-gradient(ellipse 90% 55% at 50% 0%, rgba(232, 214, 195, 0.35) 0%, transparent 55%),
        #FDFBF7;
    overflow: hidden;
}

.mission-prime-card {
    --mission-paper: #fffcf9;
    --mission-edge: rgba(200, 180, 155, 0.35);
    max-width: 960px;
    margin: 0 auto;
    padding: 3.25rem 2.5rem 3.5rem;
    border-radius: 28px;
    text-align: center;
    background:
        linear-gradient(165deg, #ffffff 0%, var(--mission-paper) 48%, #f6f0e8 100%);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 18px 48px rgba(60, 45, 35, 0.07);
    border: 1px solid #ebe1d4;
    position: relative;
    perspective: 1000px;
    opacity: 0;
    transform: translateY(36px);
    transition: opacity 0.75s ease, transform 0.75s ease, box-shadow 0.3s ease;
}

.mission-prime-card::after {
    content: "";
    position: absolute;
    inset: 10px 12px 12px 12px;
    border-radius: 22px;
    border: 1px solid rgba(220, 200, 175, 0.25);
    pointer-events: none;
}

.mission-prime-card:hover {
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 24px 56px rgba(60, 45, 35, 0.09);
}

.mission-prime-card.animate-in {
    opacity: 1;
    transform: translateY(0);
}

/* Top ribbon: slow bronze wash */
.mission-prime-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;
    height: 4px;
    border-radius: 0 0 6px 6px;
    background: linear-gradient(
        90deg,
        rgba(196, 168, 130, 0.35) 0%,
        #c4a47c 32%,
        #dcc8a8 50%,
        #b8986e 70%,
        rgba(196, 168, 130, 0.35) 100%
    );
    background-size: 180% 100%;
    animation: barFlow 14s ease-in-out infinite;
    opacity: 0.9;
}

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

.mission-kicker {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: #9a8778;
    margin: 0 0 1rem;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.6s ease 0.1s, transform 0.6s ease 0.1s;
}

.mission-prime-card.animate-in .mission-kicker {
    opacity: 1;
    transform: translateY(0);
}

.mission-prime-card h2 {
    color: #3a3230;
    font-size: clamp(1.65rem, 2.4vw + 0.6rem, 2.5rem);
    font-weight: 700;
    margin: 0 auto 1.5rem;
    line-height: 1.2;
    letter-spacing: -0.03em;
    text-transform: none;
    max-width: 22rem;
    opacity: 0;
    transform: rotateX(-90deg);
    transform-origin: top center;
    transition: all 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.mission-title-line {
    color: #8b6c4a;
    font-style: italic;
    font-weight: 500;
}

.mission-prime-card.animate-in h2 {
    opacity: 1;
    transform: rotateX(0deg);
}

.mission-text {
    color: #5f574f;
    font-size: 1.08rem;
    line-height: 1.8;
    max-width: 34em;
    margin: 0 auto 2.5rem;
    font-weight: 400;
    opacity: 0;
    transition: opacity 0.8s ease 0.4s;
}

.mission-prime-card.animate-in .mission-text {
    opacity: 1;
}

/* Button row: one primary + two soft peers */
.prime-btn-group {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 0.9rem 1rem;
    flex-wrap: wrap;
}

.mission-prime-card .btn-core {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 1rem 1.75rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: 0.82rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    min-width: 10.5rem;
    min-height: 3.1rem;
    box-sizing: border-box;
    opacity: 0;
    transform: translateY(12px) scale(0.96);
    transition:
        background 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.mission-prime-card.animate-in .btn-core {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* Donate — warm brown: trust & warmth */
.mission-prime-card .btn-donate-prime {
    color: #ffffff !important;
    background: linear-gradient(135deg, #7a4d28 0%, #5a3d28 100%);
    border: 1px solid rgba(90, 61, 40, 0.3);
    box-shadow: 0 4px 14px rgba(90, 61, 40, 0.22);
    transition-delay: 0.5s !important;
}

.mission-prime-card .btn-donate-prime:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #8b5a2e 0%, #6b4423 100%);
    border-color: rgba(90, 61, 40, 0.4);
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px rgba(90, 61, 40, 0.30);
}

/* Shop — sage green: growth, care, nature */
.mission-prime-card .btn-shop-prime {
    color: #ffffff !important;
    background: linear-gradient(135deg, #5c6a52 0%, #4a5840 100%);
    border: 1px solid rgba(74, 88, 64, 0.3);
    box-shadow: 0 4px 14px rgba(74, 88, 64, 0.20);
    transition-delay: 0.65s !important;
}

.mission-prime-card .btn-shop-prime:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #6b7a60 0%, #58684e 100%);
    border-color: rgba(74, 88, 64, 0.4);
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px rgba(74, 88, 64, 0.28);
}

/* Volunteer — amber gold: community, energy, approachable */
.mission-prime-card .btn-volunteer-prime {
    color: #ffffff !important;
    background: linear-gradient(135deg, #c4a35a 0%, #a88540 100%);
    border: 1px solid rgba(168, 133, 64, 0.3);
    box-shadow: 0 4px 14px rgba(168, 133, 64, 0.22);
    transition-delay: 0.8s !important;
}

.mission-prime-card .btn-volunteer-prime:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #d4b36a 0%, #b89550 100%);
    border-color: rgba(168, 133, 64, 0.4);
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(60, 45, 35, 0.09);
}

@media (min-width: 768px) {
    .mission-prime-card {
        padding: 4rem 3.5rem 3.75rem;
    }
}

/* Scroll-to-top: brown circle, clear chevron (overrides #scrollUp / theme red on #back-top) */
#back-top,
#scrollUp {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    line-height: 0;
    z-index: 9990;
}

#back-top a,
#scrollUp a,
#back-top .back-top-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 0 !important;
    margin: 0;
    border-radius: 50%;
    background: #6B4423 !important;
    color: #f5e6d3 !important;
    border: 1px solid rgba(201, 168, 108, 0.45) !important;
    box-shadow: 0 4px 14px rgba(45, 30, 22, 0.2) !important;
    text-decoration: none !important;
    line-height: 1 !important;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

#back-top a i,
#back-top .back-top-btn i,
#scrollUp a i {
    font-size: 1.15rem;
    line-height: 1;
    color: #f0d4a3;
    font-weight: 700;
    display: block;
}

#back-top a:hover,
#back-top a:focus,
#back-top .back-top-btn:hover,
#back-top .back-top-btn:focus,
#scrollUp a:hover,
#scrollUp a:focus {
    background: #5a3a1f !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(45, 30, 22, 0.28) !important;
    outline: none;
}

#back-top a:hover i,
#back-top a:focus i,
#back-top .back-top-btn:hover i,
#back-top .back-top-btn:focus i,
#scrollUp a:hover i {
    color: #ffffff;
}
/* --- Founder Section - Prime Colors + Floating Layout --- */
.founders-area {
    padding: 80px 0;
    background: #FDFBF7;
}

.founder-prime-card {
    background: #ffffff;
    padding: 70px 40px 40px;
    border-radius: 40px;
    text-align: center;
    box-shadow: 0 20px 60px rgba(107, 68, 35, 0.08);
    border: 1px solid #e8ddcf;
    position: relative;
    margin-top: 70px; /* Essential for the floating thumb */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Floating Image Container */
.founder-thumb {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    position: absolute;
    top: -75px; /* Half of height to overlap exactly */
    left: 0;
    right: 0;
    border-radius: 50%;
    padding: 8px;
    background: #ffffff;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    z-index: 5;
}

/* Photo rings: gold family (replaces pink/green) */
.founders-area .border-pink { border: 4px solid #c4a35a; }
.founders-area .border-blue { border: 4px solid #9a7b2a; }

.founder-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.founder-prime-card h3 {
    color: #6B4423;
    font-size: 28px;
    font-weight: 900;
    margin-bottom: 8px;
}

.founder-role {
    font-weight: 800;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 25px;
}

/* Role labels: brown tones (class names kept for markup) */
.founders-area .role-pink { color: #6B4423; }
.founders-area .role-blue { color: #7a5c45; }

.founder-bio {
    color: #5a524a;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 30px;
    min-height: 90px;
}

/* Stat badges: brown + gold (replaces bright pink/cyan) */
.founder-badge {
    color: #fffcf8;
    padding: 14px 30px;
    border-radius: 50px;
    font-weight: 800;
    font-size: 14px;
    display: inline-block;
    transition: 0.3s ease;
    box-shadow: 0 6px 16px rgba(60, 40, 25, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2);
    letter-spacing: 0.04em;
}

.founders-area .bg-pink {
    background: linear-gradient(135deg, #4a2e1a 0%, #5c3d2a 45%, #6B4423 100%);
    color: #fffcf8 !important;
}
.founders-area .bg-blue {
    background: linear-gradient(135deg, #5a3d28 0%, #6B4423 40%, #8B6914 95%);
    color: #fffcf8 !important;
}

/* Hover State */
.founder-prime-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 35px 70px rgba(107, 68, 35, 0.12);
    border-color: #d4c4a8;
}

.founder-prime-card:hover .founder-badge {
    transform: scale(1.04);
    filter: brightness(1.06);
}
/* --- Support page (Panvatha warm theme) --- */
.page-support--panvatha .petcare-page-hero {
    background-color: #ffedd8;
    background-image: radial-gradient(rgba(201, 168, 108, 0.22) 1px, transparent 1px);
    background-size: 24px 24px;
    border-bottom: 1px solid #e5d4c0;
    padding-bottom: 2rem;
}

.page-support--panvatha .petcare-page-hero__title {
    color: #5a3d28;
    font-weight: 800;
    font-size: clamp(2rem, 4.5vw, 2.85rem);
    margin: 0 0 0.5rem;
    line-height: 1.15;
}

.page-support--panvatha .petcare-page-hero__subtitle {
    color: #8b6914;
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin: 0 0 1rem;
}

.page-support--panvatha .support-section-title {
    color: #5a3d28;
    font-size: clamp(1.65rem, 3vw, 2.4rem);
    font-weight: 800;
    margin: 0 0 1rem;
    line-height: 1.2;
}

.page-support--panvatha .support-section-title--md {
    font-size: clamp(1.45rem, 2.5vw, 1.85rem);
}

.page-support--panvatha .support-section-title--left {
    text-align: left;
}

.page-support--panvatha .support-section-lead {
    font-size: 1.05rem;
    color: #2c2416;
    line-height: 1.75;
    margin: 0;
}

.page-support--panvatha .support-section-lead--narrow {
    max-width: 47rem;
}

.page-support--panvatha .support-section-lead--wide {
    max-width: 50rem;
    font-size: 1.02rem;
}

.page-support--panvatha .support-section-lead--spaced {
    font-size: 1.05rem;
    line-height: 1.8;
}

.page-support--panvatha .support-section-lead--left {
    text-align: left;
}

.page-support--panvatha .support-section-lead--center-narrow {
    max-width: 50rem;
    margin: 0 auto;
    font-size: 1.05rem;
}

.page-support--panvatha .support-accent-line {
    width: 3.5rem;
    height: 5px;
    margin: 1.1rem auto 0;
    border-radius: 4px;
    background: linear-gradient(90deg, #d4af37, #8b6914, #b8860b);
}

.page-support--panvatha .support-accent-line--tight {
    margin: 0 auto 1.5rem;
}

.page-support--panvatha .support-block-heading {
    margin-bottom: 3.5rem;
}

.page-support--panvatha .support-sponsor-col--facilities {
    border-left: 1px solid #e5d4c0;
}

@media (max-width: 991px) {
    .page-support--panvatha .support-sponsor-col--facilities {
        border-left: none;
        border-top: 1px solid #e5d4c0;
        padding-top: 2rem !important;
        margin-top: 0.5rem;
        padding-left: 0 !important;
    }
}

/* --- Urgent Needs Grid Styles --- */
.page-support--panvatha .support-intro-section {
    padding: 3.5rem 0 2.5rem;
    background: #fdfbf7;
}

.urgent-needs-grid {
    padding: 60px 0 100px;
    background: #fff8f0;
}

.need-card-prime {
    background: #ffffff;
    border: 1px solid #e5d4c0;
    border-radius: 22px;
    padding: 35px;
    height: 100%;
    transition: all 0.4s ease;
    box-shadow: 0 10px 32px rgba(90, 61, 40, 0.06);
}

.need-card-prime:hover {
    transform: translateY(-8px);
    border-color: #c9a86c;
    box-shadow: 0 20px 50px rgba(90, 61, 40, 0.1);
}

.need-card-prime h3 {
    color: #5a3d28;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 12px;
}

.need-card-prime p {
    font-size: 14px;
    color: #2c2416;
    line-height: 1.6;
    margin-bottom: 25px;
    min-height: 45px;
    opacity: 0.95;
}

.need-footer-prime {
    border-top: 1px solid #e8ddcf;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-support--panvatha .need-cost-label {
    font-size: 11px;
    text-transform: uppercase;
    color: #8a7a6c;
    font-weight: 700;
}

.need-price {
    font-size: 20px;
    color: #8b6914;
    font-weight: 900;
}

.btn-sponsor-action {
    background: linear-gradient(135deg, #6b4423 0%, #4a3222 100%);
    color: #fffcf0 !important;
    font-size: 12px;
    font-weight: 800;
    padding: 12px 22px;
    border-radius: 12px;
    text-decoration: none;
    transition: 0.3s;
    box-shadow: 0 4px 12px rgba(60, 40, 25, 0.15);
}

.btn-sponsor-action:hover {
    background: linear-gradient(135deg, #8b5a2e 0%, #5a3d28 100%);
    color: #ffffff !important;
}
/* --- Monthly Sponsorship - Minimalist Corporate Look --- */
.sponsorship-programs-area {
    padding: 80px 0;
    background: #fdfbf7;
}

.sponsorship-container {
    background: #fff8f0;
    padding: 50px;
    border-radius: 32px;
    border: 1px solid #e5d4c0;
    box-shadow: 0 8px 32px rgba(90, 70, 50, 0.05);
}

.sponsorship-sub-heading {
    color: #5a3d28;
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.sponsorship-sub-heading i {
    color: #8b6914;
}

/* Modern Clean Table */
.sponsor-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 12px;
}

.sponsor-row {
    background: #ffffff;
    transition: all 0.3s ease;
}

/* Subtle Interactive Slide */
.sponsor-row:hover {
    transform: translateX(6px);
    box-shadow: 0 8px 24px rgba(90, 61, 40, 0.07);
}

.sponsor-cell {
    padding: 22px 25px;
    border-top: 1px solid #e8ddcf;
    border-bottom: 1px solid #e8ddcf;
}

.sponsor-cell:first-child { 
    border-left: 1px solid #e8ddcf; 
    border-radius: 15px 0 0 15px; 
    width: 35%;
}

.sponsor-cell:last-child { 
    border-right: 1px solid #e8ddcf; 
    border-radius: 0 15px 15px 0; 
    width: 45%;
}

.program-name { color: #5a3d28; font-weight: 800; font-size: 17px; }
.monthly-amt { color: #8b6914; font-weight: 900; font-size: 19px; width: 20%; text-align: center; }
.support-desc { color: #2c2416; font-size: 14px; line-height: 1.5; opacity: 0.9; }

@media (max-width: 991px) {
    .sponsorship-container { padding: 30px 20px; }
}
/* --- One-Time Donation: Staggered Impact Layout --- */
.onetime-donation-area {
    padding: 10px 0;
    background: #fdfbf7;
}

.impact-row-wrapper {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
}

/* Vertical Line connecting the steps */
.impact-row-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    background: #e5d4c0;
    transform: translateX(-50%);
}

.impact-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
    position: relative;
    z-index: 2;
}

/* The "Amount" Bubble */
.impact-amount-box {
    width: 40%;
    text-align: right;
    padding-right: 40px;
}

.impact-amount-box h4 {
    color: #8b6914;
    font-size: 32px;
    font-weight: 900;
    margin: 0;
}

/* The Center Dot */
.impact-dot {
    width: 20px;
    height: 20px;
    background: #ffffff;
    border: 4px solid #6b4423;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/* The "Impact" Content */
.impact-content-box {
    width: 40%;
    padding-left: 40px;
}

.impact-content-box h5 {
    color: #5a3d28;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 5px;
}

.impact-content-box p {
    color: #2c2416;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    opacity: 0.92;
}

/* Flip every second row for a staggered look */
.impact-item:nth-child(even) {
    flex-direction: row-reverse;
}

.impact-item:nth-child(even) .impact-amount-box {
    text-align: left;
    padding-left: 40px;
    padding-right: 0;
}

.impact-item:nth-child(even) .impact-content-box {
    text-align: right;
    padding-right: 40px;
    padding-left: 0;
}

@media (max-width: 768px) {
    .impact-row-wrapper::before { left: 20px; }
    .impact-dot { left: 20px; }
    .impact-item { flex-direction: column !important; align-items: flex-start; padding-left: 50px; }
    .impact-amount-box, .impact-content-box { width: 100% !important; text-align: left !important; padding: 0 !important; margin-bottom: 10px; }
}
/* --- Corporate & CSR Sponsorship Section --- */
.csr-sponsorship-area {
    padding: 100px 0;
    background: #fff8f0;
}

.csr-card {
    background: #ffffff;
    border-radius: 30px;
    padding: 40px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    border: 1px solid #e5d4c0;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

.csr-card:hover {
    transform: scale(1.01);
    box-shadow: 0 20px 40px rgba(90, 61, 40, 0.1);
}

/* Metallic Side Indicator */
.tier-indicator {
    width: 120px;
    height: 120px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 40px;
    color: #ffffff;
    font-weight: 900;
    text-align: center;
}

/* Tier gradients (CSR): metal tiers stay readable on warm page */
.bg-platinum { background: linear-gradient(135deg, #e8e6e3 0%, #9a9896 100%); color: #2c1f15 !important; }
.bg-gold     { background: linear-gradient(135deg, #e8c96b 0%, #8b6914 100%); color: #fff !important; }
.bg-silver   { background: linear-gradient(135deg, #d4d4d4 0%, #5c6a72 100%); }
.bg-bronze   { background: linear-gradient(135deg, #c4935a 0%, #5a3d28 100%); }

.tier-amount {
    margin: 0;
    font-size: 11px;
    font-weight: 700;
    opacity: 0.95;
}

.tier-indicator span { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; opacity: 0.9; }
.tier-indicator h4 { font-size: 16px; margin: 0; font-weight: 900; }

/* Content Area */
.csr-content {
    flex-grow: 1;
}

.csr-content h3 {
    color: #5a3d28;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 15px;
}

.csr-list {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Two columns for benefits */
    gap: 10px 30px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.csr-list li {
    font-size: 15px;
    color: #2c2416;
    position: relative;
    padding-left: 25px;
}

.csr-list li::before {
    content: '\f058'; /* FontAwesome Check Circle */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #8b6914;
}

@media (max-width: 768px) {
    .csr-card { flex-direction: column; text-align: center; padding: 30px; }
    .tier-indicator { margin-right: 0; margin-bottom: 20px; width: 100%; height: 80px; }
    .csr-list { grid-template-columns: 1fr; text-align: left; }
}
/* --- Benefits of Partnership Section --- */
.benefits-area {
    padding: 100px 0;
    background: #fdfbf7;
}

.benefit-box {
    padding: 40px;
    background: #ffffff;
    border-radius: 30px;
    border: 1px solid #e5d4c0;
    text-align: center;
    height: 100%;
    transition: all 0.4s ease;
    position: relative;
}

.benefit-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 44px rgba(90, 61, 40, 0.1);
    border-color: #c9a86c;
}

/* Icon Styling */
.benefit-icon {
    width: 80px;
    height: 80px;
    background: #fff8f0;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    font-size: 32px;
    color: #6b4423;
    transition: 0.3s;
    border: 1px solid #e8ddcf;
}

.benefit-box:hover .benefit-icon {
    background: linear-gradient(135deg, #b8860b 0%, #6b4423 100%);
    color: #fffcf0;
    transform: rotate(-6deg);
    border-color: transparent;
}

.benefit-box h4 {
    color: #5a3d28;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 15px;
}

.benefit-box p {
    color: #2c2416;
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
    opacity: 0.95;
}

/* Featured / Full Width Card for Custom Options */
.benefit-custom-card {
    background: linear-gradient(125deg, #3d2a1c 0%, #2c1f15 100%);
    padding: 40px;
    border-radius: 30px;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fffcf0;
    border: 1px solid #5a3d28;
    box-shadow: 0 16px 40px rgba(40, 28, 18, 0.2);
}

.benefit-custom-card__text {
    max-width: 600px;
}

.benefit-custom-card__text h3 {
    color: #fffcf0;
    font-weight: 800;
    margin-bottom: 10px;
}

.benefit-custom-card__text p {
    color: rgba(255, 252, 240, 0.9);
    margin: 0;
    line-height: 1.6;
}

.btn-custom-contact {
    background: #c9a86c;
    color: #2c1f15 !important;
    padding: 15px 35px;
    border-radius: 15px;
    font-weight: 800;
    text-decoration: none;
    transition: 0.3s;
    border: 1px solid rgba(255, 252, 240, 0.3);
    white-space: nowrap;
}

.btn-custom-contact:hover {
    background: #fffcf0;
    color: #3d2818 !important;
    transform: scale(1.04);
}

@media (max-width: 991px) {
    .benefit-custom-card { flex-direction: column; text-align: center; gap: 25px; }
}
/* --- CSR Registration & Compliance Section --- */
.compliance-area {
    padding: 80px 0;
    background: #ffffff;
}

.compliance-wrapper {
    background: #fff8f0;
    border: 2px dashed #d4c4a8;
    border-radius: 40px;
    padding: 60px;
    position: relative;
    overflow: hidden;
}

/* Subtle "Stamp" Effect in background */
.compliance-wrapper::after {
    content: '\f3ed'; /* FontAwesome Shield Icon */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: -30px;
    bottom: -30px;
    font-size: 200px;
    color: rgba(201, 168, 108, 0.12);
    transform: rotate(-15deg);
}

.compliance-info h2 {
    color: #5a3d28;
    font-size: 32px;
    font-weight: 900;
    margin-bottom: 20px;
}

.compliance-info p {
    color: #2c2416;
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 40px;
    max-width: 700px;
    opacity: 0.95;
}

/* Registration Detail Chips */
.reg-details-grid {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.reg-card {
    background: #ffffff;
    padding: 25px 35px;
    border-radius: 20px;
    box-shadow: 0 10px 25px rgba(90, 61, 40, 0.07);
    border: 1px solid #e5d4c0;
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 1;
    min-width: 300px;
}

.reg-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(145deg, #5a3d28 0%, #3d2818 100%);
    color: #fffcf0;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.reg-icon--accent {
    background: linear-gradient(145deg, #c9a86c 0%, #8b6914 100%);
    color: #2c1f15;
}

.reg-label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #909db1;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.reg-value {
    display: block;
    font-size: 20px;
    font-weight: 800;
    color: #5a3d28;
    font-family: 'Courier New', Courier, monospace; /* Monospace for ID look */
}

@media (max-width: 768px) {
    .compliance-wrapper { padding: 40px 25px; }
    .reg-card { flex-direction: column; text-align: center; }
}
/* --- CSR Project Options Portfolio --- */
.csr-projects-area {
    padding: 100px 0;
    background: #fdfbf7;
}

.project-portfolio-item {
    background: #ffffff;
    border-radius: 30px;
    padding: 40px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    border: 1px solid #e5d4c0;
    transition: all 0.4s ease;
}

.project-portfolio-item:hover {
    transform: translateX(10px);
    border-color: #c9a86c;
    box-shadow: 0 12px 32px rgba(90, 61, 40, 0.08);
}

/* Number Badge */
.project-number {
    width: 70px;
    height: 70px;
    background: linear-gradient(145deg, #6b4423 0%, #3d2818 100%);
    color: #fffcf0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 900;
    flex-shrink: 0;
    margin-right: 40px;
    box-shadow: 0 8px 20px rgba(40, 28, 18, 0.25);
}

/* Icon Accent */
.project-icon-prime {
    width: 60px;
    font-size: 30px;
    color: #8b6914;
    margin-right: 30px;
    text-align: center;
}

.project-info-content h4 {
    color: #5a3d28;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 8px;
}

.project-info-content p {
    color: #2c2416;
    font-size: 16px;
    margin: 0;
    opacity: 0.95;
}

/* Custom Project Highlight */
.custom-project-box {
    background: linear-gradient(125deg, #3d2a1c 0%, #5a3d28 50%, #8b6914 100%);
    color: #fffcf0;
    padding: 40px;
    border-radius: 30px;
    margin-top: 40px;
    text-align: center;
    border: 1px solid #5a3d28;
    box-shadow: 0 16px 40px rgba(40, 28, 18, 0.2);
}

.custom-project-box h3 {
    color: #fffcf0;
    font-weight: 800;
    margin-bottom: 10px;
}

.custom-project-box p {
    color: rgba(255, 252, 240, 0.92);
    margin: 0;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .project-portfolio-item { flex-direction: column; text-align: center; padding: 30px; }
    .project-number { margin-right: 0; margin-bottom: 20px; }
    .project-icon-prime { margin-right: 0; margin-bottom: 15px; }
}
/* --- Why Choose Panvatha: Executive Layout --- */
.why-choose-area {
    padding: 100px 0;
    background: #fff8f0;
}

.why-choose-container {
    background: #fffcf8;
    border-radius: 50px;
    padding: 80px 60px;
    border: 1px solid #e5d4c0;
    box-shadow: 0 12px 40px rgba(90, 70, 50, 0.06);
}

.why-item {
    margin-bottom: 40px;
    display: flex;
    align-items: flex-start;
    gap: 25px;
    transition: 0.3s;
}

.why-item:hover {
    transform: translateX(10px);
}

.why-icon-box {
    width: 65px;
    height: 65px;
    background: #fff8f0;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #8b6914;
    box-shadow: 0 8px 20px rgba(90, 61, 40, 0.08);
    flex-shrink: 0;
    border: 1px solid #e8ddcf;
}

.why-text h4 {
    color: #5a3d28;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 8px;
}

.why-text p {
    color: #2c2416;
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
    opacity: 0.95;
}

/* Accent Line for Corporate Look */
.why-header-accent {
    width: 80px;
    height: 5px;
    background: linear-gradient(90deg, #d4af37, #8b6914, #b8860b);
    margin-bottom: 30px;
    border-radius: 10px;
}

@media (max-width: 768px) {
    .why-choose-container { padding: 40px 25px; }
    .why-item { flex-direction: column; gap: 15px; }
}
/* --- Tax Benefits & 80G Compliance Section --- */
.tax-benefits-area {
    padding: 100px 0;
    background: #fdfbf7;
}

.tax-card-main {
    background: #ffffff;
    border-radius: 40px;
    padding: 60px;
    border: 1px solid #e5d4c0;
    box-shadow: 0 20px 60px rgba(90, 61, 40, 0.07);
    position: relative;
    overflow: hidden;
}

/* Top accent bar */
.tax-card-main::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 8px;
    background: linear-gradient(90deg, #6b4423, #c9a86c, #8b6914);
}

.tax-badge-icon {
    width: 80px;
    height: 80px;
    background: #fff8f0;
    color: #6b4423;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    margin-bottom: 25px;
    border: 2px solid #e8ddcf;
    box-shadow: 0 5px 15px rgba(90, 61, 40, 0.1);
}

/* If you want a specific "Verified" look */
.tax-badge-icon i {
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
}

.tax-info h2 {
    color: #5a3d28;
    font-size: 36px;
    font-weight: 900;
    margin-bottom: 20px;
}

.tax-info p {
    font-size: 17px;
    color: #2c2416;
    line-height: 1.8;
    margin-bottom: 40px;
    opacity: 0.95;
}

/* Registration Grid */
.tax-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.tax-id-box {
    background: #fff8f0;
    padding: 25px;
    border-radius: 20px;
    border: 1px solid #e5d4c0;
    transition: 0.3s;
}

.tax-id-box:hover {
    background: #ffffff;
    border-color: #c9a86c;
    transform: translateY(-5px);
}

.tax-label {
    display: block;
    font-size: 12px;
    font-weight: 800;
    color: #909db1;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.tax-number {
    display: block;
    font-size: 18px;
    font-weight: 900;
    color: #5a3d28;
    font-family: 'Courier New', Courier, monospace;
}

.tax-footer-note {
    margin-top: 40px;
    padding: 20px;
    background: #fff8f0;
    border-radius: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #6b4423;
    font-weight: 700;
    font-size: 15px;
    border: 1px solid #e8ddcf;
}
/* --- High-End Executive Transparency Section --- */
.transparency-premium-area {
    padding: 10px 0;
    background: #fff8f0;
}

.transparency-grid {
    display: flex;
    align-items: center;
    gap: 80px;
}

/* The Donut Visual */
.visual-chart-side {
    flex: 1;
    position: relative;
    display: flex;
    justify-content: center;
}

.donut-chart {
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: conic-gradient(
        #c9a86c 0% 75%,
        #6b4423 75% 90%,
        #9a7b3a 90% 98%,
        #a89888 98% 100%
    );
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 20px 50px rgba(90, 61, 40, 0.12);
}

/* Inner Circle to make it a Donut */
.donut-chart::after {
    content: "100%\A Transparent";
    white-space: pre;
    text-align: center;
    width: 260px;
    height: 260px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 900;
    color: #5a3d28;
    line-height: 1.25;
}

/* Legend & Details Side */
.details-side {
    flex: 1.2;
}

.detail-item-prime {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
    padding: 25px;
    border-radius: 20px;
    transition: 0.3s;
    border-left: 5px solid transparent;
}

.detail-item-prime:hover {
    background: #fff8f0;
    transform: translateX(10px);
}

.detail-item-prime--a { border-left-color: #c9a86c !important; }
.detail-item-prime--b { border-left-color: #6b4423 !important; }
.detail-item-prime--c { border-left-color: #9a7b3a !important; }
.detail-item-prime--d { border-left-color: #a89888 !important; }

.color-dot--a { background: #c9a86c !important; }
.color-dot--b { background: #6b4423 !important; }
.color-dot--c { background: #9a7b3a !important; }
.color-dot--d { background: #a89888 !important; }

.color-dot {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    margin-top: 5px;
    flex-shrink: 0;
}

.item-info {
    margin-left: 20px;
}

.item-info h4 {
    font-size: 20px;
    font-weight: 800;
    color: #5a3d28;
    margin-bottom: 5px;
}

.item-info h4 span {
    color: #8b6914;
    float: right;
}

.item-info p {
    font-size: 15px;
    color: #2c2416;
    margin: 0;
    line-height: 1.5;
    opacity: 0.95;
}

@media (max-width: 991px) {
    .transparency-grid { flex-direction: column; gap: 50px; }
    .donut-chart { width: 280px; height: 280px; }
    .donut-chart::after { width: 200px; height: 200px; }
}
/* --- Accountability Trust Grid --- */
.accountability-area {
    padding: 100px 0;
    background: #fdfbf7;
}

.trust-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 50px;
}

.trust-item {
    background: #ffffff;
    padding: 40px;
    border-radius: 30px;
    border: 1px solid #e5d4c0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.trust-item:hover {
    transform: translateY(-10px);
    border-color: #c9a86c;
    box-shadow: 0 20px 44px rgba(90, 61, 40, 0.1);
}

/* The "Verified" Icon Badge */
.verified-badge {
    width: 60px;
    height: 60px;
    background: #fff8f0;
    color: #6b4423;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 25px;
    position: relative;
    border: 1px solid #e8ddcf;
}

/* Small check overlay */
.verified-badge::after {
    content: '\f058';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    bottom: -5px;
    right: -5px;
    background: #ffffff;
    color: #8b6914;
    border-radius: 50%;
    font-size: 18px;
    line-height: 1;
    border: 1px solid #e5d4c0;
}

.trust-item h4 {
    color: #5a3d28;
    font-size: 19px;
    font-weight: 800;
    margin-bottom: 15px;
    line-height: 1.4;
}

.trust-item p {
    color: #2c2416;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    opacity: 0.95;
}

@media (max-width: 768px) {
    .trust-item { padding: 30px 20px; }
}
/* --- Recent Impact Reports: Minimalist UI --- */
.impact-reports-area {
    padding: 10px 0;
    background: #fff8f0;
}

.report-minimal-card {
    background: #ffffff;
    border-radius: 40px;
    padding: 60px;
    margin-bottom: 40px;
    border: 1px solid #e5d4c0;
    box-shadow: 0 10px 40px rgba(90, 61, 40, 0.05);
    position: relative;
    transition: all 0.3s ease;
}

/* Year Badge styling from your screenshot */
.report-badge {
    position: absolute;
    top: 35px;
    left: 45px;
    padding: 8px 20px;
    border-radius: 50px;
    color: #fff;
    font-weight: 800;
    font-size: 14px;
    box-shadow: 0 8px 15px rgba(0,0,0,0.1);
}

.badge-orange { background: linear-gradient(135deg, #b8860b 0%, #6b4423 100%); }
.badge-navy   { background: linear-gradient(135deg, #4a3222 0%, #2c1f15 100%); }

.report-minimal-card h3 {
    color: #5a3d28;
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 15px;
    margin-top: 10px;
}

.report-minimal-card p {
    color: #2c2416;
    font-size: 16px;
    line-height: 1.7;
    max-width: 80%;
    margin-bottom: 25px;
    opacity: 0.95;
}

/* Disabled Button Style */
.btn-report-disabled {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #909db1; /* Muted color */
    font-weight: 700;
    font-size: 14px;
    cursor: default; /* No pointer */
    text-decoration: none;
    background: #f8f9fa;
    padding: 10px 20px;
    border-radius: 12px;
}

.btn-report-disabled i {
    color: #d1d9e6;
}

/* Alternating layout as seen in your UI */
.text-right-align {
    text-align: right;
}
.text-right-align .report-badge {
    left: auto;
    right: 45px;
}
.text-right-align p {
    margin-left: auto;
}
/* --- Donation Methods: Secure Payment Hub --- */
.donation-methods-area {
    padding: 2.5rem 0 4rem;
    background: #fdfbf7;
}

.payment-hub-wrapper {
    background: #fff8f0;
    border-radius: 40px;
    padding: 60px;
    border: 1px solid #e5d4c0;
    box-shadow: 0 20px 60px rgba(90, 61, 40, 0.07);
}

.donation-quote {
    text-align: center;
    margin-bottom: 0;
    margin-top: 0.5rem;
}

.donation-quote p {
    font-size: 1.1rem;
    color: #2c2416;
    font-style: italic;
    line-height: 1.6;
    margin-bottom: 10px;
    opacity: 0.95;
}

.donation-quote span {
    color: #6b4423;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.8rem;
}

.support-subheading-title {
    color: #5a3d28;
    font-weight: 900;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    font-size: 1.25rem;
}

.support-subheading-title i {
    color: #8b6914;
}

.method-box__title {
    font-weight: 800;
    font-size: 16px;
    color: #5a3d28;
}

.method-box__desc {
    font-size: 13px;
    color: #2c2416;
    opacity: 0.9;
}

.bank-details-card {
    background: #ffffff;
    padding: 40px;
    border-radius: 30px;
    border-left: 8px solid #c9a86c;
    box-shadow: 0 10px 30px rgba(90, 61, 40, 0.06);
}

.bank-row {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #e8ddcf;
}

.bank-label { color: #8a7a6c; font-weight: 700; font-size: 13px; text-transform: uppercase; }
.bank-value { color: #5a3d28; font-weight: 800; font-size: 16px; font-family: 'Courier New', monospace; }

.method-box {
    background: #ffffff;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    border: 1px solid #e5d4c0;
    transition: 0.3s;
}

.method-box:hover { border-color: #c9a86c; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(90, 61, 40, 0.07); }

.method-icon {
    font-size: 20px;
    color: #6b4423;
    width: 45px;
    height: 45px;
    background: #fff8f0;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e8ddcf;
}

.donation-contact-strip {
    background: linear-gradient(125deg, #3d2a1c 0%, #2c1f15 100%);
    border-radius: 25px;
    padding: 30px;
    margin-top: 50px;
    color: #fffcf0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #5a3d28;
    box-shadow: 0 12px 32px rgba(40, 28, 18, 0.2);
}

.contact-unit { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 14px; }
.contact-unit i { color: #e8c96b; }

/* ==========================================================================
   PANVATHA VOLUNTEER PAGE - TOPOGRAPHICAL & COMPACT STYLE
   ========================================================================== */

/* 1. Topographical Breadcrumb (shared: volunteers, contact; Our Family overrides below) */
.volunteer-banner-area {
    width: 100%;
    height: 420px;
    background-color: #fce4ec; /* Soft Peach */
    background-image: radial-gradient(#f06292 0.5px, transparent 0.5px), radial-gradient(#f06292 0.5px, #fce4ec 0.5px);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 80px;
}

/* Our Family: solid cream band, compact height */
.volunteer-banner-area.our-family-banner {
    background-color: #ffe9d1;
    background-image: none;
    height: 280px;
    min-height: 0;
    padding-top: clamp(88px, 11vh, 108px);
    padding-bottom: 1.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    align-items: center;
}

/* Volunteers: same cream, extra vertical room so hero title stays above the floating pillar cards */
.volunteer-banner-area.volunteers-solid-banner {
    background-color: #ffe9d1;
    background-image: none;
    min-height: 320px;
    height: auto;
    padding-top: clamp(88px, 12vh, 120px);
    padding-bottom: clamp(3rem, 5vw, 4.5rem);
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    align-items: center;
}

.volunteer-banner-area.our-family-banner .vol-banner-content h1,
.volunteer-banner-area.volunteers-solid-banner .vol-banner-content h1 {
    font-size: clamp(2.1rem, 4.5vw, 3.25rem);
    line-height: 1.1;
}

.volunteer-banner-area.our-family-banner .vol-banner-content p,
.volunteer-banner-area.volunteers-solid-banner .vol-banner-content p {
    margin-top: 0.5rem;
    font-size: 14px;
    letter-spacing: 0.2em;
}

.vol-banner-content h1 {
    color: #894d23db !important;
    font-size: 72px;
    font-weight: 900;
    text-shadow: 0 4px 15px rgba(0,0,0,0.05);
    margin: 0;
}

.vol-banner-content p {
    color: #2c2416 !important; /* Prime Orange */
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-top: 10px;
}

/* 2. Floating Impact Pillars (The 3 White Cards) */
.impact-pillars {
    margin-top: -120px; /* Pulls cards up into the tall (420px) dotted peach banner; see .volunteers-pillars */
    position: relative;
    z-index: 99;
}

/* Volunteers: short cream banner + heavy negative margin was covering the “Volunteers” title */
.impact-pillars.volunteers-pillars {
    margin-top: -2.5rem; /* ~40px overlap only — cards sit on cream + white, not on the H1 */
}

.pillar-card {
    background: #ffffff !important;
    padding: 50px 30px;
    border-radius: 40px;
    text-align: center;
    box-shadow: 0 20px 50px rgba(31, 43, 123, 0.08);
    border-bottom: 6px solid #ff5e13; /* Orange Accent */
    height: 100%;
    transition: 0.3s ease;
}

.pillar-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 60px rgba(31, 43, 123, 0.12);
}

.pillar-card i {
    font-size: 40px;
    color: #ff5e13;
    margin-bottom: 25px;
    display: block;
}

.pillar-card h4 {
    color: #1f2b7b; /* Theme Navy */
    font-weight: 800;
    font-size: 24px;
    margin-bottom: 15px;
}

.pillar-card p {
    color: #6c7a91;
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
}

/* Volunteers page only: same card layout, warm brown / gold (template-volunteers.php) */
.volunteers-pillars .pillar-card {
    border-bottom-color: #9d6b53;
    box-shadow: 0 20px 50px rgba(107, 68, 35, 0.1) !important;
}

.volunteers-pillars .pillar-card:hover {
    box-shadow: 0 30px 60px rgba(107, 68, 35, 0.14) !important;
}

.volunteers-pillars .pillar-card i {
    color: #9d6b53;
}

.volunteers-pillars .pillar-card h4 {
    color: #6B4423;
}

.volunteers-pillars .pillar-card p {
    color: #2c2416;
}

.volunteers-pillars .pillar-card--accent {
    border-bottom-color: #6B4423;
}

.volunteers-pillars .pillar-card--accent i {
    color: #6B4423;
}

/* 3. Skill-Match Opportunities (Compact Row Style) */
.vol-grid-wrapper {
    padding: 100px 0;
    background: #ffffff;
}

.opportunity-tile {
    background: #fcfdfe;
    border-radius: 40px;
    padding: 50px;
    border: 1px solid #eef2f6;
    transition: all 0.4s ease;
    margin-bottom: 30px;
}

.opportunity-tile:hover {
    background: #ffffff;
    border-color: #ff5e13;
    transform: translateX(10px);
}

.tile-head {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 30px;
}

.tile-icon {
    width: 70px;
    height: 70px;
    background: #1f2b7b;
    color: #ffffff;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

.opportunity-tile h3 {
    color: #1f2b7b;
    font-weight: 900;
    font-size: 28px;
    margin: 0;
}

.commitment-badge {
    background: #fff4ef;
    color: #ff5e13;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 800;
    display: inline-block;
    margin-top: 10px;
    text-transform: uppercase;
}

/* 2-Column Grid List */
.skill-list {
    list-style: none;
    padding: 0;
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px 30px;
}

.skill-list li {
    color: #6c7a91;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 12px;
}

.skill-list li::before {
    content: '\f058'; /* FontAwesome Check Circle */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #ff5e13;
}

/* ==========================================================================
   Volunteers page — "Find Your Purpose" (opportunity tiles), brown theme
   ========================================================================== */
.vol-grid-wrapper.volunteers-find-purpose {
    padding: 5.5rem 0 6.5rem;
    background: #fdfbf7;
}

.vol-purpose-heading h2 {
    color: #6B4423;
    font-size: 42px;
    font-weight: 900;
    margin: 0;
    line-height: 1.2;
}

.vol-purpose-heading__line {
    width: 50px;
    height: 4px;
    background: linear-gradient(90deg, #8B6914, #c9a86c, #8B6914);
    margin: 1.1rem auto 0;
    border-radius: 4px;
}

.volunteers-find-purpose .opportunity-tile {
    background: #ffffff;
    border: 1px solid #e8ddcf;
    padding: 2.5rem 2.5rem 3.5rem; /* extra bottom so list text clears the card edge */
    box-shadow: 0 10px 32px rgba(107, 68, 35, 0.07);
}

.volunteers-find-purpose .opportunity-tile--soft {
    background: #fff8f0;
    border-color: #ead9c4;
}

.volunteers-find-purpose .opportunity-tile:hover {
    background: #ffffff;
    border-color: #c4a35a;
    transform: translateX(6px);
    box-shadow: 0 14px 40px rgba(107, 68, 35, 0.1);
}

.volunteers-find-purpose .opportunity-tile--soft:hover {
    background: #fffaf5;
}

.volunteers-find-purpose .tile-icon {
    background: #6B4423;
    color: #ffffff;
}

.volunteers-find-purpose .tile-icon--accent {
    background: #9d6b53;
    color: #ffffff;
}

.volunteers-find-purpose .opportunity-tile h3 {
    color: #6B4423;
}

.volunteers-find-purpose .commitment-badge {
    background: #f0e4d4;
    color: #5a3d28;
    border: 1px solid #e0d0c0;
}

.volunteers-find-purpose .commitment-badge--solid {
    background: #6B4423;
    color: #ffffff;
    border-color: #4a2e18;
}

.volunteers-find-purpose .skill-list li {
    color: #2c2416;
}

.volunteers-find-purpose .skill-list li::before {
    color: #8B6914;
}

.volunteers-find-purpose .skill-list--single {
    grid-template-columns: 1fr;
    margin-top: 1.25rem;
}

@media (max-width: 767px) {
    .vol-purpose-heading h2 {
        font-size: 32px;
    }
    .volunteers-find-purpose .opportunity-tile {
        padding: 1.75rem 1.5rem 2.5rem;
    }
}

@media (max-width: 991px) {
    .volunteer-banner-area { height: 350px; }
    .volunteer-banner-area.our-family-banner {
        height: auto;
        min-height: 0;
        padding-top: clamp(80px, 10vh, 100px);
        padding-bottom: 1.5rem;
    }
    .volunteer-banner-area.volunteers-solid-banner {
        min-height: 0;
        height: auto;
        padding-top: clamp(80px, 10vh, 100px);
        padding-bottom: clamp(2.25rem, 4vw, 3.25rem);
    }
    .volunteer-banner-area.our-family-banner .vol-banner-content h1,
    .volunteer-banner-area.volunteers-solid-banner .vol-banner-content h1 { font-size: clamp(1.85rem, 5vw, 2.5rem); }
    .vol-banner-content h1 { font-size: 48px; }
    .impact-pillars { margin-top: -60px; }
    .impact-pillars.volunteers-pillars { margin-top: 0; }
    .skill-list { grid-template-columns: 1fr; }
    .opportunity-tile { padding: 30px; }
}
/* --- Volunteer Application Process Journey (Panvatha brown / cream) --- */
.application-process-area {
    padding: 100px 0;
    background: #fdfbf7;
}

.vol-app-heading h2 {
    color: #6B4423;
    font-size: 38px;
    font-weight: 900;
    margin: 0;
    line-height: 1.2;
}

.vol-app-heading__line {
    width: 50px;
    height: 4px;
    background: linear-gradient(90deg, #8B6914, #c9a86c, #8B6914);
    margin: 1rem auto 0;
    border-radius: 4px;
}

.process-journey-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    position: relative;
    flex-wrap: wrap;
}

/* The Connecting Line */
.process-journey-wrapper::before {
    content: '';
    position: absolute;
    top: 40px;
    left: 10%;
    right: 10%;
    height: 0;
    border-top: 2px dashed #c4b59a;
    z-index: 1;
}

.step-item {
    flex: 1;
    text-align: center;
    padding: 0 15px;
    position: relative;
    z-index: 2;
    min-width: 200px;
    margin-bottom: 30px;
}

.step-number {
    width: 80px;
    height: 80px;
    background: #ffffff;
    border: 4px solid #9d6b53;
    color: #6B4423;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 900;
    margin: 0 auto 20px;
    box-shadow: 0 10px 24px rgba(107, 68, 35, 0.12);
    transition: 0.3s;
}

.step-item:hover .step-number {
    background: #6B4423;
    color: #fff;
    border: 4px solid #d4af37; /* gold ring on hover */
    transform: scale(1.05);
    box-shadow:
        0 0 0 2px rgba(240, 212, 163, 0.55),
        0 12px 28px rgba(45, 30, 22, 0.22);
}

.step-item p {
    font-weight: 700;
    color: #2c2416;
    font-size: 15px;
    line-height: 1.45;
    margin: 0;
}

/* Contact Strip */
.vol-contact-box {
    background: #ffffff;
    border-radius: 30px;
    padding: 40px 48px;
    margin-top: 60px;
    border: 1px solid #e8ddcf;
    display: flex;
    justify-content: space-around;
    align-items: center;
    box-shadow: 0 16px 44px rgba(107, 68, 35, 0.08);
}

.vol-contact-sep {
    width: 1px;
    height: 40px;
    background: #e0d0c0;
    flex-shrink: 0;
}

.vol-contact-info h5 {
    color: #7a5a3a;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 6px;
    font-weight: 700;
}

.vol-contact-info span {
    color: #6B4423;
    font-weight: 800;
    font-size: 18px;
}

@media (max-width: 991px) {
    .process-journey-wrapper::before { display: none; }
    .vol-contact-box { flex-direction: column; text-align: center; gap: 20px; }
    .vol-app-heading h2 { font-size: 30px; }
}
/* —— Meet Our Residents (Volunteers) —— lighter, airy; minimal dark text */
.visit-panvatha-area {
    padding: 100px 0;
    background: #fcfcfa;
}

.visit-premium-card {
    background: #ffffff;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    box-shadow: 0 24px 64px rgba(80, 70, 60, 0.06);
    border: 1px solid #f0ece6;
    min-height: 550px;
}

/* Left: very soft ivory → light wheat (no deep tan) */
.visit-hero-side {
    width: 42%;
    background: linear-gradient(160deg, #ffffff 0%, #f8f4ec 32%, #f0e8dc 58%, #e8dfcf 100%);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    overflow: hidden;
}

.visit-hero-side::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 100% 90% at 30% 25%, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.35) 45%, transparent 70%);
    pointer-events: none;
}

.visit-glass-info {
    background: rgba(255, 255, 255, 0.78);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.95);
    padding: 40px;
    border-radius: 35px;
    color: #5c5349;
    position: relative;
    z-index: 5;
    box-shadow: 0 8px 32px rgba(90, 80, 70, 0.05);
}

.visit-glass-info h3 {
    font-weight: 900;
    font-size: 34px;
    margin: 0 0 15px;
    line-height: 1.2;
    color: #6a5c50;
}

.visit-glass-info p {
    font-weight: 500;
    line-height: 1.6;
    margin: 0;
    color: #7a7068;
    font-size: 16px;
}

.visit-data-side {
    width: 58%;
    padding: 60px 70px;
    background: #ffffff;
}

.visit-hub-kicker {
    color: #a89878;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 0.18em;
    margin-bottom: 30px;
    display: block;
}

.visit-hub-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 40px;
}

.visit-hub-section {
    border-top: 1px solid #f0ece6;
    padding-top: 30px;
}

.visit-data-title {
    color: #6e635a;
    font-size: 19px;
    font-weight: 800;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.visit-data-title i {
    color: #9a9088;
    font-size: 1.05em;
}

.visit-data-text {
    color: #6f6a64;
    font-size: 15px;
    margin: 0 0 5px;
    line-height: 1.5;
}

.visit-data-text strong {
    color: #5a524a;
    font-weight: 700;
}

.visit-data-list {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #6f6a64;
    font-size: 15px;
    line-height: 1.6;
}

.visit-data-list--checks li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.visit-data-list--checks .fa-check-circle,
.visit-guidelines-grid .fa-check {
    color: #b0a38c;
    flex-shrink: 0;
}

.visit-guidelines-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 20px;
    font-size: 14px;
}

.visit-guidelines-grid li {
    display: flex;
    align-items: center;
    gap: 8px;
}

.visit-hub-contact {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    border-top: 1px solid #f0ece6;
    padding-top: 30px;
}

.visit-hub-contact__item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.visit-hub-label {
    display: block;
    font-size: 11px;
    color: #9a928a;
    letter-spacing: 0.04em;
    margin-bottom: 2px;
    text-transform: uppercase;
    font-weight: 600;
}

.visit-hub-contact strong {
    color: #5a524a;
    font-size: 18px;
    font-weight: 800;
}

.contact-pill-icon {
    background: #faf7f2;
    color: #8a7d72;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ede8e1;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

@media (max-width: 991px) {
    .visit-premium-card {
        flex-direction: column;
        min-height: 0;
    }
    .visit-hero-side,
    .visit-data-side {
        width: 100%;
    }
    .visit-hero-side {
        min-height: 280px;
    }
    .visit-data-side {
        padding: 40px 28px 48px;
    }
    .visit-hub-grid,
    .visit-guidelines-grid {
        grid-template-columns: 1fr;
    }
    .visit-hub-contact {
        flex-direction: column;
    }
}
/* —— Corporate Engagement (Volunteers): horizontal “rail” cards + warm CTA —— not stacked navy blocks */
.corp-engagement-area {
    padding: 100px 0;
    background: #fdfbf7;
}

.corp-engage-heading h2 {
    color: #6B4423;
    font-size: 42px;
    font-weight: 900;
    margin: 0;
    line-height: 1.15;
}

.corp-engage-heading__line {
    width: 50px;
    height: 4px;
    background: linear-gradient(90deg, #8B6914, #c9a86c, #8B6914);
    margin: 1rem auto 0;
    border-radius: 4px;
}

.corp-engage-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    max-width: 1120px;
    margin: 2.75rem auto 0;
}

/* One row: icon rail + content (replaces split navy / white card) */
.corp-engage-tile {
    display: flex;
    align-items: flex-start;
    gap: 1.35rem;
    padding: 1.65rem 1.5rem 1.65rem 1.25rem;
    background: #ffffff;
    border: 1px solid #e8ddcf;
    border-radius: 24px;
    border-left: 4px solid #c9a86c;
    box-shadow: 0 8px 28px rgba(107, 68, 35, 0.07);
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.corp-engage-tile:hover {
    box-shadow: 0 14px 40px rgba(107, 68, 35, 0.1);
    transform: translateY(-2px);
}

.corp-engage-tile__icon {
    flex-shrink: 0;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    color: #6B4423;
    background: linear-gradient(160deg, #fff8ef 0%, #e8d9c4 100%);
    border: 1px solid #d4c4a8;
    box-shadow: 0 4px 12px rgba(107, 68, 35, 0.08);
}

.corp-engage-tile__body {
    flex: 1;
    min-width: 0;
}

.corp-engage-tile__body h3 {
    color: #6B4423;
    font-weight: 900;
    font-size: 1.2rem;
    margin: 0 0 0.85rem;
    line-height: 1.25;
}

.corp-engage-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.corp-engage-list li {
    position: relative;
    padding-left: 1.25rem;
    margin-bottom: 0.45rem;
    color: #5a524a;
    font-size: 0.95rem;
    line-height: 1.45;
}

.corp-engage-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.55em;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #9d6b53;
    box-shadow: 0 0 0 2px rgba(201, 168, 108, 0.35);
}

.corp-engage-list li:last-child {
    margin-bottom: 0;
}

/* Contact: soft band with outline (not full navy pill) */
.corp-engage-cta {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
    gap: 1.5rem 2.5rem;
    margin-top: 3rem;
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
    padding: 2rem 2.25rem;
    background: linear-gradient(180deg, #fff8f0 0%, #ffffff 55%);
    border: 1px solid #e5d4c0;
    border-radius: 28px;
    box-shadow: 0 12px 36px rgba(90, 70, 50, 0.06);
}

.corp-engage-cta__col {
    flex: 1 1 200px;
    text-align: center;
}

.corp-engage-cta h5 {
    margin: 0 0 0.65rem;
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 0.16em;
    color: #8a7a6c;
    font-weight: 700;
}

.corp-engage-cta__line {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.5rem 0.65rem;
    margin: 0;
    color: #5a3d28;
    font-weight: 800;
    font-size: 1.1rem;
}

.corp-engage-cta__ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    color: #6B4423;
    background: rgba(201, 168, 108, 0.25);
    font-size: 0.9rem;
}

@media (max-width: 991px) {
    .corp-engage-grid {
        grid-template-columns: 1fr;
    }
    .corp-engage-cta {
        flex-direction: column;
    }
    .corp-engage-heading h2 {
        font-size: 32px;
    }
}
    /* --- School Programs (Panvatha warm / gold) --- */
    .school-programs--panvatha {
        padding: 5rem 0 6.5rem;
        background-color: #fdfbf7;
        background-image: radial-gradient(rgba(201, 168, 108, 0.22) 1px, transparent 1px);
        background-size: 24px 24px;
    }

    .school-prog-header {
        max-width: 40rem;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3.5rem;
    }

    .school-prog-header h2 {
        color: #5a3d28;
        font-size: clamp(2.1rem, 4.5vw, 2.75rem);
        font-weight: 800;
        line-height: 1.2;
        margin: 0 0 0.5rem;
    }

    .school-prog-header__kicker {
        color: #6a5a4a;
        font-size: 1.05rem;
        line-height: 1.5;
        margin: 0 auto 1.15rem;
    }

    .school-prog-header__line {
        width: 3.5rem;
        height: 5px;
        margin: 0 auto 0;
        border-radius: 4px;
        background: linear-gradient(90deg, #d4af37, #8b6914, #b8860b);
    }

    .school-prog-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 2.5rem 3.25rem;
        margin: 0 0 3.5rem;
    }

    .school-prog-row--reverse {
        flex-direction: row-reverse;
    }

    .school-prog-visual {
        position: relative;
        flex: 1 1 45%;
        min-width: 260px;
    }

    .school-prog-blob {
        position: absolute;
        z-index: 0;
        top: 5%;
        left: 0;
        right: 4%;
        bottom: 2%;
        border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
        background: linear-gradient(150deg, rgba(212, 175, 55, 0.22) 0%, rgba(201, 168, 108, 0.1) 45%, rgba(255, 248, 240, 0) 100%);
        pointer-events: none;
    }

    .school-prog-blob--b {
        border-radius: 45% 55% 65% 35% / 50% 40% 60% 50%;
        top: 8%;
        left: 4%;
        right: 0;
    }

    .school-prog-blob--c {
        border-radius: 55% 45% 40% 60% / 45% 55% 50% 50%;
        top: 2%;
    }

    .school-prog-index {
        position: absolute;
        z-index: 2;
        right: 0.2rem;
        bottom: 0.1rem;
        font-size: 4.25rem;
        font-weight: 800;
        line-height: 1;
        color: rgba(90, 61, 40, 0.07);
        pointer-events: none;
        -webkit-user-select: none;
        user-select: none;
    }

    .school-prog-img {
        position: relative;
        z-index: 1;
        height: 400px;
        max-width: 100%;
        border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
        overflow: hidden;
        border: 2px solid rgba(201, 168, 108, 0.5);
        box-shadow: 0 24px 48px rgba(90, 61, 40, 0.12), 0 4px 0 rgba(201, 168, 108, 0.15);
        transition: border-radius 0.85s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.65s ease, box-shadow 0.4s;
    }

    .school-prog-blob--b + .school-prog-img {
        border-radius: 45% 55% 35% 65% / 50% 45% 55% 50%;
    }

    .school-prog-blob--c + .school-prog-img {
        border-radius: 50% 50% 40% 60% / 40% 60% 45% 55%;
    }

    .school-prog-row:hover .school-prog-img {
        border-radius: 42% 58% 68% 32% / 45% 65% 35% 55%;
        transform: rotate(1.25deg) scale(1.01);
    }

    .school-prog-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 1.1s ease;
    }

    .school-prog-row:hover .school-prog-img img {
        transform: scale(1.08);
    }

    .school-prog-panel {
        position: relative;
        flex: 1 1 48%;
        min-width: 260px;
        padding: 2.1rem 1.9rem 2.1rem 2.1rem;
        background: linear-gradient(145deg, #fffcf8 0%, #ffffff 50%, #fff8f0 100%);
        border: 1px solid #e8ddcf;
        border-radius: 24px;
        box-shadow: 0 16px 44px rgba(90, 70, 50, 0.07);
        overflow: hidden;
    }

    .school-prog-panel::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: linear-gradient(180deg, #d4af37 0%, #9a6b3a 100%);
    }

    .school-prog-panel--emphasis {
        background: linear-gradient(150deg, #fff8f0 0%, #fffcf8 40%, #ffffff 100%);
    }

    .school-prog-badge {
        display: inline-block;
        margin-bottom: 0.9rem;
        padding: 0.45rem 1.15rem;
        border-radius: 999px;
        font-size: 0.68rem;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #fff;
        background: linear-gradient(135deg, #a67c2a 0%, #6b4423 100%);
        box-shadow: 0 3px 12px rgba(107, 68, 35, 0.18);
    }

    .school-prog-badge--outline {
        color: #5a3d28;
        background: #fff8f0;
        border: 2px solid #c9a86c;
        box-shadow: none;
    }

    .school-prog-panel h3 {
        color: #5a3d28;
        font-size: clamp(1.5rem, 2.2vw, 1.9rem);
        font-weight: 800;
        line-height: 1.2;
        margin: 0 0 1.1rem;
    }

    .school-prog-list {
        list-style: none;
        margin: 0;
        padding: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.8rem 1.35rem;
    }

    .school-prog-list--cols-1 {
        grid-template-columns: 1fr;
    }

    .school-prog-list li {
        position: relative;
        padding-left: 1.75rem;
        font-size: 0.95rem;
        line-height: 1.5;
        color: #2c2416;
    }

    .school-prog-list li::before {
        content: "\f501";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        position: absolute;
        left: 0;
        top: 0.12em;
        color: #9a7b3a;
        font-size: 0.9rem;
    }

    .school-prog-key {
        font-weight: 700;
        color: #4a3a2a;
    }

    .school-prog-cta {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: stretch;
        gap: 1.5rem 2.5rem;
        max-width: 1120px;
        margin: 1rem auto 0;
        padding: 2rem 2.25rem 2.2rem;
        background: linear-gradient(180deg, #fff8f0 0%, #ffffff 50%);
        border: 1px solid #e5d4c0;
        border-radius: 28px;
        box-shadow: 0 12px 36px rgba(90, 70, 50, 0.06);
        border-bottom: 4px solid #c9a86c;
    }

    .school-prog-cta__col {
        flex: 1 1 200px;
        text-align: center;
    }

    .school-prog-cta h5 {
        margin: 0 0 0.6rem;
        text-transform: uppercase;
        font-size: 0.7rem;
        letter-spacing: 0.16em;
        color: #8a7a6c;
        font-weight: 700;
    }

    .school-prog-cta__line {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.5rem 0.65rem;
        margin: 0;
        color: #5a3d28;
        font-weight: 800;
        font-size: 1.05rem;
    }

    .school-prog-cta__ico {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        color: #6b4423;
        background: rgba(201, 168, 108, 0.28);
        font-size: 0.9rem;
    }

    @media (max-width: 991px) {
        .school-prog-row,
        .school-prog-row--reverse {
            flex-direction: column;
        }

        .school-prog-panel {
            order: 2;
        }

        .school-prog-visual {
            order: 1;
        }

        .school-prog-img {
            height: 300px;
        }

        .school-prog-list {
            grid-template-columns: 1fr;
        }

        .school-prog-cta {
            flex-direction: column;
        }
    }
    /* --- Fostering & Adoption (Panvatha warm / gold) --- */
.foster-adoption--panvatha {
    padding: 5.5rem 0;
    background: #fdfbf7;
    background-image: radial-gradient(rgba(201, 168, 108, 0.18) 1px, transparent 1px);
    background-size: 24px 24px;
}

.foster-adopt-header {
    max-width: 56rem;
    margin-left: auto;
    margin-right: auto;
}

.foster-adopt-header h2 {
    color: #5a3d28;
    font-size: clamp(2rem, 4vw, 2.6rem);
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 1rem;
}

.foster-adopt-header__line {
    width: 3.5rem;
    height: 5px;
    margin: 0 auto 1.75rem;
    border-radius: 4px;
    background: linear-gradient(90deg, #d4af37, #8b6914, #b8860b);
}

.foster-adopt-intro {
    max-width: 53rem;
    margin: 0 auto;
    padding: 1.35rem 1.5rem 1.4rem 1.5rem;
    text-align: left;
    background: linear-gradient(135deg, #fff8f0 0%, #fffcf8 100%);
    border: 1px solid #e8ddcf;
    border-left: 5px solid #c9a86c;
    border-radius: 20px;
    box-shadow: 0 8px 28px rgba(90, 70, 50, 0.06);
}

.foster-adopt-intro h4 {
    color: #5a3d28;
    font-weight: 800;
    font-size: 1.1rem;
    margin: 0 0 0.5rem;
}

.foster-adopt-intro p {
    color: #2c2416;
    margin: 0;
    line-height: 1.65;
    font-size: 1rem;
}

.foster-adoption-wrapper {
    display: flex;
    gap: 2rem 2.5rem;
    flex-wrap: wrap;
    margin-top: 2.5rem;
}

.foster-card {
    flex: 1;
    min-width: 300px;
    background: linear-gradient(165deg, #fffcf8 0%, #ffffff 55%, #fff8f0 100%);
    border-radius: 28px;
    padding: 2.5rem 2.25rem;
    border: 1px solid #e5d4c0;
    box-shadow: 0 8px 32px rgba(90, 70, 50, 0.05);
    transition: 0.4s ease;
}

.foster-card:hover {
    background: #ffffff;
    box-shadow: 0 24px 56px rgba(90, 61, 40, 0.1);
    transform: translateY(-4px);
    border-color: #d4c4a8;
}

.foster-card h3 {
    color: #5a3d28;
    font-size: 1.55rem;
    font-weight: 800;
    margin: 0 0 1.25rem;
    line-height: 1.25;
}

.req-label {
    display: block;
    font-weight: 800;
    font-size: 0.8rem;
    color: #8b6914;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 1.5rem 0 0.9rem;
    padding-top: 1.25rem;
    border-top: 1px solid #e8ddcf;
}

.foster-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.foster-list li {
    font-size: 0.95rem;
    color: #2c2416;
    margin-bottom: 0.75rem;
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    line-height: 1.5;
}

.foster-list li i {
    color: #8b6914;
    margin-top: 0.2rem;
    font-size: 0.95rem;
    flex-shrink: 0;
}

.foster-list li .fa-paw,
.foster-list li .fa-home {
    color: #9a7b3a;
}

.foster-list li .fa-check-circle {
    color: #6b4423;
}

/* Mobile */
@media (max-width: 991px) {
    .foster-adoption-wrapper {
        flex-direction: column;
    }
    .foster-card {
        padding: 1.75rem 1.5rem;
    }
}
/* --- Expertise & Events Hub (Panvatha warm / gold) --- */
.skills-fundraiser--panvatha {
    padding: 4rem 0 5.5rem;
    background: #fdfbf7;
    background-image: radial-gradient(rgba(201, 168, 108, 0.16) 1px, transparent 1px);
    background-size: 24px 24px;
}

.mission-hub-header h2 {
    color: #5a3d28;
    font-size: clamp(2rem, 4vw, 2.5rem);
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 0.9rem;
}

.mission-hub-header__line {
    width: 3.5rem;
    height: 5px;
    margin: 0 auto 1.25rem;
    border-radius: 4px;
    background: linear-gradient(90deg, #d4af37, #8b6914, #b8860b);
}

.mission-hub-header__kicker {
    color: #4a3d32;
    font-size: 1.1rem;
    line-height: 1.6;
    max-width: 42rem;
    margin: 0 auto;
    opacity: 0.95;
}

.skills-fundraiser--panvatha .hub-wrapper {
    display: flex;
    gap: 1.75rem 2rem;
    flex-wrap: wrap;
}

.skills-fundraiser--panvatha .hub-card {
    flex: 1;
    min-width: 320px;
    background: linear-gradient(160deg, #fffcf8 0%, #ffffff 55%, #fff8f0 100%);
    border-radius: 28px;
    padding: 2.5rem 2.25rem;
    border: 1px solid #e5d4c0;
    box-shadow: 0 12px 40px rgba(90, 70, 50, 0.07);
}

.skills-fundraiser--panvatha .hub-card--fundraiser {
    border-left: 5px solid #c9a86c;
    background: linear-gradient(165deg, #fff8f0 0%, #fffcf8 50%, #ffffff 100%);
}

.mission-hub-title-row {
    display: flex;
    align-items: center;
    gap: 0.9rem 1rem;
    margin-bottom: 1.1rem;
    flex-wrap: wrap;
}

.mission-hub-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.15rem;
    height: 3.15rem;
    border-radius: 15px;
    font-size: 1.2rem;
    color: #6b4423;
    background: linear-gradient(145deg, rgba(201, 168, 108, 0.35) 0%, rgba(255, 248, 240, 0.95) 100%);
    border: 1px solid rgba(201, 168, 108, 0.45);
    flex-shrink: 0;
    box-shadow: 0 4px 14px rgba(90, 61, 40, 0.08);
}

.mission-hub-icon--fundraiser {
    color: #5a3d28;
    background: linear-gradient(145deg, rgba(184, 134, 11, 0.22) 0%, rgba(255, 250, 245, 0.98) 100%);
    border-color: rgba(184, 134, 11, 0.4);
}

.skills-fundraiser--panvatha .hub-card h2,
.mission-hub-title-row h2 {
    color: #5a3d28;
    font-weight: 800;
    margin: 0;
    font-size: 1.55rem;
    line-height: 1.2;
}

.mission-hub-lead {
    color: #2c2416;
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0 0 0.5rem;
}

/* Skills tag cloud */
.skills-fundraiser--panvatha .skills-tag-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 0.5rem;
    margin-top: 1.35rem;
}

.skills-fundraiser--panvatha .skill-tag {
    display: inline-block;
    background: #fff8f0;
    color: #4a3a2a;
    padding: 0.5rem 1.05rem;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 700;
    border: 1px solid #e0d0bc;
    transition: 0.25s ease;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}

.skills-fundraiser--panvatha .skill-tag:hover {
    background: linear-gradient(135deg, #6b4423 0%, #4a3a2a 100%);
    color: #fffcf0;
    border-color: #5a3d28;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(90, 61, 40, 0.15);
}

/* Fundraiser two-column lists */
.skills-fundraiser--panvatha .fund-flex {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem 1.75rem;
    margin-top: 1.25rem;
}

.skills-fundraiser--panvatha .fund-list-title {
    color: #8b6914;
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 0.9rem;
    display: block;
}

.skills-fundraiser--panvatha .hub-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.skills-fundraiser--panvatha .hub-list li {
    font-size: 0.9rem;
    color: #2c2416;
    margin-bottom: 0.6rem;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem 0.65rem;
    line-height: 1.45;
}

.skills-fundraiser--panvatha .hub-list li i {
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.skills-fundraiser--panvatha .hub-list li .fa-plus-circle {
    color: #8b6914;
    font-size: 0.95rem;
    margin-top: 0.1rem;
    opacity: 0.95;
}

.skills-fundraiser--panvatha .hub-list li .fa-check {
    color: #6b4423;
    font-size: 0.8rem;
    margin-top: 0.2rem;
}

@media (max-width: 991px) {
    .skills-fundraiser--panvatha .fund-flex {
        grid-template-columns: 1fr;
    }
    .skills-fundraiser--panvatha .hub-card {
        padding: 1.75rem 1.4rem;
    }
}
/* --- Spread the Word: Spotlight Layout (Panvatha warm / gold) --- */
.spread-word--panvatha {
    padding: 5.5rem 0 6rem;
    background: #fdfbf7;
    background-image: radial-gradient(rgba(201, 168, 108, 0.14) 1px, transparent 1px);
    background-size: 24px 24px;
    position: relative;
    overflow: hidden;
}

.spread-word--panvatha::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 55%;
    max-width: 40rem;
    height: 70%;
    background: radial-gradient(ellipse at top right, rgba(212, 175, 55, 0.08) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

.spread-word-bg-orb {
    position: absolute;
    bottom: -3rem;
    left: -3rem;
    width: 18rem;
    height: 18rem;
    background: radial-gradient(circle, rgba(201, 168, 108, 0.18) 0%, rgba(201, 168, 108, 0) 70%);
    border-radius: 50%;
    z-index: 1;
    pointer-events: none;
}

.spread-word-header h2 {
    color: #5a3d28;
    font-size: clamp(2rem, 4vw, 2.4rem);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin: 0 0 0.85rem;
    line-height: 1.2;
}

.spread-word-header__line {
    width: 3.25rem;
    height: 5px;
    margin: 0 auto;
    border-radius: 4px;
    background: linear-gradient(90deg, #d4af37, #8b6914, #b8860b);
}

.spread-word--panvatha .container {
    position: relative;
    z-index: 2;
}

.spread-word--panvatha .spotlight-grid {
    display: flex;
    align-items: center;
    gap: 3rem 3.5rem;
    position: relative;
    z-index: 2;
}

.spread-word--panvatha .action-hub {
    flex: 1;
    min-width: 0;
    background: linear-gradient(180deg, #fffcf8 0%, #fff 45%, #fff8f0 100%);
    border-radius: 50%;
    width: 500px;
    max-width: 100%;
    height: 500px;
    max-height: min(100vw, 500px);
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 3.5rem 2.5rem;
    border: 1px solid #e5d4c0;
    box-shadow: 0 28px 64px rgba(90, 61, 40, 0.08);
}

.spread-word--panvatha .action-hub h3 {
    color: #6b4423;
    font-size: 1.5rem;
    font-weight: 800;
    margin: 0 0 1.5rem;
    line-height: 1.2;
}

.spread-word--panvatha .hub-item-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 20rem;
}

.spread-word--panvatha .hub-item-list li {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
    gap: 0.5rem 0.65rem;
    font-size: 0.95rem;
    color: #2c2416;
    font-weight: 600;
    margin-bottom: 0.85rem;
    line-height: 1.45;
    transition: color 0.25s ease, transform 0.25s ease;
}

.spread-word--panvatha .hub-item-list li i {
    color: #8b6914;
    width: 1.1rem;
    flex-shrink: 0;
    margin-top: 0.15rem;
    text-align: center;
}

.spread-word--panvatha .hub-item-list li:hover {
    color: #5a3d28;
    transform: none;
}

.spread-word--panvatha .hub-item-list li:hover i {
    color: #6b4423;
}

.spread-word--panvatha .quote-glass-card {
    flex: 1;
    min-width: 0;
    background: linear-gradient(150deg, rgba(255, 252, 248, 0.95) 0%, #ffffff 50%, #fff8f0 100%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid #e8ddcf;
    padding: 2.5rem 2.25rem;
    border-radius: 32px;
    box-shadow: 0 20px 50px rgba(90, 70, 50, 0.07);
}

.spread-word--panvatha .quote-text {
    font-size: 1.2rem;
    line-height: 1.6;
    color: #3d3028;
    font-style: italic;
    font-weight: 600;
    margin: 0 0 1rem;
    position: relative;
    /* left gutter: decorative opening quote sits only in this space */
    padding: 0.1rem 0.25rem 0.1rem 2.85rem;
}

.spread-word--panvatha .quote-text::after {
    content: "\201D";
    color: rgba(184, 134, 11, 0.4);
    font-size: 0.65em;
    line-height: 1;
    font-family: Georgia, "Times New Roman", serif;
    font-style: normal;
    font-weight: 500;
    margin-left: 0.08em;
    vertical-align: 0.02em;
}

.spread-word--panvatha .quote-text::before {
    content: "\201C";
    font-size: 2.1rem;
    line-height: 0.8;
    font-family: Georgia, "Times New Roman", serif;
    color: rgba(184, 134, 11, 0.35);
    position: absolute;
    left: 0.15rem;
    top: 0.1em;
    pointer-events: none;
    font-style: normal;
    font-weight: 400;
}

.spread-word--panvatha .author-name {
    color: #8a7a6c;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.8rem;
    margin: 0 0 0;
}

.spread-word--panvatha .quote-glass-card__foot {
    margin-top: 2.25rem;
    padding-top: 1.75rem;
    border-top: 1px solid #e5d4c0;
}

.spread-word--panvatha .quote-glass-card__foot h4 {
    color: #5a3d28;
    font-weight: 800;
    font-size: 1.05rem;
    margin: 0 0 0.5rem;
}

.spread-word--panvatha .quote-glass-card__foot p {
    color: #2c2416;
    line-height: 1.7;
    font-size: 0.95rem;
    margin: 0;
}

@media (max-width: 1199px) {
    .spread-word--panvatha .spotlight-grid {
        flex-direction: column;
    }
    .spread-word--panvatha .action-hub {
        width: 100%;
        height: auto;
        border-radius: 2rem;
        max-height: none;
        aspect-ratio: auto;
        min-height: 0;
        padding: 2.5rem 1.75rem;
    }
    .spread-word--panvatha .hub-item-list {
        max-width: 22rem;
    }
    .spread-word--panvatha .hub-item-list li {
        justify-content: flex-start;
    }
}
/* --- Volunteer Join Form: Split Layout (Panvatha warm / gold) --- */
.join-volunteer--panvatha {
    padding: 4rem 0 5.5rem;
    background: #fdfbf7;
    background-image: radial-gradient(rgba(201, 168, 108, 0.16) 1px, transparent 1px);
    background-size: 24px 24px;
}

.join-volunteer-header h2 {
    color: #5a3d28;
    font-size: clamp(1.9rem, 4vw, 2.5rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 0 0 0.9rem;
    line-height: 1.2;
}

.join-volunteer-header__line {
    width: 3.5rem;
    height: 5px;
    margin: 0 auto 1.1rem;
    border-radius: 4px;
    background: linear-gradient(90deg, #d4af37, #8b6914, #b8860b);
}

.join-volunteer-header__kicker {
    color: #4a3d32;
    font-size: 1.05rem;
    max-width: 36rem;
    margin: 0 auto;
    line-height: 1.55;
}

.join-volunteer--panvatha .join-wrapper {
    display: flex;
    background: #ffffff;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(90, 61, 40, 0.1);
    border: 1px solid #e5d4c0;
}

.join-volunteer--panvatha .join-info-side {
    width: 40%;
    background: linear-gradient(160deg, #3d2a1c 0%, #2c1f15 50%, #4a3222 100%);
    padding: 3.5rem 3.25rem;
    color: #fffcf0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.join-volunteer--panvatha .join-info-side::after {
    content: "\f4ad";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    bottom: -1.5rem;
    right: -1.5rem;
    font-size: 11.5rem;
    color: rgba(201, 168, 108, 0.12);
    pointer-events: none;
    line-height: 1;
}

.join-hero-icon {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    margin-bottom: 1.5rem;
    color: #5a3d28;
    background: linear-gradient(145deg, #f0d78c 0%, #c9a86c 100%);
    border: 1px solid rgba(255, 252, 240, 0.35);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1;
}

.join-hero-icon i {
    color: #3d2818;
}

.join-volunteer--panvatha .join-info-side h2 {
    position: relative;
    z-index: 1;
    font-size: clamp(1.5rem, 2.5vw, 2.1rem);
    font-weight: 800;
    margin: 0 0 1rem;
    line-height: 1.2;
    color: #fffcf0;
}

.join-volunteer--panvatha .join-info-side p {
    position: relative;
    z-index: 1;
    font-size: 0.98rem;
    line-height: 1.75;
    margin: 0 0 1.5rem;
    color: rgba(255, 252, 240, 0.92);
}

.join-perks {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
}

.join-perks__item {
    margin-bottom: 0.8rem;
    display: flex;
    gap: 0.65rem 0.75rem;
    align-items: center;
    font-size: 0.95rem;
    font-weight: 600;
    color: #fffcf0;
    line-height: 1.4;
}

.join-perks__item:last-child {
    margin-bottom: 0;
}

.join-perks__item i {
    color: #e8c96b;
    font-size: 1.1rem;
    flex-shrink: 0;
    margin-top: 0.05rem;
}

.join-volunteer--panvatha .join-form-side {
    width: 60%;
    padding: 3.5rem 3.25rem;
    background: #ffffff;
}

.join-volunteer--panvatha .volunteer-form .form-group {
    margin-bottom: 1.35rem;
}

.join-volunteer--panvatha .volunteer-form label {
    display: block;
    font-size: 0.75rem;
    font-weight: 800;
    color: #5a3d28;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 0.5rem;
}

.join-volunteer--panvatha .volunteer-form .form-control {
    width: 100%;
    height: 3.5rem;
    background: #fff8f0;
    border: 1px solid #e5d4c0;
    border-radius: 14px;
    padding: 0 1.1rem;
    font-size: 0.95rem;
    color: #2c2416;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s;
}

.join-volunteer--panvatha .volunteer-form .form-control::placeholder {
    color: #9a8a7a;
}

.join-volunteer--panvatha .volunteer-form .form-control:focus {
    background: #ffffff;
    border-color: #c9a86c;
    outline: none;
    box-shadow: 0 0 0 3px rgba(201, 168, 108, 0.2);
}

/* Volunteer page: Contact Form 7 — same look as former .volunteer-form */
.join-volunteer--panvatha .petcare-volunteer-wpcf7 .wpcf7 form > p {
    margin: 0 0 1.35rem;
}
.join-volunteer--panvatha .petcare-volunteer-wpcf7 .wpcf7 form > br {
    display: none;
}
.join-volunteer--panvatha .petcare-volunteer-wpcf7 .wpcf7 label,
.join-volunteer--panvatha .petcare-volunteer-wpcf7 .wpcf7-form label {
    display: block;
    font-size: 0.75rem;
    font-weight: 800;
    color: #5a3d28;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 0.5rem;
}
.join-volunteer--panvatha .petcare-volunteer-wpcf7 .wpcf7 input[type="text"],
.join-volunteer--panvatha .petcare-volunteer-wpcf7 .wpcf7 input[type="email"],
.join-volunteer--panvatha .petcare-volunteer-wpcf7 .wpcf7 input[type="tel"],
.join-volunteer--panvatha .petcare-volunteer-wpcf7 .wpcf7 input[type="url"],
.join-volunteer--panvatha .petcare-volunteer-wpcf7 .wpcf7 textarea,
.join-volunteer--panvatha .petcare-volunteer-wpcf7 .wpcf7 select {
    width: 100%;
    min-height: 3.5rem;
    background: #fff8f0;
    border: 1px solid #e5d4c0;
    border-radius: 14px;
    padding: 0 1.1rem;
    font-size: 0.95rem;
    color: #2c2416;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s;
    box-sizing: border-box;
}
.join-volunteer--panvatha .petcare-volunteer-wpcf7 .wpcf7 textarea {
    min-height: 8rem;
    padding: 0.85rem 1.1rem;
    resize: vertical;
}
.join-volunteer--panvatha .petcare-volunteer-wpcf7 .wpcf7 input::placeholder,
.join-volunteer--panvatha .petcare-volunteer-wpcf7 .wpcf7 textarea::placeholder {
    color: #9a8a7a;
}
.join-volunteer--panvatha .petcare-volunteer-wpcf7 .wpcf7 input:focus,
.join-volunteer--panvatha .petcare-volunteer-wpcf7 .wpcf7 textarea:focus,
.join-volunteer--panvatha .petcare-volunteer-wpcf7 .wpcf7 select:focus {
    background: #ffffff;
    border-color: #c9a86c;
    outline: none;
    box-shadow: 0 0 0 3px rgba(201, 168, 108, 0.2);
}
.join-volunteer--panvatha .petcare-volunteer-wpcf7 .wpcf7 .wpcf7-not-valid-tip {
    font-size: 0.8rem;
    margin-top: 0.35rem;
    color: #a65d4a;
}
.join-volunteer--panvatha .petcare-volunteer-wpcf7 .wpcf7 form .wpcf7-response-output {
    margin: 1rem 0 0;
    border-radius: 12px;
}
.join-volunteer--panvatha .petcare-volunteer-wpcf7 .wpcf7 form > p:has(.wpcf7-submit),
.join-volunteer--panvatha .petcare-volunteer-wpcf7 .wpcf7 form > p:has(button.wpcf7-submit) {
    margin-bottom: 0;
    margin-top: 0.5rem;
}

.join-volunteer--panvatha .join-btn,
.pc-contact__wpcf7 .wpcf7 button.wpcf7-submit.join-btn,
.join-volunteer--panvatha .petcare-volunteer-wpcf7 .wpcf7 button.wpcf7-submit.join-btn {
    width: 100%;
    min-height: 3.1rem;
    height: auto;
    padding: 0.65rem 1rem;
    background: linear-gradient(135deg, #7a4d28 0%, #5a3d28 100%) !important;
    color: #fffcf0 !important;
    border: none;
    border-radius: 14px;
    font-size: 0.9rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s, filter 0.3s;
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem 0.9rem;
    box-shadow: 0 8px 24px rgba(60, 40, 25, 0.2);
}

.join-volunteer--panvatha .join-btn:hover,
.pc-contact__wpcf7 .wpcf7 button.wpcf7-submit.join-btn:hover,
.join-volunteer--panvatha .petcare-volunteer-wpcf7 .wpcf7 button.wpcf7-submit.join-btn:hover {
    background: linear-gradient(135deg, #8b5a2e 0%, #6b4423 100%) !important;
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(60, 40, 25, 0.28);
    filter: brightness(1.03);
}

.join-volunteer--panvatha .join-btn i,
.pc-contact__wpcf7 .wpcf7 button.wpcf7-submit.join-btn i,
.join-volunteer--panvatha .petcare-volunteer-wpcf7 .wpcf7 button.wpcf7-submit.join-btn i {
    font-size: 0.9em;
}

/* Contact only: tighter gap above submit (shared .join-btn rule keeps volunteers) */
.pc-contact__wpcf7 .wpcf7 button.wpcf7-submit.join-btn {
    margin-top: 0.3rem;
}

@media (max-width: 991px) {
    .join-volunteer--panvatha .join-wrapper {
        flex-direction: column;
        border-radius: 1.5rem;
    }
    .join-volunteer--panvatha .join-info-side,
    .join-volunteer--panvatha .join-form-side {
        width: 100%;
        padding: 2.25rem 1.5rem;
    }
}
/* --- Shop Hero Styles --- */
.feature-pill {
    background: #ffffff;
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    color: #1f2b7b; /* Your Theme Navy */
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    border: 1px solid #ffe4e9; /* Light Pink Border */
    transition: 0.3s;
}

.feature-pill:hover {
    transform: translateY(-3px);
    background: #28a745;
    color: #fff;
    border-color: #28a745;
}

.shop-desc strong {
    color: #1f2b7b;
}
/* Make the Cart link green so it catches the eye */
.navbar-nav li a[href*="cart"] {
    color: #28a745 !important;
    font-weight: 800;
}

/* Add a little space for the icon */
.navbar-nav li a i {
    margin-right: 5px;
}
/* Styling the Cart Count Bubble */
.cart-contents {
    position: relative; /* Crucial for positioning the bubble */
    display: inline-flex;
    align-items: center;
}

.cart-contents i {
    margin-right: 5px;
}

.cart-count {
    background: #ff5e13 !important; /* Your Theme Orange */
    color: #ffffff !important;
    font-size: 11px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%; /* Perfect circle */
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* Position the bubble over the icon */
    position: absolute;
    top: -10px; /* Adjust as needed */
    right: -10px; /* Adjust as needed */
    line-height: 1;
}
/* CF7 Form Styling */
.cf7-form-wrapper input, .cf7-form-wrapper textarea {
    width: 100%;
    padding: 12px 15px;
    margin-bottom: 15px;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    background: #f9f9f9;
}
.cf7-form-wrapper input:focus {
    border-color: #28a745;
    outline: none;
}
.wpcf7-submit {
    background: #28a745 !important;
    color: white !important;
    padding: 10px 30px !important;
    border: none !important;
    border-radius: 5px !important;
    font-weight: 700 !important;
    cursor: pointer;
}
/* --- Contact Form 7 Premium Theme --- */
.cf7-form-wrapper {
    background: #ffffff;
    padding: 40px;
    border-radius: 30px; /* Big curves like your volunteer form */
}

.form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 5px;
}

.form-group {
    flex: 1;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.form-group label {
    font-size: 12px;
    font-weight: 800;
    color: #1f2b7b; /* Navy Blue */
    margin-bottom: 8px;
    text-transform: uppercase;
}

/* Input Styling */
.wpcf7-form-control:not(.wpcf7-submit) {
    background-color: #f8faff !important;
    border: 1px solid #f0f3f9 !important;
    border-radius: 12px !important;
    padding: 15px 20px !important;
    color: #1f2b7b;
    font-size: 15px;
    transition: 0.3s;
}

.wpcf7-form-control:focus {
    background-color: #ffffff !important;
    border-color: #ff5e13 !important; /* Orange Focus */
    box-shadow: 0 5px 15px rgba(255, 94, 19, 0.05);
    outline: none;
}

/* The Big Orange Button */
.wpcf7-submit {
    width: 100%;
    background-color: #ff5e13 !important; /* Your Orange */
    color: #ffffff !important;
    border: none !important;
    border-radius: 15px !important;
    padding: 18px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    margin-top: 10px;
}

.wpcf7-submit:hover {
    background-color: #1f2b7b !important; /* Changes to Navy on hover */
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(31, 43, 123, 0.2);
}

/* Panvatha contact: beat global .wpcf7-submit orange (above uses !important on background-color) */
.page-contact--panvatha .pc-contact__wpcf7 .wpcf7 .wpcf7-submit,
.page-contact--panvatha .pc-contact__wpcf7 .wpcf7 button.wpcf7-submit,
.page-contact--panvatha .pc-contact__wpcf7 .wpcf7 input.wpcf7-submit {
    background: linear-gradient(135deg, #7a4d28 0%, #5a3d28 100%) !important;
    color: #fffcf0 !important;
    border: none !important;
}

.page-contact--panvatha .pc-contact__wpcf7 .wpcf7 .wpcf7-submit:hover,
.page-contact--panvatha .pc-contact__wpcf7 .wpcf7 button.wpcf7-submit:hover,
.page-contact--panvatha .pc-contact__wpcf7 .wpcf7 input.wpcf7-submit:hover {
    background: linear-gradient(135deg, #8b5a2e 0%, #6b4423 100%) !important;
    color: #fffcf0 !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 26px rgba(60, 40, 25, 0.24);
}

/* Donation Method Hover Effects */
.method-item-clickable:hover {
    transform: translateY(-5px);
    border-color: #ff5e13 !important;
    box-shadow: 0 15px 35px rgba(255, 94, 19, 0.1) !important;
}

#qrModal {
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* =====================================================
   Panvatha Hero — Full-height, wave-blended, responsive
   ===================================================== */
.panvatha-hero {
    position: relative;
    background-color: #3d4a36;
    background-image: url(assets/img/hero/panvatha-hero-garden.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: 72% 30% !important;
    overflow: hidden;
}

/* Strong cream scrim on the left (busy greenery); stays clear on the right for subjects */
.panvatha-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(
        100deg,
        rgba(253, 251, 247, 0.96) 0%,
        rgba(253, 251, 247, 0.88) 14%,
        rgba(253, 251, 247, 0.62) 32%,
        rgba(253, 251, 247, 0.28) 50%,
        rgba(253, 251, 247, 0.08) 64%,
        rgba(253, 251, 247, 0) 78%
    );
}

.panvatha-hero .single-slider {
    position: relative;
    z-index: 1;
}

.panvatha-hero .single-slider .container {
    position: relative;
    z-index: 2;
}

/* Tall, vertically centred hero */
.panvatha-hero .single-slider.slider-height {
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: clamp(650px, 95vh, 1100px) !important;
    height: auto !important;
    padding-top: clamp(100px, 12vw, 150px) !important;
    padding-bottom: clamp(100px, 12vw, 140px) !important;
    box-sizing: border-box;
}

.panvatha-hero .hero__caption {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Type sits directly on the photo; readability comes from .panvatha-hero::before + text-shadow */
.panvatha-hero .ngo-hero-caption {
    position: relative;
    display: block;
    max-width: 100%;
    padding: 0;
    text-align: left;
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.panvatha-hero .ngo-hero-caption h1 {
    color: #2a2218 !important;
    text-shadow:
        0 0 8px rgba(255, 255, 255, 0.9),
        0 2px 4px rgba(255, 252, 248, 0.8);
    font-size: clamp(1.65rem, 1.1rem + 2.2vw, 3.1rem) !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    margin-bottom: 0.6rem !important;
    letter-spacing: 0.02em;
}

.panvatha-hero .ngo-hero-caption .hero-tagline {
    color: #3d2f26 !important;
    text-shadow:
        0 0 6px rgba(255, 255, 255, 0.85),
        0 1px 2px rgba(255, 250, 245, 0.8);
    font-size: clamp(0.95rem, 0.8rem + 0.5vw, 1.2rem) !important;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 1.1rem !important;
    line-height: 1.5 !important;
}

.panvatha-hero .ngo-hero-btn {
    display: block;
    margin-top: 0.2rem;
}

.panvatha-hero .ngo-hero-btn .btn-shop {
    background: #ddb892 !important;
    color: #2c2416 !important;
    border: 1px solid rgba(90, 60, 40, 0.25) !important;
    width: auto !important;
    max-width: 100%;
    display: inline-block !important;
    padding: 14px 36px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    font-size: 0.85rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    border-radius: 50px;
    box-shadow: 0 4px 18px rgba(90, 60, 30, 0.18);
    transition: background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

.panvatha-hero .ngo-hero-btn .btn-shop:hover,
.panvatha-hero .ngo-hero-btn .btn-shop:focus {
    background: #ddb892 !important;
    color: #2c2416 !important;
    border: 1px solid rgba(90, 60, 40, 0.25) !important;
    box-shadow: 0 4px 18px rgba(90, 60, 30, 0.18) !important;
    text-decoration: none;
    transform: none !important;
}

.panvatha-hero .ngo-hero-btn .btn-shop::before {
    display: none !important;
}

/* ── Wave divider at the bottom of hero ─────────── */
.hero-wave-divider {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    line-height: 0;
    z-index: 3;
    pointer-events: none;
}

.hero-wave-divider svg {
    display: block;
    width: 100%;
    height: clamp(55px, 7vw, 95px);
}

/* ── Mission section: wave handles the join ── */
.panvatha-hero + .mission-statement-area {
    margin-top: 0 !important;
    padding-top: 2.5rem !important;
    padding-bottom: 5rem !important;
    background: #FDFBF7;
    border-radius: 0;
    box-shadow: none;
}

.panvatha-hero + .mission-statement-area::before {
    display: none !important;
}

/* ── Responsive ──────────────────────────────────── */
@media (max-width: 991px) {
    .panvatha-hero {
        background-size: cover !important;
        /* Top-anchored: avoids cropping heads with background-size: cover on tall viewports */
        background-position: 66% 0% !important;
    }
    .panvatha-hero .single-slider.slider-height {
        min-height: clamp(560px, 85vh, 900px) !important;
        padding-top: clamp(88px, 14vw, 110px) !important;
        padding-bottom: 100px !important;
    }
}

@media (max-width: 767px) {
    .panvatha-hero {
        background-size: cover !important;
        background-position: 68% 0% !important;
    }
    .panvatha-hero::before {
        background: linear-gradient(
            150deg,
            rgba(253, 251, 247, 0.82) 0%,
            rgba(253, 251, 247, 0.58) 40%,
            rgba(253, 251, 247, 0.22) 70%,
            rgba(253, 251, 247, 0) 100%
        );
    }
    .panvatha-hero .single-slider.slider-height {
        min-height: clamp(480px, 78vh, 750px) !important;
        padding-top: clamp(82px, 15vw, 100px) !important;
        padding-bottom: 90px !important;
    }
    .hero-wave-divider svg {
        height: 50px;
    }
}

@media (max-width: 575px) {
    .panvatha-hero {
        background-size: cover !important;
        background-position: 72% 0% !important;
    }
    .panvatha-hero::before {
        background: linear-gradient(
            168deg,
            rgba(253, 251, 247, 0.85) 0%,
            rgba(253, 251, 247, 0.52) 38%,
            rgba(253, 251, 247, 0.2) 68%,
            rgba(253, 251, 247, 0) 92%
        );
    }
    .panvatha-hero .single-slider.slider-height {
        min-height: clamp(420px, 72vh, 680px) !important;
        padding-top: clamp(76px, 16vw, 92px) !important;
        padding-bottom: 80px !important;
    }
    .hero-wave-divider svg {
        height: 42px;
    }
    .panvatha-hero + .mission-statement-area {
        padding-top: 1.5rem !important;
    }
}

/* Peach banner + Our Family: avoid double “hero” top spacing (banner already clears the header) */
.volunteer-banner-area + .ngo-family-area {
    padding-top: 50px;
}

/* Our Family template (page-our-family.php): one body color for all paragraph text */
main.page-our-family p {
    color: #2c2416 !important;
}
main.page-our-family .flood-angels p {
    color: rgba(255, 255, 255, 0.94) !important;
}

/* Contact page (template-contact.php): Panvatha warm theme + CF7 layout */
.page-contact--panvatha .petcare-page-hero {
    background-color: #ffedd8;
    background-image: radial-gradient(rgba(201, 168, 108, 0.22) 1px, transparent 1px);
    background-size: 24px 24px;
    border-bottom: 1px solid #e5d4c0;
    padding-bottom: 2rem;
}

.page-contact--panvatha .petcare-page-hero__title {
    color: #5a3d28;
    font-weight: 800;
    font-size: clamp(2rem, 4.5vw, 2.85rem);
    margin: 0 0 0.5rem;
    line-height: 1.15;
}

.page-contact--panvatha .petcare-page-hero__title::after {
    content: "";
    display: block;
    width: 3.25rem;
    height: 4px;
    margin: 0.85rem auto 0;
    border-radius: 4px;
    background: linear-gradient(90deg, #d4af37, #c9a86c, #8b6914);
}

.page-contact--panvatha .petcare-page-hero__subtitle {
    color: #8b6914;
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: none;
    letter-spacing: 0.02em;
    margin: 0 0 1rem;
}

/* === Contact page (template-contact.php) — one layout system, Panvatha palette === */
.pc-contact {
    padding: 2.5rem 0 0;
    background: #fdfbf7;
    background-image: radial-gradient(rgba(201, 168, 108, 0.1) 1px, transparent 1px);
    background-size: 22px 22px;
}

.pc-contact__eyebrow {
    text-align: center;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #8b6914;
    margin: 0 0 0.5rem;
}

.pc-contact__intro {
    text-align: center;
    max-width: 42rem;
    margin: 0 auto 1.85rem;
    color: #2c2416;
    font-size: 1.02rem;
    line-height: 1.7;
    opacity: 0.95;
}

.pc-contact__strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem 1.25rem;
    margin: 0 0 1.5rem;
    padding: 0;
    list-style: none;
}

.page-contact--panvatha .pc-contact h2.pc-contact__eyebrow {
    font-family: "Muli", "Roboto", sans-serif;
    font-weight: 800;
}

.pc-contact__tile {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    min-height: 100%;
    padding: 1.25rem 1.2rem 1.35rem;
    background: linear-gradient(165deg, #fffcf8 0%, #ffffff 52%, #fff8f0 100%);
    border: 1px solid #e5d4c0;
    border-radius: 20px;
    box-shadow: 0 6px 22px rgba(90, 61, 40, 0.05);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.pc-contact__tile:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 36px rgba(90, 61, 40, 0.1);
    border-color: #d4c4a8;
}

.pc-contact__tile-ico {
    flex-shrink: 0;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, rgba(201, 168, 108, 0.35) 0%, #fff8f0 100%);
    border: 1px solid rgba(201, 168, 108, 0.45);
    color: #6b4423;
    font-size: 1.05rem;
}

.pc-contact__tile-kicker {
    display: block;
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #8a7a6c;
    font-weight: 700;
    margin-bottom: 0.4rem;
}

.pc-contact__tile-body {
    min-width: 0;
    flex: 1;
}

.pc-contact__tile-body a {
    display: block;
    color: #5a3d28;
    font-weight: 700;
    font-size: 0.9rem;
    line-height: 1.4;
    text-decoration: none;
    word-break: break-word;
}

.pc-contact__tile-body a:hover {
    color: #8b6914;
    text-decoration: underline;
}

.pc-contact__tile-mail {
    display: block;
}

.pc-contact__tile-addr {
    color: #2c2416;
    font-size: 0.88rem;
    line-height: 1.5;
    font-style: normal;
}

.pc-contact__visits-kicker {
    margin: 0 0 0.3rem;
}

.pc-contact__visits-kicker strong {
    display: block;
    color: #5a3d28;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.3;
}

.pc-contact__visits {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem 1rem;
    padding: 1.1rem 1.2rem 1.15rem 1.15rem;
    margin-bottom: 2.25rem;
    background: #fff8f0;
    border: 1px solid #e8ddcf;
    border-radius: 16px;
    border-left: 4px solid #c9a86c;
    box-shadow: 0 4px 20px rgba(90, 61, 40, 0.05);
}

.pc-contact__visits-ico {
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff8f0;
    color: #8b6914;
    font-size: 1rem;
    border: 1px solid #e5d4c0;
    margin-top: 0.1rem;
}

.pc-contact__visits-text p {
    margin: 0;
    font-size: 0.88rem;
    color: #2c2416;
    line-height: 1.55;
    opacity: 0.95;
}

.pc-contact__section--message {
    padding-bottom: 0.25rem;
}

.pc-contact__section--location {
    padding-bottom: 0.5rem;
}

/* Split card: matches volunteers “join” block */
.pc-contact__split {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    background: #ffffff;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(90, 61, 40, 0.12), 0 1px 0 rgba(255, 255, 255, 0.85) inset;
    border: 1px solid #e5d4c0;
    margin-bottom: 2.5rem;
}

.pc-contact__split::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    z-index: 2;
    background: linear-gradient(90deg, #d4af37 0%, #c9a86c 45%, #8b6914 100%);
    pointer-events: none;
}

.pc-contact__aside {
    width: 40%;
    flex: 0 0 40%;
    max-width: 40%;
    box-sizing: border-box;
    background: linear-gradient(160deg, #3d2a1c 0%, #2c1f15 50%, #4a3222 100%);
    padding: 2.5rem 2.35rem;
    color: #fffcf0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
}

.pc-contact__aside::after {
    content: "\f4ad";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    bottom: -1.5rem;
    right: -1.5rem;
    font-size: 11.5rem;
    color: rgba(201, 168, 108, 0.12);
    pointer-events: none;
    line-height: 1;
}

.pc-contact__aside .join-hero-icon {
    position: relative;
    z-index: 1;
}

.pc-contact__aside-title,
.pc-contact__aside h2 {
    position: relative;
    z-index: 1;
    font-size: clamp(1.5rem, 2.5vw, 2.1rem);
    font-weight: 800;
    margin: 0 0 0.75rem;
    line-height: 1.2;
    color: #fffcf0;
}

.pc-contact__aside-text,
.pc-contact__aside p {
    position: relative;
    z-index: 1;
    font-size: 0.98rem;
    line-height: 1.65;
    margin: 0 0 1.1rem;
    color: rgba(255, 252, 240, 0.92);
}

.pc-contact__aside .join-perks {
    position: relative;
    z-index: 1;
}

.pc-contact__form-panel {
    width: 60%;
    flex: 0 1 60%;
    min-width: 0;
    max-width: 60%;
    box-sizing: border-box;
    padding: 2.25rem 2.35rem 2rem 2.5rem;
    background: linear-gradient(180deg, #fffdf9 0%, #ffffff 35%, #ffffff 100%);
    align-self: flex-start;
    position: relative;
    z-index: 1;
}

.pc-contact__req {
    color: #a67c2a;
    font-weight: 800;
}

@media (min-width: 992px) {
    .pc-contact__form-panel {
        border-left: 1px solid rgba(229, 212, 192, 0.7);
        box-shadow: -12px 0 32px rgba(90, 61, 40, 0.04);
    }
}

/* Override global “CF7 Premium” (.wpcf7-form-control navy/orange) inside contact form */
.page-contact--panvatha .pc-contact__wpcf7 .wpcf7 .wpcf7-form-control:not(.wpcf7-submit) {
    background-color: #fff8f0 !important;
    border: 1px solid #e5d4c0 !important;
    border-radius: 12px !important;
    padding: 0 0.95rem !important;
    color: #2c2416 !important;
    font-size: 0.95rem !important;
    box-shadow: none !important;
}

.page-contact--panvatha .pc-contact__wpcf7 .wpcf7 textarea.wpcf7-form-control {
    padding: 0.5rem 0.95rem !important;
}

.page-contact--panvatha .pc-contact__wpcf7 .wpcf7 .wpcf7-form-control:focus {
    background-color: #ffffff !important;
    border-color: #c9a86c !important;
    box-shadow: 0 0 0 3px rgba(201, 168, 108, 0.25) !important;
    outline: none !important;
}

/* CF7: size attr stripped in functions.php. Grid: p1–p2 names, p3–p4 email|phone, p5–p6 message|send. */
.page-contact--panvatha .pc-contact__form-panel .pc-contact__wpcf7 .wpcf7 .wpcf7-form-control:not(.wpcf7-submit) {
    max-width: none !important;
    min-width: 0 !important;
}

.page-contact--panvatha .pc-contact__form-panel .pc-contact__wpcf7 .wpcf7 input.wpcf7-form-control,
.page-contact--panvatha .pc-contact__form-panel .pc-contact__wpcf7 .wpcf7 textarea.wpcf7-form-control {
    width: 100% !important;
    box-sizing: border-box;
}

.pc-contact__wpcf7 .wpcf7 {
    color: #2c2416;
    width: 100%;
    max-width: none;
}

.pc-contact__wpcf7 .wpcf7 form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.4rem 0.95rem;
    align-items: start;
    justify-items: stretch;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

/* CF7 often wraps fields in .contact-form-container (fieldset + div as direct children). A 2-col
   form grid puts the hidden fieldset in column 1 and the whole container in column 2 — half-empty. */
.page-contact--panvatha .pc-contact__wpcf7 .wpcf7 form.wpcf7-form:has(.contact-form-container),
body.petcare-contact-layout .pc-contact__wpcf7 .wpcf7 form.wpcf7-form:has(.contact-form-container) {
    display: block;
    width: 100%;
    max-width: none;
}

.page-contact--panvatha .pc-contact__wpcf7 .wpcf7 form.wpcf7-form:has(.contact-form-container) > fieldset.hidden-fields-container,
body.petcare-contact-layout .pc-contact__wpcf7 .wpcf7 form.wpcf7-form:has(.contact-form-container) > fieldset.hidden-fields-container {
    border: 0;
    margin: 0;
    padding: 0;
}

.page-contact--panvatha .pc-contact__wpcf7 .wpcf7 .contact-form-container,
body.petcare-contact-layout .pc-contact__wpcf7 .wpcf7 .contact-form-container {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

.page-contact--panvatha .pc-contact__wpcf7 .contact-form-container .form-row,
body.petcare-contact-layout .pc-contact__wpcf7 .contact-form-container .form-row {
    width: 100%;
}

.page-contact--panvatha .pc-contact__wpcf7 .contact-form-container .form-group,
body.petcare-contact-layout .pc-contact__wpcf7 .contact-form-container .form-group {
    min-width: 0;
}

.pc-contact__wpcf7 .wpcf7 form > p {
    margin: 0;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    justify-self: stretch;
}

.pc-contact__wpcf7 .wpcf7 form br {
    display: none;
}

.pc-contact__wpcf7 .wpcf7 form > p:has(.wpcf7-textarea),
.pc-contact__wpcf7 .wpcf7 form > p:has(textarea),
.pc-contact__wpcf7 .wpcf7 form > p:has(input[type="submit"]),
.pc-contact__wpcf7 .wpcf7 form > p:has(.wpcf7-submit),
.pc-contact__wpcf7 .wpcf7 form > p:has(button.wpcf7-submit),
.pc-contact__wpcf7 .wpcf7 form > p:has(.wpcf7-acceptance),
.pc-contact__wpcf7 .wpcf7 form > p:has(.wpcf7-file),
.pc-contact__wpcf7 .wpcf7 form > p:has(.wpcf7-quiz),
.pc-contact__wpcf7 .wpcf7 form > p:has(.wpcf7-recaptcha) {
    grid-column: 1 / -1;
}

@media (min-width: 768px) {
    /* Row 1–2: first name | last name only */
    .pc-contact__wpcf7 .wpcf7 form > p:nth-of-type(1) {
        grid-column: 1;
    }
    .pc-contact__wpcf7 .wpcf7 form > p:nth-of-type(2) {
        grid-column: 2;
    }
    /* Everything else full width (email, phone, message, submit) — was 50/50 and left empty grid gap */
    .pc-contact__wpcf7 .wpcf7 form > p:nth-of-type(n + 3) {
        grid-column: 1 / -1;
    }
}

.pc-contact__form-panel .pc-contact__wpcf7 .wpcf7 input:not([type="hidden"]):not([type="submit"]),
.pc-contact__form-panel .pc-contact__wpcf7 .wpcf7 textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

.pc-contact__wpcf7 .wpcf7 form > .wpcf7-response-output {
    grid-column: 1 / -1;
    margin: 0;
}

.pc-contact__wpcf7 .wpcf7 label,
.pc-contact__wpcf7 .wpcf7-form label {
    display: block;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #5a3d28;
    margin-bottom: 0.28rem;
    line-height: 1.3;
}

.pc-contact__wpcf7 .wpcf7 .wpcf7-form-control-wrap {
    display: block;
    margin-top: 0;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    min-width: 0;
}

/* Isolate from global .wpcf7-form-control in this stylesheet */
.pc-contact__wpcf7 .wpcf7 input[type="text"],
.pc-contact__wpcf7 .wpcf7 input[type="email"],
.pc-contact__wpcf7 .wpcf7 input[type="tel"],
.pc-contact__wpcf7 .wpcf7 input[type="url"],
.pc-contact__wpcf7 .wpcf7 input[type="number"],
.pc-contact__wpcf7 .wpcf7 select,
.pc-contact__wpcf7 .wpcf7 textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    min-height: 2.75rem;
    height: auto;
    padding: 0 0.95rem;
    font-size: 0.92rem;
    color: #2c2416 !important;
    background-color: #fff8f0 !important;
    border: 1px solid #e5d4c0 !important;
    border-radius: 12px;
    font-family: inherit;
    -webkit-appearance: none;
    appearance: none;
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}

.pc-contact__wpcf7 .wpcf7 input:-webkit-autofill,
.pc-contact__wpcf7 .wpcf7 input:-webkit-autofill:hover,
.pc-contact__wpcf7 .wpcf7 input:-webkit-autofill:focus,
.pc-contact__wpcf7 .wpcf7 input:-webkit-autofill:active {
    -webkit-text-fill-color: #2c2416 !important;
    border: 1px solid #e5d4c0 !important;
    box-shadow: 0 0 0 1000px #fff8f0 inset !important;
    transition: background-color 99999s ease-out 0s;
}

.pc-contact__wpcf7 .wpcf7 textarea {
    min-height: 5.5rem;
    max-height: 11rem;
    padding: 0.5rem 0.95rem;
    resize: vertical;
    line-height: 1.5;
}

.pc-contact__wpcf7 .wpcf7 input[type="text"],
.pc-contact__wpcf7 .wpcf7 input[type="email"],
.pc-contact__wpcf7 .wpcf7 input[type="tel"] {
    height: 2.75rem;
    min-height: 2.75rem;
}

.pc-contact__wpcf7 .wpcf7 input:focus,
.pc-contact__wpcf7 .wpcf7 select:focus,
.pc-contact__wpcf7 .wpcf7 textarea:focus {
    outline: none !important;
    background-color: #ffffff !important;
    border-color: #c9a86c !important;
    box-shadow: 0 0 0 3px rgba(201, 168, 108, 0.25) !important;
}

.pc-contact__wpcf7 .wpcf7 input::placeholder,
.pc-contact__wpcf7 .wpcf7 textarea::placeholder {
    color: #9a8a7a;
    opacity: 1;
}

.pc-contact__wpcf7 .wpcf7 form > p:has(input[type="submit"]),
.pc-contact__wpcf7 .wpcf7 form > p:has(button.wpcf7-submit) {
    text-align: left;
    margin-top: 0.15rem;
}

.pc-contact__wpcf7 .wpcf7 input[type="submit"],
.pc-contact__wpcf7 .wpcf7 input.wpcf7-submit:not(.join-btn) {
    max-width: none;
    width: 100%;
    margin: 0.25rem 0 0;
    min-height: 3.1rem;
    border-radius: 14px;
    display: block;
    background: linear-gradient(135deg, #7a4d28 0%, #5a3d28 100%) !important;
    color: #fffcf0 !important;
    font-size: 0.9rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    box-shadow: 0 8px 24px rgba(60, 40, 25, 0.2);
    border: none !important;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s, filter 0.2s;
}

.pc-contact__wpcf7 .wpcf7 input[type="submit"]:hover,
.pc-contact__wpcf7 .wpcf7 .wpcf7-submit:hover {
    filter: brightness(1.05);
    transform: translateY(-1px);
    box-shadow: 0 10px 26px rgba(60, 40, 25, 0.24);
}

.pc-contact__wpcf7 .wpcf7-not-valid-tip {
    font-size: 0.78rem;
    color: #8b4513;
    margin-top: 0.3rem;
    display: block;
}

.pc-contact__wpcf7 .wpcf7 form .wpcf7-response-output {
    border-radius: 10px;
    padding: 0.75rem 1rem;
    font-size: 0.88rem;
    border-width: 1px;
}

.pc-contact__wpcf7 .wpcf7 form.sent .wpcf7-response-output,
.pc-contact__wpcf7 .wpcf7 form.init .wpcf7-response-output {
    border-color: #c9a86c;
    background: #fff8f0;
    color: #2c2416;
}

.pc-contact__map-outer {
    margin-top: 0.5rem;
}

.pc-contact__map {
    max-width: 100%;
    margin: 0 auto 2.5rem;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 16px 44px rgba(90, 61, 40, 0.12);
    border: 1px solid #e5d4c0;
    min-height: 360px;
    background: #e8dfd4;
}

.pc-contact__map iframe {
    display: block;
    width: 100%;
    min-height: 360px;
    vertical-align: bottom;
}

/* ── Tablet (≤991px) ─────────────────────────────────────────────── */
@media (max-width: 991.98px) {
    .pc-contact__strip {
        grid-template-columns: 1fr;
        gap: 0.85rem;
    }
    .pc-contact__tile {
        min-height: 0;
        padding: 1rem 1rem 1.1rem;
    }
    .pc-contact__split {
        flex-direction: column;
        border-radius: 1.5rem;
    }
    .pc-contact__aside,
    .pc-contact__form-panel {
        width: 100%;
        max-width: none;
        flex: 1 1 auto;
        padding: 2rem 1.35rem 1.75rem;
    }
    .pc-contact__form-panel {
        padding-top: 1.35rem;
    }
    .pc-contact__visits {
        flex-direction: row;
        align-items: flex-start;
    }
    .pc-contact__map iframe {
        height: 300px;
    }
    .pc-contact__intro {
        font-size: 0.97rem;
    }
}

/* ── Mobile (≤767px) ─────────────────────────────────────────────── */
@media (max-width: 767.98px) {
    .pc-contact {
        padding: 1.75rem 0 0;
    }
    .pc-contact__section--lead .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .pc-contact__intro {
        font-size: 0.93rem;
        margin-bottom: 1.25rem;
    }
    .pc-contact__strip {
        grid-template-columns: 1fr;
        gap: 0.75rem;
        margin-bottom: 1rem;
    }
    .pc-contact__tile {
        padding: 0.9rem 0.9rem 1rem;
        border-radius: 14px;
    }
    .pc-contact__tile-ico {
        width: 2.2rem;
        height: 2.2rem;
        font-size: 0.9rem;
    }
    .pc-contact__tile-body a {
        font-size: 0.85rem;
        word-break: break-all;
    }
    .pc-contact__tile-mail {
        word-break: break-all;
        font-size: 0.82rem;
    }
    .pc-contact__visits {
        flex-direction: row;
        align-items: flex-start;
        padding: 0.9rem 0.9rem 0.95rem;
        margin-bottom: 1.5rem;
        border-radius: 12px;
    }
    .pc-contact__visits-ico {
        width: 2rem;
        height: 2rem;
        font-size: 0.85rem;
    }
    .pc-contact__visits-text p {
        font-size: 0.84rem;
    }
    .pc-contact__split {
        border-radius: 1.2rem;
        margin-bottom: 1.5rem;
    }
    .pc-contact__aside,
    .pc-contact__form-panel {
        padding: 1.5rem 1rem 1.4rem;
    }
    .pc-contact__aside::after {
        font-size: 7rem;
        bottom: -1rem;
        right: -1rem;
    }
    .pc-contact__map iframe {
        height: 260px;
    }
    .pc-contact__wpcf7 .wpcf7 form {
        grid-template-columns: 1fr;
    }
    .pc-contact__wpcf7 .wpcf7 form > p {
        grid-column: 1 / -1;
    }
    .pc-contact__wpcf7 .wpcf7 .wpcf7-submit,
    .pc-contact__wpcf7 .wpcf7 button.wpcf7-submit {
        max-width: 100%;
    }
    .pc-contact__wpcf7 .wpcf7 form > p:has(input[type="submit"]),
    .pc-contact__wpcf7 .wpcf7 form > p:has(button.wpcf7-submit) {
        text-align: center;
    }
}

/* ── Small mobile (≤575px) ───────────────────────────────────────── */
@media (max-width: 575.98px) {
    .pc-contact {
        padding: 1.25rem 0 0;
    }
    .pc-contact__section--lead .container {
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }
    .pc-contact__intro {
        font-size: 0.88rem;
        line-height: 1.6;
        margin-bottom: 1rem;
    }
    .pc-contact__strip {
        gap: 0.6rem;
        margin-bottom: 0.85rem;
    }
    .pc-contact__tile {
        padding: 0.8rem 0.8rem 0.9rem;
        border-radius: 12px;
        gap: 0.7rem;
    }
    .pc-contact__tile-ico {
        width: 2rem;
        height: 2rem;
        font-size: 0.82rem;
        border-radius: 10px;
    }
    .pc-contact__tile-body a {
        font-size: 0.82rem;
    }
    .pc-contact__tile-mail {
        font-size: 0.78rem;
    }
    .pc-contact__tile-addr {
        font-size: 0.8rem;
    }
    .pc-contact__visits {
        padding: 0.8rem 0.8rem 0.85rem;
        gap: 0.7rem;
        margin-bottom: 1.1rem;
    }
    .pc-contact__aside,
    .pc-contact__form-panel {
        padding: 1.25rem 0.85rem 1.2rem;
    }
    .pc-contact__split {
        border-radius: 1rem;
    }
    .pc-contact__map iframe {
        height: 220px;
    }
    .pc-contact__map {
        margin-bottom: 1.5rem;
    }
    .pc-contact__map-outer {
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }
    .pc-contact__wpcf7 .wpcf7 input[type="text"],
    .pc-contact__wpcf7 .wpcf7 input[type="email"],
    .pc-contact__wpcf7 .wpcf7 input[type="tel"] {
        height: 2.5rem;
        min-height: 2.5rem;
        font-size: 0.88rem;
    }
    .pc-contact__wpcf7 .wpcf7 textarea {
        font-size: 0.88rem;
    }
}

/* === WooCommerce — Panvatha shop (dotted cream + warm hero, aligned with contact/support) === */
.page-shop--panvatha {
    background: #fdfbf7;
    background-image: radial-gradient(rgba(201, 168, 108, 0.1) 1px, transparent 1px);
    background-size: 22px 22px;
    min-height: 50vh;
}

/* Hero: same language as .page-contact--panvatha */
.page-shop--panvatha .petcare-page-hero {
    background-color: #ffedd8;
    background-image: radial-gradient(rgba(201, 168, 108, 0.22) 1px, transparent 1px);
    background-size: 24px 24px;
    border-bottom: 1px solid #e5d4c0;
    padding-bottom: 2rem;
}

.page-shop--panvatha .petcare-page-hero__title {
    color: #5a3d28;
    font-weight: 800;
    font-size: clamp(1.75rem, 4vw, 2.6rem);
    margin: 0 0 0.5rem;
    line-height: 1.15;
}

.page-shop--panvatha .petcare-page-hero__title::after {
    content: "";
    display: block;
    width: 3.25rem;
    height: 4px;
    margin: 0.85rem auto 0;
    border-radius: 4px;
    background: linear-gradient(90deg, #d4af37, #c9a86c, #8b6914);
}

.page-shop--panvatha .petcare-page-hero__subtitle {
    color: #8b6914;
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: none;
    letter-spacing: 0.02em;
    margin: 0 0 1rem;
}

/* Intro band + feature pills */
.shop-panvatha__band--intro {
    padding: 2.25rem 0 1.5rem;
}

.shop-panvatha__lead {
    max-width: 46rem;
    margin: 0 auto 1.75rem;
}

.shop-panvatha__lead p {
    font-size: 1.02rem;
    line-height: 1.75;
    color: #2c2416;
    margin: 0;
}

.shop-panvatha__pills {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.6rem 0.75rem;
}

.shop-panvatha__pill {
    display: inline-block;
    padding: 0.5rem 1.1rem;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #5a3d28;
    background: linear-gradient(165deg, #fffcf8 0%, #ffffff 55%, #fff8f0 100%);
    border: 1px solid #e5d4c0;
    border-radius: 999px;
    box-shadow: 0 4px 16px rgba(90, 61, 40, 0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.shop-panvatha__pill:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(90, 61, 40, 0.1);
    border-color: #d4c4a8;
}

/* “Essentials” subheading */
.shop-panvatha__essentials {
    padding: 0.5rem 0 1.5rem;
}

.shop-panvatha__h2 {
    color: #5a3d28;
    font-size: clamp(1.4rem, 2.5vw, 1.9rem);
    font-weight: 800;
    margin: 0 0 0.6rem;
    line-height: 1.2;
}

.shop-panvatha__deco-line {
    width: 3rem;
    height: 4px;
    margin: 0 auto 1rem;
    border-radius: 4px;
    background: linear-gradient(90deg, #d4af37, #8b6914, #b8860b);
}

.shop-panvatha__kicker {
    color: #6b5648;
    font-size: 1.02rem;
    line-height: 1.6;
    margin: 0;
    max-width: 32rem;
    margin-left: auto;
    margin-right: auto;
}

/* Product blocks */
.shop-panvatha__products {
    padding-bottom: 4rem;
}

.shop-panvatha__category {
    margin-bottom: 3.5rem;
}

.shop-panvatha__cat-title {
    color: #5a3d28;
    font-weight: 800;
    font-size: clamp(1.25rem, 2vw, 1.65rem);
    margin: 0 0 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid rgba(201, 168, 108, 0.45);
}

.page-shop--panvatha ul.products {
    margin: 0 -0.4rem;
}

.page-shop--panvatha ul.products li.product {
    background: #ffffff;
    border: 1px solid #e5d4c0;
    border-radius: 16px;
    box-shadow: 0 6px 22px rgba(90, 61, 40, 0.07);
    padding: 0.75rem 0.5rem 1.25rem;
    box-sizing: border-box;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.page-shop--panvatha ul.products li.product:hover {
    box-shadow: 0 12px 32px rgba(90, 61, 40, 0.12);
    transform: translateY(-2px);
}

.page-shop--panvatha ul.products li.product .woocommerce-loop-product__title {
    color: #3d2a1c;
    font-size: 0.95rem;
    font-weight: 700;
    padding: 0.5rem 0.25rem 0.25rem;
}

.page-shop--panvatha ul.products li.product .price {
    color: #5a3d28;
    font-weight: 700;
}

/* Cart, checkout, account, categories (default WC output) */
.page-shop--panvatha--content .woocommerce-petcare-content,
.page-shop--panvatha--cart .woocommerce-petcare-content,
.page-shop--panvatha--checkout .woocommerce-petcare-content {
    padding: 2.5rem 0 4rem;
}

/* Cart + checkout: card-style panels on dotted background */
.page-shop--panvatha--cart .woocommerce-cart-form,
.page-shop--panvatha--cart .cart-collaterals {
    background: #ffffff;
    border: 1px solid #e5d4c0;
    border-radius: 20px;
    box-shadow: 0 8px 28px rgba(90, 61, 40, 0.07);
    padding: 1.5rem 1.25rem 1.75rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
    .page-shop--panvatha--cart .woocommerce-cart-form,
    .page-shop--panvatha--cart .cart-collaterals {
        padding: 2rem 2rem 2.25rem;
    }
}

.page-shop--panvatha--cart table.shop_table,
.page-shop--panvatha--cart .woocommerce-cart-form .shop_table {
    border: 1px solid #e8ddcf !important;
    border-radius: 14px;
    overflow: hidden;
}

.page-shop--panvatha--cart table.shop_table th,
.page-shop--panvatha--cart table.shop_table td {
    border-color: #efe4d6 !important;
    color: #2c2416;
}

.page-shop--panvatha--cart .cart_totals {
    background: transparent;
}

.page-shop--panvatha--cart .cart_totals h2 {
    color: #5a3d28 !important;
    font-size: 1.1rem !important;
}

/* Checkout form + order review */
.page-shop--panvatha--checkout .woocommerce-checkout #order_review_heading {
    background: none;
    border: none;
    box-shadow: none;
    padding: 0 0 0.35rem;
    margin: 0 0 0.5rem;
    color: #5a3d28;
    font-size: 1.1rem;
    font-weight: 800;
}

.page-shop--panvatha--checkout .woocommerce-checkout #customer_details,
.page-shop--panvatha--checkout .woocommerce-checkout #order_review,
.page-shop--panvatha--checkout .woocommerce-checkout .woocommerce-additional-fields,
.page-shop--panvatha--checkout .woocommerce-order,
.page-shop--panvatha--checkout .woocommerce-thankyou-order-received {
    background: #ffffff;
    border: 1px solid #e5d4c0;
    border-radius: 20px;
    box-shadow: 0 8px 28px rgba(90, 61, 40, 0.07);
    padding: 1.5rem 1.25rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
    .page-shop--panvatha--checkout .woocommerce-checkout #customer_details,
    .page-shop--panvatha--checkout .woocommerce-checkout #order_review,
    .page-shop--panvatha--checkout .woocommerce-checkout .woocommerce-additional-fields,
    .page-shop--panvatha--checkout .woocommerce-order {
        padding: 2rem 2rem;
    }
}

.page-shop--panvatha--checkout .woocommerce form .form-row input.input-text,
.page-shop--panvatha--checkout .woocommerce form .form-row textarea,
.page-shop--panvatha--checkout .woocommerce form .form-row select {
    background: #fff8f0 !important;
    border: 1px solid #e5d4c0 !important;
    border-radius: 12px !important;
    color: #2c2416 !important;
    padding: 0.65rem 1rem !important;
}

.page-shop--panvatha--checkout .woocommerce form .form-row input.input-text:focus,
.page-shop--panvatha--checkout .woocommerce form .form-row textarea:focus,
.page-shop--panvatha--checkout .woocommerce form .form-row select:focus {
    border-color: #c9a86c !important;
    box-shadow: 0 0 0 3px rgba(201, 168, 108, 0.2) !important;
    outline: none !important;
}

.page-shop--panvatha--checkout .woocommerce-checkout-review-order-table th,
.page-shop--panvatha--checkout .woocommerce-checkout-review-order-table td {
    border-color: #efe4d6 !important;
}

.page-shop--panvatha--checkout .woocommerce-order-details,
.page-shop--panvatha--checkout .woocommerce-customer-details {
    background: #ffffff;
    border: 1px solid #e5d4c0;
    border-radius: 16px;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.25rem;
}

/* Block checkout (WooCommerce Blocks) — same palette */
.page-shop--panvatha--checkout .wc-block-components-text-input input,
.page-shop--panvatha--checkout .wc-block-components-textarea textarea {
    border-color: #e5d4c0 !important;
    border-radius: 12px !important;
}

.page-shop--panvatha--checkout .wc-block-checkout {
    background: transparent;
}

.page-shop--panvatha .woocommerce h1,
.page-shop--panvatha .woocommerce h2,
.page-shop--panvatha .woocommerce-cart h1,
.page-shop--panvatha .woocommerce-checkout h1,
.page-shop--panvatha .woocommerce-MyAccount h1,
.page-shop--panvatha .woocommerce-MyAccount h2 {
    color: #5a3d28;
    font-weight: 800;
}

.page-shop--panvatha .woocommerce .button.alt,
.page-shop--panvatha .woocommerce a.button,
.page-shop--panvatha .woocommerce button.button {
    background: linear-gradient(135deg, #7a4d28 0%, #5a3d28 100%);
    color: #fffcf0;
    border: none;
    border-radius: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: filter 0.2s, transform 0.2s;
}

.page-shop--panvatha .woocommerce .button.alt:hover,
.page-shop--panvatha .woocommerce a.button:hover,
.page-shop--panvatha .woocommerce button.button:hover {
    background: linear-gradient(135deg, #8b5a2e 0%, #6b4423 100%);
    color: #fffcf0;
    filter: brightness(1.02);
}

.page-shop--panvatha .shop-panvatha__single-inner {
    padding: 2.5rem 0 4rem;
}
/* --- WooCommerce Product Grid Alignment --- */

/* 1. Center the Product Titles */
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce-loop-product__title {
    text-align: center !important;
    padding: 10px 5px 5px !important;
    margin: 0 auto !important;
    display: block !important;
    font-size: 18px !important;
}

/* 2. Center the Price */
.woocommerce ul.products li.product .price, 
.price {
    text-align: center !important;
    display: block !important;
    margin-bottom: 15px !important;
}

/* 3. Ensure the Add to Cart Button is Centered */
.woocommerce ul.products li.product .button {
    display: table !important; /* This helps with horizontal centering */
    margin: 0 auto 15px !important;
    float: none !important;
}

/* 4. Center the "Sale" Badge if needed */
.woocommerce span.onsale {
    left: auto !important;
    right: 10px !important;
}
.woocommerce ul.products li.product {
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    padding-bottom: 10px;
    background: #fff;
    overflow: hidden;
}

/* === Panvatha sage accent (theme only — no WooCommerce plugin changes) === */
:root {
    --petcare-sage: #5c6a52;
    --petcare-sage-mid: #6f7d64;
    --petcare-sage-light: #e4ebe1;
    --petcare-sage-soft: #eef3ec;
    --petcare-sage-border: #b8c4ae;
}

/* Shop: trust / nature pills (see woocommerce.php modifiers) */
.shop-panvatha__pill--natural,
.shop-panvatha__pill--cruelty,
.shop-panvatha__pill--eco {
    color: #3d4a35 !important;
    background: linear-gradient(165deg, #f4f7f2 0%, #fbfcfa 50%, #ffffff 100%) !important;
    border-color: var(--petcare-sage-border) !important;
}

.shop-panvatha__pill--natural:hover,
.shop-panvatha__pill--cruelty:hover,
.shop-panvatha__pill--eco:hover {
    border-color: #9aaa8f !important;
    box-shadow: 0 6px 20px rgba(92, 106, 82, 0.12) !important;
}

.shop-panvatha__pill--ethical,
.shop-panvatha__pill--heart {
    border-left: 3px solid var(--petcare-sage-border);
}

/* WC success notices: sage stripe (class .woocommerce-message = success) */
body.woocommerce .woocommerce-message {
    border-top-color: var(--petcare-sage) !important;
    background-color: var(--petcare-sage-soft) !important;
    color: #2c2416 !important;
}

body.woocommerce .woocommerce-message .button,
body.woocommerce .woocommerce-message a.wc-forward {
    background: linear-gradient(135deg, #5c6a52 0%, #4a5642 100%) !important;
    color: #fffcf0 !important;
    border: none !important;
}

/* Order received (thank you): calm confirmation band */
/* Thank-you line (classic + block checkout where class exists) */
.woocommerce-thankyou-order-received,
body.woocommerce .woocommerce-notice--success.woocommerce-thankyou-order-received {
    padding: 0.75rem 1rem !important;
    border-radius: 12px !important;
    background: var(--petcare-sage-soft) !important;
    border: 1px solid var(--petcare-sage-border) !important;
    border-left: 4px solid var(--petcare-sage) !important;
    color: #2c2416 !important;
}

/* Cart / checkout content wrapper: don’t recolor product rows — only global notices above */

/* Contact form 7: success state — sage (still readable on cream pages) */
.page-contact--panvatha .pc-contact__wpcf7 .wpcf7 form.sent .wpcf7-response-output {
    border-color: var(--petcare-sage-border) !important;
    background: var(--petcare-sage-soft) !important;
    border-left: 4px solid var(--petcare-sage) !important;
    color: #2c2416 !important;
}

/* === Donate page (template-donate.php) — Panvatha warm theme === */
.page-donate--panvatha .petcare-page-hero {
    background-color: #ffedd8;
    background-image: radial-gradient(rgba(201, 168, 108, 0.22) 1px, transparent 1px);
    background-size: 24px 24px;
    border-bottom: 1px solid #e5d4c0;
    padding-bottom: 2rem;
}

.page-donate--panvatha .petcare-page-hero__title {
    color: #5a3d28;
    font-weight: 800;
    font-size: clamp(1.75rem, 4vw, 2.6rem);
    margin: 0 0 0.5rem;
    line-height: 1.15;
}

.page-donate--panvatha .petcare-page-hero__title::after {
    content: "";
    display: block;
    width: 3.25rem;
    height: 4px;
    margin: 0.85rem auto 0;
    border-radius: 4px;
    background: linear-gradient(90deg, #d4af37, #c9a86c, #8b6914);
}

.page-donate--panvatha .petcare-page-hero__subtitle {
    color: #4a3d32;
    font-weight: 600;
    font-size: clamp(0.9rem, 1.5vw, 1rem);
    line-height: 1.65;
    max-width: 42rem;
    margin: 0 auto 1rem;
}

.pc-donate-methods {
    padding: 2.5rem 0 4.5rem;
    background: #fdfbf7;
    background-image: radial-gradient(rgba(201, 168, 108, 0.1) 1px, transparent 1px);
    background-size: 22px 22px;
}

.pc-donate-card {
    background: linear-gradient(165deg, #fffcf8 0%, #ffffff 45%, #fffdf9 100%);
    border: 1px solid #e5d4c0;
    border-radius: 28px;
    box-shadow: 0 24px 56px rgba(90, 61, 40, 0.1);
    padding: clamp(1.5rem, 4vw, 2.75rem);
    position: relative;
    overflow: hidden;
}

.pc-donate-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #d4af37 0%, #c9a86c 50%, #8b6914 100%);
    pointer-events: none;
}

.pc-donate-col--bank {
    border-bottom: 1px solid #efe4d6;
    padding-bottom: 2rem;
}

@media (min-width: 992px) {
    .pc-donate-col--bank {
        border-bottom: none;
        border-right: 1px solid #efe4d6;
        padding-right: 2.5rem;
        padding-bottom: 0;
    }

    .pc-donate-col--methods {
        padding-left: 0.5rem;
    }
}

.pc-donate-heading {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: clamp(1.15rem, 2vw, 1.35rem);
    font-weight: 800;
    color: #5a3d28;
    margin: 0 0 1.25rem;
    line-height: 1.25;
}

.pc-donate-heading__ico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(201, 168, 108, 0.35) 0%, #fff8f0 100%);
    border: 1px solid rgba(201, 168, 108, 0.5);
    color: #6b4423;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.pc-donate-bank-box {
    background: #fff8f0;
    border: 1px solid #e8ddcf;
    border-left: 4px solid #c9a86c;
    border-radius: 16px;
    padding: 1.25rem 1.35rem;
}

.pc-donate-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
    color: #2c2416;
}

.pc-donate-table th {
    padding: 0.65rem 0.75rem 0.65rem 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.68rem;
    letter-spacing: 0.06em;
    color: #8a7a6c;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #efe4d6;
    width: 38%;
}

.pc-donate-table td {
    padding: 0.65rem 0;
    font-weight: 800;
    text-align: right;
    border-bottom: 1px solid #efe4d6;
    color: #3d2a1c;
}

.pc-donate-table tr:last-child th,
.pc-donate-table tr:last-child td {
    border-bottom: none;
}

.pc-donate-method {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    text-align: left;
    text-decoration: none;
    color: inherit;
    background: #ffffff;
    border: 1px solid #e5d4c0;
    border-radius: 16px;
    padding: 1.1rem 1.15rem;
    margin-bottom: 1rem;
    box-shadow: 0 6px 22px rgba(90, 61, 40, 0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    cursor: pointer;
    font-family: inherit;
}

a.pc-donate-method:hover,
a.pc-donate-method:focus {
    text-decoration: none;
    color: inherit;
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(90, 61, 40, 0.12);
    border-color: #d4c4a8;
}

button.pc-donate-method:hover,
button.pc-donate-method:focus {
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(90, 61, 40, 0.12);
    border-color: #d4c4a8;
    outline: none;
}

.pc-donate-method__ico {
    flex-shrink: 0;
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.pc-donate-method__ico--card {
    background: linear-gradient(145deg, #fff4e6 0%, #ffe8cc 100%);
    color: #8b6914;
    border: 1px solid rgba(201, 168, 108, 0.4);
}

.pc-donate-method__ico--qr {
    background: linear-gradient(145deg, #f5efe4 0%, #ebe0d4 100%);
    color: #5a3d28;
    border: 1px solid #e5d4c0;
}

.pc-donate-method__text {
    flex: 1;
    min-width: 0;
}

.pc-donate-method__title {
    display: block;
    font-weight: 800;
    font-size: 1rem;
    color: #3d2a1c;
    margin-bottom: 0.15rem;
}

.pc-donate-method__desc {
    color: #6b5648;
    font-size: 0.88rem;
}

.pc-donate-method__chev {
    color: #b8a898;
    font-size: 0.95rem;
    flex-shrink: 0;
}

.pc-donate-modal {
    display: none;
    position: fixed;
    z-index: 10050;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(30, 22, 16, 0.78);
    align-items: center;
    justify-content: center;
    padding: 1rem;
    box-sizing: border-box;
}

.pc-donate-modal__box {
    position: relative;
    background: #fffdf9;
    border: 1px solid #e5d4c0;
    border-radius: 24px;
    padding: 2rem 1.75rem 1.5rem;
    max-width: 400px;
    width: 100%;
    text-align: center;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25);
}

.pc-donate-modal__close {
    position: absolute;
    top: 0.5rem;
    right: 0.65rem;
    border: none;
    background: none;
    font-size: 1.75rem;
    line-height: 1;
    cursor: pointer;
    color: #8a7a6c;
    padding: 0.25rem 0.5rem;
    border-radius: 8px;
}

.pc-donate-modal__close:hover {
    color: #3d2a1c;
    background: rgba(201, 168, 108, 0.15);
}

.pc-donate-modal__title {
    color: #5a3d28;
    font-weight: 800;
    font-size: 1.25rem;
    margin: 0 0 1rem;
}

.pc-donate-modal__img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    border: 4px solid #fff8f0;
    box-shadow: 0 8px 28px rgba(90, 61, 40, 0.12);
}

.pc-donate-modal__foot {
    margin: 1rem 0 0;
    color: #5a3d28;
    font-weight: 700;
    font-size: 0.95rem;
}

/* Contact: extra specificity + late-enqueued theme CSS — compact form column vs plugin overrides */
main#page-contact.page-contact--panvatha .pc-contact__split {
    align-items: flex-start;
}
main#page-contact.page-contact--panvatha .pc-contact__form-panel {
    flex: 0 1 60%;
    max-width: 60%;
    box-sizing: border-box;
    align-self: flex-start;
    padding: 2.25rem 2.35rem 2rem 2.5rem;
}
main#page-contact.page-contact--panvatha .pc-contact__aside {
    flex: 0 0 40%;
    max-width: 40%;
}

/* Full-bleed fields inside the cream column (email/phone were locked to half-grid) */
@media (min-width: 768px) {
    main#page-contact.page-contact--panvatha .pc-contact__wpcf7 .wpcf7 form > p:nth-of-type(n + 3) {
        grid-column: 1 / -1;
    }
}
main#page-contact.page-contact--panvatha .pc-contact__wpcf7 .wpcf7 form {
    max-width: none;
    width: 100%;
}
main#page-contact.page-contact--panvatha .pc-contact__wpcf7 .wpcf7 .wpcf7-form-control-wrap {
    max-width: none;
}
main#page-contact.page-contact--panvatha .pc-contact__form-panel .pc-contact__wpcf7 .wpcf7 input.wpcf7-form-control,
main#page-contact.page-contact--panvatha .pc-contact__form-panel .pc-contact__wpcf7 .wpcf7 textarea.wpcf7-form-control {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
}
/* =====================================================================
   SHOP — Trust-green action buttons  (Add to Cart / Checkout / Order)
   Brown kept for secondary/navigation buttons
   ===================================================================== */

:root {
    --trust-green:        #2d6a4f;
    --trust-green-dark:   #1b4332;
    --trust-green-mid:    #40916c;
    --trust-green-glow:   rgba(45, 106, 79, 0.22);
}

/* Add to Cart — product grid */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .add_to_cart_button,
.page-shop--panvatha ul.products li.product .button {
    background: linear-gradient(135deg, var(--trust-green-mid) 0%, var(--trust-green) 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    font-size: 0.78rem !important;
    padding: 10px 22px !important;
    box-shadow: 0 4px 14px var(--trust-green-glow) !important;
    transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover,
.page-shop--panvatha ul.products li.product .button:hover {
    background: linear-gradient(135deg, var(--trust-green) 0%, var(--trust-green-dark) 100%) !important;
    box-shadow: 0 6px 20px rgba(45, 106, 79, 0.32) !important;
    transform: translateY(-2px) !important;
    color: #ffffff !important;
}

/* Add to Cart — single product page */
.woocommerce .single_add_to_cart_button,
.woocommerce button.single_add_to_cart_button.button.alt,
.page-shop--panvatha .woocommerce .single_add_to_cart_button {
    background: linear-gradient(135deg, var(--trust-green-mid) 0%, var(--trust-green) 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    padding: 14px 40px !important;
    box-shadow: 0 5px 18px var(--trust-green-glow) !important;
    transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease !important;
}

.woocommerce .single_add_to_cart_button:hover,
.page-shop--panvatha .woocommerce .single_add_to_cart_button:hover {
    background: linear-gradient(135deg, var(--trust-green) 0%, var(--trust-green-dark) 100%) !important;
    box-shadow: 0 8px 24px rgba(45, 106, 79, 0.32) !important;
    transform: translateY(-2px) !important;
}

/* Proceed to Checkout */
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce .wc-proceed-to-checkout .checkout-button,
.page-shop--panvatha .wc-proceed-to-checkout a.checkout-button {
    background: linear-gradient(135deg, var(--trust-green-mid) 0%, var(--trust-green) 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    font-weight: 800 !important;
    letter-spacing: 0.07em !important;
    box-shadow: 0 6px 20px var(--trust-green-glow) !important;
    transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease !important;
}

.woocommerce .wc-proceed-to-checkout a.checkout-button:hover,
.page-shop--panvatha .wc-proceed-to-checkout a.checkout-button:hover {
    background: linear-gradient(135deg, var(--trust-green) 0%, var(--trust-green-dark) 100%) !important;
    box-shadow: 0 8px 28px rgba(45, 106, 79, 0.35) !important;
    transform: translateY(-2px) !important;
}

/* Place Order */
.woocommerce #place_order,
.woocommerce input#place_order,
.woocommerce button#place_order,
.page-shop--panvatha #place_order,
.wc-block-components-checkout-place-order-button {
    background: linear-gradient(135deg, var(--trust-green-mid) 0%, var(--trust-green) 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    font-weight: 800 !important;
    letter-spacing: 0.07em !important;
    box-shadow: 0 6px 20px var(--trust-green-glow) !important;
    transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease !important;
}

.woocommerce #place_order:hover,
.wc-block-components-checkout-place-order-button:hover {
    background: linear-gradient(135deg, var(--trust-green) 0%, var(--trust-green-dark) 100%) !important;
    box-shadow: 0 8px 28px rgba(45, 106, 79, 0.35) !important;
    transform: translateY(-2px) !important;
}

/* "Added to cart" text flash */
.woocommerce ul.products li.product .added_to_cart,
.added_to_cart.wc-forward {
    color: var(--trust-green) !important;
    font-weight: 700 !important;
    font-size: 0.78rem !important;
    display: block !important;
    text-align: center !important;
    margin-top: 4px !important;
}

/* Secondary brown buttons: Update Cart, Return to Shop */
.woocommerce button[name="update_cart"],
.woocommerce .return-to-shop .button {
    background: linear-gradient(135deg, #7a4d28 0%, #5a3d28 100%) !important;
    color: #fffcf0 !important;
    border: none !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 14px rgba(90, 61, 40, 0.2) !important;
    transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease !important;
}

.woocommerce button[name="update_cart"]:hover,
.woocommerce .return-to-shop .button:hover {
    background: linear-gradient(135deg, #8b5a2e 0%, #6b4423 100%) !important;
    box-shadow: 0 6px 20px rgba(90, 61, 40, 0.28) !important;
    transform: translateY(-2px) !important;
}

/* Sale badge */
.woocommerce span.onsale {
    background: var(--trust-green) !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    font-weight: 800 !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.04em !important;
}

/* In-stock status */
.woocommerce .stock.in-stock {
    color: var(--trust-green) !important;
    font-weight: 700 !important;
}

/* ============================================================
   MISSION & VISION — Real photos + animations override
   ============================================================ */
@keyframes mvSlideInLeft  { from{opacity:0;transform:translateX(-50px)} to{opacity:1;transform:translateX(0)} }
@keyframes mvSlideInRight { from{opacity:0;transform:translateX(50px)}  to{opacity:1;transform:translateX(0)} }
@keyframes mvFadeUp       { from{opacity:0;transform:translateY(30px)}  to{opacity:1;transform:translateY(0)} }

.text-block-wrapper { opacity:0; animation:mvSlideInLeft 0.85s cubic-bezier(0.22,1,0.36,1) 0.1s forwards !important; padding-right:24px !important; padding-left:0 !important; }
.flex-row-reverse .text-block-wrapper { animation:mvSlideInRight 0.85s cubic-bezier(0.22,1,0.36,1) 0.1s forwards !important; padding-right:0 !important; padding-left:24px !important; }
.text-block-wrapper h2 { color:#5a3d28 !important; font-size:40px !important; font-weight:800 !important; line-height:1.2 !important; margin-bottom:16px !important; }
.text-block-wrapper h2::after { content:''; display:block; width:52px; height:4px; background:linear-gradient(90deg,#7a4d28,#c4a35a); border-radius:4px; margin-top:12px; }
.text-block-wrapper p { color:#5a524a !important; font-size:16px !important; line-height:1.85 !important; }
.image-block-wrapper { opacity:0; animation:mvSlideInRight 0.9s cubic-bezier(0.22,1,0.36,1) 0.25s forwards !important; position:relative !important; border-radius:20px !important; overflow:hidden !important; box-shadow:0 10px 36px rgba(90,61,40,0.16),0 2px 8px rgba(90,61,40,0.08) !important; transition:transform 0.4s ease,box-shadow 0.4s ease !important; }
.flex-row-reverse .image-block-wrapper { animation:mvSlideInLeft 0.9s cubic-bezier(0.22,1,0.36,1) 0.25s forwards !important; }
.image-block-wrapper:hover { transform:translateY(-6px) !important; box-shadow:0 22px 52px rgba(90,61,40,0.20),0 4px 12px rgba(90,61,40,0.10) !important; }
.image-block-wrapper img { width:100% !important; height:420px !important; object-fit:cover !important; object-position:center top !important; display:block !important; border-radius:0 !important; box-shadow:none !important; transition:transform 0.6s ease !important; }
.image-block-wrapper:hover img { transform:scale(1.04) !important; }
.image-block-wrapper::after { content:''; position:absolute; bottom:0; left:0; right:0; height:45%; background:linear-gradient(to top,rgba(90,61,40,0.22) 0%,transparent 100%); pointer-events:none; }
.content-row { margin-bottom:72px !important; align-items:center !important; }
.content-row:last-of-type { margin-bottom:0 !important; }
.vision-grid-list { display:grid !important; grid-template-columns:1fr 1fr !important; gap:12px !important; margin-top:24px !important; }
.vision-card { background:#ffffff !important; padding:14px 16px !important; border-radius:12px !important; border-left:4px solid #5c6a52 !important; box-shadow:0 3px 10px rgba(90,61,40,0.07) !important; display:flex !important; align-items:flex-start !important; gap:12px !important; opacity:0; animation:mvFadeUp 0.65s ease forwards !important; transition:transform 0.25s ease,box-shadow 0.25s ease !important; }
.vision-card:nth-child(1){animation-delay:0.3s} .vision-card:nth-child(2){animation-delay:0.4s} .vision-card:nth-child(3){animation-delay:0.5s} .vision-card:nth-child(4){animation-delay:0.6s} .vision-card:nth-child(5){animation-delay:0.7s}
.vision-card:hover { transform:translateY(-4px) !important; box-shadow:0 10px 26px rgba(92,106,82,0.15) !important; border-left-color:#7a4d28 !important; }
.vision-card-icon { flex-shrink:0 !important; width:34px !important; height:34px !important; background:linear-gradient(135deg,#f2ece3,#e8ddd0) !important; border-radius:9px !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#7a4d28 !important; font-size:15px !important; }
.vision-card-text { font-size:14px !important; color:#3d2f26 !important; font-weight:600 !important; line-height:1.45 !important; }
@media(max-width:991px){ .content-row{margin-bottom:56px !important} .text-block-wrapper,.flex-row-reverse .text-block-wrapper{text-align:center !important;padding:0 !important;margin-bottom:32px !important} .text-block-wrapper h2::after{margin:12px auto 0 !important} .image-block-wrapper img{height:340px !important} }
@media(max-width:767px){ .text-block-wrapper h2{font-size:30px !important} .image-block-wrapper img{height:280px !important} .vision-grid-list{grid-template-columns:1fr !important;gap:10px !important} }
@media(max-width:575px){ .text-block-wrapper h2{font-size:26px !important} .image-block-wrapper img{height:240px !important} .content-row{margin-bottom:36px !important} }

/* ============================================================
   HOMEPAGE SECTION SPACING — Uniform Professional Rhythm
   ============================================================ */
.mission-statement-area.section-padding30 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
}
.our-story-area,
.founders-area,
.mission-vision-area,
.ngo-family-area,
.priorities-area,
.testimonials-area,
.join-mission-area {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}
@media (max-width: 991px) {
    .mission-statement-area.section-padding30 {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
    .our-story-area,
    .founders-area,
    .mission-vision-area,
    .ngo-family-area,
    .priorities-area,
    .testimonials-area,
    .join-mission-area {
        padding-top: 65px !important;
        padding-bottom: 65px !important;
    }
}
@media (max-width: 767px) {
    .mission-statement-area.section-padding30 {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }
    .our-story-area,
    .founders-area,
    .mission-vision-area,
    .ngo-family-area,
    .priorities-area,
    .testimonials-area,
    .join-mission-area {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }
}
@media (max-width: 575px) {
    .mission-statement-area.section-padding30 {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
    .our-story-area,
    .founders-area,
    .mission-vision-area,
    .ngo-family-area,
    .priorities-area,
    .testimonials-area,
    .join-mission-area {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }
}

/* ============================================================
   NGO FAMILY AREA — Homepage Preview (Photo Grid) — ROOT OVERRIDE
   ============================================================ */
.ngo-family-area{background:linear-gradient(180deg,#fdf6ee 0%,#faf0e4 100%) !important;position:relative;overflow:hidden}
.family-section-tittle .family-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#7a4d28;background:rgba(122,77,40,.10);padding:5px 16px;border-radius:50px;margin-bottom:14px}
.family-section-tittle h2{font-size:clamp(26px,3.5vw,40px) !important;font-weight:800 !important;color:#2c1e0f !important;margin-bottom:14px !important;line-height:1.2 !important}
.family-section-tittle p{font-size:16px;line-height:1.8;color:#5a4a3a;max-width:680px;margin:0 auto}
.family-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,280px);gap:14px;margin-top:44px}
.fpg-item{position:relative;overflow:hidden;border-radius:14px;cursor:pointer;box-shadow:0 4px 20px rgba(60,30,10,.10)}
.fpg-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.25,.8,.25,1)}
.fpg-item:hover img{transform:scale(1.07)}
.fpg-caption{position:absolute;bottom:0;left:0;right:0;padding:32px 16px 16px;background:linear-gradient(0deg,rgba(30,12,4,.72) 0%,transparent 100%);opacity:0;transform:translateY(5px);transition:opacity .35s ease,transform .35s ease;border-radius:0 0 14px 14px}
.fpg-item:hover .fpg-caption{opacity:1;transform:translateY(0)}
.fpg-caption span{color:#fff;font-size:13px;font-weight:700;letter-spacing:.05em;text-shadow:0 1px 6px rgba(0,0,0,.5);text-transform:uppercase}
.family-viewmore-row{margin-top:48px !important}
.btn-family-more{display:inline-block;padding:15px 42px;background:linear-gradient(135deg,#7a4d28 0%,#5a3d28 100%);color:#fff !important;font-size:15px;font-weight:700;letter-spacing:.05em;border-radius:50px;text-decoration:none !important;box-shadow:0 6px 24px rgba(90,61,40,.28);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;border:none}
.btn-family-more:hover,.btn-family-more:focus{background:linear-gradient(135deg,#8a5a32 0%,#6a4a30 100%);transform:translateY(-3px);box-shadow:0 12px 32px rgba(90,61,40,.38);color:#fff !important;text-decoration:none !important}
@media(max-width:991px){.family-photo-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,220px);gap:12px}}
@media(max-width:575px){.family-photo-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,160px);gap:8px;margin-top:28px}.fpg-caption span{font-size:11px}.btn-family-more{padding:13px 28px;font-size:14px}}

/* ============================================================
   FAMILY GALLERY AREA — Our Family Page — ROOT OVERRIDE
   ============================================================ */
.family-gallery-area{background:linear-gradient(180deg,#fdf6ee 0%,#fff8f2 60%,#fdf6ee 100%) !important;padding:90px 0 80px !important}
.gallery-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#7a4d28;background:rgba(122,77,40,.10);padding:5px 16px;border-radius:50px;margin-bottom:14px}
.gallery-title{font-size:clamp(26px,3.5vw,40px) !important;font-weight:800 !important;color:#2c1e0f !important;margin-bottom:14px !important}
.gallery-subtitle{font-size:16px;line-height:1.75;color:#5a4a3a;max-width:640px;margin:0 auto}
.gallery-sub-heading{font-size:clamp(20px,2.5vw,28px);font-weight:700;color:#2c1e0f;margin-bottom:8px}
.family-swiper-wrap{position:relative;margin-top:48px;padding-bottom:50px}
.familySwiper .swiper-slide{border-radius:14px;overflow:hidden;box-shadow:0 6px 28px rgba(60,30,10,.14)}
.familySwiper .slide-inner{position:relative;width:100%;height:420px}
.familySwiper .slide-inner img{width:100%;height:100%;object-fit:cover;display:block}
.familySwiper .slide-caption{position:absolute;bottom:0;left:0;right:0;padding:40px 20px 18px;background:linear-gradient(0deg,rgba(20,8,2,.72) 0%,transparent 100%);color:#fff;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.4);opacity:0;transition:opacity .35s ease}
.familySwiper .swiper-slide-active .slide-caption,.familySwiper .swiper-slide-visible .slide-caption{opacity:1}
.familySwiper-prev,.familySwiper-next{color:#7a4d28 !important;background:rgba(255,255,255,.92) !important;width:46px !important;height:46px !important;border-radius:50% !important;box-shadow:0 4px 18px rgba(90,61,40,.22) !important;top:50% !important;transform:translateY(-50%) !important}
.familySwiper-prev::after,.familySwiper-next::after{font-size:16px !important;font-weight:900 !important}
.familySwiper-pagination .swiper-pagination-bullet-active{background:#7a4d28 !important}
.family-gallery-grid{columns:4;column-gap:14px;margin-top:16px}
.fgg-item{break-inside:avoid;margin-bottom:14px;border-radius:10px;overflow:hidden;position:relative;display:block;cursor:pointer;box-shadow:0 3px 14px rgba(60,30,10,.10);transition:box-shadow .3s ease,transform .3s ease}
.fgg-item:hover{box-shadow:0 8px 28px rgba(60,30,10,.20);transform:translateY(-2px)}
.fgg-item img{width:100%;height:auto;display:block;transition:transform .45s cubic-bezier(.25,.8,.25,1)}
.fgg-item:hover img{transform:scale(1.04)}
.fgg-hover{position:absolute;inset:0;background:rgba(30,12,4,.45);opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center;border-radius:10px}
.fgg-item:hover .fgg-hover{opacity:1}
.fgg-hover i{color:rgba(255,255,255,.9);font-size:26px;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.ngo-family-page-section{padding-top:80px !important;padding-bottom:80px !important}
@media(max-width:1199px){.familySwiper .slide-inner{height:380px}}
@media(max-width:991px){.family-gallery-grid{columns:3;column-gap:12px}.family-gallery-area{padding:65px 0 56px !important}.familySwiper .slide-inner{height:320px}.familySwiper-prev,.familySwiper-next{width:38px !important;height:38px !important}.familySwiper-prev::after,.familySwiper-next::after{font-size:13px !important}}
@media(max-width:767px){.family-gallery-grid{columns:2;column-gap:10px}.fgg-item{margin-bottom:10px}.family-gallery-area{padding:44px 0 40px !important}.familySwiper .slide-inner{height:260px}.family-swiper-wrap{margin-top:32px;padding-bottom:40px}}
@media(max-width:400px){.family-gallery-grid{columns:2;column-gap:8px}.fgg-item{margin-bottom:8px}.familySwiper .slide-inner{height:220px}}