#score {
   background-color: aquamarine;
   width: 91%;
   padding: 2%;
   text-align: center;
   position: absolute;
   bottom: 12.5%;
   border-radius: 5px;
}

#description-box {
   background-color: #d2e1fb;
   border-radius: 7px;
   color: black;
   padding: 5% 5px;
   font-size: 1.5vw;
   font-weight: 700;
   box-shadow: 0px 0px 10px #888888;
}

.discription_text {
   background-color: #f4ccccff;
   border-radius: 10px;
   border: black;
   padding: 5%;
   font-weight: 500;
   font-size: calc(0.4vw + 12px);
}


.all_properties_flex {
   display: flex;
   flex-direction: row;
}

.table-responsive {
   max-width: 100%;
}

#panel1_btn {
   position: absolute;
   bottom: 21.5%;
   width: 91%;
}

#exp-title {
   position: relative;
   top: 10%;
   background-color: rgb(144, 175, 233);
   padding: 2%;
   text-align: center;
   border-radius: 10px;
   font-size: 1.5vw;
   font-weight: 600;
   width: 100%;
}

.close-btn {
   position: absolute;
   bottom: 4%;
   width: 91%;
}

.text-color-blue {
   color: #018fc3;
}

/* for scrollable offcanvas discription
so button will not overcome the discription */
.offcanvas-body {
   margin-bottom: 20%;
}

.offcanvas-title {
   width: 100%;
}