*{
    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;
}
.heading{
    font-size: 40px;
    margin: auto;
    width: max-content;
    font-weight: 400;
}
.line{
    width: 100%;
    height: 2px;
    margin: 20px auto 20px auto;
    background-color: var(--line-color);
}
.certi .main .row-sec .col2 .file-sec{
        margin-top: 15px;
}
.certi .main .row-sec .col2 .file-box{
    width: 80%;
    background-color: transparent;
}
.certi .main .row-sec .col2 .file-box[type="file"]::file-selector-button {
  background-color: transparent; 
  color: rgb(37, 141, 239); 
  border: 1px solid var(--line-color);
  padding: 5px 15px; 
  border-radius: 5px; 
  cursor: pointer; 
  transition: background-color 0.3s ease;
}
.certi{
    color: var(--p-text-color);
    background-image: linear-gradient(35deg, rgb(5, 5, 5), rgb(57, 57, 57) , rgb(5, 5, 5));
}
.certi .main .row-sec .col1 .heading .icon{
    color: var(--main-color);
    display: inline;
    font-size: 15px;
    margin-right: 10px;
}
.certi .main .row-sec .col1 .heading i{
    display: inline;
    font-size: 15px;
    position: relative;
    top: -8px;
}
.certi .main .row-sec .col1 .heading{
    display: inline;
    color: white;
}
.certi .main .row-sec .col1 .heading .line{
    display: none;
}
.certi .main .row-sec .col1 p{
    padding-left: 40px;
}
.certi .main .row-sec{
    display: flex;
    gap: 20px;
    width: 100%;
    margin: auto;
    place-items: center;
}
.certi .main .row-sec .col1{
    width: 45%;
}
.certi .main .row-sec .col2{
    width: 55%;
    border-radius: 10px ;
    padding: 50px 0px;
    background-color: rgb(41, 41, 41);
    box-shadow: 0px 0px  30px rgba(172, 171, 171 ,0.5);
}
.certi .main .row-sec .col2 h2{
    text-align: center;
    color: white;
}
.certi .main .row-sec .col2 form{
    width: 90%;
    margin: auto;
}
.certi .main .row-sec .col2 form .row1{
    display: flex;
    gap: 10px;
}
.certi .main .row-sec .col2 form .row1 .l1 label{
    margin: 5px 0px -5px 0px;
}
.certi .main .row-sec .col2 form .row1 .l1{
    /* border: 1px solid rgb(255, 255, 255); */
    display: grid;
    width: 50%;
}
.certi .main .row-sec .col2 form .row1 .l1 input{
    border: 1px solid rgb(127, 126, 126);
    border-radius: 5px;
    background-color: transparent;
    width: 100%;
    color: var(--p-text-color);
    padding: 10px;
    margin-top: 10px;
}
.certi .main .row-sec .col2 form button{
    padding: 12px 20px 12px 20px;
    border: 3px solid rgb(220, 217, 217);
    background-color: transparent;
    color: rgb(220, 217, 217) ;
    font-size: 20px;
    font-weight: 500;
    display: grid;
    justify-self: center;
    margin-top: 20px;
}
.certi .main .row-sec .col2 form button:hover{
    color: #B99F46;
    border: 3px solid #B99F46;
}

/* footer */
.d-footer footer .container .add h6{
  padding: 0px 0px 5px 0px;
}