/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


html , body{
  font-family:'Poppins', sans-serif !important;
}
div#n2-ss-3 .n2-font-dffa26766e4dc2eb5879d13e7b101a3f-paragraph {
    padding-top: 20px;
}
.highlight{
  color:#EC203E;
}



@media (min-width:1200px) and (max-width:1330px){
.n2-ss-layer-col.n2-ss-layer-with-background.n2-ss-layer-content.n-uc-TJ8PnvPV5sf8-inner {
    padding-left: 20px !important;
}

}
div#n2-ss-3 .n2-font-8645c963d32453f86de890e5b235c22c-hover {
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
	font-size: clamp(32px, 3.75vw, 60px) !important;} 

@media (min-width:1024px) and (max-width:1200px){
  #n2-ss-3 .n2-font-8645c963d32453f86de890e5b235c22c-hover{
      font-size:186% !important;

  }
a.hfe-menu-item {
    font-size: 12px !important;
}
}

/* =========================
   ACTIVE MENU ITEM
========================= */
.my-menu .current-menu-item > a,
.my-menu .current_page_item > a{
  border-bottom:1px solid #fff !important;
}

/* =========================
   DROPDOWN PANEL DESKTOP
========================= */
.my-menu .hfe-nav-menu .sub-menu {
    background: #fff !important;
    border: 2px solid #EC203E !important;
    border-top: 4px solid #EC203E !important;
    border-radius: 10px;
    padding: 8px 0;
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    position: absolute;
    left: 50% !important;
    transform: translateX(-50%);
    text-align: left;

}

/* MENU ITEMS */
.my-menu .hfe-nav-menu .sub-menu .hfe-sub-menu-item {
    padding: 12px 15px 10px 15px !important;
    font-size: 16px;
    color: #000 !important;
    display: block;
    transition: .25s ease;
    text-align: left;
}

/* Hover */
.my-menu .hfe-nav-menu .sub-menu .hfe-sub-menu-item:hover {
    color: #EC203E !important;
}

/* =========================
   TRIANGLE ARROW
========================= */
.my-menu .hfe-nav-menu .sub-menu::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #EC203E;
}

/* remove white triangle */
.my-menu .hfe-nav-menu .sub-menu::after {
    display: none;
}

/* =========================
   MOBILE MENU FIX
========================= */
@media (max-width: 767px){

.my-menu .hfe-nav-menu .menu-item-has-children{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.my-menu .hfe-nav-menu .sub-menu{
    position: static !important;
    transform: none !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 5px 0 0 0 !important;
    padding: 5px 0 !important;
    border-radius: 6px;
}

.my-menu .hfe-nav-menu .sub-menu .hfe-sub-menu-item{
    padding: 10px 15px !important;
    line-height: 1.3;
}

.my-menu .hfe-nav-menu .sub-menu::before{
    display: none !important;
}

}

/* Newsletter Start Here*/

.yx-newsletter-wrap{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  max-width:520px;
  border-radius:6px;
  overflow:hidden;
}

/* stop CF7 stacking */
.yx-newsletter-wrap p{
  margin:0 !important;
  display:flex !important;
  width:auto !important;
}

.yx-newsletter-wrap span{
  display:flex !important;
}

/* email field */
.yx-newsletter-wrap .yx-field{
  flex:1 1 auto !important;
}

/* input */
.yx-newsletter-wrap input[type="email"]{
  width:100% !important;
  padding:16px !important;
  border:none !important;
  outline:none !important;
  background:#e9e9e9 !important;
  font-size:15px;
}

/* button */
.yx-newsletter-wrap input[type="submit"]{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  background:#e31e2f !important;
  color:#fff !important;
  border:none !important;
  padding:0 22px !important;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
  white-space:nowrap;
}

/* hover */
.yx-newsletter-wrap input[type="submit"]:hover{
  background:#c41726 !important;
}

/* Newsletter End Here*/


/* Topper Slider CSS*/
/* HEADER */
.tp-header-wrap{
display:flex;
justify-content:flex-end;
margin-bottom:40px;
}

.tp-nav-holder{
display:flex;
gap:12px;
	    margin-right: 20px;
}

/* NAV BUTTONS */
.tp-btn{
	
  width:45px;
  height:45px;
  min-width:45px;
  min-height:45px;
border-radius:50%;
background:#fff;
border:none;
cursor:pointer;
font-size:14px;
	color:#898989;
box-shadow:0 5px 15px rgba(0,0,0,.12);
transition:.3s;
}

.tp-btn:hover{
background:#EC203E;
color:#fff;
transform:translateY(-2px);
}

/* SLIDER */
.tp-swiper{
  overflow:hidden;
  width:100%;
}

.tp-wrapper{
display:flex;
gap:20px;
transition:.4s ease;
}

/* CARD WIDTH */
.tp-slide{
flex:0 0 calc(25% - 19px);
}

/* CARD */
.tp-student-card{
border-radius:20px;
overflow:hidden;
padding:30px 5px 5px;
text-align:center;
}

/* COLORS */
.tp-bg-blue{background:#9fc3e3;}
.tp-bg-yellow{background:#f4d27b;}
.tp-bg-green{background:#7ed08b;}
.tp-bg-orange{background:#efbd8d;}

/* IMAGE */
.tp-student-card img{
height:220px;
display:block;
margin:0 auto;
}

/* WHITE BOX */
.tp-card-content{
background:#FFFFFFE5;
padding:20px 20px;
border-radius: 20px;
box-shadow:0 12px 30px rgba(0,0,0,.10);
text-align:left;
margin-top:0;
gap:15px;
height:215px;
}

/* TEXT */
.tp-student-class{
font-size:16px;
color:#4B4B4B;
	line-height: 1.1;
}

.tp-student-name{
font-size:20px;
font-weight:500 !important;
line-height:1.1;
margin:6px 0;
color:#222222;
}

.tp-student-marks{
font-size:16px;
color:#222222;
line-height:1.5;
width:85%;
	padding-top:15px;
}

.tp-main-heading{
font-size:40px;
font-weight:600;
	line-height:1;
	color: #222222;
margin:0;
display:flex;
align-items:center;
gap:20px;
}

.tp-heading-icon{
width:36px;
height:36px;
object-fit:contain;
}


.tp-header-wrap{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:40px;
flex-wrap:wrap;
gap:15px;
}

.tp-btn:active,
.tp-btn:focus {
    background:#EC203E !important;
    color:#fff !important;
    outline:none;
    box-shadow:none;
}

/* RESPONSIVE */
@media(max-width:1200px){
.tp-slide{
flex:0 0 calc(33.33% - 17px);
}
}

@media(max-width:900px){
.tp-slide{
flex:0 0 calc(50% - 13px);
}
}

@media(max-width:600px){
.tp-slide{
flex:0 0 100%;


}
	
.tp-main-heading {
    font-size: 25px;
    font-weight: 600;
    line-height: 1;
    color: #222222;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 20px;
}
}



/* Topper Slider CSS End Here */



/* Slider Container */
.slider-box{
    max-width:700px;
    margin:auto;
    background:transparent;
    padding:50px 25px 25px 0px ;
    border-radius:18px;
    position:relative;
    margin-top: 20px;
}

@media(max-width:760px){

.slider-box{
    background:white;
    border:1px solid rgba(0,0,0,0.08);
    overflow:hidden; /* fix overlay clipping */
padding: 50px 25px 50px 25px;
}

/* overlay */
.slider-box::before{
    content:"";
    position:absolute;
    inset:0;
    background:#EEF7FF61;
    border-radius:18px;
    z-index:0;
    pointer-events:none;
}

.slider-box > *{
    position:relative;
    z-index:1;
}

}

/* Testimonial Text */
.testimonial {
    font-size: 16px;
    color: #4B4B4B;
    line-height: 1.6;
    font-weight: 300;
    margin-bottom: 25px;
}

/* Author */
.author{
    border-top:1px solid rgba(0,0,0,0.15);
    padding-top:20px;
}
.author h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    color: #222222;
}
.author p {
    margin: 2px 0 0;
    color: #222222;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
}

/* Buttons */
.nav-btn{
	
    position:absolute;
    bottom:0px;
    right:15px;
    display:flex;
    gap:10px;
}
.btn{
	width: 45px;
	height: 45px;
    border-radius:50%;
    border:none;
    background:white;
    font-size:14px;
	color: #898989;
    cursor:pointer;
    box-shadow:0 4px 15px rgba(0,0,0,0.15);
    transition:.3s;
}
.btn:hover{
    transform:scale(1.1);
	background: #EC203E;
}

.btn:active,
.btn:focus {
    background:#EC203E !important;
    color:#fff !important;
    outline:none;
    box-shadow:none;
}
/* Mobile */
@media(max-width:600px){
    .testimonial{font-size:15px;}
    .slider-box{padding:25px;}
	.nav-btn {
    position: absolute;
    bottom: 0px;
    right: 15px;
    display: flex;
    gap: 10px;
    padding-bottom: 10px;
		
}
}

@media(max-width:1024px){
	.nav-btn {
    padding-bottom: 10px;
		
}
.testimonial {
    font-size: 16px !important;
}
}


.fa {
	font-family: "Font Awesome 6 Free" !important ;
}

/* Slide animation */
.slide-out-left{
    animation: slideOutLeft .35s forwards;
}
.slide-in-right{
    animation: slideInRight .35s forwards;
}
.slide-out-right{
    animation: slideOutRight .35s forwards;
}
.slide-in-left{
    animation: slideInLeft .35s forwards;
}

@keyframes slideOutLeft{
    from{opacity:1; transform:translateX(0);}
    to{opacity:0; transform:translateX(-40px);}
}
@keyframes slideInRight{
    from{opacity:0; transform:translateX(40px);}
    to{opacity:1; transform:translateX(0);}
}
@keyframes slideOutRight{
    from{opacity:1; transform:translateX(0);}
    to{opacity:0; transform:translateX(40px);}
}
@keyframes slideInLeft{
    from{opacity:0; transform:translateX(-40px);}
    to{opacity:1; transform:translateX(0);}
}

.mf-form-wrapper .metform-form-content .metform-form-main-wrapper .mf-input-wrapper .mf-input {
    font-size: 16px;
    -webkit-appearance: none;
    border-radius: 5px 0 0 5px;
	font-family: 'poppins' !important;
}




.elementor-button-link.current-btn{
    background-color:#00527A !important; /* change color */
    color:#fff !important;
}




.contact-us-form{
    border-style:solid;
    border-radius:20px;
    border-width:1px;
}

.contact-us-form .mf-input-label{
    display:inline-block !important;
    background: white !important;
    padding:0 6px 13px 6px !important;
    margin:-13px 0 0 0;
       
}

.contact-us-form .elementor-widget-mf-text .mf-input-label{
    background:#ffffff !important;
}


@media (max-width:768px){
.contact-us-form .mf-input-label{

/*    display:inline-block !important; */
width: fit-content !important;
        min-width:fit-content!important;
}
}


.blog-card {
    width: 100%;
    border-radius: 22px;
    padding-bottom: 30px;
}

.card-image {
    position: relative;
    width: 100%;
    height: 300px;
    border-radius: 22px;
    overflow: hidden;
}

.card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.card-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(0,0,0,.65), rgba(0,0,0,0) 60%);
    z-index:1;
}

/* keep content above gradient */
.card-date,
.card-arrow{
    position:absolute;
    z-index:2;
}
.card-date {
    position: absolute;
    bottom: 18px;
    left: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 20px;
	
}
.card-date i {
    margin-right: 8px;
}
.card-arrow {
    position: absolute;
    color: #00527A;
    bottom: 18px;
    right: 18px;
    width: 38px;
    height: 38px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    cursor: pointer;
    transition: 0.3s ease;
}

.card-arrow:hover {
    background: #fff;
    color: #00527A;
}

.card-body {
    padding: 20px 0 0 0;
}

.card-category {
    display: inline-block;
    background: #00527A1A;
    color: #00527A;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    padding: 14px 15px;
    border-radius: 100px;
}

.card-title {
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0 8px;
    line-height: 1.6;
}

.card-title a {
    color: #000;
    text-decoration: none;
}

.card-excerpt {
    font-size: 16px;
    color: #00000096;
    line-height: 1.5;
    font-weight: 400;
    margin: 0px !important;
}

/* GRID WRAPPER */
.blog-card-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

/* ---------- TABLET ---------- */
@media (max-width: 1024px) {
    .blog-card-wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;padding-bottom: 0px;
    }

    .card-image {
        height: 260px;
    }
}

/* ---------- MOBILE ---------- */
@media (max-width: 767px) {
    .blog-card-wrapper {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .card-image {
        height: 220px;
    }

    .card-title {
        font-size: 16px;
    }

    .card-excerpt {
        font-size: 15px;
    }
}

/* ---------- SMALL MOBILE ---------- */
@media (max-width: 480px) {
    .card-image {
        height: 200px;
    }

    .card-date {
        font-size: 14px;
        left: 15px;

    }

    .card-arrow {
        width: 34px;
        height: 34px;
        font-size: 16px;
        right: 15px;
    }
}




/* Sidebar Blog */

.custom-blog-sidebar {
    FONT-VARIANT: JIS83;
    width: 100%;
    /* background: #ffffff; */
    padding: 30px 30px 14px 30px;
    border-radius: 30px;
    /* box-shadow: 0 2px 8px rgba(0,0,0,0.05); */
    border: 1px solid;
    border-color: #00527A40;
}

.custom-blog-sidebar .search-box {
    margin-bottom: 30px;
}

.custom-blog-sidebar .search-box input {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #dcdcdc;
    border-radius: 20px;
    font-size: 14px;
}

.custom-blog-sidebar .section-title-cat {
    font-size: 22px;
    line-height: 130%;
    font-weight: 600;
    margin-bottom: 30px;
    color: #00527A;
}
.custom-blog-sidebar .section-title {
    font-size: 22px;
    line-height: 130%;
    font-weight: 600;
    margin-bottom: 20px;
    color: #00527A;
}
.custom-blog-sidebar .category-list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
}

.custom-blog-sidebar .category-list li {
    display: flex;
    justify-content: space-between;
    padding: 10px 10px 16px 10px;
    font-size: 18px;
	font-weight:400;
	line-height:1.4;
    color: #000000;
    border-bottom: 1px solid #f1f1f1;
}

.custom-blog-sidebar .category-list li a {
    text-decoration: none;
    color: #000;
}

.custom-blog-sidebar .category-list li span {
    color: #000;
}

.custom-blog-sidebar .recent-post{
    display:flex;
    align-items:top;
	padding-bottom:16px;/* aligns image + text vertically */
}

.custom-blog-sidebar .recent-post img{
    width:80px;
    height:80px;
    min-width:80px;   /* prevents shrink */
    object-fit:cover;
    border-radius:10px;
}
.custom-blog-sidebar .recent-post-content {
padding-left: 11px;}


.custom-blog-sidebar .recent-post-content .date {
    font-size: 16px;
    color: #00000052;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 4px;
    padding-top: 5px;
}

.custom-blog-sidebar .recent-post-content .title a {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    color: #000000;
    text-decoration: none;
    padding-bottom: 5px;
}

.custom-blog-sidebar .custom-search-form {
    display: flex;
    align-items: center;
    border-radius: 30px;
    border-radius: 30px;
    background: #00527A0D;
    overflow: hidden;
    padding: 15px 20px;
}

.custom-blog-sidebar .custom-search-form input {
    flex: 1;
    border: none;
        padding: 0 8px;
line-height: 140%;
    font-size: 18px;
    /* outline: none; */
    font-weight: 400;
    color: #00527A;
    background: #00527a00;
}
.custom-blog-sidebar .custom-search-form input::placeholder{
    color: #00527A40; /* change to any color you want */
    opacity: 1; /* ensures full color visibility */
}
.custom-blog-sidebar .custom-search-form button {
    border: none;
    /* background: #00527A; */
    color: #00527A;
    padding: 0 16px;
    height: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-blog-sidebar .custom-search-form button i{
    font-size:22px;
}
/* Remove hover + focus effects */
.custom-blog-sidebar .custom-search-form:hover,
.custom-blog-sidebar .custom-search-form:focus,
.custom-blog-sidebar .custom-search-form:focus-within{
    border-color: #00527A40; /* same as normal */
    box-shadow: none;
    background: #00527A0D;
}

/* Remove button hover background */
.custom-blog-sidebar .custom-search-form button:hover,
.custom-blog-sidebar .custom-search-form button:focus{
    background: transparent !important;
    box-shadow: none;
    outline: none;
}

/* Remove input focus border/outline */
.custom-blog-sidebar .custom-search-form input:focus{
    outline: none;
    box-shadow: none;
}



/* BLog Detail Page */

.post-categories{
    margin-top:20px;
}

.cat-btn {
    display: inline-block;
    background: #00527A1A;
    color: #00527A;
    padding: 14px 15px;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    transition: .3s;
}

.cat-btn:hover{
    background:#084298;
}

.featured-image{
    height:400px;
    position:relative;   /* required */
    overflow:hidden;     /* required */
    border-radius:30px;  /* move radius here for overlay */
}

.featured-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
border-radius:30px;
}

/* Gradient Overlay */
.featured-image::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    background:linear-gradient(
        to top,
        rgba(0,0,0,0.8) 0%,
        rgba(0,0,0,0.4) 40%,
        rgba(0,0,0,0) 100%
    );
    border-radius:30px;
    pointer-events:none;
border-radius:30px;
}
.image-meta,
.view-count{
    display:flex;
    align-items:center;
    gap:6px;
	z-index:1;
}

.image-meta {
    position: absolute;
    bottom: 20px;
    left: 30px;
    color: #fff;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    /* border-radius: 4px; */
}
.view-count{
   position: absolute;
    bottom: 20px;
    right: 30px;
    color: #fff;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}
.blog-title {
    font-size: 24px;
    font-weight: 600;
    padding: 16px 0 6px;
    line-height: 1.6;
	margin: 0px;
}
.blog-content p {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
	color:#000000b0;
}
.blog-nav a {
    text-decoration: none;
    background: #00527A1A;
    color: #00527A;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}
.hero-center-wrap{
    display:flex;
    justify-content:center;
    padding:0 20px; /* side spacing */
}

.blog-hero{
    width:100%;
    max-width:1600px;
    background:#00527A;
    border-radius:0 0 30px 30px;
    padding:60px 20px;
    text-align:center;
    border-top:1px solid #FFFFFF33;
}

/* 🔥 Responsive Typography (Best Method) */
.blog-hero h1{
    color:#fff;
    font-size:clamp(24px, 4vw, 40px);
    font-weight:700;
    line-height:1.4;
    margin:0;
}

/* Line Responsive */
.hero-line{
    margin-top:18px;
    width:67%;
}

/* Tablet */
@media (max-width:1024px){
	
	.hero-center-wrap{
    display:flex;
    justify-content:center;
    padding:0 10px; /* side spacing */
}
    .blog-hero{
        padding:50px 18px;
    }

    .hero-line{
        width:80%;
    }
}

/* Mobile */
@media (max-width:767px){
	
	.hero-center-wrap{
    display:flex;
    justify-content:center;
    padding:0 10px; /* side spacing */
}
    .blog-hero{
        padding:40px 15px;
        border-radius:0 0 22px 22px;
    }

    .hero-line{
        width:90%;
        margin-top:14px;
    }
}

/* Small Mobile */
@media (max-width:480px){
	.hero-center-wrap{
    display:flex;
    justify-content:center;
    padding:0 10px; /* side spacing */
}
    .blog-hero{
        padding:32px 12px;
    }

    .hero-line{
        width:100%;
    }
}

.classes-sticky {
    width: 100%;
    transition: all 0.3s ease;
}

/* All COurse Button Hover effect */


/* Base button styling */
.button-pill {
    position: relative !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all 0.4s ease;
    
}

/* Text inside button */
.button-pill .elementor-button-text {
    display: inline-block;
    transition: transform 0.4s ease;
}

/* Arrow icon inside button */
.button-pill .elementor-button-icon {
    display: inline-block !important;
    margin-left: 10px; /* space from text */
    transition: transform 0.4s ease;
}
/* Hover effect */
.button-pill:hover {
    border: 1px solid #00527A; /* add border color on hover */
	border-radius:16px;
}

.button-pill:hover .elementor-button-text {
    transform: translateX(10px); /* slide text right */
}

.button-pill:hover .elementor-button-icon {
    transform: translateX(-10px); /* slide arrow left */
}

/* Parent hover triggers button hover effect */
.hover-box:hover .button-pill{
    border: 1px solid #00527A;
    border-radius:16px;
	background: #00527A;
}

.hover-box:hover .button-pill .elementor-button-text{
    transform: translateX(10px);
	color: #fff;
}

.hover-box:hover .button-pill .elementor-button-icon{
    transform: translateX(-10px);
    color: #fff;
}

/* Smooth transition */


/* All COurse Button Hover effect End Here */


header,
.classes-sticky {
    transition: all 0.3s ease;
}

/* Sticky header */
header.is-sticky {
    position: fixed;
    width: 100%;
	
    z-index: 9999;
    /* Add any background, color, or border you want */
}

/* Sticky section below header */
.classes-sticky.is-sticky {
    position: fixed;
    width: 100%;
    z-index: 9998;
    /* Add background, borders, etc. */
}

.is-sticky .elementor-element.elementor-element-8b630da.e-flex.e-con-boxed.e-con.e-child {
    padding: 15px !important;
    border-radius: 0px !important;
}

.elementor-element.elementor-element-49cabae.classes-sticky.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded.is-sticky {
    padding: 0;
    top: 0px;
	background: #00527A;
}

.is-sticky .e-con-inner {
    padding: 0;
}


/* Smooth transition */
.second-sticky {
    transition: all 0.3s ease;
   padding: 15px 0;
}

/* Sticky style */
.second-sticky.is-sticky {
    position: fixed;
    top: 94px; /* adjust if header exists */

    width: 100%;
    z-index: 97;
    background: #fff; /* change as needed */
}
.is-sticky.second-sticky .e-con-inner {
    padding: 15px;
}

/* Active tab */
.tab-triangle .elementor-tab-title.elementor-active{
    position: relative;
    overflow: visible !important;
}

/* Solid triangle under active tab */
.tab-triangle .elementor-tab-title.elementor-active:before{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px;   /* adjust distance */

    width: 0;
    height: 0;

    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #0E5A7A; /* triangle color */
}

/* Important for Elementor layout */
.tab-triangle .elementor-tabs-wrapper{
    overflow: visible !important;
}
.is-sticky {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
.is-sticky .classes-sticky {
    padding: 0px !important;
    border-radius: 0 !important;
}
.is-sticky .elementor-element.elementor-element-c9f0740.e-flex.e-con-boxed.e-con.e-child {
    border-radius: 0;
	padding: 15px;
}
.elementor-40 .elementor-element.elementor-element-5be46cc:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-5be46cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{
	padding: 15px 20px;
}


.custom-tabs-pill .e-n-tab-icon {
	position: absolute;
    bottom: -20px;
}
.custom-tabs-pill svg.e-font-icon-svg.e-far-arrow-alt-circle-down {
    display: none;
}
.normal-tab .e-n-tab-icon {
	position: absolute;
    bottom: -19px;
}
.normal-tab svg.e-font-icon-svg.e-far-arrow-alt-circle-down {
    display: none;
}

.custom-pagination{
    display:flex;
    justify-content:center;
    gap:5px;
    margin-top:40px;
}

.custom-pagination .page-numbers{
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    border:1px solid #00527A;
    border-radius:6px;
    text-decoration:none;
    color:#00527A;
    font-size:18px;
    transition:.25s;
}

.custom-pagination .page-numbers:hover{
    background:#fff;
}

.custom-pagination .current{
    background:#00527A;
    color:#fff;
    border-color:#00527A;
}
/* Remove border only from arrows */
.custom-pagination .prev,
.custom-pagination .next{
    border:none;
    background:transparent;
    box-shadow:none;
font-size:30px;
}

/* Optional hover effect for arrows */
.custom-pagination .prev:hover,
.custom-pagination .next:hover{
    background:transparent;
    color:#00527A;
}
.text-clip p{
margin: 0px;}
/* Inactive tabs */
.font-weight-tab .e-n-tab-title[aria-selected="false"] .e-n-tab-title-text{
    font-weight:400 !important;
}

/* Active tab */
.font-weight-tab .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text{
    font-weight:700;
}

 .mf-error-message {
    color: var( --e-global-color-2c4fc70 );
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 500;
	 padding-left:20px;
}

.css-tlfecz-indicatorContainer{
    color: rgb(0 0 0) !important;
}

.normal-tab span.e-n-tab-title-text {
    font-weight: 500 !important;
}


@media (min-width:1024px) and (max-width:1200px){
	.about-icons {
		gap: 80px !important;
	}
    
}

/* Mobile text center for Smart Slider */
@media (max-width:767px){

  .n2-ss-slider .n2-ss-layer{
      text-align:center !important;
      justify-content:center !important;
      margin-left:auto !important;
      margin-right:auto !important;
  }

  .n2-ss-slider .n2-ss-layer p,
  .n2-ss-slider .n2-ss-layer h1,
  .n2-ss-slider .n2-ss-layer h2,
  .n2-ss-slider .n2-ss-layer h3{
      text-align:center !important;
  }
div#n2-ss-3 .n2-font-8645c963d32453f86de890e5b235c22c-hover {
    text-align: center !important;
}
.n2-ss-slider .n2-ss-item-image-content img {
     display: inline-block; 
    max-width: 85% !important;
}
div#n2-ss-3 .n-uc-CvKXklK7AtE3-inner {
    padding: 25px ;
    text-align: left;
    --ssselfalign: var(--ss-fs);
    justify-content: center;
}
}


.elementor-40 .elementor-element.elementor-element-2b71e70.e-con {
    --align-self: center;
    padding: 15px 20px;
}




@media (min-width:1025px) and (max-width:1270px){

  /*.elementor-element.elementor-element-908c1f3.second-sticky.is-sticky{
      top: 70px !important;
  }*/
.second-sticky.is-sticky {
    position: fixed;
    top: 80px;
    width: 100%;
    z-index: 97;
    background: #fff;
}
.elementor-937 .elementor-element.elementor-element-96fc024 .hfe-flyout-close, .elementor-937 .elementor-element.elementor-element-96fc024 .hfe-flyout-close svg {
    /* height: 19px; */
    /* width: 19px; */
    font-size: 19px;
    line-height: 19px;
    padding-right: 30px;
}