@import url("./color.css");

.guideTitle{
    color: #2151a3;
}
.guideContainer{
        background-color: var(--section-bg-color);
}
.guideCard{
    overflow: hidden;
    border-radius: 50px;
    border: none !important;
}

.card-container {
  /* width: 260px; */
   background: #ffffff;
  /* background: linear-gradient(
    to right,
    #f3e7e9,#e3eeff,#e3eeff
  ); */
  padding: 4px;
  border-radius: 28px;
  display: flex;
  flex-direction: column;
  border: 1px solid #ebebebee;
}
.card-container .title-card {
  display: flex;
  align-items: center;
  /* padding: 16px 18px; */
  justify-content: space-between;
  color: #2151a3;
}
.card-container .title-card p {
  font-size: 1.1em;
  font-weight: 600;
  /* font-style: italic; */
  /* text-shadow: 2px 2px 6px #2975ee; */
}
.card-container .card-content {
    padding: 0 6px 6px 6px;
}
.card-container .card-content .videoContainer{
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* background-color: #161a20; */
  border-radius: 15px;
  color: #838383;
  font-size: 12px;
  /* padding: 18px; */
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.card-container .card-content .title {
  font-weight: 600;
  color: #101010;
}
.card-container .card-content .plain :nth-child(1) {
  font-size: 36px;
  color: #fff;
}