*{
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;
    font-family: montserrat;
}

:root{
    --main-color:#B99F46;
    --bg-color:#000000;
    --bg-color:#171717;
    --para-color:#504e4d;
    --line-color:rgb(176, 176, 176);
    --p-text-color: rgb(162, 161, 161); 
}
.main{
    padding: 100px 0px;
    width: 80%;
    margin: auto;
}

li{
    list-style: none;
}
a{
    text-decoration: none;
}
.line{
    width: 100%;
    height: 2px;
    margin: 20px auto 20px auto;
    background-color: var(--line-color);
}
/* .news{
    background-image: linear-gradient(35deg, rgb(5, 5, 5), rgb(57, 57, 57) , rgb(5, 5, 5));
} */
.events .sec-one{
    width: 100%;
    margin: auto;
    background-image: linear-gradient(35deg, rgb(5, 5, 5), rgb(57, 57, 57) , rgb(5, 5, 5));
}
.events .sec-one .heading{
    margin: auto;
    width: max-content;
    font-weight: 400;
    text-transform: uppercase;
    color: white;
    width: 100%;
    text-align: center;
}
.events .sec-one .heading h1{
    font-size: 35px;
}
.events .sec-one p{
    text-align: center;
    margin-top: 20px ;
    width: 100%;
    color: var(--p-text-color);
}
.events .sec-one .main .part-one{
    width: 100%;
    padding: 20px 0px 20px 0px;
}
.events .sec-one .main .row{
    width: 100%;
    margin: 50px auto 0px auto;
    border-radius: 10px;
    border: 1px solid var(--line-color);
    padding: 50px;
    display: flex;
    background-color: transparent;
    box-shadow: 0px 0px 10px rgba(172, 171, 171 ,0.5);
}
.events .sec-one .row .col1{
    width: 70%;
    display: inline;
    text-transform: capitalize;
}
.events .sec-one .row .col1 h2{
    color: white;
    font-size: 20px;
}
.events .sec-one .row .col1 address{
    color: var(--p-text-color);
    font-weight: 600;
    font-size: 12px;
}
.events .sec-one .row .col1 p{
    text-align: left;
    margin-top:-10px;
}
.events .sec-one .main .row .col1 a{
    padding: 5px 20px 7px 20px;
    border: 3px solid rgb(220, 217, 217);
    color: rgb(220, 217, 217) ;
    font-size: 15px;
    font-weight: 500;
}
.events .sec-one  .row .col2{
    width: 30%;
    text-transform: uppercase;
    display: grid;
    justify-items: center;
    place-items: center; 
}
.events .sec-one  .row .col2 img{
    width: 100%;
    box-shadow: 0px 0px 20px rgba(172, 171, 171 ,0.5);
}