.hero-section{
    background-color:var(--primary-color);
    background: linear-gradient(to right,rgba(0,0,0,1),rgba(250,250,250,0.1));
    background-size: cover;
    padding: 0;
}
.hero-section .hero-content{
line-height:45px;
padding-left:3.8rem;
color:var(--white);
}
.hero-section .hero-content .hero-name{
    font-family: var(--h1-font);
    font-size: 2.5rem;
    text-transform: uppercase;
    padding-bottom:16px;
}
.hero-img img{
width: 100%;
height: 100%;
filter:brightness(70%);
}

.hero-button{
    color:var(--white);
    border:2px solid var(--white);
}

.hero-button:hover{
    background-color: var(--white);
    color:black;
}

@media (max-width:768px) {
    .hero-section .hero-content{
        padding:0 20px ;
    }
    .hero-section{
        padding-bottom:50px;
    }
}

/* text section starts---- */
.text-section{
  width:90%;
  margin:auto;
  text-align: center;
  padding:2rem 0 3rem 0;
}
.text-section .heading{
  padding:1.5rem 0;
}




/* -----image-section------- */
.image-section{
    padding:0px  50px 0px 50px;;
    background-color:var(--light-bg-color);
}
.image-section figure img{
    border-style: double;
    width: 100%;
    object-fit: cover;
}
.image-section figure figcaption{
    font-weight: var(--weight-500);
    font-size:1.3rem;
}

/* recent media design------------ */

.recent-media-section{
    padding:200px 0px;
    padding-top:100px;
}