.elementor-1429 .elementor-element.elementor-element-c75a9ff{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--overlay-opacity:0.14;}.elementor-1429 .elementor-element.elementor-element-c75a9ff::before, .elementor-1429 .elementor-element.elementor-element-c75a9ff > .elementor-background-video-container::before, .elementor-1429 .elementor-element.elementor-element-c75a9ff > .e-con-inner > .elementor-background-video-container::before, .elementor-1429 .elementor-element.elementor-element-c75a9ff > .elementor-background-slideshow::before, .elementor-1429 .elementor-element.elementor-element-c75a9ff > .e-con-inner > .elementor-background-slideshow::before, .elementor-1429 .elementor-element.elementor-element-c75a9ff > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://sahuldigitalmedia.in/wp-content/uploads/2026/03/pic-1.jpg");--background-overlay:'';background-size:contain;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body.elementor-page-1429:not(.elementor-motion-effects-element-type-background), body.elementor-page-1429 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top center, #000000 37%, #4A0B0A 100%);}@media(max-width:1024px){.elementor-1429 .elementor-element.elementor-element-c75a9ff{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1429 .elementor-element.elementor-element-c75a9ff{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-a1f4039 *//*============================

SHAUL DIGITAL MEDIA

=============================*/

.sdm-services{

background:#070707;

padding:110px 8%;

position:relative;

overflow:hidden;

}

/* Background Glow */

.sdm-services:before{

content:"";

position:absolute;

width:700px;

height:700px;

background:radial-gradient(circle,#9C121020 0%,transparent 70%);

top:-250px;

right:-200px;

filter:blur(80px);

}

.sdm-heading{

text-align:center;

max-width:760px;

margin:auto;

margin-bottom:70px;

position:relative;

z-index:2;

}

.sdm-heading span{

color:#9C1210;

font-size:15px;

font-weight:700;

letter-spacing:4px;

text-transform:uppercase;

}

.sdm-heading h2{

font-size:52px;

color:#fff;

margin:18px 0;

font-weight:800;

}

.sdm-heading p{

color:#B7B7B7;

font-size:18px;

line-height:1.9;

}

.sdm-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

gap:30px;

position:relative;

z-index:2;

}

.sdm-card{

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

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

border-radius:22px;

padding:40px;

transition:.45s;

backdrop-filter:blur(15px);

opacity:0;

transform:translateY(60px);

animation:fadeUp .8s forwards;

}

.sdm-card:nth-child(2){animation-delay:.15s;}

.sdm-card:nth-child(3){animation-delay:.30s;}

.sdm-card:nth-child(4){animation-delay:.45s;}

.sdm-card:nth-child(5){animation-delay:.60s;}

.sdm-card:nth-child(6){animation-delay:.75s;}

.sdm-card:hover{

transform:translateY(-12px);

border-color:#9C1210;

box-shadow:0 25px 70px rgba(156,18,16,.35);

}

.sdm-icon{

width:72px;

height:72px;

border-radius:20px;

display:flex;

align-items:center;

justify-content:center;

background:linear-gradient(135deg,#9C1210,#5f0908);

font-size:30px;

color:#fff;

margin-bottom:28px;

transition:.45s;

}

.sdm-card:hover .sdm-icon{

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

box-shadow:0 0 30px rgba(156,18,16,.7);

}

.sdm-card h3{

color:#fff;

font-size:25px;

margin-bottom:18px;

}

.sdm-card p{

color:#BFBFBF;

line-height:1.8;

font-size:16px;

}

@keyframes fadeUp{

to{

opacity:1;

transform:translateY(0);

}

}

@media(max-width:768px){

.sdm-heading h2{

font-size:36px;

}

.sdm-services{

padding:70px 25px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb50b60 */.sdm-faq{ width:100%; max-width:700px; margin-left:auto; } .sdm-faq-item{ border-bottom:1px solid rgba(255,255,255,.08); padding:18px 0; transition:.35s; } .sdm-faq-question{ width:100%; background:none; border:none; outline:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; padding:0; text-align:left; color:#fff; font-size:21px; font-weight:600; transition:.3s; } .sdm-faq-question span{ max-width:90%; line-height:1.5; } .sdm-faq-question i{ width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(156,18,16,.12); color:#9C1210; font-size:16px; transition:.35s; flex-shrink:0; } .sdm-faq-answer{ max-height:0; overflow:hidden; transition:max-height .45s ease; } .sdm-faq-answer p{ margin:18px 0 8px; font-size:16px; line-height:1.8; color:#b8b8b8; max-width:92%; } .sdm-faq-item.active .sdm-faq-answer{ max-height:220px; } .sdm-faq-item.active .sdm-faq-question i{ transform:rotate(45deg); background:#9C1210; color:#fff; } .sdm-faq-item:hover{ border-color:rgba(156,18,16,.45); } @media(max-width:768px){ .sdm-faq-question{ font-size:18px; } .sdm-faq-answer p{ font-size:15px; } }/* End custom CSS */