/* WizWeb theme — contact-form block CSS (contact-section, dark). */
.contact-section{background-color:var(--light-black-color);padding:100px 0;margin-top:230px}
@media (min-width:992px) and (max-width:1199px){.contact-section{padding:90px 0}}
@media (max-width:991px){.contact-section{padding:80px 0;margin-top:0}}
@media (max-width:767px){.contact-section{padding:70px 0}}
.contact-section .contact-content .contact-area{margin-bottom:80px;padding-top:80px}
@media (max-width:1399px){.contact-section .contact-content .contact-area{padding-top:50px;margin-bottom:60px}}
@media (max-width:576px){.contact-section .contact-content .contact-area{padding-top:30px;margin-bottom:40px}}
.contact-section .contact-content .contact-area .hotline-area{display:flex;align-items:center;gap:20px}
.contact-section .contact-content .contact-area .hotline-area .icon{position:relative}
.contact-section .contact-content .contact-area .hotline-area .icon svg{fill:var(--primary-color1)}
.contact-section .contact-content .contact-area .hotline-area .icon:after{content:"";height:35px;width:1px;position:absolute;top:50%;transform:translateY(-50%);right:-10px;background-color:hsla(0,0%,100%,.15)}
.contact-section .contact-content .contact-area .hotline-area .content span{color:#cacaca;font-family:var(--font-inter);font-size:14px;font-weight:400;line-height:1;display:inline-block;margin-bottom:7px}
.contact-section .contact-content .contact-area .hotline-area .content h6{margin-bottom:0}
.contact-section .contact-content .contact-area .hotline-area .content h6 a{color:var(--white-color);font-family:var(--font-hankenGrotesk);font-size:18px;font-weight:600;line-height:1}
.contact-section .contact-content .social-area h6{color:var(--white-color);font-family:var(--font-hankenGrotesk);font-size:18px;font-weight:400;line-height:1.2;text-decoration:underline;margin-bottom:20px}
.contact-section .contact-content .social-area .social-list{display:flex;align-items:center;gap:30px}
.contact-section .contact-content .social-area .social-list li{display:block;text-align:center}
.contact-section .contact-content .social-area .social-list li a i{color:var(--white-color);transition:.5s}
.contact-section .contact-content .social-area .social-list li a svg{fill:var(--white-color);transition:.5s}
.contact-section .contact-content .social-area .social-list li a span{color:var(--white-color);font-family:var(--font-hankenGrotesk);font-size:12px;font-weight:400;line-height:1;display:block;padding-top:2px;transition:.5s}
.contact-section .contact-content .social-area .social-list li:hover a i{color:var(--primary-color1)}
.contact-section .contact-content .social-area .social-list li:hover a svg{fill:var(--primary-color1)}
.contact-section .contact-content .social-area .social-list li:hover a span{color:var(--primary-color1)}
.contact-section .contact-form-wrap{padding-left:70px;margin-top:-220px}
@media (max-width:1399px){.contact-section .contact-form-wrap{padding-left:40px}}
@media (max-width:1199px){.contact-section .contact-form-wrap{padding-left:0}}
@media (max-width:991px){.contact-section .contact-form-wrap{margin-top:0}}
.contact-section .contact-form-wrap .contact-form-area{background-image:linear-gradient(180deg,#edf1fc,rgba(201,215,255,.13));background-color:var(--dark-white-color);border-radius:10px;padding:50px 45px}
@media (max-width:1399px){.contact-section .contact-form-wrap .contact-form-area{padding:45px 30px}}
@media (max-width:576px){.contact-section .contact-form-wrap .contact-form-area{padding:30px 20px}}
.contact-section .contact-form-wrap .contact-form-area h3{font-size:25px;font-family:var(--font-hankenGrotesk);font-weight:700;margin-bottom:35px;padding-bottom:10px;border-bottom:1px solid rgba(var(--title-color-opc),.1)}
@media (max-width:576px){.contact-section .contact-form-wrap .contact-form-area h3{font-size:22px}}
.contact-section.two{margin-top:120px}
@media (max-width:991px){.contact-section.two{margin-top:0}}
.product-details-top-section .product-details-content .product-details-btn .primary-btn2{padding:16px 33px}
body.dark .contact-section .contact-form-wrap .contact-form-area{background-image:unset}