#Bs_container_div {
            display: flex;
            gap: 20px;
            margin: auto;
            margin-top: 10px;
            width: 90%;
       }
        .Bs_item_div {
            padding: 10px 7px;
            height: 400px;
            width: 23%;
            margin-left: 5px;
            /* border: 1px solid black; */
            box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        }
        .Bs_item_div:hover {
            box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;

        }
        .Bs_item_div:hover .Bs_slide_p {
            transform: translateY(0%);
            background-color: rgb(238, 238, 238,0.2);
            opacity: 1;
        }
        
        .Bs_item_div2 {
            padding: 10px 7px;
            /* height: 370px;
            width: 230px; */
            margin-left: 5px;
            /* border: 1px solid black; */
            box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        }
        .Bs_item_div2:hover {
            box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;

        }
        .Bs_item_div2:hover .Bs_slide_p {
            transform: translateY(0%);
            background-color: rgb(238, 238, 238,0.2);
            opacity: 1;
        }
        .Bs_image_div {
            position: relative;
            width: 100%;
            height: 60%;
        }
        .Bs_image_div>img {
            width: 100%;
            height: 100%;
        }
        .Bs_slide_p {
            display: block;
            position: absolute;
            /* top: 90px; */
            bottom: 5px;
            left: 0%;
            opacity: 0;
            width: 100%;
            text-align: center;
            transform: translateY(10%);
            transition: transform 0.4s ease-in-out;
        }
        .Bs_slide_p>div {
            height: 100%;
            width: 90%;
            padding: 20px 0px;
            display: inline-block;
            background-color: rgb(238, 238, 238,0.3);
        }
        .Bs_slide_p>div>p {
            margin: 0%;
        }
        .Bs_slide_p>div>p:hover {
            color: red;
        }

        .Bs_text_div_1 {
            display: flex;
            justify-content: space-between;
        }
        .Bs_text_div_1>p:last-child {
            margin-right: 2%;
        }
        .Bs_text_div_1>p:last-child:hover {
            color: red;
        }
        .Bs_text_div_2 {
            display: flex;
            margin: 0%;
            line-height: 18px;
            margin-bottom: 7%;
        }
        .Bs_text_div_2>p {
            margin: 0%;
            margin-bottom: 2%;
        }
        .Bs_text_div_2>p:last-child {
            margin-left: 3%;
            color: red;
            font-weight: bold;
        }
        .Bs_star_image_div>i {
            color: red;
        }
    

#head{
    display:flex;
    margin-bottom: 10px;
    width: 90%;
    margin: auto;
    justify-content: space-between;
}
#head>h2{
    flex: 1;
    margin-top: 2%;
    padding-right: 1%;
}
#head>h3{
    flex: 1;
    /* margin-left: 4%; */
    margin-top: 2%;
    padding-left: 1%;

    color:red;
}
#line{
    width: 60%;
    /* flex: 5; */
    height:0;
    border:solid 1px grey;
    background: grey;
    margin-left: 1%;
    margin-top: 3%;
    margin-right: 1%;
    border-radius: 12px;
}
.main{
    display: grid;
    
    grid-template-columns: repeat(2,1fr);
    width: 90%;
    margin: auto;
      grid-gap:0.7%;
      margin-bottom: 1%;
}
.main>div{
   /* border:1px solid black; */
    width: 99%;
    height: 98%;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
}
#img{
    width: 100%;
    height: 100%;
    opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
} 

#img:hover{
    opacity: .5;
}
.box{
    display:grid;
    grid-template-columns: repeat(3,1fr);
    width:97%;
    margin: auto;
    height: 240px;
    grid-gap: 0.7%;
    
    /* margin-left: 70px; */
}
.box>div{
   /* border:1px solid black; */
    width:100%;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
}
#img2{
    width:100%;
    height: 100%;
    opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#img2:hover{
    opacity: .5;
}
        #Ms_container_div {
            display: grid;
            margin: auto;
            margin-top: 1%;
            grid-template-columns: repeat(5,1fr);
            width: 90%;
            margin-bottom: 3%;
            gap: 1.5%; 
        }
        .Ms_item_div {
            width: 97%;
            padding: 2%;
            padding-bottom: 15%;
            box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        }
        .Ms_item_div:hover {
            box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;

        }
        .Ms_image_div {
            padding-top: 3%;
            position: relative;
        }
        .Ms_image_div>img{
            height: 100%;
            width:100%;
        }
        .Ms_slide_p {
            display: block;
            position: absolute;
            /* top: 90px; */
            bottom: 5px;
            left: 0%;
            opacity: 0;
            width: 100%;
            text-align: center;
            transform: translateY(10%);
            transition: transform 0.4s ease-in-out;
        }
        .Ms_item_div:hover .Ms_slide_p {
            transform: translateY(0%);
            background-color: rgb(238, 238, 238,0.3);
            opacity: 1;
        }
        .Ms_slide_p>div {
            height: 100%;
            width: 90%;
            padding: 20px 0px;
            display: inline-block;
            background-color: rgb(238, 238, 238,0.3);
        }
        .Ms_slide_p>div>p {
            margin: 0%;
        }
        .Ms_slide_p>div>p:hover {
            color: red;
        }
        .Ms_text_div_1 {
            display: flex;
            justify-content: space-between;
        }
        .Ms_text_div_1>p:last-child {
            margin-right: 2%;
        }
        .Ms_text_div_1>p:last-child:hover {
            color: red;
        }
        .Ms_text_div_2 {
            display: flex;
            margin: 1%;
            width: 100%;
            line-height: 18px;
            margin-bottom: 4%;
        }
        .Ms_text_div_2>p {
            margin: 0%;
           /* margin-bottom: 2%;*/
        }
        .Ms_text_div_2>p:last-child {
            margin-left: 3%;
            color: red;
            /*font-weight: bold;*/
        }
        .Ms_star_image_div>i {
            color: red;
            margin-top: 1.5%;
        }
      #Ms_container_div>.Ms_item_div>.Ms_text_div>.Ms_text_div_2>p{
          font-size: 12px;
          
      }
      #Bs_container_div>.Bs_item_div>.Bs_text_div>.Bs_text_div_2>p{
          font-size: 12px;
          
      }