main {    overflow-x: hidden;;}
.menu-digital-marketing-container {}
#menu-digital-marketing {list-style: none;padding: 0;margin: 0;}
#menu-digital-marketing li {display: inline-block; }
#menu-digital-marketing li a {
    text-decoration: none;color: var(--primary);font-weight: 600;padding: 8px 12px; 
    display: inline-block; transition: background-color 0.3s ease; text-transform: uppercase;
}
.scrolled #menu-digital-marketing li a:hover span {    color: var(--secondary);}
#menu-digital-marketing li a:hover,#menu-digital-marketing li.current-menu-item a  {transition: all 0.3s ease-in-out;; color: var(--secondary);;}
/* Styling  scrolled menu container */
.scrolled #menu-digital-marketing li a {color: var(--primary);}

/* Styling  scrolled menu container */
.scrolled #menu-digital-marketing li a {color: var(--primary);}
section{padding: 100px 10px;}
section p {    font-size: 1.3rem;    font-weight: 400; color: #666; line-height: 1.6;;}
section h2 {    font-size: 2.5rem;    font-weight: 700; }
section h3, footer h3 {    line-height: 1.5; font-weight: 700}

/* Styling  hero */
section.hero-section{
    display: flex;background-size: cover;background-repeat: no-repeat;overflow: hidden;
    position: relative;min-height: 100vh; padding-top: 150px;
}
section.hero-section .hero-section-overlay {background-color: #050542D0;width: 100%;height: 100%;position: absolute;top: 0;left:0}
section.hero-section .hero-content{margin: 0 auto; color: #FFF;padding-top: 5%}
.hero-content h1{font-size: 2.8rem; font-weight: 700} 
.hero-content p{ line-height: 1.6;}
.hero-content .showcase-menu ul{list-style: none; padding: 0; margin: 0}
.hero-content .showcase-menu ul li a.nav-link{display: block; color: #FFF; padding: 0.8rem;   font-size: 1.45rem;    padding-right: 50px;  font-weight: 700;    font-style: normal;} 
.hero-content .showcase-menu ul li a.nav-link:hover .nav-link-arrow {    right: 0;}
.hero-content  .showcase-menu ul li a.nav-link .nav-link-arrow {width: 28px;    position: absolute;    right: 0.8rem;    top: -22px;    transition: all ease 0.3s;}
.hero-content .showcase-menu ul li {padding-bottom: 2rem;}
.hero-content .showcase-menu ul li:before {content: "";width: 100%;display: block;height: 2px;background: linear-gradient(to right,#cd9013 50%,#e2e8ec 50%);background-size: 200% 100%;    background-position: right bottom;    transition: all ease 0.3s;}
.hero-content .showcase-menu ul li:hover:before {    background-position: left bottom;}
/* Styling  section 2 */
.section-2, footer, .section-5{ ;}

@keyframes elementor-animation-pulse-grow {
    to {
        margin-top: -20px;
    }
}

.elementor-animation-pulse-grow:active,.elementor-animation-pulse-grow:focus,.elementor-animation-pulse-grow:hover {
    animation-name: elementor-animation-pulse-grow;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate
}
.section-2 img.arrow{padding: 20px;}
.section-2 img.arrow:hover {
    animation-name: elementor-animation-pulse-grow;    animation-duration: .3s;
    animation-timing-function: linear;animation-iteration-count: infinite;    animation-direction: alternate;
}
.section-2 .content{    display:flex;  flex-direction: column;  justify-content: center;}
/* Styling  section 3 */
.section-3 .row {display: flex;flex-wrap: wrap;}
.section-3  .row > [class*='col-'] {display: flex;flex-direction: column;}
.section-3 .box-content{height: 100%; margin-bottom: 25px; padding: 25px 10px 5px 10px; border-radius: 20px;}
.section-3 p{font-size: 1.1rem; color: #fff; margin-top: 25px;}

/* Styling  section 4 */
.section-4{min-height: 100vh}
.section-4 .card-body {flex: 1 1 auto;padding: 3rem 2rem;}

/* Styling  section 5 */
.section-5 .icon{
    background-color: var(--secondary); padding: 20px; border-radius: 100px; height: 80px; width: 80px;     align-items: center;
    align-content: center; display: flex;     margin: 0 auto;
    justify-content: center;
}
.section-5 .icon-alt{
    background-color: var(--primary); padding: 20px; border-radius: 100px; height: 80px; width: 80px;     align-items: center;
    align-content: center; display: flex;     margin: 0 auto;
    justify-content: center;
}
.animate-bg-static {
    position: relative;max-width: 100%;
    height: 200px;margin-top: 30px
}
.animate-move { 
    position: absolute;
    top: 0;bottom: 0;left: auto;width: 100%;
    background-image: url(http://alriyady.ae/wp-content/uploads/2023/11/Group-1000001844.png);
    background-size: contain;background-repeat: no-repeat;
    background-position: center;
}  
.cdp-copy-loader-overlay {display: none;}

@media screen and (max-width: 1400px){ 
    .header-social {padding: 10px 10px;}
    .hero-content h1 {    font-size: 2.5rem;}
}
@media screen and (max-width: 991px){ 
    section {padding: 100px 30px;}
    section p {    font-size: 1.1rem;    line-height: 1.4;}
    .header-social {padding: 10px 12px;}     
}
@media screen and (max-width: 667px){ 
    section {padding: 100px 20px;}
    section h2 {    font-size: 2rem;  }
    .hero-content .showcase-menu ul li a.nav-link {font-size: 1.25rem;}
    .hero-content .showcase-menu ul li a.nav-link .nav-link-arrow {    top: 3px;}
    .hero-content h1 {    font-size: 2.1rem;    font-weight: 700;}
}