*{
    padding: 0;
    margin: 0;
}

ul{
    list-style: none;
}

a{
    text-decoration: none;
}

.container{
    width: 1200px;
    margin: auto;
}

.header{
    background: url(../img/background\ picture.png) no-repeat center center / cover;
    height: 100vh;
}

.header__nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    background: #282828;

}

.header__lists{
    display: flex;
  
    column-gap: 30px;
}

.header__lists li a{
color: #4D4D4D;
font-family: Arial;
font-weight: 700;
font-style: Bold;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
transition: .5s;
padding: 40px 20px 20px 20px;
}

.header__lists li a:hover{
    background: #C1BC45;
    padding: 40px 20px 20px 20px;
    color: #FFFFFF;
}

.header__content{
    margin-top: 170px;
}

.header__content__title{
font-family: Arial;
font-weight: 700;
font-style: Bold;
font-size: 100px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
color: #C1BC45;
}

.header__content__text{
color: #4D4D4D;
font-family: Arial;
font-weight: 700;
font-style: Bold;
font-size: 18px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
}

.header__content__text span{
color: #151515;
font-family: Arial;
font-weight: 700;
font-style: Bold;
font-size: 18px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
}

.main{
    margin: 100px 0;
}

.main__content{
    display: flex;
    justify-content: space-between;
}

.main__content__blog h3{
 color: #000000;
font-family: Arial;
font-weight: 400;
font-style: Regular;
font-size: 32px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
padding: 50px 0 25px 0;
}

.main__content__blog h3 span{
color: #000000;
font-family: Arial;
font-weight: 700;
font-style: Bold;
font-size: 32px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
}

.main__content__blog{
    width: 585px;
}

.main__content__desc{
    width: 585px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.main__content__blog p{
 color: #4D4D4D;
   font-family: Arial;
font-weight: 400;
font-style: Regular;
font-size: 18px;
leading-trim: NONE;
line-height: 140%;
letter-spacing: 0%;
}

.main__desc{
    display: flex;
    align-items: center;
    column-gap: 30px;
    border: 4px solid #C3C3C3;
    padding: 20px;
    transition: .5s;
}

.main__desc:hover{
    cursor: pointer;
    border: 4px solid #C1BC45;
}


.main__desc__item{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.main__desc__item h4{
color: #000000;
font-family: Arial;
font-weight: 700;
font-style: Bold;
font-size: 26px;
leading-trim: NONE;
line-height: 140%;
letter-spacing: 0%;
}

.main__desc__item p{
 color: #000000;
font-family: Arial;
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 140%;
letter-spacing: 0%;
}

.footer{
    background: #D9D9D9;
    padding: 100px 0;
}

.footer__content{
    display: flex;
    justify-content: space-between;
}

.footer__lists{
    display: flex;
    align-items: center;
    column-gap: 50px;
}
.footer__lists li a{  
font-family: Arial;
font-weight: 700;
font-style: Bold;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
transition: .5s;
}

.footer__lists li a:hover{
    color: #FF0000;
   border-bottom: 2px solid #FF0000; 
}



