#frame-arjun-table > div {
  /* border: 1px solid; */
}


/* DASHLINE Start v2*/


#dash-line {


  margin: 0px;


  padding: 0 80px 0 80px;


  background-color: #FBEEC1;


  -webkit-touch-callout: none;


  -webkit-user-select: none;


  -khtml-user-select: none;


  -moz-user-select: none;


  -ms-user-select: none;


  user-select: none;


}





#dash-line > a {


  display: flex;


  height: 100px;


  justify-content: center;


}





#dash-line > a:hover {


  background-color: #28678b;


}

#dash-line > a > img {


  display: block;


  /* width: 90%; */


  height: 70%;


  margin: auto;


  margin-left: 0;


  margin-right: 0;


}





#dash-line > a:nth-child(2) > img {


  height: 90%;


}





#dash-line > a:nth-child(3) > img {


  height: 60%;


}





#dash-line > a > div {


  /* text-align: left; */


  color: black;


  margin: auto;


  margin-left: 12px;


  font-size:larger;


  /* font-weight: 800; */


  width: 50%;


  margin-right: 12px;


}


@media only screen and (max-width: 576px) {


  #dash-line > a > div {


    font-size:medium;


  }





  #dash-line > a > img {


    height: 60%;


  }


  


  #dash-line > a:nth-child(2) > img {


    height: 80%;


  }


  


  #dash-line > a:nth-child(3) > img {


    height: 50%;


  }


}


@media only screen and (max-width: 768px) {


  #dash-line {


    padding: 0px;


  }


}





/* DASHLINE End v2*/





/* DASHLINE Start v1*/


.dash-line {


  padding: 0;


  /*height: 100px;*/


  margin: 0;


  width: 100%;


  /*float: left;*/


  text-align: center;


  /* background: var(--primary-color); */


  background: #FBEEC1;


}





.dash-line a {


  width: auto;


  list-style: none;


  float: none;


  display: inline-block;


  height: 100%;


  padding: 20px 60px;


}








.dash-line a:hover {


  cursor: pointer;


  background: #28678b;


  /* background: #2C3531; */


}





.dash-line a img {


  height: 60px;


  float: left;


  width: auto;


}





.dash-line a div {


  height: auto;


  width: auto;


  margin: 0px;


  float: left;


  text-align: left;


  margin-left: 15px;


  text-transform: uppercase;


  color: rgb(0, 0, 0);


  line-height: 22px;


  margin-top: 8px;


}


.dash-line a div:hover {


  color: rgb(255, 255, 255);


}


/* DASHLINE End v1*/





#frame-arjun {


  width: 80vw;


  height: 80vh;


  position: relative;


}





#frame-arjun p:first-of-type {


  position: absolute;


  bottom: 0px;


  left: 10px;


  /*height:30px;*/


}





#frame-arjun p:first-of-type a {


  background-color: black;


  opacity: 0.75;


  height: 40px;


  display: flex;


  align-items: center;


  font-weight: bold;


}





#frame-arjun p:first-of-type a:hover {


  opacity: 1;


}





#frame-arjun p:last-of-type {


  position: absolute;


  top: 10px;


  right: 10px;


  height: 44px;


  width: 44px;


}





#frame-arjun p:last-of-type a {


  height: 45px;


  display: flex;


  align-items: center;


}





@media only screen and (max-width: 666px) {


  #frame-arjun {


    width: 100vw;


    height: 66vh;


  }


}





/* SAMPLE VIDEOS PAGE CSS*/


#sample_video_div {


  background-image: linear-gradient(#8d8741ab, white);


  padding: 4px 0 4px 0;


  border-radius: 10px;


  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.7);


}





#sample_video_div > div {


  display: flex;


  flex-flow: column;


  margin: 10px 0 10px 0;


  align-content: center;


  justify-content: center;


  align-items: center;


}





#sample_video_div > div > iframe {


  width: 400px;


  height: 300px;


  border: 2px white solid;


  border-radius: 4px;


  margin: 0px 10px;


}





#sample_video_div > div > iframe + p {


  text-transform: capitalize;


  font-weight: bold;


}





@media only screen and (max-width: 576px) {


  #sample_video_div > div > iframe {


    width: 300px;


    height: 200px;


  }


}