/*------------------------------------------------------------------------------------- 
Theme Name:		 Visaland Child Theme
Theme URI:		 https://modinatheme.com/visaland/
Description:	 Visaland – Immigration & Visa Consulting WordPress Theme
Author:			 modinatheme
Author URI:		 https://themeforest.net/user/modinatheme
Template:		 visaland
Version:		 1.0.0
Text Domain:	 visaland-child-theme
-------------------------------------------------------------------------------------*/
/*
    Please Add your custom styles here
*/



/* Equal height service boxes */
.service-wrapper .row {
    display: flex;
    flex-wrap: wrap;
}

.service-wrapper .col-lg-4,
.service-wrapper .col-md-6,
.service-wrapper .col-sm-6 {
    display: flex;
}

.service-wrapper .service-card-items {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}
/* Limit header width to match other sections */
.header-section-3 .container-fluid {
    max-width: 1320px;
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 10px;
}

.header-top-section-3 {
  background-color: #144890;/* blue background */
  padding: 0px;           /* optional: spacing */
}

.header-top-section-3,
.header-top-section-3 a,
.header-top-section-3 i,
.header-top-section-3 span,
.header-top-section-3 li {
  color: #fff !important;   /* force text + icons white */
}

.header-top-section-3 a:hover {
  color: #ddd; /* softer hover effect */
}
		

/* Space out logo and menu */
.header-main {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

/* Make menu items breathe more */


/* Keep sticky header aligned */
#header-sticky.header-3 {
    background: #fff; /* Or your theme background */
    padding: 10px 0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.footer-section .col-xl-3.ps-xl-5.col-sm-6.col-md-6.col-lg-4 {
    display: none !important;
}
.footer-section .col-xl-2,
.footer-section .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
}
/* Tablet: 2 columns */
@media (max-width: 991px) {
    .footer-section .footer-widgets-wrapper .row > [class*="col-"] {
        flex: 1 1 50%;
        max-width: 50%;
    }
}

/* Mobile: 1 column */
@media (max-width: 575px) {
    .footer-section .footer-widgets-wrapper .row > [class*="col-"] {
        flex: 1 1 100%;
        max-width: 100%;
    }
}


.team-box-items-2 .team-thumb img {
    width: 100%;
    height: 500px !important;
    object-fit: cover !important;
    object-position: top !important; /* instead of center */
}
.single-testimonial-style-2 .single-testimonial-items-2 .client-info .image {
display:none !important;
	}
/* Glass effect box for the whole form */

.form-box {
    background: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 15px;
    padding: 30px 40px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);

    max-width: 1000px;   /* increase width */
    width: 100%;          /* responsive, not too small on mobile */
    margin: -60px !important;      /* center horizontally */
}

.form-box .form-title{
    font-size: 30px;
    font-weight: 700;
    color: #fff; /* white so it looks good on glass */
    text-align: center;
    margin-bottom: 25px;
    text-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
.form-box .form-subtitle {
    font-size: 24px;
	color: #fff;
   
    text-align: center;
    margin-top: -10px;
    margin-bottom: 25px;
    
}

/* Style form fields inside */
.form-box .form-clt input,
.form-box .form-clt select,
.form-box .form-clt textarea {
    width: 100%;

    padding: 12px 15px;
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.7) !important; /* semi-solid input */
    color: #000;
}
/* Style nice-select to look like your inputs */
.form-box .form-clt .nice-select {
    
    width: 100%;

    padding: 12px 15px;
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.7) !important; /* semi-solid input */
    color: #000;
  
    
}

/



/* Placeholder */
.form-box .form-clt input::placeholder,
.form-box .form-clt textarea::placeholder {
    color: #333;
}
.contact-wrapper .contact-left .theme-btn {
    background-color: #144890;
}
/* Background image for the whole service section */
.service-card-items {
   background-color: #fff;

    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    padding: 30px;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
}

/* White text */
.service-card-items h3,
.service-card-items p,
.service-card-items a {
    color: #fff !important;
    position: relative;
    z-index: 1;
}

/* Inner glow */
.service-card-items::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.15),
        rgba(255, 255, 255, 0.05)
    );
    opacity: 0.5;
    pointer-events: none;
    border-radius: inherit;
    z-index: 0;
}

/* Hover shine */
.service-card-items::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0.7) 0%,
        rgba(255, 255, 255, 0) 80%
    );
    transform: skewX(-25deg);
    transition: 0.6s;
    z-index: 0;
}

.service-card-items:hover::after {
    left: 125%;
}

.service-card-items:hover {
	background-color: #fff  !important;
    transform: translateY(-8px);
}
.link-btn {
display:none; 
}


.footer-section.footer-bg {
   background-color: #f5f4fa; 
    position: relative;
    z-index: 1;
background-image: url("https://stepstone.com.pk/wp-content/uploads/2025/08/shape-8.png"),
                    url("https://stepstone.com.pk/wp-content/uploads/2025/08/shape-5.png");
  background-position: top left, top right;
  background-repeat: no-repeat, no-repeat;
	 background-size: 200px auto, 180px auto; /* big shapes for desktop */
   min-height: 350px; /* adjust footer background height */
 	
}


.footer-widgets-wrapper .single-footer-widget,
.footer-widgets-wrapper .single-footer-widget * {
    color: #000 !important;
}

/* Links hover styling for visibility */
.footer-widgets-wrapper a {
    color: #000 !important;
    transition: color 0.3s ease;
}
.footer-widgets-wrapper a:hover {
    color: #144890 !important; /* accent color on hover */
}
.footer-bottom {
       background-color: #f5f4fa !important; 
    
    color: #000 !important;
    padding: 15px 20px;
	border-top:1px solid #61667033;
   /* rounded only bottom corners */
}
.footer-bottom p,
.footer-bottom a {
    color: #000!important;
}


/* Laptop view (max 1366px) */
@media (max-width: 1366px) {
  .footer-section.footer-bg {
    background-size: 160px auto, 150px auto; /* smaller shapes */
    min-height: 300px; /* shorter height */
  }
}
@media (max-width: 767px) {
  .footer-section.footer-bg {
    background-size: 120px auto, 120px auto; /* make shapes smaller */
    
  }
}
@media (max-width: 1024px) {
  .footer-section.footer-bg {
    background-size: 150px auto, 120px auto; 
  }
}
.swiper-slide:hover .elementor-image-carousel-caption {
   background: rgba(20, 72, 144, 0.6);   /* deeper blue glass */
   backdrop-filter: blur(18px);
   -webkit-backdrop-filter: blur(18px);
}

.footer-widgets-wrapper .single-footer-widget img {
max-width:200px;
}



.section-padding {
    padding: 175px 0;
}
@media (max-width: 767px) {
.section-padding {
    padding: 40px 0;
}





/* Prevent any transform/scale on background images */
.hero-image.bg-cover,
.hero-image.bg-cover img {
  transform: none !important;
  transition: none !important;
}

/* Hero slider full responsiveness */
.hero-section .swiper-slide {
  width: 100% !important;
  height: auto !important;
  min-height: 400px; /* default desktop */
}

/* Hero image background cover */
.hero-image.bg-cover {
  background-size: cover !important;      /* cover container fully */
  background-position: center center !important;
  background-repeat: no-repeat !important;
  width: 100% !important;
  height: 100% !important;
}



/* Tablet */
@media (max-width: 1024px) {
  .hero-section .swiper-slide {
    min-height: 300px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .hero-section .swiper-slide {
    min-height: 220px;
  }
  .hero-image.bg-cover {
    background-position: center top !important; /* keep important part visible */
  }
}

.elementor *, .elementor :after, .elementor :before {
    box-sizing: border-box;
}

.single-about-wrapper-2 .about-content {
        margin-left: 0px !important;
    }
@media (max-width: 1600px) {
    .single-about-wrapper-2 .about-content {
         margin-left: 0px !important;
    }
}
#home-secton{
   
    position: relative !important;
    z-index: 1;

                
  background-position: top left;;
  background-repeat: no-repeat;
	 background-size: 280px; /* big shapes for desktop */
   min-height: 350px; /* adjust footer background height */
 	
}/* Laptop view (max 1366px) */
@media (max-width: 1366px) {
  #home-secton {
    background-size: 250px auto; /* smaller shapes */
    min-height: 300px; /* shorter height */
  }
}
@media (max-width: 767px) {
  #home-secton  {
    background:none !important; /* make shapes smaller */
    
  }
}
@media (max-width: 1024px) {
  #home-secton {
    background-size: 150px; 
  }
}
.single-news-items-2 .news-image {
    height: 400px !important;
}



.testimonial-image{
width:100px;
	height:100px !important;
	}

.feature-icon-box-wrapper {
  
   background-color:#144890 !important;
   
}
.contact-wrapper .contact-right {
  position: relative;
  display: block;
  margin-left: -30px;
  margin-right: -315px;
  margin-top: 0px !important;
}
@media (max-width: 991px) {
  .contact-wrapper .contact-right {
    margin: 0;
  }
}
.contact-wrapper .contact-right::before {
  content: "";
  position: absolute;
  top: 0px !important;
  left: 344px;
  border-bottom: 40px solid var(--header);
  border-left: 20px solid transparent;
  border-right: 30px solid transparent;
}
.contact-wrapper .contact-right .google-map-box {
  position: relative;
  display: block;
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
}
@media (max-width: 991px) {
  .contact-wrapper .contact-right .google-map-box {
    clip-path: none;
  }
}
.contact-wrapper .contact-right .google-map-box iframe {
  position: relative;
  display: block;
  border: none;
  height: 790px !important;
  width: 100%;
  mix-blend-mode: luminosity;
}
@media (max-width: 991px) {
  .contact-wrapper .contact-right .google-map-box iframe {
    clip-path: none;
    mix-blend-mode: normal;
    height: 620px;
  }
}
@media (max-width: 767px) {
  .contact-wrapper .contact-right .google-map-box iframe {
    height: 520px;
  }
}
@media (max-width: 575px) {
  .contact-wrapper .contact-right .google-map-box iframe {
    height: 420px;
  }
}
.service-wrapper {
    padding: 0px !important;
}
/* Tablet and mobile */
@media (max-width: 1024px) {
  .offcanvas__logo img {
    width: 160px !important;
    height: auto; /* keep proportions */
  }
}
/* Mobile only */
@media (max-width: 767px) {
  .offcanvas__logo img {
    width: 160px !important;
    height: auto;
  }
}
.single-news-items-4 .news-image {
    height: 480px;
    position: relative;
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease !important;
}

.single-news-items-4 .news-image:hover {
    transform: rotate(3deg) scale(1.03) !important;
}
/* Use logo as a background image instead of small inline */
..preloader .animation-preloader .txt-loading {
    font-size: 0 !important;        /* hide letters */
    background: url('https://stepstone.com.pk/wp-content/uploads/2025/08/Stepstone.png') no-repeat center center;
    background-size: 100%;           /* increase or decrease to resize logo */
    width: 500px !important;
    height: 300px;                  /* adjust height to control logo area */
    margin: 0 auto;
    display: block;
    position: relative;
}
@media (max-width: 767px) {
    .preloader .animation-preloader .txt-loading {
        font-size: 0 !important;
        background: url(https://stepstone.com.pk/wp-content/uploads/2025/08/Stepstone.png) no-repeat center center;
        background-size: 60% !important;
        width: 500px !important;
        height: 300px;
        margin: 0 auto;
        display: block;
        position: relative;
    }
}

/* Move spinner closer to logo */
..preloader .animation-preloader .spinner {
    margin-bottom: -50px !important; /* reduce space between spinner & logo */
}

/* Hide "Loading..." text completely */
..preloader .animation-preloader p.text-center {
    display: none !important;
}