/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 19 2026 | 06:14:25 */
.wpr-button-icon-style-inline .wpr-button{
	text-decoration:none !important;
}

.scroll-section {
    height: 100vh;          /* Fixed height required */
    overflow-y: auto;       /* Enable vertical scrolling */
    overflow-x: hidden;     /* Hide horizontal scroll */
  
 
}

@media (max-width:540px){
	.scroll-section {
    height:auto;          /* Fixed height required */
    overflow-y: auto;       /* Enable vertical scrolling */
    overflow-x: hidden;     /* Hide horizontal scroll */
  
 
}

.elementor-element-497be0a  .elementor-element-fdbb3dc  .elementor-image-carousel .swiper-slide-image{
	width:100%;
    height: auto;
}

/* .elementor-element-bcc637d  .elementor-element-b5c814f  .elementor-image-carousel .swiper-slide-image{
	width:100%;
    height: 500px;
} */

/* .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image  {
    width:100%;
    height: 400px;
}
 */

@media (max-width:540px){
	.elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{
	width:100%;
    height: 250px;
}
}
.elementor-892 .elementor-element.elementor-element-a02f65b .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image {
    border-radius: 5px 5px 5px 5px;
    height: 100px;
    width: 100px;
}

/* .elementor-953 .elementor-element.elementor-element-0e49ff1 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{
	width:100%;
    height: 400px;
} */
.entry-title{
	display:none !important;
}
.cyan{
	color: #1A3358;
	background-color:#FFFFFFB8;
	padding: 0 5px;
}

.m-mega{
	width:800px !important;
}



/* Hover lift (optional, looks premium) */
.service-c:hover {
  transform: translateY(-5px);
}

/* Bottom border animation */
.service-c::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background: linear-gradient(90deg, #084A79, #4AF5FF);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease-in-out;
}

.service-c:hover::after {
  transform: scaleX(1);
}
.flip-box-btn{
	border: 2px solid #fff;
	padding: 4px 8px;
	
	cursor: pointer;
	
}

/* HEADER BACKGROUND */
.elementor-element-90b3ade {
/*     background-color: transparent !important; */
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.elementor-element-90b3ade.scrolled {
    background-color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

/* MENU TEXT – DEFAULT (transparent header) */
.elementor-element-90b3ade nav .wpr-nav-menu .menu-item .wpr-menu-item {
    color: #ffffff !important;
    transition: color 0.3s ease;
}

/* MENU TEXT – AFTER SCROLL */
.elementor-element-90b3ade.scrolled nav .wpr-nav-menu .menu-item .wpr-menu-item {
    color: #000000 !important;
}
.elementor-element-90b3ade.scrolled  .elementor-element-b7d6f38 .elementor-element-00adafc .elementor-button {
	border:3px solid #1D325A !important;
	
}
.elementor-element-90b3ade.scrolled  .elementor-element-b7d6f38 .elementor-element-00adafc .elementor-button:hover {
	border:3px solid #18BAC3 !important;
	background-color:#18BAC3;
	color:#fff;
	
}
.elementor-element-90b3ade.scrolled .elementor-button-content-wrapper{
	
	color:#1D325A;
}

/* .elementor-element-90b3ade.scrolled   .elementor-element-fd0197d .elementor-element-939fc3f .wp-image-1475 */

/* Default state */
.logo-dark {
    display: none;
}

.logo-light {
    display: block;
}

/* When header is scrolled */
.elementor-element-90b3ade.scrolled .logo-light {
    display: none;
}

.elementor-element-90b3ade.scrolled .logo-dark {
    display: block;
}

.elementor-element-90b3ade.scrolled .elementor-element-b7d6f38 .elementor-element-00adafc .elementor-button:hover .elementor-button-content-wrapper{
	
	color:#FFF;
}
/* .wpr-nav-menu .wpr-sub-menu {
    display: none;
    position: absolute;
    z-index: 9999;
    width: 280px;
    text-align: left;
    list-style: none;
    margin: 0;
} */

.banner-blur{
/*             background-color: rgba(0, 0, 0, 0.5); */
/*             border-left: 4px solid #18BAC3;
            padding: 15px;
            text-align: left;
            border-radius: 0 8px 8px 0; */
            backdrop-filter: blur(5px);
/*             transition: all 0.3s ease; */
        }

 .banner-blur-2{
            background-color: rgba(255, 255, 255, 0.9);

            backdrop-filter: blur(5px);

        }

.image-scale{
	overflow:hidden;
	transition: transform 0.6s ease;
}
.image-scale:hover .image-scale-image{

	transform:scale(1.05);
}

  /* Button Style 2: Liquid Fill */
  /* Enhanced Button Styles */
        .animated-b {
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: none;
            outline: none;
            cursor: pointer;
            font-weight: 600;
            letter-spacing: 0.5px;
            transition: all 0.4s ease;
            overflow: hidden;
            z-index: 1;
        }
        
        .b-2 {
            background: transparent;
            color: #18BAC3;
            padding: 16px 40px;
            font-size: 1.2rem;
            border-radius: 10px;
            border: 2px solid #18BAC3;
            overflow: visible;
            min-width: 200px;
        }
        
        .b-2 span {
            position: relative;
            z-index: 2;
            transition: color 0.4s ease 0.1s; /* Delay text color change */
        }
        
        .b-2::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 100%;
            background: #18BAC3;
            transition: width 0.5s cubic-bezier(0.65, 0, 0.35, 1);
            z-index: 1;
        }
        
        .b-2:hover::before {
            width: 100%;
        }
        
        .b-2:hover span {
            color: #0a2a5a;
        }
        
        /* Optional: Add a glow effect on hover */
        .b-2:hover {
            box-shadow: 0 0 20px rgba(24, 186, 195, 0.4);
        }
        
        /* Enhanced click animation */
        .b-2:active {
            transform: scale(0.97);
        }
        
            /* POPUP STYLES - Add these to your Popup Maker Custom CSS */
        .styled-cf7-popup {
            
            
        }
        
        /* Popup Header */
        .popup-header {
            background-color: #1A3358;
            color:#fff;
            padding: 10px 40px;
            position: relative;
            overflow: hidden;
        }
        
     
        
        .popup-header-content {
            position: relative;
            z-index: 1;
        }
        
        .popup-icon {
            width: 80px;
            height: 80px;
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 25px;
        }
        
        .popup-icon i {
            font-size: 2.5rem;
            color: orange;
        }
        
        .popup-title {
            font-size: 2rem;
           font-weight:500;
            color: #fff;
        }
        
        .popup-subtitle {
            font-size: 1.2rem;
            color: rgba(255, 255, 255, 0.8);
            line-height: 1.7;
            max-width: 500px;
        }
        
        /* Popup Content */
        .popup-content {
            padding:20px 50px 0px 50px;
            background-color: #fff;
        }
        
        /* Contact Form 7 Styling */
        .styled-cf7-form div.wpcf7 {
            display: flex;
            flex-direction: column;
            gap: 25px;
        }
        
        /* Form labels */
        .styled-cf7-form span.wpcf7-form-control-wrap {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }
        
        .styled-cf7-form label {
            font-weight: 600;
            color: #0A1A3A;
        }
        
        /* Form inputs */
        .styled-cf7-form input[type="text"],
        .styled-cf7-form input[type="email"],
        .styled-cf7-form input[type="tel"],
        .styled-cf7-form textarea {
            padding: 18px 20px;
            border: 2px solid gray;
            border-radius: 4px;
            font-size: 1rem;
            transition: all 0.3s ease;
            background-color:#fff;
            width: 100%;
        }
        
        .styled-cf7-form input[type="text"]:focus,
        .styled-cf7-form input[type="email"]:focus,
        .styled-cf7-form input[type="tel"]:focus,
        .styled-cf7-form textarea:focus {
            outline: none;
            border-color: #18BAC3;
            box-shadow: 0 0 0 3px rgba(24, 186, 195, 0.2);
        }
        
        /* Textarea specific */
        .styled-cf7-form textarea {
           height: 60px;
            resize: vertical;
            font-family: inherit;
        }
        
        /* Submit button */
        .styled-cf7-form input[type="submit"] {
            background-color: #1A3358 !important;
            color: #fff !important;
            border: none !important;
            padding: 10px 20px !important;
            border-radius: 10px !important;
            font-size: 1.2rem !important;
            font-weight: 600 !important;
            cursor: pointer !important;
            transition: all 0.3s ease !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 10px !important;
            width: 130px !important;
            margin-top: 10px !important;
        }
        
        .styled-cf7-form input[type="submit"]:hover {
            background-color: #15a4ac !important;
            transform: translateY(-3px) !important;
            box-shadow: 0 10px 25px rgba(24, 186, 195, 0.3) !important;
        }
        
        /* Form row for better layout */
        .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 25px;
        }
        
      
        
        /* Responsive Design */
        @media (max-width: 768px) {
            .popup-header {
                padding: 30px 25px;
            }
            
            .popup-content {
                padding: 30px 25px;
            }
            
            .popup-title {
                font-size: 2rem;
            }
            
            .form-row {
                grid-template-columns: 1fr;
                gap: 25px;
            }
            
            .contact-info-popup {
                flex-direction: column;
                gap: 25px;
            }
        }
        
        @media (max-width: 480px) {
            .popup-title {
                font-size: 1.8rem;
            }
            
            .popup-subtitle {
                font-size: 1.1rem;
            }
            
            .styled-cf7-form input[type="text"],
            .styled-cf7-form input[type="email"],
            .styled-cf7-form input[type="tel"],
            .styled-cf7-form textarea {
                padding: 16px;
            }
        }