@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Text:wght@100;200;300;400;500;600;700;800;900&family=Onest:wght@100;200;300;400;500;600;700&display=swap');
body{
    font-family: 'Onest', sans-serif;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-family: 'Big Shoulders Text', sans-serif;

}
a {
    text-decoration: none;
    color: #0b2646;
}
a:hover {
    color: #181e4e;
}

/* Custom Bootstrap */
.text-primary {
    color: #0b2646 !important;
}
.text-success {
    color: #c02afe !important;
}
.background-img {
    background-image: url(../images/DSC00829.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.background-img2 {
    background-image: url(../images/pexels-doubleseven-736355.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.btn-success {
    background-color: #c02afe !important;
    border-color: #c02afe;
    color: #0b2646 !important;
}
.bg-success {
    background-color: #c02afe !important;
}
.btn-success:hover {
    background-color: #2bf7a2 !important;
    border-color: #2bf7a2 !important;
}
.btn-outline-success {
    border-color: #c02afe !important;
    color: #c02afe !important;
}
.btn-outline-success:hover {
    background-color: #c02afe !important;
    border-color: #c02afe !important;
    color: #0b2646 !important;
}

.btn-sm {
    padding: 7px 14px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 8px;
}
.btn-lg {
    padding: 14px 28px;
    font-size: 16px;
    font-weight: 500;
}
.btn-warning {
    background-color: #181e4e !important;
    border-color: #181e4e !important;
    color: #fff !important;
}
.btn-warning:hover {
    background-color: #111848 !important;
    border-color: #111848 !important;
    color: #fff !important;
}
.text-warning {
    color: #181e4e !important;
}
.text-xl {
    font-size: 120px;
}
.bg-warning {
    background-color: #c02afe !important;
}
.link-warning {
    color: #181e4e !important;
}
.link-warning:hover {
    color: #111848 !important;
}
.icon-sm {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-lg {
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hover\:bg-black:hover {
    background-color: #000000 !important;
}
.hover\:opacity-1:hover {
    opacity: 1 !important;
}
.form-control {
    box-shadow: none !important;
}
input::placeholder,
textarea::placeholder {
    color: #495057 !important;
}
input,
textarea {
    color: #efefef !important;
}
.lh-0 {
    line-height: 0;
}
.mt-n8 {
    margin-top: -8rem;
}
.w-30 {
    width: 30% !important;
}
.icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Navbar */
.osahan-nav.fixed-top {
    background-color: #181e4e !important;
}
.osahan-nav a.nav-link {
    padding-top: 29px !important;
    padding-bottom: 29px !important;
    color: #ffffff !important;
}

/* Sidebar Nav */
.sidebar-nav .navbar-nav .nav-link {
    font-size: 20px;
}
.sidebar-nav .navbar-nav .nav-link.active,
.sidebar-nav .navbar-nav .nav-link:hover {
    color: #181e4e;
}

/* Homepage */
.video-opacity img {
    transition: transform .4s;
}
.video-opacity:hover img {
    opacity: 1 !important;
}
.news-scale img {
    transition: transform .4s;
}
.news-scale:hover img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* About Page */
.bg-testimonial {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/bg-testimonial.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.testimonial-img {
    width: 60px;
    height: 60px;
    object-fit: cover;
}
.overlay-img
{position: absolute; top: 0; left: 0; height: 100%!important; width: 100%; background: linear-gradient(to right, transparent 0%, #1a1b22 100%);  }
.overlay-img2
{position: absolute; top: 0; left: 0; height: 100%!important; width: 100%; background: linear-gradient(to top, transparent 0%, #1a1b22 100%); }
video
{width: 100%; height: 650px; object-fit: cover; padding: 10px; background: #fff; border-radius: 20px}
.card-img
{width: 100%; height: 400px; object-fit: cover;}
.main-form .form-control
{
    height: 50px;
    border-radius: 0px;
    background:rgba(26, 27, 34, 0.4);
    color: #fff;
}
input::placeholder {
  color: #fff!important;
  opacity: 1!important; /* Firefox */
}

input::-ms-input-placeholder { /* Edge 12 -18 */
  color: #fff!important;
}
textarea::placeholder {
  color: #fff!important;
  opacity: 1!important; /* Firefox */
}

textarea::-ms-input-placeholder { /* Edge 12 -18 */
  color: #fff!important;
}
.f-social
{display: none!important;}
/* Mobile Media  */
@media (max-width:992px) {
    .m-none {
        display: none;
    }
}
@media (min-width:1280px) {
    .mt-lg-n8 {
        margin-top: -8rem !important;
    }
}
@media (max-width:992px) {
    .background-img {
        background-image: url(../images/DSC00829.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .overlay-img
{position: absolute; top: 0; left: 0; height: 100%!important; width: 100%; background: linear-gradient(to top, transparent 0%, #1a1b22 100%);  }
.btn-outline-success
{
    border-color: #fff !important;
  color: #fff !important;
}
}
@media only screen and (max-width: 502px) {
  .m-flext-col
  {flex-direction: column;}
  .m-text-center
  {text-align: center;}
  .m-flext-col .btn
  {width: 100%}
  .m-none
  {display: none;}
  .f-social
  {
    justify-content: center;
    display: flex!important;
  }
  .f-social a
  {font-size: 30px}
  .top-social
  {display: none!important;}
}
.contact-section {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      margin: 0 auto;
      gap: 40px;
    }

    .contact-text {
      flex: 1 1 500px;
    }

    .contact-text h2 {
      font-size: 2rem;
      margin-bottom: 10px;
    }

    .contact-text p {
      color: #555;
      margin-bottom: 20px;
    }

    .contact-options {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      margin-top: 20px;
    }

    .contact-box {
      background-color: #1a1b22 !important;
      border-radius: 10px;
      padding: 25px;
      flex: 1 1 250px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.05);
      text-align: center;
      align-items: center;
      align-content: center;
    }

   

    .contact-box p {
      margin: 10px 0;
      font-weight: bold;
      font-size: 1rem;
    }

    .contact-box a.button {
      display: inline-block;
      padding: 10px 16px;
      margin-top: 10px;
      text-decoration: none;
      font-weight: 600;
      color: #fff;
      border-radius: 6px;
    }

    .call-button {
      background-color: #0073e6;
    }

    .chat-button {
      background-color: #f25c54;
    }

    .demo-button {
      background-color: #ff9f1c;
    }

    .contact-image {
      flex: 1 1 400px;
      text-align: center;
    }

    .contact-image img {
      max-width: 100%;
      height: auto;
    }

    @media (max-width: 768px) {
      .contact-section {
        flex-direction: column;
        text-align: center;
      }

      .contact-options {
        justify-content: center;
      }
    }