/* =========================================
   DREAM SECTION
========================================= */

.dream-section {

  padding: 120px 20px;

  background:
    radial-gradient(circle at top left,
      rgba(255,0,0,0.12),
      transparent 35%),

    linear-gradient(
      135deg,
      #020617 0%,
      #03102a 50%,
      #07152f 100%
    );

  overflow: hidden;

  position: relative;
}

/* MAIN BOX */

.dream-box {

  max-width: 1400px;

  margin: auto;

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 35px;

  align-items: stretch;
}

/* =========================================
   LEFT
========================================= */

.dream-left {

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,0.04),
      rgba(255,255,255,0.02)
    );

  border: 1px solid rgba(255,255,255,0.08);

  border-radius: 15px;

  padding: 70px 60px;

  backdrop-filter: blur(14px);

  position: relative;

  overflow: hidden;

  transition: 0.5s ease;
}

/* GLOW */

.dream-left::before {

  content: "";

  position: absolute;

  width: 300px;

  height: 300px;

  background:
    radial-gradient(
      rgba(255,0,0,0.15),
      transparent 70%
    );

  top: -100px;

  left: -100px;

  pointer-events: none;
}

.dream-left:hover {

  transform: translateY(-10px);

  box-shadow:
    0 25px 80px rgba(255,0,0,0.08);
}

/* TAG */

.dream-tag {

  display: inline-block;

  color: #ff2b2b;

  font-size: 14px;

  letter-spacing: 4px;

  font-weight: 700;

  margin-bottom: 25px;

  text-transform: uppercase;
}

/* TITLE */

.dream-title {

  font-size: 52px;

  line-height: 1.05;

  font-weight: 600;

  color: #fff;

  margin-bottom: 35px;
}

.dream-title span {

  color: #ff0000;

  text-shadow:
    0 0 25px rgba(255,0,0,0.45);
}

/* TEXT */

.dream-text {

  color: rgba(255,255,255,0.75);

  font-size: 17px;

  line-height: 1.9;

  max-width: 90%;
}

/* =========================================
   RIGHT
========================================= */

.dream-right {

  display: flex;

  flex-direction: column;

  gap: 25px;
}

/* IMAGE CARD */

.dream-image-card {

  position: relative;

  height: 420px;

  overflow: hidden;

  border-radius: 15px;

  border: 1px solid rgba(255,255,255,0.08);

  background: #0b1120;

  transition: 0.5s ease;

  animation: floating 5s ease-in-out infinite;
}

.dream-image-card:hover {

  transform: translateY(-8px);
}

/* IMAGE */

.dream-image {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition:
    transform 1s ease,
    filter 0.5s ease;
}

.dream-image-card:hover .dream-image {

  transform: scale(1.08);

  filter: brightness(1.08);
}

/* OVERLAY */

.dream-image-card::after {

  content: "";

  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      to top,
      rgba(2,6,23,0.8),
      transparent 40%
    );
}

/* =========================================
   STATS
========================================= */

.dream-stats {

  display: grid;

  grid-template-columns: repeat(2,1fr);

  gap: 20px;
}

/* CARD */

.dream-stat {

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,0.04),
      rgba(255,255,255,0.02)
    );

  border: 1px solid rgba(255,255,255,0.08);

  border-radius: 15px;

  padding: 35px;

  transition: 0.4s ease;

  backdrop-filter: blur(10px);
}

.dream-stat:hover {

  transform: translateY(-10px);

  border-color: rgba(255,0,0,0.3);

  box-shadow:
    0 20px 60px rgba(255,0,0,0.08);
}

/* NUMBER */

.dream-stat h3 {

  color: #ff0000;

  font-size: 40px;

  margin-bottom: 12px;

  font-weight: 500;

  text-shadow:
    0 0 20px rgba(255,0,0,0.35);
}

/* TEXT */

.dream-stat p {

  color: rgba(255,255,255,0.72);

  font-size: 16px;

  margin: 0;
}

/* =========================================
   FLOATING
========================================= */

@keyframes floating {

  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-12px);
  }

  100% {
    transform: translateY(0px);
  }
}

/* =========================================
   REVEAL ANIMATION
========================================= */

.reveal-up,
.reveal-left {

  opacity: 0;

  transition:
    opacity 1s ease,
    transform 1s ease;
}

.reveal-up {

  transform: translateY(80px);
}

.reveal-left {

  transform: translateX(-80px);
}

.reveal-up.active,
.reveal-left.active {

  opacity: 1;

  transform: translate(0);
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1200px){

  .dream-title{

    font-size:58px;
  }

}

@media(max-width:991px){

  .dream-box{

    grid-template-columns:1fr;
  }

  .dream-title{

    font-size:52px;
  }

}

@media(max-width:768px){

  .dream-section{

    padding:80px 15px;
  }

  .dream-left{

    padding:40px 30px;
  }

  .dream-title{

    font-size:40px;
  }

  .dream-image-card{

    height:300px;
  }

  .dream-stats{

    grid-template-columns:1fr;
  }

  .dream-stat{

    padding:28px;
  }

}

/* ===== ABOUT INTRO ===== */

.about-intro {
  max-width: 1000px;
  margin: 0 auto 50px;
  padding: 2px 1px;
  text-align: center;
  margin-top: -50px;
}

/* MINI TITLE */

.about-mini-title {
  display: block;
  color: #ff2b2b;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/* MAIN TITLE */

.about-main-title {
  font-size: 52px;
  font-weight: 700;
  line-height: 1.1;
  color: #ffffff;
  margin-bottom: 30px;
}

.about-main-title span {
  color: #ff0000;
}

/* DESCRIPTION */

.about-description {
  max-width: 900px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.75);
  font-size: 18px;
  line-height: 1.8;
}

/* RESPONSIVE */

@media (max-width: 768px) {

  .about-intro {
    padding: 50px 20px;
  }

  .about-main-title {
    font-size: 42px;
  }

  .about-description {
    font-size: 16px;
    line-height: 1.7;
  }

}

/* For About Page Our Value section */
/* =========================================
   VALUES SECTION
========================================= */

.values-section{

  position: relative;
  padding: 120px 0;
  overflow: hidden;

  background:
    radial-gradient(circle at top left,
      rgba(255,0,0,0.15),
      transparent 30%),

    radial-gradient(circle at bottom right,
      rgba(0,80,255,0.18),
      transparent 35%),

    linear-gradient(
      135deg,
      #020617 0%,
      #03102a 45%,
      #020b1f 100%
    );
}

/* LIGHT EFFECT */

.values-section::before{

  content: "";
  position: absolute;
  width: 500px;
  height: 500px;
  background: rgba(255,0,0,0.08);
  filter: blur(120px);

  top: -180px;
  left: -150px;

  animation: glowMove 8s ease-in-out infinite alternate;
}

.values-section::after{

  content: "";
  position: absolute;
  width: 400px;
  height: 400px;
  background: rgba(0,80,255,0.08);
  filter: blur(120px);

  bottom: -150px;
  right: -100px;

  animation: glowMove2 10s ease-in-out infinite alternate;
}

/* SECTION TITLE */

.values-heading{

  text-align: center;
  margin-bottom: 70px;
  position: relative;
  z-index: 2;
}

.values-tag{

  display: inline-block;
  color: #ff2b2b;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 5px;
  margin-bottom: 18px;
}

.values-title{

  font-size: 58px;
  font-weight: 900;
  color: #fff;
  line-height: 1.1;
  margin-bottom: 20px;
}

.values-title span{

  color: #ff0000;

  text-shadow:
    0 0 20px rgba(255,0,0,0.4);
}

.values-subtitle{

  color: rgba(255,255,255,0.68);
  font-size: 18px;
  max-width: 700px;
  margin: auto;
  line-height: 1.8;
}

/* GRID */

.values-grid{

  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 30px;

  position: relative;
  z-index: 2;
}

/* CARD */

.value-card{

  position: relative;

  padding: 50px 35px;
  border-radius: 28px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,0.04),
      rgba(255,255,255,0.02)
    );

  border: 1px solid rgba(255,255,255,0.08);

  backdrop-filter: blur(12px);

  overflow: hidden;

  transition: 0.5s ease;
}

/* RED GLOW */

.value-card::before{

  content: "";

  position: absolute;

  inset: 0;

  background:
    radial-gradient(circle at top left,
      rgba(255,0,0,0.18),
      transparent 40%);

  opacity: 0;

  transition: 0.5s ease;
}

/* HOVER */

.value-card:hover{

  transform: translateY(-12px);

  border-color: rgba(255,0,0,0.3);

  box-shadow:
    0 20px 40px rgba(0,0,0,0.45),
    0 0 30px rgba(255,0,0,0.12);
}

.value-card:hover::before{

  opacity: 1;
}

/* ICON */

.value-icon{

  width: 90px;
  height: 90px;

  display: flex;
  align-items: center !important;
  justify-content: center !important;

  margin-bottom: 30px;

  border-radius: 24px;

  background:
    linear-gradient(
      145deg,
      rgba(255,0,0,0.18),
      rgba(0,40,120,0.18)
    );

  border: 1px solid rgba(255,255,255,0.08);

  font-size: 42px;

  transition: 0.5s ease;

  box-shadow:
    0 10px 25px rgba(0,0,0,0.35);
}

.value-card:hover .value-icon{

  transform: rotate(-8deg) scale(1.08);

  box-shadow:
    0 0 25px rgba(255,0,0,0.25);
}

/* CARD TITLE */

.value-card h5{

  color: #fff;
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 18px;
}

/* CARD TEXT */

.value-card p{

  color: rgba(255,255,255,0.72);
  font-size: 17px;
  line-height: 1.9;
  margin: 0;
}

/* REVEAL */

.reveal{

  opacity: 0;
  transform: translateY(70px);

  transition:
    opacity 1s ease,
    transform 1s ease;
}

.reveal.active{

  opacity: 1;
  transform: translateY(0);
}

/* ANIMATION */

@keyframes glowMove{

  0%{
    transform: translate(0,0);
  }

  100%{
    transform: translate(80px,40px);
  }
}

@keyframes glowMove2{

  0%{
    transform: translate(0,0);
  }

  100%{
    transform: translate(-60px,-40px);
  }
}

/* RESPONSIVE */

@media(max-width:992px){

  .values-grid{

    grid-template-columns: 1fr;
  }

  .values-title{

    font-size: 42px;
  }
}

@media(max-width:768px){

  .values-section{

    padding: 90px 0;
  }

  .values-title{

    font-size: 34px;
  }

  .value-card{

    padding: 40px 25px;
  }

  .value-card h5{

    font-size: 24px;
  }

  .value-card p{

    font-size: 15px;
  }
}

/* =========================================
   Contact us page SECTION STARTS
========================================= */
/* =========================================
   CONTACT PAGE PREMIUM UI
========================================= */

.contact-section {
  background:
    radial-gradient(circle at top left, rgba(255,0,0,0.12), transparent 30%),
    radial-gradient(circle at right, rgba(0,70,255,0.12), transparent 30%),
    #090f21;

  padding: 120px 0;
  position: relative;
  overflow: hidden;
}

/* SECTION TITLE */
.contact-heading {
  text-align: center;
  margin-bottom: 70px;
}

.contact-heading h2 {
  font-size: 52px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 15px;
}

.contact-heading p {
  color: rgba(255,255,255,0.65);
  font-size: 18px;
}

/* GLASS CARD */
.contact-glass {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);

  backdrop-filter: blur(18px);

  border-radius: 28px;
  padding: 45px;

  box-shadow:
    0 20px 60px rgba(0,0,0,0.45);

  transition: 0.4s ease;
}

/* HOVER */
.contact-glass:hover {
  transform: translateY(-8px);
  border-color: rgba(255,0,0,0.25);
}

/* FORM TITLE */
.contact-glass h3 {
  color: #fff;
  font-size: 34px;
  margin-bottom: 15px;
  font-weight: 700;
}

.contact-glass p {
  color: rgba(255,255,255,0.65);
  margin-bottom: 35px;
}

/* INPUTS */
.contact-form .form-control,
.contact-form .form-select,
.contact-form textarea {

  background: rgba(255,255,255,0.05) !important;

  border: 1px solid rgba(255,255,255,0.08);

  color: #fff !important;

  border-radius: 10px;

  padding: 15px 18px;

  transition: 0.3s ease;
}

/* PLACEHOLDER */
.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: rgba(255,255,255,0.45);
}

/* FOCUS */
.contact-form .form-control:focus,
.contact-form .form-select:focus,
.contact-form textarea:focus {

  border-color: #ff0000;

  box-shadow:
    0 0 0 4px rgba(255,0,0,0.12);

  background: rgba(255,255,255,0.08) !important;
}

/* BUTTON */
.contact-btn {
  background: linear-gradient(135deg, #ff0000, #d40000);

  border: none;

  padding: 15px 40px;

  color: #fff;

  border-radius: 14px;

  font-weight: 700;

  transition: 0.3s ease;
}

/* BUTTON HOVER */
.contact-btn:hover {

  transform: translateY(-4px);

  box-shadow:
    0 12px 30px rgba(255,0,0,0.35);
}

/* INFO CARDS */
.contact-info-card {

  background: rgba(255,255,255,0.04);

  border: 1px solid rgba(255,255,255,0.06);

  border-radius: 15px;

  padding: 28px;

  margin-bottom: 20px;

  transition: 0.35s ease;

  position: relative;

  overflow: hidden;
}

.contact-info-card::before {

  content: "";

  position: absolute;

  inset: 0;

  background:
    linear-gradient(135deg,
    rgba(255,0,0,0.10),
    transparent 50%);

  opacity: 0;

  transition: 0.4s ease;
}

/* HOVER */
.contact-info-card:hover {

  transform: translateY(-6px);

  border-color: rgba(255,0,0,0.25);
}

.contact-info-card:hover::before {
  opacity: 1;
}

/* ICON */
.contact-icon {

  width: 60px;
  height: 60px;

  border-radius: 15px;

  display: flex;
  align-items: center;
  justify-content: center;

  background:
    linear-gradient(135deg,
    rgba(255,0,0,0.18),
    rgba(0,50,255,0.15));

  margin-bottom: 20px;

  font-size: 26px;
}

/* TEXT */
.contact-info-card h5 {
  color: #fff;
  margin-bottom: 10px;
  font-size: 22px;
}

.contact-info-card p {
  color: rgba(255,255,255,0.65);
  margin-bottom: 0;
  line-height: 1.8;
}

/* MAP SECTION */
.contact-map {

  margin-top: 80px;

  border-radius: 30px;

  overflow: hidden;

  border: 1px solid rgba(255,255,255,0.08);

  box-shadow:
    0 20px 60px rgba(0,0,0,0.4);
}

/* MOBILE */
@media (max-width: 768px) {

  .contact-section {
    padding: 90px 0;
  }

  .contact-heading h2 {
    font-size: 38px;
  }

  .contact-glass {
    padding: 28px;
  }

  .contact-glass h3 {
    font-size: 28px;
  }
}

/* =========================================
   DEALER SECTION
========================================= */

.dealer-section {

  padding: 120px 0;

  background:
    radial-gradient(circle at top left,
    rgba(255,0,0,0.10),
    transparent 25%),

    linear-gradient(
    135deg,
    #050816 0%,
    #090f21 45%,
    #06142d 100%
    );

  position: relative;

  overflow: hidden;
}

/* TITLE */

.dealer-heading {

  margin-bottom: 70px;
}

.dealer-mini-title {

  color: #ff0000;

  letter-spacing: 4px;

  font-size: 14px;

  font-weight: 700;
}

.dealer-main-title {

  color: #fff;

  font-size: 36px;

  font-weight: 700;

  margin: 15px 0;
}

.dealer-main-title span {

  color: #ff0000;
}

.dealer-subtitle {

  color: rgba(255,255,255,0.65);

  font-size: 18px;
}

/* CARD */

.dealer-card {

  background:
    rgba(255,255,255,0.03);

  border:
    1px solid rgba(255,255,255,0.05);

  border-radius: 15px;

  overflow: hidden;

  transition: 0.4s ease;

  height: 100%;

  backdrop-filter: blur(14px);
}

/* HOVER */

.dealer-card:hover {

  transform:
    translateY(-10px);

  border-color:
    rgba(255,0,0,0.25);

  box-shadow:
    0 20px 50px rgba(0,0,0,0.45);
}

/* IMAGE */

.dealer-map {

  height: 260px;

  overflow: hidden;
}

.dealer-map img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 0.5s ease;
}

.dealer-card:hover img {

  transform: scale(1.06);
}

/* CONTENT */

.dealer-content {

  padding: 30px;
}

.dealer-content h4 {

  color: #fff;

  font-size: 32px;

  font-weight: 800;

  margin-bottom: 8px;
}

/* BRANCH */

.dealer-branch {

  display: inline-block;

  color: #ff1e3c;

  margin-bottom: 20px;

  font-size: 14px;

  letter-spacing: 1px;
}

/* ADDRESS */

.dealer-content p {

  color:
    rgba(255,255,255,0.68);

  line-height: 1.9;

  margin-bottom: 20px;
}

/* PHONE */

.dealer-phone {

  display: inline-block;

  color: #fff;

  text-decoration: none;

  margin-bottom: 25px;

  font-weight: 600;

  transition: 0.3s ease;
}

.dealer-phone:hover {

  color: #ff1e3c;
}

/* BUTTON */

.dealer-btn {

  width: 100%;

  border: none;

  padding: 14px;

  border-radius: 14px;

  background:
    linear-gradient(
    135deg,
    #ff0000,
    #d40000
    );

  color: #fff;

  font-weight: 700;

  transition: 0.3s ease;
}

/* HOVER */

.dealer-btn:hover {

  transform:
    translateY(-3px);

  box-shadow:
    0 10px 25px rgba(255,0,0,0.35);
}

/* MOBILE */

@media(max-width:768px){

  .dealer-main-title{

    font-size:42px;
  }

  .dealer-map{

    height:220px;
  }
}

/* =========================================
   PRIVACY POLICY PAGE
========================================= */

.privacy-policy-section {

  position: relative;

  padding: 120px 0;

  overflow: hidden;

  background:
    radial-gradient(circle at top left,
      rgba(255,0,51,0.10),
      transparent 28%),

    radial-gradient(circle at bottom right,
      rgba(0,102,255,0.10),
      transparent 30%),

    linear-gradient(
      135deg,
      #050816 0%,
      #090f21 45%,
      #06142d 100%
    );
}

/* HEADER */

.privacy-header {

  text-align: center;

  margin-bottom: 70px;
}

/* MINI TITLE */

.privacy-mini-title {

  display: inline-block;

  color: #ff0000;

  font-size: 14px;

  font-weight: 700;

  letter-spacing: 5px;

  margin-bottom: 20px;
}

/* TITLE */

.privacy-main-title {

  font-size: 42px;

  font-weight: 700;

  color: #fff;

  margin-bottom: 20px;

  line-height: 1.1;
}

.privacy-main-title span {

  color: #ff0000;

  text-shadow:
    0 0 25px rgba(255,0,51,0.35);
}

/* SUBTITLE */

.privacy-subtitle {

  max-width: 760px;

  margin: auto;

  color: rgba(255,255,255,0.68);

  font-size: 18px;

  line-height: 1.9;
}

/* GLASS CARD */

.privacy-glass-card {

  position: relative;

  padding: 70px;

  border-radius: 32px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,0.04),
      rgba(255,255,255,0.02)
    );

  border:
    1px solid rgba(255,255,255,0.08);

  backdrop-filter: blur(14px);

  box-shadow:
    0 25px 70px rgba(0,0,0,0.4);
}

/* ITEM */

.privacy-item {

  padding-bottom: 40px;

  margin-bottom: 40px;

  border-bottom:
    1px solid rgba(255,255,255,0.08);
}

.privacy-item:last-child {

  margin-bottom: 0;
}

/* HEADING */

.privacy-item h3 {

  color: #fff;

  font-size: 17px;

  font-weight: 500;

  margin-bottom: 18px;
}

/* TEXT */

.privacy-item p {

  color: rgba(255,255,255,0.72);

  line-height: 2;

  font-size: 15px;

  margin: 0;
}

/* CONTACT BOX */

.privacy-contact-box {

  margin-top: 60px;

  padding: 45px;

  border-radius: 24px;

  text-align: center;

  background:
    linear-gradient(
      145deg,
      rgba(255,0,51,0.10),
      rgba(0,102,255,0.08)
    );

  border:
    1px solid rgba(255,255,255,0.08);
}

/* CONTACT TITLE */

.privacy-contact-box h4 {

  color: #fff;

  font-size: 24px;

  margin-bottom: 15px;

  font-weight: 500;
}

/* CONTACT TEXT */

.privacy-contact-box p {

  color: rgba(255,255,255,0.72);

  max-width: 650px;

  margin: auto auto 30px;

  line-height: 1.8;
}

/* BUTTON */

.privacy-contact-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding: 15px 35px;

  border-radius: 14px;

  text-decoration: none;

  color: #fff;

  font-weight: 700;

  background:
    linear-gradient(
      135deg,
      #ff0000,
      #d40000
    );

  transition: 0.4s ease;
}

/* HOVER */

.privacy-contact-btn:hover {

  transform: translateY(-5px);

  box-shadow:
    0 15px 35px rgba(255,0,51,0.30);

  color: #fff;
}

/* REVEAL */

.reveal-up {

  opacity: 0;

  transform: translateY(70px);

  transition:
    opacity 1s ease,
    transform 1s ease;
}

.reveal-up.active {

  opacity: 1;

  transform: translateY(0);
}

/* RESPONSIVE */

@media(max-width:991px){

  .privacy-main-title{

    font-size: 52px;
  }

  .privacy-glass-card{

    padding: 45px;
  }
}

@media(max-width:768px){

  .privacy-policy-section{

    padding: 90px 0;
  }

  .privacy-main-title{

    font-size: 40px;
  }

  .privacy-subtitle{

    font-size: 16px;
  }

  .privacy-glass-card{

    padding: 30px 22px;
  }

  .privacy-item h3{

    font-size: 24px;
  }

  .privacy-item p{

    font-size: 15px;
  }

  .privacy-contact-box{

    padding: 35px 20px;
  }

  .privacy-contact-box h4{

    font-size: 28px;
  }

}


/* =========================================
   TERMS & CONDITIONS PAGE
========================================= */

.terms-policy-section {

  position: relative;

  padding: 120px 0;

  overflow: hidden;

  background:
    radial-gradient(circle at top left,
      rgba(255,0,51,0.10),
      transparent 28%),

    radial-gradient(circle at bottom right,
      rgba(0,102,255,0.10),
      transparent 30%),

    linear-gradient(
      135deg,
      #050816 0%,
      #090f21 45%,
      #06142d 100%
    );
}

/* HEADER */

.terms-header {

  text-align: center;

  margin-bottom: 70px;
}

/* MINI TITLE */

.terms-mini-title {

  display: inline-block;

  color: #ff0000;

  font-size: 14px;

  font-weight: 700;

  letter-spacing: 5px;

  margin-bottom: 20px;
}

/* TITLE */

.terms-main-title {

  font-size: 42px;

  font-weight: 700;

  color: #fff;

  margin-bottom: 20px;

  line-height: 1.1;
}

.terms-main-title span {

  color: #ff0000;

  text-shadow:
    0 0 25px rgba(255,0,51,0.35);
}

/* SUBTITLE */

.terms-subtitle {

  max-width: 760px;

  margin: auto;

  color: rgba(255,255,255,0.68);

  font-size: 18px;

  line-height: 1.9;
}

/* GLASS CARD */

.terms-glass-card {

  position: relative;

  padding: 70px;

  border-radius: 32px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,0.04),
      rgba(255,255,255,0.02)
    );

  border:
    1px solid rgba(255,255,255,0.08);

  backdrop-filter: blur(14px);

  box-shadow:
    0 25px 70px rgba(0,0,0,0.4);
}

/* ITEM */

.terms-item {

  padding-bottom: 40px;

  margin-bottom: 40px;

  border-bottom:
    1px solid rgba(255,255,255,0.08);
}

.terms-item:last-child {

  margin-bottom: 0;

  border-bottom: none;

  padding-bottom: 0;
}

/* HEADING */

.terms-item h3 {

  color: #fff;

  font-size: 20px;

  font-weight: 600;

  margin-bottom: 20px;
}

/* TEXT */

.terms-item p {

  color: rgba(255,255,255,0.72);

  line-height: 2;

  font-size: 16px;

  margin-bottom: 18px;
}

/* REVEAL */

.reveal-up {

  opacity: 0;

  transform: translateY(70px);

  transition:
    opacity 1s ease,
    transform 1s ease;
}

.reveal-up.active {

  opacity: 1;

  transform: translateY(0);
}

/* RESPONSIVE */

@media(max-width:991px){

  .terms-main-title{

    font-size: 52px;
  }

  .terms-glass-card{

    padding: 45px;
  }
}

@media(max-width:768px){

  .terms-policy-section{

    padding: 90px 0;
  }

  .terms-main-title{

    font-size: 40px;
  }

  .terms-subtitle{

    font-size: 16px;
  }

  .terms-glass-card{

    padding: 30px 22px;
  }

  .terms-item h3{

    font-size: 24px;
  }

  .terms-item p{

    font-size: 15px;
  }
}