/*-------mobile-media-screen-----------*/

@media only screen and (max-width: 600px) {
.navbar
{
	top:0px;
	width:100% !important;
  margin-left:0px;
}

.navbar .apply-btn
{
	display:none;
}

.navbar-brand img
{
  width: 100px;
  transform: scale(2.5);
  padding-left: 33px;
}
.header_cta_btn
{
  display:none;
}

.navbar-toggler
{
  margin-right:20px;
}

.home-slider .slider-content
{
	top:45%;
	bottom:0px;
}
.slider-content .top-text
{
	font-size:15px;
}
.slider-content h1
{
	font-size:35px;
}
.slider-content p
{
	font-size:16px !important;
}

.custom-indicators
{
  bottom:20px;
}

.home-slider .carousel-item img
{
	height:70vh;
}



/*---------inner-pages-banner--------*/


/*--------cta-form-section------*/

.contact-cta-container .container
{
	flex-direction:column;
}
.contact-cta-container .container>div
{
	width:100%;
	padding: 0px;
}
.contact-cta-container .container
{
	gap:20px;
}

.contact-cta-container .features
{
	flex-wrap:wrap;
}

h2
{
	font-size:28px !important;
}

h3
{
  font-size:25px !important;
}

p
{
  font-size:16px !important;
}

.heading-section >h2
{
    text-align:center !important;
} 
.heading-section > p
{
	width:100%;
	font-size:16px !important;
}

.heading-section
{
	padding:20px;
}

.about-section
{
	flex-direction:column;
	padding:20px;
}

.about-section>div
{
	width:100%;
}
.about-section > .left-items
{
	width:100%;
}

.about-section > .right-items
{
	width:100%;
}

.about-section li
{
   padding-left:0px;
}

ol, ul
{
  padding-left:0px;
}

/*--------cta-form-section------*/


/*-----service-section-container------------*/

.service-section-container
{
	flex-direction:column;
	padding:20px;
}

/*-----service-section-container------------*/


/*-----packer-section--------*/


.best-packer-section .best-packer-card
{
	padding:20px;
}
.best-packer-section .best-packer-card p
{
	margin:0px;
}


/*-----packer-section--------*/

/*-------city-location-section----------*/


.city-location-section
{
	padding:20px;
}

.city-location-section > div
{
	padding:10px;
}

.india-location-city
{
	flex-direction:column;
}

.india-location-city > div
{
	width:100%;
}

.india-location-city .right-map-items img
{
	transform:scale(1);
}
/*-------city-location-section----------*/

/*-------step-section-container----------*/

.step-section-container
{
	padding:20px;
}


.timeline-item.left
{
	text-align:left;
}
.badge
{
	right:20px;
	text-align:right;
}

.timeline-card
{
	padding:20px;
}

.timeline-item.left
{
	padding:0px;
}

/*-------step-section-container----------*/

/*-----contat-payment-section------------*/



.contat-payment-section
{
	padding:20px;
}

/*-----gallery-section-container------------*/


.gallery-section-container .gallery-grid
{
	display: flex;
  flex-direction: column;
}

/*-----gallery-section-container------------*/





/*-----contat-payment-section------------*/



}




/*-------mobile-media-screen-----------*/



/*---------service-new-section----------*/


/* ========== MOBILE & TABLET FIX (REAL SOLUTION) ========== */

@media (max-width:1024px){

  /* container stack */
  .service-section-container{
    flex-direction:column;
    height:auto;
    padding:20px;
    gap:20px;
  }

  /* card becomes normal box */
  .service-card,
  .service-card.active{
    flex:none !important;
    width:100%;
    height:auto;
    min-height:auto;
    padding:0px !important;
  }
  .service-card.active p
  {
    padding:0px !important;
  }

  /* DARK OVERLAY FOR READABILITY */
  .service-card::before{
    background:linear-gradient(
      to bottom,
      rgba(0,0,0,0.35) 0%,
      rgba(0,0,0,0.65) 40%,
      rgba(0,0,0,0.9) 100%
    ) !important;
  }

  /* remove absolute positioning */
  .service-card .card-content{
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    white-space:normal;
    padding:70px 20px 25px;
    max-width:100%;
  }

  /* show full content */
  .service-card p{
    display:block !important;
    font-size:14px;
    line-height:1.65;
    color:rgba(255,255,255,0.95);
  }

  .service-card h3{
    font-size:22px;
    font-weight:700;
    line-height:1.3;
    margin-bottom:10px;
    color:#fff;
  }

  /* number stays on top */
  .card-no{
    position:absolute;
    top:18px;
    left:18px;
    z-index:2;
  }

  /* disable rotate layout */
  .service-card:not(.active) .card-content{
    transform:none !important;
  }
}

/* SMALL MOBILE POLISH */
@media (max-width:480px){

  .service-card .card-content{
    padding:65px 18px 22px;
  }

  .service-card h3{
    font-size:20px;
  }

  .service-card p{
    font-size:13.5px;
  }


/*--------service-new-section----------*/


/*-----------inner-page-media-sceen----------*/

.home-banner-section
{
      height:200px;
      padding:20px;
}
.home-banner-section>h1
{
      font-size: 35px;
      text-align:center;
}


/*-----------inner-page-media-sceen----------*/


  .experience-section .experience-grid {
    grid-template-columns: 1fr;
  }

  .experience-section .experience-header h2 {
    font-size: 34px;
  }

    .Expansion-section .card-grid{
    grid-template-columns:1fr;
  }


    .services-launched-section{
    padding:55px 0;
  }
  .services-launched-section .services-grid{
    grid-template-columns:1fr;
  }


/*-----------inner-page-media-sceen----------*/


/*-------servive-section--------*/



.service-section-container .active::before
{
  background: linear-gradient(to top, rgb(54 63 123) 0%, rgba(10, 20, 40, 0.6) 100%, rgba(10, 20, 40, 0.1) 138%, transparent 100%) !important;
}


/*-------servive-section--------*/

/*------policy-pages----------*/

.table-off-content-section
{
  padding:20px;
}
.table-off-content-section ul
{
  padding:0px 20px;
}
.table-off-content-section>h2
{
  font-size:26px !important;
}

.table-off-content-section>p
  {
    font-size:16px;
  }

/*------policy-pages----------*/

/*------all-element-css--------*/

.contact-cta-container .container
{
  padding:20px !important;
}
.contact-cta-container .form-card
{
  padding:20px;
}
.contact-cta-container .form-header h3
{
  font-size: 20px !important;
}

/*-------all-single-cta-section-----------*/

.cta-btn
{
   padding: 6px 16px !important;
}


/*------all-element-css--------*/




/*---------blog-page-------*/

  .blog-card-container
  {
    width:100%;
    padding:45px 20px;
  }
  .blog-card-container .blog-card h3
  {
    font-size: 20px !important;
    line-height: 28px;
    font-weight: 600;
  }


/*---------blog-page-------*/

/*------faq-section----------*/

.faq-section .faq-item.active .faq-answer
{
  max-height:300px !important;
}

.faq-section .faq-item .faq-answer ul
{
  margin-left:25px;
}

.faq-section .faq-question
{
  font-size:16px;
}
.faq-section .faq-question .icon
{
  font-size: 20px;
}



}