@import url('./reset.css');
@import url('./main.css');

body {
  background-color: #f3f4f9;
}

main {
  margin-top: calc(200rem / 16);
}

/* Over Ride Header Styling For SW  */
.header__nav.active a:not(.header__btn__mobile) {
  color: var(--sec-text-color) !important;
}
.header__nav ul a:not(.header__nav__menu a) {
  text-decoration: none;
  color: var(--sec-text-color);
}
header.scrolled .header__nav ul a:not(.header__nav__menu a) {
  text-decoration: none;
  color: var(--text-color);
}
/* End Over Ride Header Styling For SW  */

h1 {
  font-weight: 700;
  font-size: var(--font-h1);
}

.title {
  color: var(--sec-color);
  font-weight: inherit;
  font-size: inherit;
}

.box {
  border-radius: 50.57px;
  outline: 3.45px solid #e3e8ff;
  width: min(calc(1032rem / 16), 90%);
  text-decoration: none;
  color: var(--sec-text-color);
}

.box:hover {
  background-color: #e3e8ff;
}

.box-item {
  display: flex;
  align-items: center;
  gap: calc(50rem / 16);
  padding: calc(25rem / 16);
}
@media (min-width: 992px) {
  .box-item {
    padding: calc(50rem / 16);
  }
}

.imageContainer {
  flex: 1;
}

.textContainer {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 20px;
}

@media (min-width: 992px) {
  .textContainer {
    align-items: start;
    text-align: start;
  }
}

.title-log {
  z-index: 1;
  position: relative;
  font-size: 31.12px;
  font-weight: bold;
  bottom: 11px;
}

.box-log {
  position: relative;
  display: flex;
  align-items: center;
}

.box-log img {
  position: absolute;
  width: 143.27px;
  height: 14.5px;
  z-index: 0;
}

.textContainer h3 {
  font-size: 31.12px;
}

.textContainer p {
  min-height: 131.16px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  /* font-size: var(--font-medium); */
  line-height: 25.89px;
  letter-spacing: 0%;
  color: #000000;
}

.readMore {
  flex-flow: horizontal;
  background-color: #090af0;
  width: 204.86px;
  height: 45.38px;
  line-height: auto;
  line-height: 19px;
  font-weight: 111;
  border-radius: 32.41px;
  color: #ffffff;
  border: none;
  font-weight: bold;
}

.section__title {
  color: var(--sec-text-color);
  font-weight: 700;
  width: fit-content;
  position: relative;
  margin-bottom: calc(20rem / 16);
  z-index: 1;
}
.section__title::after {
  content: '';
  position: absolute;
  bottom: calc(-5rem / 16);
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(18rem / 16);
  background-image: url('../media/Vector.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}