.hero-section{background:url(../media/contact-banner2.4e6ce10c.webp) 50%/cover no-repeat;min-height:90vh}.contact-section{background:radial-gradient(circle at top,#1b0b2e,#070014)}.contact-section .small-title{color:#ff6ec7;letter-spacing:1px;font-size:13px}.contact-section .main-title{margin:15px 0;font-size:38px;font-weight:700}.contact-section .description{color:#cfcfcf;max-width:500px}.contact-section .info-box{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px;display:grid}.contact-section .info-box .info-item{gap:15px;display:flex}.contact-section .info-box .info-item h6{margin-bottom:4px;font-size:14px}.contact-section .info-box .info-item p{color:#bdbdbd;font-size:13px}.contact-section .info-box .info-item .icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.contact-section .info-box .info-item .icon.pink{color:#fff;background:linear-gradient(135deg,#ff6ec7,#b983ff)}.contact-section .social-title{margin-top:40px}.contact-section .social-icons a{color:#000;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:10px;text-decoration:none;transition:all .3s;display:inline-flex}.contact-section .social-icons a:hover{color:#fff;background:linear-gradient(90deg,#9b5cff,#ff7acb)}.contact-section .map-responsive{border-radius:12px;height:0;padding-bottom:25%;position:relative;overflow:hidden}.contact-section .map-responsive iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.contact-section .info-content{white-space:pre-line}@media (max-width:1200px){.main-title{font-size:34px}.description{max-width:100%}}@media (max-width:992px){.hero-section{min-height:26rem}.hero-title{font-size:3rem}.main-title{font-size:30px}.info-box{grid-template-columns:1fr}.contact-form{margin-top:30px}}@media (max-width:768px){.hero-section{min-height:50vh;padding:25px 0}.hero-title{font-size:2.2rem}.contact-section .main-title{font-size:26px}.contact-section .info-box{grid-template-columns:repeat(1,1fr)}.info-item{align-items:flex-start}.icon{width:38px;height:38px}.contact-form{padding:20px}}@media (max-width:480px){.hero-title{font-size:1.9rem}.main-title{font-size:22px}}