@font-face {
  font-family: Aptos;
  src: url("../fonts/aptos.ttf");
  font-family: Futura_medium;
  src: url("../fonts/futura_m.ttf");
  font-family: Futura_regular;
  src: url("../fonts/futura_r.ttf");
  font-family: HelveticaNeueMedium;
  src: url("../fonts/HelveticaNeueMedium.otf");
  font-family: HelveticaNeueThin;
  src: url("../fonts/HelveticaNeueThin.otf");

}

html *
{
   font-family: Aptos,HelveticaNeueThin,Helvetica-Neue;
   scroll-behavior: smooth
}

.navbar{padding-bottom: 0px;}

.top-parameter1{font-family:Aptos; font-size: 150%; font-weight: bold; color:#535f65; margin-bottom: 0px;}
.top-parameter2{font-size: 100%; color:#535f65; margin-bottom: 0px;}
.top-parameter3{font-size: 75%; color:#535f65; margin-bottom: 0px;}

.content {
  padding: 0px 0;
  /*margin: 80vh auto 0 auto;*/
  margin-top:700vh;
  width: 98%;
  /*min-height:800vh;*/
}

.future_starts{
  /*position: relative;
  max-height:60vh;*/
      min-height: 800px;
}

.submenu_a{text-decoration: none; color:#535f65;}

.future_starts_title {
  position: relative;
  margin-top: 70px;
  padding: 0px;
  font-family: Aptos, Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 1.5em; font-style: normal; font-variant: small-caps; font-weight: 700;
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
.future_starts_title {
  position: relative;
  margin-top: 70px;
  padding: 0px;
  font-family: Aptos, Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 2em; font-style: normal; font-variant: small-caps; font-weight: 700;
}
}


.future_starts_caption{
  position: relative;
    /*left: 1020px;
    top: 180px;
    left: 66%;
    top:25%;*/
    top:60px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 20px;
    /*font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 15px; font-style: normal; font-variant: small-caps; font-weight: 400; line-height: 12.5px; */
    font-family: Aptos, Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 1em; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; 
    text-align: justify;

}

.time_to_enquire{
  position: relative;
  margin-top: 150px;
  padding: 0px;
  font-family: Aptos, Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 2em; font-style: normal; font-variant: small-caps; font-weight: 700; line-height: 12.5px; 

}

.footer {
  margin-left:0px;
  background-color: black;
  padding-top:50px;
  text-align: center;
  color: white;
  font-size: 0.9rem;
  font-family: Aptos, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.footer a{color: white;}

.specifications{
  margin-top:10px;
  margin-left:0px;
  background-color: black;
}

.specifications-logo{
  margin-top:50px;
}

.specifications-buttons{
  margin-top:50px;
}

.specifications-caption{color:white; margin-top: 60px;}

.spec-button-long{
  background-color: black;
  color:white;
  border-color: white;
  border-width: 2px;
  width:160px;
  font-size: 0.9em;
}

.spec-button-standard{
  background-color: black;
  color:grey;
  border-color: grey;
  border-width: 2px;
  width:160px;
  font-size: 0.9em;
}

.spec-small{font-size: 0.7em; color:white; margin-top: 100px;}
.technical{margin-top:20px; color:white}
.technical {list-style-type: none; padding-left: 5px;}
.technicalParameter{color:white; font-size: 0.7rem; font-weight: bold;margin-top:10px;margin-bottom:2px; letter-spacing: 1px;}
.technicalValue{color:white; font-size: 0.7rem; font-weight: normal;margin-bottom:1px;}

@media (min-width: 380px) {
.spec-button-long{  width:180px;}
.spec-button-standard{  width:180px;}
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
.technicalParameter{font-size: 0.8rem;}
.technicalValue{font-size: 0.8rem;}
.spec-button-long{  width:180px;}
.spec-button-standard{  width:180px;}
}

@media (min-width: 1000px) {
.spec-button-long{  width:180px;}
.spec-button-standard{  width:180px;}
}



.carousel{background-color: black; margin-right:7px;}

.carousel-inner {
  height: 0;
  padding-bottom: 80vh; /* this sets carousel aspect ratio (4:1 here) */
}

.carousel-item {
  position: absolute !important; /* Bootstrap is insistent */
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.carousel-item img {
  height: 100%; /* Bootstrap handles width already */
  object-fit: contain; /* or 'contain' if you want stretch instead of crop */
}

.contact{margin-top:70px;}

.contact a{
  color:#535f65;

}

#background-video {
    max-width: 100%;
    max-height: 80%;
    object-fit: cover;
    z-index: -1;
}