
	.blur-effect {
    backdrop-filter: blur(15px) brightness(1.2) contrast(1.3); /* Super bright and crisp */
    -webkit-backdrop-filter: blur(15px) brightness(1.8) contrast(1.3); /* Safari support */
    background: rgba(255, 255, 255, 0.4);
    
    transition: backdrop-filter 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease !important;
}



	
	 .elementor-item.has-submenu .sub-arrow {
        transition: transform 0.3s ease !important;
   }
	@media (max-width: 767px) {  
		.custom-list .has-submenu{
			display:flex;
			justify-content:space-between !important;
		}
		.sub-arrow .e-font-icon-svg.fa-svg-chevron-down {
    fill: white !important;
		}
}
	
 .elementor-item.has-submenu[aria-expanded="true"] .sub-arrow {
    transform: rotate(180deg) !important;
    padding: 10px 10px 10px 0px !important;
    transition: transform 0.3s ease, padding 0.3s ease !important;
}
	
	.elementor-sticky--effects{
		box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2) !important;
	}
	
	
	.elementor-nav-menu--dropdown li:last-child a {
    padding-bottom: 20px;
}
	
	.custom-list 
	.elementor-nav-menu--dropdown li:first-child a{
		  padding-top: 20px !important;
}
	.custom-list 
.elementor-nav-menu--dropdown li:last-child a {
    padding-bottom: 20px !important;
}

.sub-menu li:first-child a{
		  padding-top: 20px !important;
}
.sub-menu	li:last-child a {
    padding-bottom: 20px !important;
}
	
	



	.icon-grid .team_member_grid_image img {
		object-fit: contain !important;
	}
	
	.home-banner {
    position: relative;
    overflow: hidden;
}

.home-banner::before {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at center, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0) 60%), linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.3) 100%);
    z-index: 1;
    pointer-events: none;
}
	
.gradient-head span{
/* background-image: linear-gradient(135deg, #C9DBEA 0%, #6AABE1 100%); */
/*  color: #FFCF6F;  */
	background-image:linear-gradient(135deg, #C9DBEA 0%, #6AABE1 100%);
/*  background-image: linear-gradient(45deg, #FFCF6F 29%, #FA833E 83%);  */
 background-clip: text; 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; 

}
	
	.tag-line span {
    font-size: 0.89rem !important;
    font-weight: 400 !important;
    color: #2355b9 !important;
    font-family: "Manrope" !important;
    letter-spacing: 0.3rem !important;
}
	.tag-line-black span {
    font-size: 0.89rem !important;
    font-weight: 400 !important;
    color: #000000 !important;
    font-family: "Manrope" !important;
    letter-spacing: 0.3rem !important;
}
	.tag-line-white span {
    font-size: 0.89rem !important;
    font-weight: 400 !important;
    color: #fff !important;
    font-family: "Manrope" !important;
    letter-spacing: 0.3rem !important;
}
	
	.testimonial .ue-image{
		order:2 !important;
		margin-top:15px !important;
		
	}
	@media (max-width: 767px) {
   .padding-mobile {
		padding-bottom: 0px;
	}
	.padding-top{
		padding-top: 0px;
	}
}
	

	/* Hide on desktop */
	@media (min-width: 768px) {
		.hide-desktop {
			display: none !important;
		}
	}

	/* Hide on mobile */
	@media (max-width: 768px) {
		.hide-mobile {
			display: none !important;
		}
		.elementor-element-62fe176 .elementor-nav-menu__container.elementor-nav-menu--dropdown {
			margin-top:20px !important;
		}
	}

	@media (min-width: 1200px) and (max-width: 1600px) {
		html {
			zoom: 0.92;
		}
	}
	@media (min-width: 800px) and (max-width: 1200px) {
		.elementor-element-62fe176 .elementor-nav-menu .elementor-item {
			font-size:0.8rem !important;
		}
	
	}
	@media (min-width: 800px) and (max-width: 1200px) {
		.custom-header .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child)>a {
    margin-inline-end: 0 !important;
}
	}

	html,body{
		height:100%;
	}
		
/* 	..................................................................... */
html {
  font-size: 16px;
	font-family: "Manrope";
	line-height:1.5 !important;
}

body {
  font-size: 1rem;
	font-family: "Manrope";
	line-height:1.5 !important;
	display:flex;
	flex-direction:column;
}
	main{
		flex:1;
	}
	.elementor-location-footer{
		flex:0;
	}
h1 {
  font-size: 3rem; /* Default h1 size will be 48px (16px * 3) */
		line-height:1.5 !important;
}

h2 {
  font-size: 2.5rem; /* Default h2 size will be 40px (16px * 2.5) */
	line-height:1.5 !important;
	
}

h3 {
  font-size: 2.25rem; /* Default h3 size will be 36px (16px * 2.25) */
	line-height:1.2 !important;
}

h4 {
  font-size: 1.5rem; /* Default h4 size will be 24px (16px * 1.5) */
	line-height:1.2 !important;
}

h5 {
  font-size: 1.375rem; /* Default h5 size will be 22px (16px * 1.375) */
	line-height:1.2 !important;
}

h6 {
  font-size: 1.25rem; /* Default h6 size will be 20px (16px * 1.25) */
	line-height:1.2 !important;
	
}
	p{
		font-weight:300 !important;
	}

	@media (min-width: 1024px) and (max-width: 1600px) {
  html {
    font-size: 16px;
  }
}
/* 	
@media (max-width: 768px) {
  html {
    font-size: 15px;
  }
}
 */


@media (min-width: 1600px) {
  html {
    font-size: 18px;
  }

  h1 {
    font-size: 3rem; /* h1 size will be 54px (18px * 3) */
  }

  h2 {
    font-size: 2.4444rem; /* h2 size will be 44px (18px * 2.4444) */
  }

  h3 {
    font-size: 2rem; /* h3 size will be 36px (18px * 2) */
  }

  h4 {
    font-size: 1.3333rem; /* h4 size will be 24px (18px * 1.3333) */
  }

  h5 {
    font-size: 1.2222rem; /* h5 size will be 22px (18px * 1.2222) */
  }

  h6 {
    font-size: 1.1111rem; /* h6 size will be 20px (18px * 1.1111) */
  }
}
	@media (max-width: 768px) {
/* 		32.44px */
		h1{
			font-size: 2.027rem !important; 
		}
/* 		28.83px */
		h2{
		font-size:	1.802rem !important;
		}
/* 		25.63px */
		h3{
				font-size:	1.602rem !important;
		}
/* 		22.78px */
		h4{
				font-size:1.424rem!important;
		}
/* 		20.25px */
		h5{
				font-size:	1.266rem!important;	
		}
/* 		18px */
		h6{
				font-size:	1.125rem !important;
		}
	}

	.btn-border a{
		font-weight:700 !important;
				font-family: "Manrope" !important;
        border-radius: 8px;
        color: #1E4490 !important;
        background-color: white !important;
        border: 2px solid #1E4490 !important;
		
	}
    .elementor-widget-button .elementor-button {
			font-size:0.89rem !important;
			letter-spacing:0.4px !important;
			font-family: "Manrope" !important;
        font-weight: 700 !important;
        padding: 12px 20px !important;
        text-decoration: none !important;
        border-radius: 8px !important;
        z-index: 0;
        white-space: nowrap !important;
        transition: transform 0.3s ease, 
                    box-shadow 0.3s ease, 
                    background-color 0.3s ease, 
                    color 0.3s ease;
    }

    .elementor-widget-button .elementor-button:hover {
        transform: translateY(3px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    }

    .contact-link a {
        font-family: "Manrope" !important;
        font-weight: 700 !important;
        font-size: 0.89rem;
        padding: 12px 20px !important;
        text-decoration: none !important;
        overflow: hidden;
        z-index: 0;
        white-space: nowrap !important;
        border-radius: 8px !important;
    }
	.btn-white a{
		font-weight:700 !important;
				font-family: "Manrope" !important;
        border-radius: 8px;
        color: #1E4490 !important;
        background-color: white !important;
/*         border: 2px solid #1E4490 !important; */
		
	}
	

/*     .btn-outline a {
				font-weight:700 !important;
				font-family: "Manrope" !important;
        border-radius: 8px;
        color: #1E4490 !important;
        background-color: white !important;
        border: 2px solid #1E4490 !important;
    }
	 */
	
	
.btn-outline a {
    font-weight: 700 !important;
    font-family: "Manrope" !important;
    border-radius: 8px;
    color: #1E4490 !important;
    background-color: white !important;
    border: 1px solid #1E4490 !important; /* Thinner 1px border */
    padding: 10px 20px;
    text-decoration: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
    transition: color 0.4s ease-in-out, border-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, border-radius 0.4s ease-in-out;
    box-shadow: inset 0 0 0 1px #1E4490; /* Thinner border effect */
}

.btn-outline a::before,
.btn-outline a::after {
    content: '';
    position: absolute;
    border: 0 solid transparent;
    box-sizing: border-box;
    width: 0;
    height: 0;
    pointer-events: none;
    bottom: 0;
    right: 0;
}

.btn-outline a::before {
    border-bottom-width: 1px;
    border-left-width: 1px;
}

.btn-outline a::after {
    border-top-width: 1px;
    border-right-width: 1px;
}

.btn-outline a:hover {
    color: #008284 !important; /* New hover text color */
    border-color: #008284 !important; /* New hover border color */
    box-shadow: inset 0 0 0 1px #008284; /* Thinner border effect */
    border-radius: 8px; /* Smooth 8px border-radius on hover */
}

.btn-outline a:hover::before,
.btn-outline a:hover::after {
    border-color: #008284;
    transition: border-color 0s, width 0.4s, height 0.4s;
    width: 100%;
    height: 100%;
}

.btn-outline a:hover::before {
    transition-delay: 0s, 0s, 0.4s;
}

.btn-outline a:hover::after {
    transition-delay: 0s, 0.4s, 0s;
}


  .g-gutter {
    padding-top: 2.7778rem; /* 50px / 18px = 2.7778rem */
    padding-bottom: 2.7778rem; /* 50px / 18px = 2.7778rem */
  }

  /* Medium screens (1024px to 1600px) */
  @media (max-width: 1600px) {
    .g-gutter {
      padding-top: 2.5rem; /* Adjust padding for medium screens */
      padding-bottom: 2.5rem; /* Adjust padding for medium screens */
    }
  }

  /* Small screens (up to 768px) */
  @media (max-width: 768px) {
    .g-gutter {
      padding-top: 2rem; /* Adjust padding for small screens */
      padding-bottom: 2rem; /* Adjust padding for small screens */
    }
  }


/* 	---------------------bottom-none-------------------------- */
  .g-pb-0 {
    padding-top: 2.7778rem; /* 50px / 18px = 2.7778rem */
  }

  /* Medium screens (1024px to 1600px) */
  @media (max-width: 1600px) {
    .g-pb-0 {
      padding-top: 2.5rem; /* Adjust padding for medium screens */
    }
  }

  /* Small screens (up to 768px) */
  @media (max-width: 768px) {
    .g-pb-0 {
      padding-top: 2rem; /* Adjust padding for small screens */
    }
  }
/* 	----------------------top-none------------------ */
	.g-pt-0 {
    padding-bottom: 2.7778rem; /* 50px / 18px = 2.7778rem */
  }

  /* Medium screens (1024px to 1600px) */
  @media (max-width: 1600px) {
    .g-gutter {
    }
  }

  /* Small screens (up to 768px) */
  @media (max-width: 768px) {
    .g-gutter {
      padding-bottom: 2rem; /* Adjust padding for small screens */
    }
  }


/* Style the image box wrapper */
.img-card .elementor-image-box-wrapper {
    position: relative;
    overflow: hidden;
}

	
/* Style the image */
.img-card .elementor-image-box-img img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
	
}


/* Style the text container */
.img-card .elementor-image-box-content {
    position: absolute;
    bottom: 22px; /* Adjusted to give space at the bottom */
    left: 0;
    width: 100%;
    padding: 20px 20px ; /* Increased bottom padding for more space */
	background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));

   
    color: white;
    text-align: left;
}

/* Style the heading */
.img-card .elementor-image-box-title {
    font-size: 0.89rem !important;
    font-weight: 400 !important;
    color: #FFFFFF !important;
    font-family: "Manrope" !important;
    letter-spacing: 0.10rem !important;
	text-transform:transform !important;
	
}

/* Style the description */
.img-card .elementor-image-box-description {
    font-size: 14px;
    margin-top: 5px;
    opacity: 0.9;
}
	
.img-card	a {
    display: inline-block; /* Ensures the link wraps around the image properly */
    overflow: hidden; /* Prevents the image from overflowing */
}

.img-card a img {
    transition: transform 0.9s ease-in-out; 
    display: block; /* Removes any extra space below the image */
}

.img-card a:hover img {
    transform: scale(1.1); /* Zoom effect */
}


/* By default, hide the blue-logo and show the white-logo */
.blue-logo {
    display: none;
}

.white-logo {
    display: block;
}

/* When the header has the sticky class, show the blue-logo and hide the white-logo */
header.elementor-sticky--effects .blue-logo {
    display: block;
}

header.elementor-sticky--effects .white-logo {
    display: none;
}
.wp-image-52{ width:150px !important;}
.home2{
    background: #f5f7fb;
    padding: 60px 0;
}

/* å·¦ä¾§å¡ç‰‡ */
.home2-img{
    background: #fff;
    border-radius: 5px;
    padding: 5px 15px 20px;
    text-align: center;
    height: 100%;
    transition: all 0.35s ease;
    box-shadow: 0 8px 20px rgba(0,0,0,0.01);
    position: relative;
    overflow: hidden;
}

/* è½»å¾®æ¸å˜èƒŒæ™¯å±‚ï¼ˆæå‡è´¨æ„Ÿï¼‰ */
.home2-img::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 120px;
    /* background: linear-gradient(180deg, rgba(0,102,255,0.05), transparent); */
    z-index: 0;
}

/* å›¾ç‰‡ */
.home2-img img{
    max-width: 100%;
    height: 140px;
    object-fit: contain;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
}

/* æ ‡é¢˜ */
.home2-title{
    margin-top: 5px;
    font-size: 16px;
    color: #222;
    font-weight: 500;
    position: relative;
    z-index: 1;
}

/* æ ‡é¢˜ä¸‹æ–¹è“çº¿ */
.home2-title::after{
    content: "";
    display: block;
    width: 30px;
    height: 2px;
    background: #4DA3E6;
    margin: 8px auto 0;
    transition: all 0.3s ease;
}

/* hover æ•ˆæžœ */
.home2-img:hover{
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

.home2-img:hover img{
    transform: scale(1.05);
}

.home2-img:hover .home2-title::after{
    width: 60px;
}


/* å³ä¾§å¤§å›¾ */
.home2-img2{
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    /* background: linear-gradient(135deg, #0d47a1, #1e88e5); */
    box-shadow: 0 20px 50px rgba(0,0,0,0.05);
}

/* å›¾ç‰‡ */
.home2-img2 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* opacity: 0.9; */
}

/* æ¸å˜é®ç½© */
.home2-img2::after{
    content: "";
    position: absolute;
    inset: 0;
  /*  background: linear-gradient(to top, rgba(0,0,0,0.5), transparent 60%); */
}

/* å³ä¾§æ ‡é¢˜ */
.home2-img2 .home2-title{
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    z-index: 2;
    text-align: center;
}

/* å“åº”å¼ä¼˜åŒ– */
@media (max-width: 991px){
    .home2-img img{
        height: 120px;
    }

    .home2-img2{
        margin-top: 20px;
        height: 300px;
    }
}
/* ===== Section Wrapper ===== */
.custom-stats-section {
    padding: 0px 0px 60px;
    /* background: #f9fbfd; */
}

/* ===== Item Box ===== */
.custom-stats-item {
    text-align: center;
    padding: 30px 15px;
    border-right: 1px solid #e5e5e5;
}

.custom-stats-item:last-child {
    border-right: none;
}

/* ===== Icon Circle ===== */
.custom-stats-icon {
    width: 90px;
    height: 90px;
    margin: 0 auto 20px;
    border: 2px solid #0B3A86;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-stats-icon img {
    width: 40px;
}

/* ===== Number ===== */
.custom-stats-number {
    font-size: 48px;
    font-weight: 700;
    color: #0B3A86;
}

/* ===== Label ===== */
.custom-stats-label {
    margin-top: 10px;
    font-size: 16px;
    color: #333;
}
.custom-stats-icon i{
	    font-size: 40px;
    color: #0B3A86;}
	
.right-img{ margin-top:30px;}
.btn2{
	float:right;
}
.btn2 .btn-outline  a{
    border: 1px solid #ffffff !important;
	background: transparent !important;
    color: #fff !important;
}
.zhongjian{
    display: flex;
    justify-content: center;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
    .custom-stats-item {
        border-right: none;
        border-bottom: 1px solid #e5e5e5;
    }
    .custom-stats-item:nth-child(4) {
        border-bottom: none;
    }
	.wp-image-52{ width:100px !important;}
}

























