.case-studies-main-container-div {
  height: 818px;
  width: 100%;
  background-color: black;
}
.case-studies-container-div {
  width: 83%;
  height: 100%;
  /* background-color: rgb(136, 153, 185); */
  margin: auto;
}
.case-studies-container-div .case-studies-div {
  height: 710px;
  width: 91%;
  transform: translateY(50px);
  /* background-color: rgb(182, 75, 89); */
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  margin: auto;
}
.case-studies-container-div .case-studies-div .top-section-div {
  width: 100%;
  height: 60px;
  /* background-color: aqua; */
  width: 98%;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.case-studies-container-div
.case-studies-div
.top-section-div
.left-section-div {
  width: 50%;
  height: 100%;
  font-size: 30px;
  font-weight: 700;
  /* background-color: rgb(0, 60, 255); */
}
.case-studies-container-div
.case-studies-div
.top-section-div
.right-section-div {
  width: 50%;
  height: 100%;
  /* background-color: rgb(21, 255, 0); */
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.case-studies-container-div
.case-studies-div
.top-section-div
.right-section-div
.view-all-div {
  width: 90px;
  /* background-color: rgb(0, 90, 90); */
  height: 70%;
  display: flex;
  align-items: center;
}

.case-studies-container-div .case-studies-div .middle-section-div {
  width: 98%;
  margin: auto;
  height: 280px;
  /* background-color: rgb(247, 0, 255); */
  display: flex;
  justify-content: space-between;
}
.case-studies-container-div
.case-studies-div
.middle-section-div
.first-section-div {
  width: calc((570 / 1450 * 100%));
  height: 100%;
  /* background-color: blue; */
  background: url(../Drawables/Images/1247269.png);
  background-size:  contain;
}
.case-studies-container-div
.case-studies-div
.middle-section-div
.first-section-div
.left-section {
  width: calc((250 / 600 * 100%));
  height: 93%;
  /* background-color: aquamarine; */
  padding: 10px 20px;
}
.case-studies-container-div
.case-studies-div
.middle-section-div
.first-section-div
.left-section
h4 {
  width: 100%;
  height: 30px;
  font-size: 20px;
  /* background-color: azure; */
}
.case-studies-container-div
.case-studies-div
.middle-section-div
.first-section-div
.left-section
h5 {
}
.case-studies-container-div
.case-studies-div
.middle-section-div
.first-section-div
.left-sectiona {
}
.case-studies-container-div
.case-studies-div
.middle-section-div
.second-section-div {
  background-color: brown;
  width: calc((810 / 1450 * 100%));
  height: 100%;
  background: url(../Drawables/Images/2419169-star-wars-jedi-case-study-tile-m\(1\).jpg);
  background-size: contain;
}

.case-studies-container-div .case-studies-div .bottom-section-div {
  width: 98%;
  margin: auto;
  height: 310px;
  /* background-color: rgb(182, 182, 149); */
  display: flex;
  column-gap: 40px;
}
.case-studies-container-div .case-studies-div .bottom-section-div .left-section{
  width: 850px;
  height: 100%;
  background: url(../Drawables/Images/2491302-stmicroelectronics-homepage-tile-m.jpg);
}

.case-studies-container-div .case-studies-div .bottom-section-div .right-section{
  height: 100%;
  width: 570px;
  background-size: contain;
  background: url(../Drawables/Images/2419169-first-responders-case-study-tile-m.jpg);
}