body{
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}
#logo{
    width:55px ;
    height:55px;
}
#border{
    border: none;
}

#border span{
    width: 25px;
}

#logIn, #signUp{
    width: 50%;
    font-size:14px;
    font-weight: 600;
    margin-left:auto ;
    border: none;
    padding: 9px;
    margin-top: 5px;
}

#logIn{
    box-shadow: inset 0 0 0 2px rgb(30 41 51 / 15%);
}

#signUp{
    color: white;
    background-color: #7d2ae8;
}

#mainSectionStyle h1{
    font-weight: 700;
    font-size: 32px;
    line-height: 54px;
    
}

#mainSectionStyle p{
    color: grey;
}



#mainSectionStyle div img{
    object-fit: contain;
}

#proTrailBtn{
    color: white;
    background-color: #7d2ae8;
    padding: 9px 0;
    font-size: 12px;
    font-weight: 600;
    margin:6px 0 14px 0;
    
}

#freeBtn {
    font-size: 12px;
    font-weight: 600;
    padding:0 9px;
    height: 42px;
    margin-top: 5px;
    box-shadow: inset 0 0 0 2px rgb(30 41 51 / 15%);
    color: #0e1318;
    

}



#freeBtn:hover, #logIn:hover{
    box-shadow: inset 0 0 0 2px rgb(30 41 51 / 45%);

}

#proTrailBtn:hover, #signUp:hover{
    background-color: #8d39fa;
    
}

.secondSection{
    background-color: #7d2ae8;
}

.secondSection .box{
    border-radius: 5px;
}

.secondSection #freeBtn , .secondSection #proTrailBtn{
    width: 100%;
    font-size: 14px;
}







    

@media (min-width: 992px){
.pt-lg-5 {
    padding: 6rem;
}
#mainSectionStyle .divContent{
    margin-left: 10px;
    margin-right: 10px;
    
}
#mainSectionStyle .divContent h1{
    font-size: 50px;
    
}
#mainSectionStyle .divContent p{
    font-size: 18px;
    
}
.secondSection #freeBtn{
    margin-top: 275px;
    width: 100%;
}
.firstBox{
    margin-right: 20px;
}
#logIn, #signUp{
    width: 120px;
    font-size:14px;
    font-weight: 600;
    margin-left:18px ;
    border: none;
    padding: 9px;
}




}

@media (max-width:992px){
    .secondSection .head{
        font-size: 1.5rem;
    }

    .secondSection .firstBox{
        margin-top: 6rem;
        margin-bottom: 3rem;
    }
}







@media (max-width:1000px){
    #logo{
        width:43px ;
        height:43px;
        }
    #mainSectionStyle{
        padding: 0 20px;
    }
    #mainSectionStyle button{
        width: 95%;
    }
    
    

}

@media (mas-width:1100px){
    #proTrailBtn{
        width: 300px;
    }
}