.contact-page-container{--fps-primary:#10385c;--fps-accent:#fff;--fps-text:#333;background-color:#f9f9f9;width:100%;min-height:100vh;font-family:Times New Roman,serif;overflow-x:hidden}.contact-hero-section{opacity:0;background-image:url(https://firayalalpublicschool.edu.in/wp-content/uploads/2025/10/TDS-OPT-21-FIRAYALAL-SCHOOL.avif);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:flex-start;align-items:center;min-height:60vh;padding:60px;animation:2s cubic-bezier(.77,0,.175,1) forwards curtainRevealUp;display:flex;position:relative}.contact-hero-overlay{mix-blend-mode:normal;z-index:1;background-color:#0812228c;width:100%;height:100%;position:absolute;top:0;left:0}.contact-hero-content{z-index:2;color:#fff;flex-direction:column;gap:20px;width:100%;max-width:1440px;margin:0 auto;display:flex;position:relative}.contact-hero-title{color:var(--fps-accent);text-transform:uppercase;margin:0;font-family:inherit;font-size:42px;font-weight:600;line-height:1.2}.contact-hero-subtitle{color:#fff;text-transform:none;margin:0;font-size:20px;font-weight:400;line-height:1.5}@keyframes curtainRevealUp{0%{opacity:0;clip-path:inset(100% 0 0);transform:translateY(30px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}.contact-main-content{max-width:1200px;margin:60px auto;padding:0 20px}.contact-layout-wrapper{background:#fff;border:1px solid #edf2f7;border-radius:20px;flex-direction:row;gap:60px;padding:40px;display:flex;box-shadow:0 10px 30px #00000008}.contact-info-col{flex:1}.contact-form-col{flex-direction:column;flex:1.25;gap:40px;display:flex}.info-header{margin-bottom:35px}.info-main-title{color:var(--fps-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:15px;font-family:Times New Roman,serif;font-size:32px;font-weight:700}.school-name{color:var(--fps-primary);margin-bottom:8px;font-size:22px;font-weight:700}.school-address{color:#555;font-size:16px;line-height:1.6}.contact-group{margin-bottom:25px}.group-title{color:var(--fps-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:17px;font-weight:700}.group-divider{background-color:#f7b500;width:60px;height:2px;margin-bottom:15px}.info-list{margin:0;padding:0;list-style:none}.info-list li{color:#444;align-items:center;gap:12px;margin-bottom:10px;font-size:16px;display:flex}.info-list li.person-name{color:var(--fps-primary);margin-bottom:12px;font-size:16px;font-weight:700}.info-list li .icon{font-size:18px}.info-list a{color:var(--fps-primary);font-weight:500;text-decoration:none;transition:color .2s}.info-list a:hover{color:#f7b500}.form-section{background:#fff}.form-main-title{color:var(--fps-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:25px;font-family:Times New Roman,serif;font-size:30px;font-weight:700}.cf7-style-form{flex-direction:column;gap:20px;display:flex}.form-field{flex-direction:column;gap:8px;display:flex}.form-field label{color:var(--fps-primary);font-size:15px;font-weight:600}.form-field input,.form-field textarea{color:#333;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-field input:focus,.form-field textarea:focus{border-color:var(--fps-primary);outline:none;box-shadow:0 0 0 3px #10385c1f}.wp-submit-btn{background:var(--fps-primary);color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;border-radius:30px;align-self:flex-start;margin-top:10px;padding:14px 38px;font-family:inherit;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;box-shadow:0 4px 15px #10385c33}.wp-submit-btn:hover{color:var(--fps-primary);background:#f7b500;transform:translateY(-2px);box-shadow:0 8px 22px #f7b50059}.wp-submit-btn:active{transform:translateY(0);box-shadow:0 4px 10px #10385c26}.map-section{border:1px solid #edf2f7;border-radius:12px;width:100%;height:350px;overflow:hidden;box-shadow:0 4px 15px #0000000d}.google-map-iframe{border:none;width:100%;height:100%}@media (max-width:900px){.contact-layout-wrapper{flex-direction:column;gap:40px;padding:16px}.contact-main-content{margin:40px auto;padding:0 20px}}@media (max-width:768px){.contact-hero-section{text-align:center;justify-content:center;min-height:45vh;padding:40px 20px;background-position:50%!important;background-attachment:scroll!important}.contact-hero-title{word-wrap:break-word;overflow-wrap:break-word;font-size:26px}.contact-hero-subtitle{font-size:15px;line-height:1.6}.contact-main-content{margin:24px auto;padding:0 12px}.contact-layout-wrapper{border-radius:14px;gap:30px;padding:14px}.info-main-title{word-wrap:break-word;overflow-wrap:break-word;font-size:22px}.school-name{font-size:18px}.school-address{max-width:100%;font-size:14px}.group-title{word-wrap:break-word;overflow-wrap:break-word;font-size:16px}.group-divider{width:100%}.info-list li{flex-wrap:wrap;font-size:14px}.info-list a{word-break:break-all;overflow-wrap:anywhere}.contact-form-col{border-radius:14px;gap:24px;padding:14px}.form-main-title{font-size:22px}.form-field input,.form-field textarea{padding:10px;font-size:14px}.map-section{border-radius:10px;height:250px}.wp-submit-btn{text-align:center;width:100%;padding:12px 24px;font-size:15px}}@media (max-width:400px){.contact-hero-title{font-size:22px}.contact-hero-subtitle{font-size:14px}.info-main-title{font-size:20px}.school-name{font-size:16px}.info-list li{font-size:13px}.group-title{font-size:15px}}