@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");

:root {
   --dark-primary-color: #11151c;
   --primary-color: #556a8d;
   ---light-primary-color: #566a8e26;
   --primary-gradient-bg: linear-gradient(
      270deg,
      rgba(86, 106, 142, 0) 0%,
      rgba(255, 255, 255, 0.16) 100%
   );
   --secondary-color: #ed7f1d;
   --rounded-tl8: 8px;
   --rounded-br8: 8px;
   --box-shadow: 0px 0px 8px 0px #566a8e40;
   --btn-shadow: 1px 1px 4px 0px #566a8e40;
   --main-heading: 72px;
   --sub-heading1: 36px;
   --sub-heading2: 30px;
   --fs-24: 24px;
   /* --fs-22: 22px; */
   --fs-20: 20px;
   --fs-18: 18px;
   --fs-16: 16px;
   --fs-14: 14px;
   --white-color: #fff;
   --black-color: #000;
   --max-w: 1360px;
}

*,
html {
   scroll-behavior: smooth;
}

body {
   min-height: 100vh;
   font-size: 1rem;
   font-family: "Nunito", sans-serif;
   color: var(--black-color);
}

/* Common CSS */
.max-w {
   max-width: var(--max-w);
   margin-inline: auto;
}

.main-heading {
   font-size: var(--main-heading);
}

.sub-heading1 {
   font-size: var(--sub-heading1);
}

.sub-heading2 {
   font-size: var(--sub-heading2);
}

.divider {
   width: 80px;
   height: 3px;
   background: var(--secondary-color);
   border-radius: 20px;
}

.box-shadow {
   box-shadow: var(--box-shadow);
}

.dark-primary-bg {
   background: var(--dark-primary-color);
}

.primary-bg {
   background: var(--primary-color);
}

.primary-text {
   color: var(--primary-color);
}

.light-primary-bg {
   background-color: var(---light-primary-color);
}

#weServe {
   background: url(../img/gradient-bg.png) no-repeat left center;
   background-size: cover;
}

#partners {
   background: url(../img/partners-bg.png) no-repeat left center;
   background-size: cover;
}

.max-w-lg {
   max-width: 992px;
   margin-inline: auto;
}

.sec-py {
   padding-block: 60px;
}

.fs-16 {
   font-size: var(--fs-16);
}

.fs-18 {
   font-size: var(--fs-18);
}

.fs-20 {
   font-size: var(--fs-20);
}

.fs-24 {
   font-size: var(--fs-24);
}

.primary-btn {
   background: var(--primary-color);
   border-radius: 0;
   border-top-left-radius: var(--rounded-tl8) !important;
   border-bottom-right-radius: var(--rounded-br8) !important;
   border: 1px solid var(--primary-color) !important;
}

.primary-btn:hover {
   background: var(--white-color);
   color: var(--primary-color) !important;
   box-shadow: var(--btn-shadow);
   transition: all 0.5s;
}

.primary-border {
   border: 1px solid #566a8e40;
}

.secondary-text {
   color: var(--secondary-color);
}

header nav .navbar-nav .nav-link {
   color: var(--primary-color);
   font-size: var(--fs-18);
   font-weight: 600;
}

header nav .navbar-nav .nav-link:hover {
   color: var(--secondary-color);
   transition: all 0.5s;
}

.achievement-points li {
   background: url(../img/icon/ic-tick.svg) no-repeat left center;
   background-size: 16px;
   padding-left: 24px;
}

#heroCarousel .carousel-item {
   /* background: url(../img/hero-bg.png); */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    height: 700px !important;
}

#heroCarousel .carousel-indicators {
   gap: 8px;
}

#heroCarousel .carousel-indicators button {
   width: 40px;
}

#heroCarousel .carousel-indicators button.active {
   background-color: var(--secondary-color);
}

.form-label {
   cursor: pointer;
}

.input-h {
   background: transparent;
   border: 0;
   border-bottom: 1px solid #566a8e80 !important;
}

.input-h:focus {
   background: transparent;
}

footer {
   background-color: var(--dark-primary-color);
}

.text-unset {
   color: unset;
}

footer .border-secondary-subtle {
   border-color: rgba(255, 255, 255, 0.25) !important;
}

/* Page Loader CSS */
#page-loader.fade-out {
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.5s ease, visibility 0.5s ease;
}

.dot-loader .dot {
   width: 10px;
   height: 10px;
   background-color: var(--secondary-color);
   border-radius: 50%;
   animation: loaderBounce 1.4s infinite ease-in-out both;
}

.dot-loader .dot:nth-child(1) {
   animation-delay: -0.32s;
}

.dot-loader .dot:nth-child(2) {
   animation-delay: -0.16s;
}

.pum-theme-56, .pum-theme-default-theme {
    background-color: #0000009c !important;
}
.pum-container{
   width: 30% !important;
   margin-right: auto;
   margin-left: 50% !important;

}
.pum-close .popmake-close{
   padding: 10px 25px !important;
}

.feauture-icons img{
    border: 2px solid var(--secondary-color);
    border-radius: 50% ;
    padding: 10px;
}

.pum-container {
    width: 85% !important;
    margin-right: auto;
    margin-left: auto !important;
    max-width: 560px !important;
    max-height: 600px !important;
   overflow-y: scroll ! IMPORTANT;
}





@keyframes loaderBounce {
   0%,
   80%,
   100% {
      transform: scale(0);
   }
   40% {
      transform: scale(1);
   }
}

/* Media Queries */
@media only screen and (max-width: 1200px) {
   .main-heading {
      font-size: 56px;
   }
}

@media only screen and (max-width: 992px) {
   header nav .navbar-nav .nav-link {
      font-size: var(--fs-16);
   }

   .sub-heading1 {
      font-size: var(--sub-heading2);
   }

   .sub-heading2 {
      font-size: var(--fs-24);
   }

   .fs-24 {
      font-size: var(--fs-20);
   }

   #features img {
      width: 60px;
   }

   #heroCarousel .carousel-item {
      height: 600px;
   }

   .border-lg-none {
      border: 0 !important;
   }
}

@media only screen and (max-width: 768px) {
   .fs-16 {
      font-size: var(--fs-14);
   }

   .fs-20 {
      font-size: var(--fs-18);
   }

   .sec-py {
      padding-block: 40px;
   }

   .main-heading {
      font-size: 44px;
   }

   .border-md-none {
      border: 0 !important;
   }
}

@media only screen and (max-width: 576px) {
   #heroCarousel .carousel-item {
      height: 550px;
   }
}


/* contact-page */
.contact-bg{
  position: relative;
  width: 100%;
  height: 400px;
}
.contact-bg img{
   width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: center;
}
.over-lay{
    position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0.9;
  color: white;
  font-size: 20px;
  padding: 20px;
  height: 100%;
  text-align: center;
}
.over-lay-text{
  position: absolute;
  top: 50%;
  left: 50%;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}
.i-img {
   max-width: 65px !important;

}

.contain-pic img{
   object-fit: contain !important;
   height: 270px !important;
}

.banner-bg::before {
    content: "";
    background-color: #0000005e;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}


.galler-pic img{
       object-fit: cover !important;
    height: 270px !important;
}

.swiper-wrapper{
       padding: 40px 10px !important;
}