:where(.page-contact) .section-title{text-align:center;margin-bottom:40px;padding-bottom:20px;position:relative}:where(.page-contact) .section-title h2{color:#222;margin-bottom:15px;font-size:2.5rem;font-weight:700;display:inline-block;position:relative}:where(.page-contact) .section-title h2:after{content:"";background:linear-gradient(45deg,#ff9019,#ffb067);width:60px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}:where(.page-contact) .section-title p{color:#666;text-align:center;max-width:700px;margin:15px auto 0;font-size:1.1rem;line-height:1.7}@media (max-width:767px){:where(.page-contact) .section-title h2{font-size:2rem}:where(.page-contact) .section-title p{padding:0 15px;font-size:1rem}}:where(.page-contact) .contact-form{background-color:#f9f9f9;padding:60px 0}:where(.page-contact) .contact-form form{background:#fff;border-radius:12px;padding:30px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}:where(.page-contact) .contact-form form:before{content:"";background:linear-gradient(45deg,#ff9019,#ffb067);width:6px;height:100%;position:absolute;top:0;left:0}:where(.page-contact) .contact-form .form-group{margin-bottom:20px;position:relative}:where(.page-contact) .contact-form input[type=text],:where(.page-contact) .contact-form input[type=email],:where(.page-contact) .contact-form input[type=tel],:where(.page-contact) .contact-form input[type=number],:where(.page-contact) .contact-form textarea{color:#333;border:2px solid #eee;border-radius:8px;width:100%;height:60px;padding:0 20px;font-size:16px;transition:all .3s}:where(.page-contact) .contact-form input[type=text]:focus,:where(.page-contact) .contact-form input[type=email]:focus,:where(.page-contact) .contact-form input[type=tel]:focus,:where(.page-contact) .contact-form input[type=number]:focus,:where(.page-contact) .contact-form textarea:focus{border-color:#ff9019;box-shadow:0 0 10px #ff90191a}:where(.page-contact) .contact-form textarea{height:140px;padding:15px 20px}:where(.page-contact) .contact-form button[type=submit]{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(45deg,#ff9019,#ffb067);border:none;border-radius:30px;margin-top:10px;padding:14px 40px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 5px 15px #ff901933}:where(.page-contact) .contact-form button[type=submit]:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ff90194d}:where(.page-contact) .content{background-color:#fff;padding:80px 0}:where(.page-contact) .contact-info-section{margin-top:30px}:where(.page-contact) .contact-box{background:#fff;border-left:5px solid #0000;border-radius:16px;align-items:center;height:100%;margin-bottom:30px;padding:30px;transition:all .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d}:where(.page-contact) .contact-box:before{content:"";background:linear-gradient(45deg,#ff9019,#ffb067);width:5px;height:100%;position:absolute;top:0;left:0}:where(.page-contact) .contact-box:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a}:where(.page-contact) .contact-box-icon{background:#ff90191a;border-radius:50%;justify-content:center;align-items:center;width:70px;min-width:70px;height:70px;margin-right:20px;transition:all .3s;display:flex}:where(.page-contact) .contact-box:hover .contact-box-icon{background:linear-gradient(45deg,#ff9019,#ffb067)}:where(.page-contact) .contact-box-icon i{color:#ff9019;font-size:28px;transition:all .3s}:where(.page-contact) .contact-box:hover .contact-box-icon i{color:#fff}:where(.page-contact) .contact-box-content{text-align:left;flex:1}:where(.page-contact) .contact-box h5{color:#333;margin-bottom:10px;font-size:18px;font-weight:600;display:inline-block;position:relative}:where(.page-contact) .contact-box h5:after{content:"";background:#ff9019;width:40px;height:2px;position:absolute;bottom:-5px;left:0}:where(.page-contact) .contact-box span{color:#666;padding-top:15px;font-size:16px;line-height:1.6;display:block}:where(.page-contact) .contact-box span a{color:#666;margin:3px 0;transition:all .3s;display:inline-block}:where(.page-contact) .contact-box span a:hover{color:#ff9019;transform:translate(3px)}:where(.page-contact) .social-icons{flex-wrap:wrap;margin-top:15px;padding:0;display:flex}:where(.page-contact) .social-icons li{margin:0 10px 0 0;list-style:none}:where(.page-contact) .social-icons li a{background:#f5f5f5;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}:where(.page-contact) .social-icons li a i{color:#666;font-size:18px;transition:all .3s}:where(.page-contact) .social-icons li a:hover{background:#ff9019}:where(.page-contact) .social-icons li a:hover i{color:#fff}@media (max-width:767px){:where(.page-contact) .contact-box{text-align:center;flex-direction:column;padding:30px 20px}:where(.page-contact) .contact-box-icon{margin-bottom:15px;margin-right:0}:where(.page-contact) .contact-box-content{text-align:center}:where(.page-contact) .contact-box h5:after{left:50%;transform:translate(-50%)}:where(.page-contact) .social-icons{justify-content:center}}@media (max-width:991px){:where(.page-contact) .contact-box{padding:25px}:where(.page-contact) .section-title h2{font-size:42px}:where(.page-contact) .contact-box-icon{width:60px;min-width:60px;height:60px}}@media (max-width:767px){:where(.page-contact) .contact-form,:where(.page-contact) .content{padding:40px 0}:where(.page-contact) .section-title h2{font-size:36px}:where(.page-contact) .contact-form form{padding:25px 20px}:where(.page-contact) .container{padding-left:20px;padding-right:20px}}@media only screen and (max-width:767px){:where(.page-contact) .footer .col-lg-4,:where(.page-contact) .footer .col-md-4{text-align:center;margin-bottom:30px}:where(.page-contact) .footer .footer-menu{text-align:center;padding-left:0;display:inline-block}:where(.page-contact) .footer address,:where(.page-contact) .footer .contact-info{text-align:center;margin:0 auto}:where(.page-contact) .footer .social-media{justify-content:center;width:100%;margin:20px auto;padding-left:0;display:flex}:where(.page-contact) .footer .col-12{flex-wrap:wrap;justify-content:center;width:100%;padding:0;display:flex}:where(.page-contact) .footer .copyright{text-align:center;width:100%;margin:10px auto;display:block}:where(.page-contact) .footer .contact-info i,:where(.page-contact) .footer address i{margin-right:5px;font-size:14px}}@media only screen and (max-width:575px){:where(.page-contact) .footer .container{padding-left:20px;padding-right:20px}}
