.bod {
    background-color: #e9e7e7;
    border-radius: 20px;
    width: 95%;
    font-weight: normal;
    padding: 15px 5px;
    margin: 0 auto;
}

.head {
   width: 95%;
   margin: 0 auto;
   padding: 12px 14px 45px;
   background-color: #ffffff;
   border-radius: 20px;
}
.head a {
   padding: 7px 10px;
   background-color: #c5c5c5;
   color: #003088;
   border-radius: 8px;
   border: 1px solid black;
   box-shadow: 1px 1px 5px #6e6e6e;
}
.head a:hover {
   padding: 7px 10px;
   border-radius: 8px;
   border: 1px solid black;
   box-shadow: none;
   cursor: pointer;
}


/* Start Flex Area */
.cont {
   display: flex;
   justify-content: space-evenly;
   border-radius: 20px;
}

.cont img {
   width: 55%;
   height: auto;
}
.cont p {
   text-align: justify;
}

.left {
   width: 60%;
   text-align: left;
   display: flex;
   flex-direction: column;
}

.ltcont {
   margin: 10px 5px 12px 20px;
   padding: 25px;
   background-color: #ffffff;
   border-radius: 20px;
   position: relative;
}

.right {
   width: 40%;
   text-align: right;
   display: flex;
   flex-direction: column;
}

.rtcont {
   margin: 10px 20px 12px 5px;
   padding: 25px;
   background-color: #ffffff;
   border-radius: 20px;
}

button {
   padding: 4px 7px;
   border-radius: 5px;
   border: 1px solid black;
   position: absolute;
   top: 25px;
   right: 25px;
}
/* End Flex Area */


.foot {
   padding: 2px;
   text-align: center;
}