@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/*.our-pakages-content {*/
/*    background-color: #2d343e;*/
/*}*/
 
/*.pakage-content {*/
/*    background-color: #2d343e;*/
/*    box-shadow: 0 5px 10px black;*/
/*}*/
 
/*.pakage-header {*/
/*    padding: 20px 20px;*/
/*}*/
 
/*.ep_price {*/
/*    font-size: 40px;*/
/*    line-height: 1;*/
/*    color: #fff;*/
/*    font-weight: 800;*/
/*    margin: 0 0 30px;*/
/*    text-transform: uppercase;*/
/*    position: relative;*/
/*}*/
 
/*.ep_price span {*/
/*    font-size: 18px;*/
/*    color: #fff;*/
/*    display: inline-block;*/
/*    font-weight: 300;*/
/*    top: 0;*/
/*    margin: 0 0 0 23px;*/
/*}*/
 
/*.pakage-ul {*/
/*    padding: 10px 20px;*/
/*}*/
 
/*.pakage-ul ul li {*/
/*    color: #fff;*/
/*    font-size: 16px;*/
/*    font-family: "Antic Slab", serif;*/
/*    margin: 0 0 10px;*/
/*    padding: 0 0 0 23px;*/
/*}*/
 
/*.scrollbar_scr {*/
/*    margin-left: 0;*/
/*    height: 260px;*/
/*    overflow-y: scroll;*/
/*    margin-bottom: 0;*/
/*    width: 100%;*/
/*    overflow-x: hidden;*/
/*}*/
 
/*.scrollbar_scr li {*/
/*    position: relative;*/
/*}*/
 
/*.scrollbar_scr li::before {*/
/*    content: "";*/
/*    width: 8px;*/
/*    height: 8px;*/
/*    background: #fff;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 5px;*/
/*    border-radius: 100%;*/
/*    -webkit-transition: all 500ms ease-in-out;*/
/*    -moz-transition: all 500ms ease-in-out;*/
/*    -o-transition: all 500ms ease-in-out;*/
/*    transition: all 500ms ease-in-out;*/
/*}*/
 
/*.scrollbar_scr li::after {*/
/*    content: '';*/
/*    width: 100%;*/
/*    height: 1px;*/
/*    left: 0;*/
/*    bottom: -6px;*/
/*    position: absolute;*/
/*    background: #72cfff2e;*/
/*}*/
 
/*#style-scr::-webkit-scrollbar-track {*/
/*    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/
/*    background-color: #f5f5f5;*/
/*    border-radius: 50px;*/
/*}*/
 
/*#style-scr::-webkit-scrollbar {*/
/*    width: 10px;*/
/*    background-color: #f5f5f5;*/
/*    border-radius: 50px;*/
/*}*/
 
/*#style-scr::-webkit-scrollbar-thumb {*/
/*    background-color: #72cfff;*/
/*    border-radius: 50px;*/
/*}*/
 
/*.pakage-footer {*/
/*    padding: 20px 0;*/
/*    text-align: center;*/
/*}*/
 
/*.ep_btns {*/
/*    display: flex;*/
/*    justify-content: space-around;*/
/*}*/
 
/*.ep_btns .btn-2 {*/
/*    font-family: "Antic Slab", serif;*/
/*    font-weight: 700;*/
/*    font-size: 16px;*/
/*    display: inline-block;*/
/*    text-decoration: none;*/
/*    padding: 6px 24px;*/
/*    background-color: #fff;*/
/*    border: 1px solid #72cfff;*/
/*    color: #333;*/
/*    text-transform: capitalize;*/
/*    letter-spacing: 1px;*/
/*    position: relative;*/
/*    border-radius: 30px;*/
/*    transition: all .2s linear;*/
/*}*/
 
/*.pakage-number {*/
/*    font-family: "Antic Slab", serif;*/
/*    font-weight: 700;*/
/*    font-size: 16px;*/
/*    display: inline-block;*/
/*    text-decoration: none;*/
/*    padding: 6px 24px;*/
/*    background-color: transparent;*/
/*    border: 1px solid #72cfff;*/
/*    color: #fff;*/
/*    text-transform: capitalize;*/
/*    letter-spacing: 1px;*/
/*    position: relative;*/
/*    border-radius: 30px;*/
/*    transition: all .2s linear;*/
/*    margin: 20px 0;*/
/*}*/
 
/*.pakage-number:hover {*/
/*    color: #fff;*/
/*}*/
 
/*.pakages-container {*/
/*    padding-bottom: 60px;*/
/*}*/
 
/*.top-seller-img{*/
/*    position: absolute;*/
/*    right: -10px;*/
/*    top: -55px;*/
/*    height: 100px;*/
/*    width: 100px;*/
/*    z-index: 1;*/
/*}*/
/*span.packageheading {*/
/*    color: #fff;*/
/*    font-size: 28px;*/
/*}*/
 
/*@media (max-width: 767px) {*/
/*    .our-pakages-content {*/
/*        background-color: transparent;*/
/*    }*/
/*    .pakage-content {*/
/*        margin: 20px 0;*/
/*    }*/
/*}*/












.Logo-main{
    object-fit: contain;
}
html, body {
  overflow-x: hidden;
  width: 100%;
}

.nav-link-custom {
    font-weight: 500;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    transition: color 0.3s ease;
  }

  .nav-link-custom:hover {
    color: #323787; /* optional hover effect */
  }

.btn-nav1{
     width: 200px;
    height: 55px;
    border-radius: 30px;
    color: #fff;
    background-color: #323787;
    font-size: 15px;
    font-weight: bold;
    font-family: "Poppins";
    border: none;
 
 text-align: center;
 cursor: pointer;
 transition: 0.4s;
  display: flex;
  align-items: center;
  justify-content: space-evenly; 
  padding: 0.5rem 1rem;
}

.btn-nav1:hover {
 box-shadow: 7px 5px 56px -10px #323787;
}

.btn-nav1:active {
 transform: scale(0.97);
 box-shadow: 7px 5px 56px -10px #323787;
}





.btn-nav2{
     width: 200px;
    height: 55px;
    border-radius: 30px;
    color: #ffffff;
    background-color: #000000;
    font-size: 15px;
    font-weight: bold;
    font-family: "Poppins";
    border: none;
 
 text-align: center;
 cursor: pointer;
 transition: 0.4s;
  display: flex;
  align-items: center;
  justify-content: space-evenly; 
  padding: 0.5rem 1rem;
}

.btn-nav2:hover {
 box-shadow: 7px 5px 56px -10px #1f1f1f;
}

.btn-nav2:active {
 transform: scale(1.1);
 box-shadow: 7px 5px 56px -10px #212121;
}


.hero-section {
  background-image: url("./images/main-banner-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.hero-heading {
  font-family: "Poppins";
  font-size: 2.8rem !important;
  font-weight: 500 !important;
}

.hero-para {
  font-family: "Poppins";
  font-size: 18px !important;
  font-weight: 400 !important;
}

.hero-image img {
  width: 80%;
  margin-top: 20px;
}

.bannerForm {
  padding: 30px 40px 50px;
  background: #323787;
  width: 95%;
  height: auto;
  font-family: "Poppins";
  border-radius: 10px;
  margin: 0 auto;
  position: relative;
}

.bannerForm h2 {
  text-align: center;
  font-size: 23px;
  margin: 5px 0;
  font-weight: 700;
}

.bannerForm h3 {
  padding-top: 10px;
  position: relative;
  text-align: center;
  margin-bottom: 1rem;
}

.bannerForm h2 span {
  color: #fff;
}

.fld-input input {
  height: 45px;
  margin: 0 0 12px;
  background: #fff;
  border-radius: 5px;
  width: 100%;
  padding-left: 5%;
  border: none;
}

button.packageformsubmit1 {
  background: #000;
  height: 50px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  width: 60%;
  border-radius: 5px;
  margin: 0 auto;
  display: block;
  border: none;
}


.carousel {
  overflow: hidden;
  width: 100%;
  background: #fff;
}


section.client-strip{
  margin-top: 50px;
}

.owl-carousel .item img {
  width: 70%;
  object-fit: contain;
}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
    display: none;
}


.about-section {
  padding: 4rem 2rem;
  background: #ffffff;
}

.row {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
}

.column {
  flex: 0 0 50%; /* 6/12 columns */
  padding: 1rem;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .column {
    flex: 0 0 100%; /* Stack on small screens */
  }
}


.heading-army h1 {
  color: #282828;
  font-family: "Poppins";
  font-size: 48px;
  font-weight: bold;
  text-align: center;
}
.armysec-para{
  color: #282828;
  font-size: 18px;
  font-family: "Poppins";
  text-align: center;
  font-weight: 500;
}

.card.text-center.p-3.shadow-sm.h-100.d-flex.align-items-center.justify-content-center {
    border: 1px solid #323787;
box-shadow: -6px 4px 70px -21px rgba(0,0,0,0.75);
-webkit-box-shadow: -6px 4px 70px -21px rgba(0,0,0,0.75);
-moz-box-shadow: -6px 4px 70px -21px rgba(0,0,0,0.75);
transition: 0.3s all ease;
    
}
.card.text-center.p-3.shadow-sm.h-100.d-flex.align-items-center.justify-content-center:hover{
  transform: scale(1.1);
}


.btn-nav3{
     width: 250px;
    height: 55px;
    border-radius: 30px;
    color: #333333;
    background-color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    font-family: "Poppins";
    border: 1px solid #323787;
 
 text-align: center;
 cursor: pointer;
 transition: 0.4s;
  display: flex;
  align-items: center;
  justify-content: space-evenly; 
  padding: 0.5rem 1rem;
}

.btn-nav3:hover {
 box-shadow: 7px 5px 56px -10px #323787;
}

.btn-nav3:active {
 transform: scale(0.97);
 box-shadow: 7px 5px 56px -10px #323787;
}


.our-experts {
  padding-top: 100px; /* 👈 gives space INSIDE the section, not outside */
  padding-bottom: 120px;
  background-image: url("./images/we-get-sec-bg.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.big-card h4{
  color: #323787;
  font-family: "Poppins";
  font-weight: 600;
  
}
.big-card p{
  color: #000;
  font-weight: 500;
  font-size: 20px;
}
.card.big-card{
  border: 2px solid #323787;
  transition: 0.3s all ease;
}

.sub-card h5{
  color: #323787;
  font-family: "Poppins";
  font-weight: 600;
  
}
.sub-card p{
  color: #000;
  font-weight: 500;
  font-size: 20px;
}

.card.sub-card{
  border: 2px solid #323787;
  transition: 0.3s all ease;
}

.card.big-card:hover{
  transform: scale(1.05);
}
.card.sub-card:hover{
  transform: scale(1.05);
}

.limelight {
  padding-top: 200px;
  padding-bottom: 100px;

}

.card.limelight-card {
  border: 2px solid #000000;
  transition: 0.3s all ease;
}

.card.limelight-card:hover{
  transform: scale(1.05);
}


.limelight-card h4 {
  color: #323787;
  font-family: "Poppins";
  font-weight: 600;
}

.limelight-card p {
  color: #000;
  font-weight: 500;
  font-size: 18px;
}



.faq-section {
  background-color: #fefefe;
  padding-top: 100px;
  padding-bottom: 100px;
}

.accordion-button {
  font-family: 'Poppins';
  font-weight: 600;
  font-size: 18px;
  color: #323787;
  background-color: #fff;
  border: none;
}

.accordion-button:focus {
  box-shadow: none;
}

.accordion-body {
  font-family: 'Poppins';
  font-size: 16px;
  color: #333;
  background-color: #f8f9fa;
}




  .custom-arrow {
    background-color: #323787;
    border: none;
    padding: 20px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
  }

  .custom-arrow .carousel-control-prev-icon,
  .custom-arrow .carousel-control-next-icon {
    filter: invert(1); /* Makes arrow white */
    width: 20px;
    height: 20px;
  }

  .carousel-control-prev {
    left: -60px;
  }

  .carousel-control-next {
    right: -60px;
  }



.testimonial-text {
    font-size: 25px;
    font-style: italic;
    font-family: 'Poppins', sans-serif;
    color: #333;
    line-height: 1.6;
    margin-bottom: 20px;
  }


.ratings-form-section {
  background-color: #f8f9fa;
}

.ratings-form-section .form-control {
  border-radius: 8px;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
}

.ratings-form-section button.btn-outline-warning {
  border: 2px solid #323787;
  color: black;
  border-radius: 30px;
}

.ratings-form-section button.btn-outline-warning:hover {
  background-color: #323787;
  color: #fff;
}

.ratings-form-section{
  background-color: #fff;
}

.site-footer {
  background-color: #111;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
}

.site-footer a {
  transition: color 0.3s ease;
}

.site-footer a:hover {
  color: #323787;
}


.display-1.text-muted {
  font-size: 6rem;
  line-height: 1;
  position: relative;
}

h4.mt-n5 {
  margin-top: -3rem;
}

.carousel-item p {
  font-size: 1rem;
  line-height: 1.6;
  color: #333;
}




.hamburger {
  display: none;
  background: none;
  border: none;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  color: #323787;
}

.nav-links {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}

/* Responsive*/


@media only screen and (max-width: 400px) {
   .btn-nav2 {
    width: 153px;
    height: 48px;
    border-radius: 30px;
    color: #ffffff;
    background-color: #000000;
    font-size: 13px;
    font-weight: bold;
    font-family: "Poppins";
    border: none;
    text-align: center;
    cursor: pointer;
    transition: 0.4s;
    display: flex
;
    align-items: center;
    justify-content: space-evenly;
    padding: 0.5rem 1rem;
}
.btn-nav1 {
    width: 153px;
    height: 46px;
    border-radius: 30px;
    color: #fff;
    background-color: #323787;
    font-size: 12px;
    font-weight: bold;
    font-family: "Poppins";
    border: none;
    text-align: center;
    cursor: pointer;
    transition: 0.4s;
    display: flex
;
    align-items: center;
    justify-content: space-evenly;
    padding: 0.5rem 1rem;
}

.owl-carousel .item img {
    width: 100%;
    object-fit: contain;
}

.my-4 {
    margin-left: -92px;
}

.me-5 {
    margin-right: 3rem !important;
    width: 50% !important;
}



  .hamburger {
    display: block;
    background: none;
    border: none;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    color: #323787;
    margin-left: 0px;
  }

  .nav-links {
    display: none;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    padding: 1rem 0;
    width: 100%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    margin-top: 1rem;
  }

  .nav-links.show {
    display: flex;
  }

  .nav-buttons {
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 10px;
    margin-top: 1rem;
  }

  .btn-nav1,
  .btn-nav2 {
    /* width: 111%; */
    /* justify-content: center; */
  }

  .nav-link-custom {
    font-size: 16px;
    margin: 6px 0;
    text-align: center;
  }

  .navbar {
    flex-direction: column;
    align-items: flex-start;
  }

  .navbar-brand {
    width: 100%;
  }

  .navbar > .d-flex {
    width: 100%;
    align-items: center;
  }
  
  button#chat-button-2 {
    margin-left: 48px;
}
}



    .packages-section {
  background-color: #54566969;
  padding: 60px 0;
}

.package-box {
  /* From https://css.glass */
background: rgb(243, 243, 243);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3); 
  padding: 20px;
  height: 590px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.3s ease;
}

.package-box:hover {
  transform: translateY(-5px);
}

.package-header {
 
  color: #323787;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 20px;
}

.package-title {
  font-family: 'Poppins';
  font-size: 1.5rem;
  font-weight: 600;
}

.package-price {
  font-family: 'Poppins';
  font-size: 2.2rem;
  font-weight: bold;
  margin-top: 10px;
}

.package-original-price {
  font-family: 'Poppins';
  font-size: 1rem;
  text-decoration: line-through;
  opacity: 0.7;
  margin-left: 10px;
}

.package-discount {
  font-family: 'Poppins';
  font-size: 1rem;
  margin-left: 10px;
  color: #323787;
}

.package-scroll-area {
  font-family: 'Poppins';
  max-height: 260px; /* scroll zone height */
  overflow-y: auto;
  padding-right: 5px;
  margin-bottom: 20px;
}


.package-content {
  font-family: 'Poppins';
  list-style: disc;
  padding-left: 20px;
}

.package-content li {
  font-family: 'Poppins';
  margin-bottom: 12px;
  font-size: 16px;
   margin-bottom: 12px;
  font-size: 16px;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #323787; /* Light gray line under each item */
}
.package-ribbon {
  position: absolute;
  top: -20px;     /* moves it slightly above the box */
  right: -20px;   /* adjusts it to the corner */
  z-index: 10;
}

.package-ribbon img {
  width: 70px;
  height: 70px;
  border-radius: 50%;       /* makes it a perfect circle */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* optional: adds a subtle shadow */
}

.package-buttons {
 
  font-family: 'Poppins';
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  
  
}
button.btn.btn-success {
    margin-left: 50px;
}
.pulse-btn {
  animation: pulseScale 2s ease-in-out infinite;
  transition: transform 0.3s ease;
  box-shadow: 10px 5px 56px -10px #323787;
 color: #fefefe;
 background-color: #212121;
}

@keyframes pulseScale {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.07);
  }
}
@keyframes pulseScale {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.09);
  }}

.package-buttons button {
  border-radius: 30px;
    color: #fff;
    background-color: #323787;
    font-family: "Poppins";
    border: none;
  font-family: 'Poppins';
  flex: 1;
  min-width: 100px;
}

.package-buttons button:hover {
 box-shadow: 7px 5px 56px -10px #323787;
 color: #fefefe;
 background-color: #212121;
 transform: scale(1.1);
}

.package-buttons button:active {
 transform: scale(0.97);
 box-shadow: 7px 5px 56px -10px #323787;
}