/* Base css start */

/* google fonts cdn */
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

:root {
  /* fonts */
  --openSans: "Open Sans", sans-serif;
  --bebasNeue: "Bebas Neue", sans-serif;

  /* colors */
  --texas-navy: #071b36;
  --sky-blue: #94c3da;
  --red: #d20000;
  --space-gray: #bcbec0;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
ol,
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style-type: none;
}

a,
button {
  transition: all 0.3s;
}
a {
  text-decoration: none;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  padding-inline: 20px;
}
body {
  font-family: var(--openSans);
}

.section__subtitle {
  font-size: 20px;
  line-height: normal;
  color: var(--sky-blue);
  margin-bottom: 22px;
  letter-spacing: 0.08em;
}
.section__title {
  font-family: var(--bebasNeue);
  font-size: 96px;
  line-height: 1;
  color: var(--texas-navy);
}
.section__desc {
  font-size: 24px;
  line-height: 1.65;
}

.theme-btn {
  font-size: 20px;
  line-height: normal;
  color: #fff;
  letter-spacing: 0.08em;
  font-weight: 700;
  padding: 23px 29px;
  background-color: var(--red);
  text-transform: uppercase;
  display: inline-flex;
}
.theme-btn:hover {
  background-color: var(--sky-blue);
}
/* Base css end */

/* hero section start */
.hero {
  background-color: var(--texas-navy);
  padding-block: 57px 140px;
}
.hero__logo {
  width: 128px;
  margin-bottom: 88px;
}
.hero__content {
  max-width: 850px;
}
.hero .section__title {
  margin-bottom: 22px;
}
.hero .section__desc {
  max-width: 500px;
  margin-bottom: 48px;
}
.hero__thumb {
  width: 1210px;
  max-width: 100%;
  top: -100px;
  right: -368px;
}
/* hero section end */

/* get-started section start */

.get-started {
  padding-top: 183px;
}
.section-container {
  background: radial-gradient(85.47% 67.61% at 50% 50%, #ffffff 52.4%, #f1f2f2 66.35%, #bcbec0 100%);
}
.get-started__wrapper {
  max-width: 1120px;
  margin-top: 100px;
  gap: 82px;
}
.get-started__item {
  max-width: 600px;
  padding-left: 55px;
  position: relative;
}
.get-started__item h4 {
  line-height: normal;
  color: var(--red);
  letter-spacing: 0.13em;
  margin-top: 6px;
}
.card-slash {
  width: 34px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-slash::after {
  width: 9px;
  height: 100%;
  background-color: var(--red);
  content: "";
  transform: skew(-28deg);
}
.get-started__item .card-slash {
  position: absolute;
  top: 0;
  left: 0;
}
/* get-started section end */

/* cta section start */
.cta {
  padding-block: 87px 67px;
}
.cta__btn-container {
  padding: 18px;
}
.cta__btn-container::before {
  content: "";
  width: 75.7%;
  height: 100%;
  background-color: var(--red);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  clip-path: polygon(-2.066% 0%, -2.066% 100%, 93.83% 100%, 100% 0%, -2.066% 0%);
}
.cta__btn {
  display: inline-flex;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.07em;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  padding: 23px 29px;
  background-color: var(--red);
}
.cta__btn:hover {
  color: var(--sky-blue);
}

.section-slash {
  width: 230px;
  height: 424px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
.section-slash::after {
  content: "";
  width: 5px;
  height: 100%;
  background-color: var(--space-gray);
  transform: skew(-28deg);
}
.section-slash--sky-blue::after {
  background-color: var(--sky-blue);
}
.section-slash--white::after {
  background-color: #fff;
}
.cta .section-slash--one {
  top: 54px;
  left: -97px;
}
.cta .section-slash--two {
  top: -4px;
  right: -24px;
}
.section-box-border {
  width: 241px;
  height: 244px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
.section-box-border::after {
  content: "";
  width: 110px;
  height: 100%;
  border: 3px solid var(--red);
  transform: skew(-28deg);
}
.section-box-shape {
  width: 256px;
  height: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
.section-box-shape::after {
  content: "";
  width: 110px;
  height: 100%;
  background-color: var(--sky-blue);
  transform: skew(-28deg);
}
.cta .section-box-border {
  top: 18px;
  left: 77px;
}
/* cta section end */

/* feed section start */
.feed {
  padding-bottom: 80px;
}
.feed__wrapper {
  padding: 36px;
}
.feed .section__title {
  margin-bottom: 32px;
}
.section__title.section__title--sm {
  font-size: 64px;
}
.feed__item {
  aspect-ratio: 191/256;
  overflow: hidden;
}
.feed__item img {
  transition: all 1s ease-in-out;
}
.feed__item:hover img {
  transform: scale(1.1);
}
/* feed section end */

/* footer section start */
.footer {
  background-color: var(--texas-navy);
  padding-block: 87px 111px;
}
.footer__wrapper {
  gap: 50px;
}
.footer__logo img {
  width: 114px;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}
.footer__widget-title {
  line-height: normal;
  color: var(--sky-blue);
  letter-spacing: 0.08em;
}
.social-icons {
  gap: 27px;
}
.social-icon:hover {
  transform: scale(1.1);
}
.footer .section-box-border {
  width: 305px;
  height: 308px;
}
.footer .section-shape-container {
  top: -124px;
  right: -142px;
}
.footer .section-box-shape {
  right: 193px;
  bottom: -35px;
}
/* footer section end */