*
    {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        font-family: 'Varela Round', sans-serif;
    }
    .serv-container
    {
        width: 80%;
        height:auto;
        /* padding: px 15px 15px 0px; */
        background: #fff;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        margin: 10%;
        box-shadow: 1px 2px 25px 3px;
    }
    .serv-container .btn-box
    {
        width: 100%;
        height: 60px;
        background: #fff;
        border-radius: 5px;
        border: none;
        outline: none;
    }
    .content-box
    {
        margin: 0;
        margin-left: 15px;
        display: flex;
        flex-direction: row;
        justify-content:center;
        display: none;
    }
    .left-content 
    {
        width: 50%;
        margin: 25px;
        text-align: center;
    }
    .left-content p{
        
        font-size: 16px;
        margin: 25px;
        margin-top: 5%;
        text-align: justify;
    }
    .left-content h2
    {
        font-size: 25px;
        text-transform: capitalize;
        text-align: center;
    }
    .right-content
    {
        width: 40%;
        margin-top: 25px;
        justify-content: center;
    }
    .right-content img{
        width: 350px;
        height: auto;
        margin-top: 5%;
        margin-left: 70px;
    }
    .btn-box {
        display: flex;
        flex-direction: row;
        box-shadow: 1px 2px 5px 2px;
    }
    .btn-box button{
        width: 100%;
        height: auto;
        background: transparent;
        color: #ccc;
        font-size: 16px;
        text-transform: capitalize;
        cursor: pointer;
        border: none;
        outline: none;
        transition: 0.5s;
    }
    .btn-box button:hover{
        background: #eee;
        color: #000;
    }
    .left-content ul{
        display: flex;
        flex-direction: column;
        list-style: none;
        margin-top: 25px;
        text-align: justify;

    }
    .left-content ul li {
        line-height: 45px;
       
        
    }
    .left-content ul li i{
        font-size: 16px;
        margin-right: 5px;
        color: brown;
    }

    @media(max-width:986px)
    {
        .serv-container .btn-box
        {
            display: flex;
            flex-direction: column;
            height: auto;
            padding: 15px;
            box-shadow: none;
        }
        
        .serv-container
        {
            height: auto;
        }
        .content-box{
            flex-direction: column;
            width: 90%;
            margin-left: 5%;
        }
        .left-content {
            width: 90%;
            margin-left: 5%;
        }
        .left-content h2{
            font-size: 20px;
        }
        .left-content ul li{
            font-size: 16px;
            font-weight: 500;
        }
        .right-content{
            width: 90%;
            margin-left: 5%;
        }
        .right-content img{
            width: 95%;
            margin-left: 2.5%;
            margin-bottom: 10px;
            height: auto;
        }
        .btn-box button{
            font-size: 16px;
            padding: 10px;
        }
    }
    .margin-top-class{
        margin-top: -0.12%;
    }