#fixed-wpp-btn i,#fixed-wpp-btn span{background-color:#25d366;transition:.3s;color:#1c4602;text-align:center;display:block}#fixed-wpp-btn{position:fixed;bottom:1rem;right:1rem;max-width:max-content;display:grid;grid-template-columns:max-content 5rem;z-index:9;border-radius:150px;filter:drop-shadow(-1px -1px 1px #fff) drop-shadow(0px 5px 10px #0009);transition:.3s}#fixed-wpp-btn:hover{transform:scale(1.015)}#fixed-wpp-btn:hover i,#fixed-wpp-btn:hover span{background-color:#075e54;color:#ece5dd}#fixed-wpp-btn span{padding:1rem 1rem 1rem 2rem;font-size:1rem;max-height:min-content;align-self:center;margin:0 -1rem 0 0;border-radius:150px 0 0 150px;font-weight:600}#fixed-wpp-btn i{font-size:3rem;width:5rem;height:5rem;display:grid;align-items:center;border-radius:150px}.title-section{text-align:center;font-size:clamp(2rem, 2vw, 3rem);color:var(--blue)}.contact{padding:5rem 5%;max-width:1200px;margin:0 auto;background-color:var(--gray);z-index:8;position:relative}.contact .title{font-size:clamp(1.75rem, 3vw, 4rem);margin:0 auto;max-width:max-content;color:var(--blue)}.contact-form .btn,.contact>p{font-size:1.25rem;text-align:center}.contact>p{margin-bottom:3rem}.contact-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));border-radius:15px;box-shadow:0 15px 40px rgba(0,0,0,.1)}.contact-info{padding:3rem;background:var(--blue);color:#fff;border-radius:15px 0 0 15px}.contact-info p.title-box{font-size:1.8rem;color:gold;font-weight:700;text-align:center;margin:0 auto 3rem}.contact-info p.legend{font-size:1rem;font-weight:700}.contact-details{margin-bottom:2rem}.contact-item,.form-group{margin-bottom:1.5rem}.contact-item{display:flex;gap:15px;align-items:center}.contact-item p{margin:0}.contact-icon{font-size:1.5rem;color:var(--yellow)}.contact-item p:not(:first-child){padding-left:.75rem}.contact-form{padding:3rem;background-color:#fff;border-radius:0 15px 15px 0}.contact-form p:first-child{font-size:1.8rem;color:var(--blue);font-weight:700;text-align:center;margin:0 auto 3rem}.contact-form .btn{background:var(--yellow);color:var(--blue);display:block;border-radius:10px;font-weight:600;margin:0 auto;height:min-content;padding:.75rem 2rem;max-width:100%;display:grid;grid-template-columns:2rem auto;grid-gap:1rem;place-items:center;min-width:max-content;border:none}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#444}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:0;border-color:var(--blue)}.form-group textarea{height:150px;resize:vertical}footer{background:#0f253f;color:#fff;padding:3rem 5%;text-align:center}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;text-align:left}.footer-logo{font-size:1.8rem;font-weight:400;margin-bottom:1rem;display:grid;grid-template-columns:3rem auto;align-content:center;grid-gap:10px}.footer-logo i{font-size:2.25rem;color:var(--yellow);display:block;align-self:center;margin:0 auto}.footer-logo span{color:var(--yellow);font-family:Kanit}.footer-about p{color:#eee;line-height:1.7}.footer-links>p{color:gold;font-size:1.2rem;margin:0;font-weight:600}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.8rem}.footer-links a{color:#ddd;text-decoration:none;transition:color .3s}.footer-links a:hover{color:gold}.social-icons{display:flex;gap:15px;margin-top:1.5rem}.social-icons a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,.1);color:#fff;border-radius:50%;transition:.3s}.social-icons a:hover{background:var(--yellow);color:var(--blue);transform:translateY(-5px)}.copyright{margin-top:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);color:#9e9e9e;font-size:.8rem}.terms-and-cond a{color:#aaa;font-weight:600;font-size:.8rem;display:inline-block;border-bottom:1px solid;max-width:max-content;margin:.75rem}@media(width < 760px){.contact-info{border-radius:10px 10px 0 0}.contact-form{border-radius:0 0 10px 10px;z-index:8;position:relative}#fixed-wpp-btn:after{content:"";position:absolute;inset:-1.25rem;border-radius:100px;animation:4s infinite wpp;z-index:-1}#fixed-wpp-btn{grid-template-columns:1fr}#fixed-wpp-btn span{display:none}}