/**
 * Theme Name: Top Drive Child
 * Template:   topdrive
 *
 * @format
 */

/* Fonts */
/* X (Twitter) logo from Font Awesome 6 */
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-brands-400.woff2") format("woff2"),
       url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-brands-400.woff") format("woff");
}

.fa-x-twitter:before {
  font-family: "Font Awesome 6 Brands";
  content: "\e61b"; /* Unicode for X logo */
}


@font-face {
  font-family: 'poppinsregular';
  src: url('fonts/poppins-regular-webfont.woff2') format('woff2'),
    url('fonts/poppins-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-SemiBold';
  src: url('fonts/Poppins-SemiBold.woff2') format('woff2'),
    url('fonts/Poppins-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'poppinsbold';
  src: url('fonts/poppins-bold-webfont.woff2') format('woff2'),
    url('fonts/poppins-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-Medium';
  src: url('fonts/Poppins-Medium.woff2') format('woff2'),
    url('fonts/Poppins-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Unbounded-Regular';
  src: url('fonts/Unbounded-Regular.woff2') format('woff2'),
    url('fonts/Unbounded-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Unbounded-Bold';
  src: url('fonts/Unbounded-Bold.woff2') format('woff2'),
    url('fonts/Unbounded-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Unbounded-extra';
  src: url('fonts/Unbounded-ExtraBold.woff2') format('woff2'),
    url('fonts/Unbounded-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Unbounded-SemiBold';
  src: url('fonts/Unbounded-SemiBold.woff2') format('woff2'),
    url('fonts/Unbounded-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Unbounded-Medium';
  src: url('fonts/Unbounded-Medium.woff2') format('woff2'),
    url('fonts/Unbounded-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Outfit';
  src: url('fonts/Outfit-Regular.woff2') format('woff2'),
    url('fonts/Outfit-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.money-back-container {
  margin-top: 20px;
}

.money-back-container .money-back {
  color: #fff;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500 !important;
  line-height: normal;
  text-decoration-line: underline !important;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.font-size-40 {
  font-size: 40px !important;
}

.container .footer-note {
  color: #9b9b9b !important;
  font-family: 'Poppins-Medium';
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
}
.container .footer-note-title {
  color: #232323 !important;
  text-transform: uppercase;
}

.container .sub-heading {
  color: #103665;
  font-family: 'Poppins-Medium';
  font-size: 20px;
  font-style: normal;
  /* font-weight: 500; */
  line-height: 180%; /* 36px */
}

.container .list-item {
  color: #103665;
  font-family: 'poppinsregular';
  font-size: 18px;
  font-style: normal;
  line-height: 180%; /* 32.4px */
}

.container .blog-card {
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  border-radius: 12px;
  background: #f4f6fa;
}

.blogs {
  color: #676f73;
  font-family: 'Poppins-Medium';
  font-size: 16px;
  font-style: normal;
  line-height: 180%; /* 28.8px */
}

.card-sub-head {
  color: #051b37;
  font-family: 'Unbounded-Medium';
  font-size: 16px;
  font-style: normal;
  line-height: 140%; /* 22.4px */
}
.card-content {
  overflow: hidden;
  color: #676f73;
  text-overflow: ellipsis;
  font-family: 'poppinsregular';
  font-size: 16px;
  font-style: normal;
  line-height: 180%; /* 28.8px */
}

.card-link-text {
  color: #2a73cc;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-right: 10px;
}

.banner-title {
  color: #d4d4d4;
  font-family: 'poppinsregular';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
}

.subtext {
  color: #103665;
  font-family: 'poppinsregular';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 32.4px */
  margin-top: 20px;
}

.inner-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.inner-list-item {
  color: #103665;
  font-family: 'poppinsregular';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 32.4px */
}

.mb-20 {
  display: inline-block;
  margin-bottom: 20px;
}

.outlined-btn,
.outlined-btn:visited {
  display: flex;
  padding: 17px var(--3, 24px);
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 48px;
  border: 1px solid #2a73cc;
  box-shadow: 0px 10px 40px 0px rgba(7, 104, 159, 0.2);
}

.btn-text {
  color: #2a73cc;
  font-family: 'Unbounded-Medium';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.mt-40 {
  margin-top: 40px;
}

.img-container {
  display: flex;
  justify-content: center;
}

.banner-title-mobile {
  color: #fff;
  font-family: 'poppinsregular';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
  margin-bottom: 20px;
}

.teen-loc .banner-title-mobile .text-white-mobile {
  color: #fff !important;
  font-family: 'Unbounded-extra' !important;
  font-size: 26px;
  font-style: normal;
  font-weight: 800 !important;
  line-height: 140%; /* 36.4px */
  margin-bottom: 20px;
}

.money-back-mobile {
  color: #fff;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  margin-top: 12px;
}

.location-contact {
  margin-top: 20px;
}

.blue-list-item {
  color: #2196f3 !important;
}

.instruction {
  color: #103665;
  font-family: 'poppinsregular';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
}

.font-weight-500 {
  font-family: 'Unbounded-Medium' !important;
  font-weight: 500;
}

.gap-15 {
  gap: 15px;
}

.page-id-1063 .row {
  align-items: center;
}

.abbreviated {
  color: #103665;
  font-family: 'Poppins-Medium';
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 36px */
}

.abbreviated-question {
  color: #103665;
  font-family: 'Unbounded-Medium';
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 39.6px */
}

.instruction-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.font-weight-500-poppins {
  font-family: 'Unbounded-Medium' !important;
  font-weight: 500;
}

.mt-30 {
  margin-top: 30px !important;
}
