/* @font-face {
    font-family: 'Neue Machina';
    src: url('fonts/NeueMachina-Light.otf') format('otf'),
         url('fonts/NeueMachina-Regular.otf') format('otf'),
         url('fonts/NeueMachina-Ultrabold.otf') format('otf');
    font-weight: normal;
    font-style: regular;
} */
.preloader .loader .ytp-spinner-circle{ 
border-color: #1d3236 #1d3236 #cbced1;}
#about .container,
#features .container,
#contact .container,
#quote-1mxg .container
{border-top: 2px solid rgba(255, 255, 255, 0.1);}

@font-face {
  font-family: Lastica;
  letter-spacing: 5px;
  src: url(../fonts/Lastica.ttf);
}
body{ 
  background: linear-gradient(to right, #2C1E4A, #1d3236 );
}
.back-to-top{background-color: #ffffff;
  transition: all 0.5s ease-out 0s;}
.back-to-top:hover{background: linear-gradient(to right, #4a4079, #486e75); color: #fff; font-weight: 300;}
.navbar-area .navbar-brand img {width: auto; height: 80px; max-width: fit-content;}
.navbar-area.sticky{position: relative;}
/* .navbar-area.navbar-transparent .navbar .navbar-brand .logo-white,.navbar-area.navbar-transparent.sticky .navbar .navbar-brand .logo-black{display:flex;} */
/* .navbar-area.navbar-transparent .navbar .navbar-brand .logo-black,.navbar-area.navbar-transparent.sticky .navbar .navbar-brand .logo-white{display: none;} */
@import url("https://fonts.googleapis.com/css?family=Orbitron");
h1 {
  font-family: Lastica;
  font-weight: normal;
  font-style: normal;
  color: white; 
  text-transform: uppercase;
  letter-spacing: 5px;
word-break:normal;}
.lastica{font-family: Lastica;}
/* === */
.header-hero  {height: auto;}
.header-hero::before { 
  background: linear-gradient(to right, #2C1E4A, #1d3236 );
}
.header-hero .header-content {padding: 150px 0px 100px;}
#home h1{font-size: 55px;}
#home p{font-size: 24px;}
@media (max-width: 768px){.header-hero .header-content {padding: 100px 0px 50px;}#home h1,#home p{text-align: center!important;}#home h1{font-size: 40px;}.shield{margin-bottom: 50px;}}
#about .title{font-size: 28px;}
#about p{font-size: 30px; line-height: 1.5;}
#about>.container {padding: 100px 0px 100px;}
@media (max-width: 768px){#about .title{font-size: 20px;}.multi-formatted-label{font-size: 14px!important;}#about p{font-size: 16px; line-height: 1.5;}.multi-formatted-label{font-size: 12px;}}
.multi-formatted-label{
  margin: 0px;
  background-color:rgba(255, 255, 255, 0.10);
  border: 2px solid #87ceeb;
  color: #fff;
  padding: 0px 6px 1px;
  border-radius: 25px;
  font-size: 18px;
}
.about-aspect-ratio{aspect-ratio: 2 / 1; overflow: hidden; }
.about-aspect-ratio img{
  position: relative;
  top: -138px;}
@media (max-width: 768px){.about-aspect-ratio img{top: -90px;}}
/* === */
/* #features{background: linear-gradient(to right, #2C1E4A, #1d3236 );} */
#features>.container{padding: 50px 0px 100px;}
#features .card{background-color: #F2F2F2;}
#features .card h3{color: #2C1E4A; font-family: Lastica; letter-spacing: 1.5px;}
#features .cus-btn{color: #fff; background-color: #2C1E4A; padding: 6px 27px; border: none; border-radius: 6px; text-transform: uppercase; letter-spacing: 2px;}
/* === */
#quote-1mxg video{border-radius:100%;}
#quote-1mxg>.container{padding: 50px 0px 100px;}
#quote-1mxg .cus-btn{color: #2C1E4A; background-color: #fff; padding: 6px 27px; border: none; border-radius: 6px; text-transform: uppercase; letter-spacing: 2px; font-weight: 900;}
#quote-1mxg .cust-section-border{border: 1px solid #433761;}
@media (max-width: 768px){#quote-1mxg h1{font-size:large;}}
/* === */
#contact>.container{padding: 50px 0px 50px;}
#contact .cus-btn{color: #2C1E4A; background-color: #fff; padding: 6px 27px; border: none; border-radius: 6px; text-transform: uppercase; letter-spacing: 2px; font-weight: 900;}
.social-links a{background-color: rgb(255, 255, 255, 0.1); 
  border: 1px solid #ffff;
  border-radius: 50px;
  padding: 3px 6px 0px;}
/* CSS Shape */
.shield{border-radius: 50% 50% 50% 50% / 12% 12% 88% 88%;}
/* === */
.services-cards h3{color: black;}