@font-face {
    font-family: 'Fontspring-DEMO-allroundgothic-lig';
    src: url('../../fonts/Fontspring-DEMO-allroundgothic-lig.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Fontspring-DEMO-allroundgothic-boldoblique';
    src: url('../../fonts/Fontspring-DEMO-allroundgothic-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



:root {
    --primary-color: #1c4662; 
    --secondary-color: #173243; 
    --yellow-color:#fbe200;
    --white-color:#fff;
    --black-color:#000;
     --primary-font:  'Fontspring-DEMO-allroundgothic-lig', sans-serif; 
     --secondary-font:  'Fontspring-DEMO-allroundgothic-bold', sans-serif; 
}

/*Masonry*/
.grid {
  margin: 0 auto;
}
.grid-sizer,
.grid-item {
  width: 33.333%;  
}
.grid-item--width2 {
  width: 66.666%;
}
.grid-item {
  padding: 10px;   
  box-sizing: border-box;
}

/* Tablet (iPad) – 2 columns */
@media (max-width: 991px) {
  .grid-sizer,
  .grid-item {
    width: 50%;
  }
  .grid-item--width2 {
    width: 100%;
  }
}

/* Mobile – 1 column */
@media (max-width: 767px) {
  .grid-sizer,
  .grid-item {
    width: 100%;
  }
  .grid-item--width2 {
    width: 100%;
  }
}

.site-branding a {
    letter-spacing: -4px;
    font-family: var(--primary-font) !important;
}
.site-branding a strong {
    font-weight: 700;
    font-family: var(--secondary-font) !important;
}
body {
    font-family: "Poppins", sans-serif !important;
    font-weight:500;
     color:#000 !important;
}

 
.primary-btn a {
    color: #fff !important;
    text-decoration: none;
    font-size: 20px;
        background: linear-gradient(90deg, #0e334a 30%, #060605 55%);
    width: fit-content;
        padding: 15px 40px;
    border-radius: 50px;
    transition: 0.6s;
    outline:none;

}
.mobile-version {
    display:none;
}

.owl-carousel {
    display: block !important;
}
.primary-btn a:hover {
    color: #000 !important;
    background: var(--yellow-color) !important;
}
footer {
    padding: 0 !important;
}
.post, .page {
    margin: 0 0 0 !important;
}
/* Crtain Css*/
.curtain {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 9999;  /* Ensure it's on top */
  transition: transform 1s ease; /* Smooth slide-up effect */
}
.show-content .curtain {
  transform: translateY(-100%); /* Moves the curtain up */
}
.banner-btn a:hover {
    background: #fff;
}
@media only screen and (max-width:991px) {
 .desktop-version {
    display:none;
}
.mobile-version {
    display:block !important;
}  

}
@media only screen and (max-width:767px) {
.primary-btn a {
    font-size: 16px;
}  
}