/* =====================
   Graphik Fonts
===================== */
@font-face {
  font-family: 'Graphik';
  src: url('/font/Graphik-Font/Graphik-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('/font/Graphik-Font/Graphik-Thin-Italic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('/font/Graphik-Font/Graphik-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('/font/Graphik-Font/Graphik-Light-Italic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('/font/Graphik-Font/Graphik-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('/font/Graphik-Font/Graphik-Regular-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('/font/Graphik-Font/Graphik-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('/font/Graphik-Font/Graphik-Medium-Italic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('/font/Graphik-Font/Graphik-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('/font/Graphik-Font/Graphik-Bold-Italic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}


/* =====================
   Poppins Fonts
===================== */
@font-face {
  font-family: 'Poppins';
  src: url('/font/Poppins/Poppins-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/font/Poppins/Poppins-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('/font/Poppins/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/font/Poppins/Poppins-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('/font/Poppins/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/font/Poppins/Poppins-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('/font/Poppins/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/font/Poppins/Poppins-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('/font/Poppins/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/font/Poppins/Poppins-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('/font/Poppins/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/font/Poppins/Poppins-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('/font/Poppins/Poppins-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/font/Poppins/Poppins-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('/font/Poppins/Poppins-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/font/Poppins/Poppins-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

.main-menu{
  display: block;
}

.main-menu .navbar{
  background-color: #0D2541 !important;
    width: 100%;
    z-index: 999999;
}

.main-menu{
  background-color: #0D2541 !important;
  position: sticky;
    width: 100%;
    z-index: 999999;
    top: 0;
    padding-bottom: 1.5rem;
}

.main-menu .navbar .nav-link{
  color: #ffffff !important;

}
.main-menu img{
  max-width: 100%;
  height: auto !important;
}

.main-menu .navbar-nav{
  gap: 2rem;
}


.main-menu .navbar-nav .nav-link{
  font-family: 'Poppins';
  font-weight: 500;
}


.sub-menu{
  background-color: #ffffff !important;
  display: block;
  max-width: 858px;
  margin: auto;
  border-radius: 160px;
  color: #000000;
}

.sub-menu .sub-nav{
  background-color: #ffffff !important;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  padding: 1rem 1rem;
  border-radius: 160px;
  margin-top: 1rem !important;
  color: #000000;

}

.nav-link-sub{
  font-weight: 400 ;
  font-size: 16px;
  color: #000000 !important;
  text-decoration: none;

}

.serch-nav{
  border: 0.5px solid #FFFFFF33;
  max-width: 363px;
  height: 42px;
  padding-left: 0.5rem;
  display: flex;
  align-items: center;

}

.serch-nav input{
  background-color: transparent;
  box-shadow: none;
  border: none;
}

.search-btn{
  background-color: #E34D23;
  padding-inline: 2rem;
  height: 100%;
  border: none;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}

.serch-icon{
  width: 25px;
}

.nav-orage-color{
  font-weight: 500 !important;
  color: #E34D23 !important;
}

.nav_footer{
  padding-block: 60px;
  font-family: 'Poppins';
  color: #6F6C90;
}
.nav_footer p{
  font-weight: 400;
  font-size: 16px;
  margin-top: 1rem;
  margin-bottom: 0;
}

.social-logo-contain{
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 1.2rem;
}

.Facebook img{
  width: 10.847895622253418px;
  height: 18.737274169921875px;
}

.Twitter img{
  width: 18.737274169921875px;
  height: 14.792584419250488px;
}

.Instagram img{
  width: 18.737274169921875px;
  height: 18.737274169921875px;
}

.LinkedIn img{
  width: 18.737274169921875px;
  height: 17.751102447509766px;
}

.YouTube img{
  width: 20.709617614746094px;
  height: 14.792584419250488px;
}



.nav_footer .email{
width: 16.436206817626953px;
height: 12.327315330505371px !important;
}

.nav_footer .phone{
  width: 16.43790054321289px;
  height: 16.43620491027832px !important;

}

.nav_footer .mark-logo{
  width: 19.723445892333984px;
  height: 19.723445892333984px !important;
}

.mtop-1erm{
    margin-top: 1rem;
}

section{
  font-family: 'Graphik';
}

.bellow-footwr{
  color: #6F6C90;

}

  .bellow-footer-flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .navbar-toggler-icon{
        filter: invert(1);
        width: 2.5em;
  }
  .offcanvas {
        z-index: 999999;
      background-color: #0D2541 !important;
  }

  .navbar-toggler:focus{
    box-shadow: none;
  }

  .offcanvas img{
    max-width: 54% !important;
  }
    .offcanvas ul{
      list-style: none;
      padding: 0;
    }
    .offcanvas ul li{
      padding-block: 1rem;
    }
  .offcanvas ul li a{
    color: #ffffff;
    font-size: 20px;
    text-decoration: none;
  }
  .btn-close{
        filter: invert(30);
        width: 3em;
        height: 2em;
  }

  .nav_footer p a{
    font-weight: 400;
    font-size: 16px;
    margin-top: 1rem;
    margin-bottom: 0;
    text-decoration: none;
    color: #6F6C90;
  }
  img{
    max-width: 100%;
    height: auto;
  }


/* Extra small devices (phones, portrait) */
@media (max-width: 480px) {
  /* styles for very small phones */
}

/* Small devices (phones, landscape) */
@media (max-width: 600px) {
  /* styles for small phones */
}

/* Medium devices (tablets, portrait) */
@media (max-width: 768px) {

  .sub-menu .sub-nav{
    row-gap: 0.5rem;
  }
  footer{
    text-align: center;
  }
  .social-logo-contain{
    justify-content: center;
    margin-bottom: 1rem;
  }
  .contact-us{
    flex-direction: column;
    align-items: center !important;
    justify-content: center;
  }
  footer h2{
    margin-top: 1.2rem;
  }
  footer span{
    font-size: 10px;
  }
  .main-menu .navbar-nav .nav-link{
    text-align: center;
  }
  .main-menu .navbar-nav{
    margin-block: 1.2rem;
  }
  .sub-menu{
    display: none;
  }
  .main-menu{
    padding-bottom: .5rem;
  }
  .nav_footer {
    padding-block: 10px;
}

.bellow-footwr{
  text-align: center;
}

.bellow-footer-flex{
  justify-content: center !important;
}

.bellow-footwr span{
  font-size: 14px;
}
.bellow-footwr{
  padding-block: 1rem !important;
}

.Policy{
  display: block;
}

}
@media (min-width: 768px) {
.window-none{
    display: none;
}
}

/* Large devices (tablets, landscape / small laptops) */
@media (max-width: 992px) {
  /* styles for small laptops */
}

/* Extra large devices (desktops) */
@media (max-width: 1200px) {
  /* styles for desktops */
}

/* Ultra wide screens */
@media (max-width: 1400px) {
  /* styles for very large monitors */
}