.ceo-box{
    margin-right: 15%;
    width: 70%;
    padding: 2vh;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    /* background-color: #edf2f4; */
}

.ceo-right{
    width: 20%;
    margin-right: 3%;
    align-self: center;
}

.ceo-right .ceo-img-c{
    width: 100%;
    margin-left: 0%;
    padding: 0.5vh;
    box-sizing: border-box;
    /* border-top: 2px solid #afd275; */
    /* border-bottom: 2px solid #afd275; */
}

.ceo-right .ceo-img-c img{
    width: 100%;
}

.ceo-left{
    /* border-top: 2px solid #afd275; */
    /* border-bottom: 2px solid #afd275; */
    width: 70%;
    margin-right: 4%;
    align-self: center;
  
}


.ceo-box .ceo-left .ceo-mini-title{
    color:#fca311;
}

.ceo-box .ceo-left .ceo-main-title{
    color: #457b9d;
}

.ceo-box .ceo-left .ceo-desc{
    text-align: justify;
    color: #1d3557;
    font-size: 18px;
}

.ceo-box .ceo-left button{
    width: 25%;
    min-width: fit-content;
    border-radius: 18px;
    outline: none;
    padding: 1.2vh;
    box-sizing: border-box;
    background-color: #444;
    color: white;
    transition: 1s;
    box-shadow: 2px 2px 12px rgb(27, 26, 26);
}

.ceo-box .ceo-left #cv{
    border: 1.5px solid #0473d8;
}

.ceo-box .ceo-left #cn{
    border: 1.5px solid white;
}

.ceo-box .ceo-left #cv:hover{
    background-color: #0473d8;
    cursor: pointer;
}

.ceo-box .ceo-left #cn:hover{
    background-color: white;
    color: #444;
    cursor: pointer;
}

@media (max-width: 950px) {
    .ceo-box {
        width: 80%;
        margin-right: 10%;
        margin-left: 0%;
        flex-direction: column;
    }

    .ceo-right{
        width: 100%;
        margin-right: 0%;
        margin-left: 0%;
    }

    .ceo-left{
        width: 100%;
        margin-top: 2vh;
        margin-right: 0%;
    }

    .ceo-box .ceo-left .ceo-desc{
        font-size: 16px;
    }
  }