#contact-page{--color-primary:#468008;--color-primary-dark:#103d03;--color-primary-light:#4680081a;--color-secondary:#e07726;--color-secondary-dark:#c30;--color-gray:#4d4d4d;--color-dark:#1a1a1a;--font-sans:"Poppins", sans-serif;--transition:all .3s ease;font-family:var(--font-sans);color:var(--color-dark);background:#fff;line-height:1.6;overflow-x:hidden}#contact-page *,#contact-page :before,#contact-page :after{box-sizing:border-box;margin:0;padding:0}#contact-page a{color:inherit;text-decoration:none}#contact-page ul{list-style:none}#contact-page img{max-width:100%;height:auto;display:block}#contact-page .container{z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}#contact-page .contact-hero{background-color:var(--color-primary-dark);align-items:center;height:60vh;min-height:400px;max-height:600px;display:flex;position:relative;overflow:hidden}#contact-page .contact-hero-bg{opacity:.4;background-position:50%;background-size:cover;width:100%;height:100%;animation:10s ease-in-out infinite alternate heroZoom;position:absolute;top:0;left:0}@keyframes heroZoom{0%{transform:scale(1)}to{transform:scale(1.05)}}#contact-page .contact-hero-content{z-index:10;color:#fff;text-align:center;max-width:800px;margin:0 auto;padding:0 20px;position:relative}#contact-page .contact-hero-subtitle{color:var(--color-secondary);text-transform:uppercase;letter-spacing:3px;text-shadow:0 2px 4px #0000004d;margin-bottom:15px;font-size:18px;font-weight:500}#contact-page .contact-hero-title{text-shadow:0 2px 4px #0000004d;margin-bottom:20px;font-size:48px;font-weight:700;line-height:1.2}#contact-page .contact-hero-description{color:#ffffffe6;text-shadow:0 1px 3px #0000004d;max-width:700px;margin:0 auto;font-size:18px}#contact-page .section{padding:80px 0;position:relative;overflow:hidden}#contact-page .section-light{background-color:#fff}#contact-page .section-gray{background-color:#f9f9f9}#contact-page .animated-bg{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}#contact-page .animated-shape{background-color:var(--color-primary-light);border-radius:50%;animation:15s ease-in-out infinite floatAnimation;position:absolute}#contact-page .shape-1{width:300px;height:300px;animation-delay:0s;top:-150px;left:-150px}#contact-page .shape-2{width:200px;height:200px;animation-delay:2s;top:50%;right:-100px}#contact-page .shape-3{width:150px;height:150px;animation-delay:4s;bottom:-75px;left:30%}@keyframes floatAnimation{0%{transform:translate(0)rotate(0)}25%{transform:translate(10px,15px)rotate(5deg)}50%{transform:translate(20px)rotate(10deg)}75%{transform:translate(10px,-15px)rotate(5deg)}to{transform:translate(0)rotate(0)}}#contact-page .section-title{text-align:center;z-index:1;margin-bottom:40px;position:relative}#contact-page .section-title h2{background:linear-gradient(to right, var(--color-primary), var(--color-primary-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:15px;font-size:42px;font-weight:700;display:inline-block;position:relative}#contact-page .section-title:after{content:"";background:linear-gradient(to right, var(--color-secondary), var(--color-secondary-dark));border-radius:3px;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}#contact-page .section-subtitle{text-align:center;max-width:800px;color:var(--color-gray);margin:0 auto 50px;font-size:18px;line-height:1.7}#contact-page .contact-info-grid{z-index:1;grid-template-columns:1fr;gap:30px;margin-bottom:60px;display:grid;position:relative}@media (min-width:768px){#contact-page .contact-info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){#contact-page .contact-info-grid{grid-template-columns:repeat(4,1fr)}}#contact-page .contact-info-card{text-align:center;background:#fff;border-radius:15px;flex-direction:column;align-items:center;height:100%;padding:30px;transition:transform .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 30px #00000014}#contact-page .contact-info-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001f}#contact-page .contact-info-card:before{content:"";background:linear-gradient(to right, var(--color-primary), var(--color-primary-dark));width:100%;height:5px;position:absolute;top:0;left:0}#contact-page .contact-info-icon{background:linear-gradient(135deg, var(--color-primary-light), #fffc);width:70px;height:70px;color:var(--color-primary-dark);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;transition:transform .4s;display:flex;box-shadow:0 10px 20px #46800826}#contact-page .contact-info-card:hover .contact-info-icon{transform:rotateY(180deg)}#contact-page .contact-info-icon svg{filter:drop-shadow(0 2px 3px #0000001a);width:35px;height:35px}#contact-page .contact-info-title{color:var(--color-primary-dark);margin-bottom:15px;font-size:20px;font-weight:600}#contact-page .contact-info-text{color:var(--color-gray);margin-bottom:15px;font-size:16px;line-height:1.7}#contact-page .contact-info-link{color:var(--color-secondary);align-items:center;margin-top:auto;font-weight:500;transition:all .3s;display:inline-flex}#contact-page .contact-info-link:hover{color:var(--color-secondary-dark);transform:translate(5px)}#contact-page .contact-info-link svg{margin-left:5px;transition:transform .3s}#contact-page .contact-info-link:hover svg{transform:translate(3px)}#contact-page .contact-grid{z-index:1;grid-template-columns:1fr;gap:40px;display:grid;position:relative}@media (min-width:992px){#contact-page .contact-grid{grid-template-columns:1fr 1fr}}#contact-page .contact-form-container{background:#fff;border-radius:15px;padding:40px;box-shadow:0 15px 30px #0000001a}#contact-page .form-group{margin-bottom:20px}#contact-page .form-label{color:var(--color-primary-dark);margin-bottom:8px;font-weight:500;display:block}#contact-page .form-control{width:100%;font-family:var(--font-sans);border:1px solid #e0e0e0;border-radius:8px;padding:12px 15px;font-size:16px;transition:all .3s}#contact-page .form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}#contact-page textarea.form-control{resize:vertical;min-height:120px}#contact-page .form-submit{background:linear-gradient(to right, var(--color-primary), var(--color-primary-dark));color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:14px 30px;font-size:16px;font-weight:500;transition:all .3s;box-shadow:0 5px 15px #46800833}#contact-page .form-submit:hover{transform:translateY(-3px);box-shadow:0 8px 20px #4680084d}#contact-page .map-container{border-radius:15px;min-height:400px;overflow:hidden;box-shadow:0 15px 30px #0000001a}#contact-page .map-container iframe{border:none;width:100%;height:100%}#contact-page .office-hours-container{z-index:2;background:#fff;border-radius:15px;margin-top:60px;padding:40px;position:relative;box-shadow:0 15px 30px #0000001a}#contact-page .office-hours-title{color:var(--color-primary-dark);text-align:center;margin-bottom:20px;font-size:24px;font-weight:600}#contact-page .office-hours-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:768px){#contact-page .office-hours-grid{grid-template-columns:repeat(2,1fr)}}#contact-page .office-hours-card{background-color:var(--color-primary-light);border-radius:10px;align-items:center;padding:20px;transition:all .3s;display:flex}#contact-page .office-hours-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}#contact-page .office-hours-icon{width:50px;height:50px;color:var(--color-primary);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:15px;display:flex}#contact-page .office-hours-icon svg{width:24px;height:24px}#contact-page .office-hours-content h4{color:var(--color-primary-dark);margin-bottom:5px;font-size:18px;font-weight:600}#contact-page .office-hours-content p{color:var(--color-gray);margin:0;font-size:15px}#contact-page .social-media-section{text-align:center;z-index:1;margin-top:60px;position:relative}#contact-page .social-media-title{color:var(--color-primary-dark);margin-bottom:20px;font-size:24px;font-weight:600}#contact-page .social-media-description{color:var(--color-gray);max-width:600px;margin:0 auto 30px;font-size:16px}#contact-page .social-media-grid{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}#contact-page .social-media-card{width:80px;height:80px;color:var(--color-primary-dark);background:#fff;border-radius:15px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px #00000014}#contact-page .social-media-card:before{content:"";background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));opacity:0;z-index:1;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}#contact-page .social-media-card:hover:before{opacity:1}#contact-page .social-media-card:hover{color:#fff;transform:translateY(-10px)scale(1.05);box-shadow:0 15px 30px #0000001f}#contact-page .social-media-card svg{z-index:2;width:40px;height:40px;transition:all .3s;position:relative}#contact-page .social-media-card:hover svg{transform:scale(1.1)}#contact-page .faq-container{z-index:2;max-width:800px;margin:0 auto;position:relative}#contact-page .faq-item{background:#fff;border-radius:10px;margin-bottom:20px;overflow:hidden;box-shadow:0 5px 15px #0000000d}#contact-page .faq-question{cursor:pointer;color:var(--color-primary-dark);justify-content:space-between;align-items:center;padding:20px;font-weight:600;transition:all .3s;display:flex}#contact-page .faq-question:hover{color:var(--color-secondary)}#contact-page .faq-icon{width:20px;height:20px;transition:transform .3s}#contact-page .faq-item.active .faq-icon{transform:rotate(180deg)}#contact-page .faq-answer{background:#fafafa;max-height:0;transition:max-height .3s ease-out;overflow:hidden}#contact-page .faq-item.active .faq-answer{max-height:500px}#contact-page .faq-answer-inner{color:var(--color-gray);padding:0 20px 20px;line-height:1.7}#contact-page .floating-contact{z-index:20;flex-direction:column;gap:15px;display:flex;position:fixed;bottom:30px;right:30px}#contact-page .floating-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;position:relative;box-shadow:0 5px 15px #0003}#contact-page .floating-btn svg{color:#fff;width:24px;height:24px}#contact-page .floating-btn-phone{background:linear-gradient(135deg,#25d366,#128c7e)}#contact-page .floating-btn-email{background:linear-gradient(135deg, var(--color-secondary), var(--color-secondary-dark))}#contact-page .floating-btn:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 10px 25px #0000004d}#contact-page .floating-btn-tooltip{color:var(--color-dark);opacity:0;visibility:hidden;white-space:nowrap;background:#fff;border-radius:5px;padding:8px 15px;font-size:14px;font-weight:500;transition:all .3s;position:absolute;right:70px;box-shadow:0 5px 15px #0000001a}#contact-page .floating-btn:hover .floating-btn-tooltip{opacity:1;visibility:visible}#contact-page .modal-overlay{z-index:1000;opacity:0;visibility:hidden;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0}#contact-page .modal-overlay.active{opacity:1;visibility:visible}#contact-page .modal-content{opacity:0;background:#fff;border-radius:15px;width:90%;max-width:500px;padding:30px;transition:transform .5s,opacity .5s;position:relative;transform:translateY(-50px);box-shadow:0 15px 30px #0003}#contact-page .modal-overlay.active .modal-content{opacity:1;transform:translateY(0)}#contact-page .modal-close{cursor:pointer;color:var(--color-gray);background:0 0;border:none;padding:5px;transition:color .3s;position:absolute;top:15px;right:15px}#contact-page .modal-close:hover{color:var(--color-dark)}#contact-page .modal-close svg{width:20px;height:20px}#contact-page .modal-header{align-items:center;margin-bottom:20px;display:flex}#contact-page .modal-icon{border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-right:15px;display:flex}#contact-page .modal-icon.success{background:var(--color-primary-light);color:var(--color-primary-dark)}#contact-page .modal-icon.error{color:#dc3545;background:#dc35451a}#contact-page .modal-icon svg{width:30px;height:30px}#contact-page .modal-title{font-size:24px;font-weight:600}#contact-page .modal-body{color:var(--color-gray);margin-bottom:25px;font-size:16px;line-height:1.6}#contact-page .modal-footer{text-align:right}#contact-page .modal-button{background:linear-gradient(to right, var(--color-primary), var(--color-primary-dark));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 25px;font-size:16px;font-weight:500;transition:all .3s;box-shadow:0 5px 15px #46800833}#contact-page .modal-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #4680084d}@media (max-width:767px){#contact-page .section{padding:50px 0}#contact-page .contact-hero-title{font-size:36px}#contact-page .section-title h2{font-size:32px}#contact-page .floating-contact{bottom:20px;right:20px}#contact-page .floating-btn{width:50px;height:50px}#contact-page .floating-btn-tooltip{display:none}}
