body.elementor-page-1434:not(.elementor-motion-effects-element-type-background), body.elementor-page-1434 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(318deg, #0D0D0D 66%, #4A0B0A 100%);}/* Start custom CSS for html, class: .elementor-element-37696da *//*==================================
SHAUL DIGITAL MEDIA
CONTACT SECTION
==================================*/

.shaul-contact{

padding:90px 0;

}

.shaul-contact-heading{

max-width:700px;

margin:auto;

text-align:center;

margin-bottom:55px;

}

.shaul-contact-heading span{

display:inline-block;

font-size:14px;

font-weight:600;

letter-spacing:3px;

text-transform:uppercase;

color:#9C1210;

margin-bottom:12px;

}

.shaul-contact-heading h2{

font-size:42px;

font-weight:700;

color:#fff;

margin-bottom:18px;

}

.shaul-contact-heading p{

font-size:17px;

line-height:1.8;

color:#bdbdbd;

}

.shaul-contact-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:25px;

}

.shaul-contact-card{

display:flex;

align-items:flex-start;

gap:18px;

padding:28px;

background:rgba(255,255,255,.03);

border:1px solid rgba(255,255,255,.08);

border-radius:20px;

backdrop-filter:blur(12px);

transition:.35s;

}

.shaul-contact-card:hover{

transform:translateY(-8px);

border-color:#9C1210;

box-shadow:0 20px 40px rgba(156,18,16,.18);

}

.shaul-contact-icon{

width:60px;

height:60px;

border-radius:18px;

display:flex;

align-items:center;

justify-content:center;

background:linear-gradient(135deg,#9C1210,#6b0d0d);

color:#fff;

font-size:22px;

flex-shrink:0;

transition:.35s;

}

.shaul-contact-card:hover .shaul-contact-icon{

transform:rotate(-8deg) scale(1.08);

}

.shaul-contact-content h3{

font-size:20px;

color:#fff;

margin-bottom:10px;

}

.shaul-contact-content p{

font-size:15px;

line-height:1.8;

color:#bdbdbd;

margin:0;

}

.shaul-contact-content a{

font-size:16px;

color:#bdbdbd;

text-decoration:none;

transition:.3s;

word-break:break-word;

}

.shaul-contact-content a:hover{

color:#9C1210;

}

@media(max-width:991px){

.shaul-contact-grid{

grid-template-columns:1fr;

}

.shaul-contact-heading h2{

font-size:34px;

}

}

@media(max-width:767px){

.shaul-contact{

padding:70px 0;

}

.shaul-contact-heading h2{

font-size:30px;

}

.shaul-contact-card{

padding:22px;

}

.shaul-contact-icon{

width:52px;

height:52px;

font-size:20px;

}

}/* End custom CSS */