/*
Theme Name: PHONGNV Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

:root {
    --base-color: #000000;
}

.text-primary{
    color: var(--primary-color);
}
.text-secondary{
    color: var(--fs-color-secondary);
}
.text-success{
    color: var(--fs-color-success);
}
.text-alert{
    color: var(--fs-color-alert);
}
.text-link{
    color: var(--fs-experimental-link-color);
}
.color-link:hover{
    color: var(--fs-experimental-link-color-hover);
}
.bg-primary{
    background-color: var(--primary-color);
}
.bg-secondary{
    background-color: var(--fs-color-secondary);
}
.bg-success{
    background-color: var(--fs-color-success);
}
.bg-alert{
    background-color: var(--fs-color-alert);
}
.bg-link{
    background-color: var(--fs-experimental-link-color);
}
.text-base{
    color: var(--base-color);
}
.bg-base{
    background-color: var(--base-color);
}
.nav-column>li>a,
.nav-dropdown>li>a,
.nav-vertical-fly-out>li>a,
.nav>li>a,
.header-button-1 a{
	font-size: 1rem;
/* 	letter-spacing: -0.35px; */
    color: var(--primary-color);
}
.nav-column>li:hover>a,
.nav-dropdown>li:hover>a,
.nav-vertical-fly-out>li:hover>a,
.nav>li:hover>a {
    color: var(--fs-color-secondary);
}	
/* Inherit trực tiếp từ body */
.text-inherit ,
.text-inherit p{
  color: currentColor !important;
}

body, html{
	/*background: radial-gradient(50% 50% at 50% 50%, #0052CC 0%, #141773 90.87%);*/
	background: transparent;
}
html, body, .scroll-full-page .section {
block-size: 100%;

}

html {
	scroll-snap-type: y mandatory;

}
.scroll-full-page {
	.section {
		scroll-snap-align: start;
		scroll-snap-stop: always;
		display: flex;
		align-items: center;
		justify-content: center;
		
	}
/* 	width: 100%!important; */

}
.home{
	

	#main, #wrapper{
		background: none !important;
	}
	.header-bg-container.fill{
		display: none !important;
	}
	.header-shadow .header-wrapper, .header-wrapper.stuck, .layout-shadow #wrapper{
		box-shadow: none !important;
	}
	.top-divider.full-width{
		display: none !important;
	}
}
.header-nav .menu-item .nav-top-link{
    font-family: 'Montserrat', sans-serif;
/*     font-family: 'Open Sans'; */
    font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 30px;
text-align: center;
letter-spacing: -0.02em;
color: #414A56;
}
.header-nav .menu-item:hover .nav-top-link
.header-nav .menu-item.active .nav-top-link{
	color: #0052CC;
}
/* Khung chứa toàn bộ menu */
.slide-navigation {
  position: fixed;
  top: 50%;
  left: 120px; /* hoặc 0 nếu muốn sát mép */
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px; /* khoảng cách giữa các mục */
  z-index: 999;
}
.slide-navigation  .ux-menu-link{
	min-height: 120px;
}
/* Link từng mục */
.slide-navigation .ux-menu-link__link {
/*   writing-mode: vertical-rl; */
/*   text-orientation: upright; */
/*   text-decoration: none; */
/*   color: #fff; */
/*   font-family: 'Helvetica Neue', sans-serif; */
/*   font-size: 14px; */
/*   letter-spacing: 2px; */
/*   transition: all 0.3s ease; */
	
	/* WORKING */

/* position: absolute;
width: 120px;
height: 15px;
left: 120px;
top: 526px; */

font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 22px;
text-transform: uppercase;

color: #FEFFFF;

transform: rotate(-90deg);

	
}

/* Hover effect */
.slide-navigation .ux-menu-link__link:hover {
/*   color: #00ffff; */
  transform: scale(1.1);
}

/* Tùy chọn: gạch bên phải chữ đầu tiên (HEDIMA) */
.slide-navigation .ux-menu-link:first-child .ux-menu-link__link::after {
  content: '';
  display: block;
  width: 27px;
  height: 2px;
  background: white;
  margin: 8px auto 0 auto;
	position: absolute;
    top: 24px;
}
.section-content:has(.align-center) {
  justify-content:center!important;
	display: flex;
}
.vh83 > .col-inner{
	height: 83.33vh;
}
.vw94 > .col-inner{
	width: 94vw;
}
.text-130F40{
	color: #130F40;
}
.text-0052CC{
	color: #0052CC;
}

.text-E2E2E2{
	color: #E2E2E2;
}

.col.align-center > .col-inner{
	justify-content:center!important;
	display: flex;
}
.row-87{
	max-width: 87vw!important;
	width: 87vw !important;
}
.row-76{
	max-width: 76vw!important;
	width: 76vw !important;
}

.mt-15vh{
	margin-top: 15vh;
}
.text-justify{
	text-align: justify;
}
.font-500{
	font-weight: 500;
}
.font-600{
	font-weight: 600;
}
.font-700{
	font-weight: 700;
}
.font-800{
	font-weight: 800;
}
.font-900{
	font-weight: 900;
}
.color-0052CC{
	color: #0052CC;
}
/* .row {
    max-width: 87%!important;
}
.full-width{
	max-width: 100%!important;
} */
.view-more-button{
	width: 250px;
	.icon-box-text{
		background: #0052CC;
		border-radius: 10px 10px 10px 30px;
		/* transform: rotate(-180deg); */
		height: 70px;
		line-height: 70px;
		text-align: center;
		font-size: 20px;
		/* line-height: 27px; */
		font-weight: 600;
		font-family: "Open Sans", sans-serif;
	}
	.icon-box-icon{
		background: #0052CC;
		border-radius: 10px 10px 30px 10px;
		height: 70px;
		width: 70px;
		line-height: 70px;
		text-align: center;
	}
}
.text-Open-Sans{
	font-family: "Open Sans", sans-serif;
}
.bg-gradient-141773-0052CC .col-inner{
	background: linear-gradient(355.39deg, #141773 21.48%, #0052CC 77.62%);
}
.border-radius-20-20-0-0 .col-inner{
	border-radius: 20px 20px 0px 0px;
}
.about-us-number-box{
	.col-inner{
		background: linear-gradient(355.39deg, #141773 21.48%, #0052CC 77.62%);
		border-radius: 20px 20px 0px 0px;
	}
	.text-1{
		/* Deep Medical Insights */

/* 		position: absolute;
		width: 148px;
		height: 85px;
		left: 272px;
		top: 659px; */

		font-family: "Open Sans", sans-serif;
		font-style: normal;
		font-weight: 700;
		font-size: 24px;
		line-height: 30px;
		/* or 125% */
		display: flex;
		align-items: center;

		color: #FFFFFF;
		
		padding-top: 24px;
        padding-left: 24px;

	}
	.text-2{
		/* Data-driven strategies rooted in healthcare needs. */

/* 		position: absolute;
		width: 150px;
		height: 58px;
		left: calc(50% - 150px/2 - 615px);
		top: 759px; */

/* 		font-family: 'Montserrat'; */
		font-style: normal;
		font-weight: 500;
		font-size: 14px;
		line-height: 20px;
		/* or 143% */
		letter-spacing: -0.2px;

		color: #E2E2E2;
		padding-left: 24px;
		padding-right: 24px;
		display: none;
	}
	
	/*margin-bottom: -8.33vh !important;*/
	cursor:pointer;
	margin-bottom: 0;
    padding-bottom: 0;
}
.about-us-number-box:hover{
	.text-2{
		/*display: block;*/
	}
	/*margin-bottom: -2vh !important;*/
}
.about-us-number-row{
	height: 40vh;
}
.about-us-number-col{
	height: 40vh;
	margin-bottom: 0;
    padding-bottom: 0;
}
.about-us-number{
	font-style: normal;
	font-weight: 500;
	font-size: 70px;
/* 	font-size: clamp(70px, 9vw, 180px); */
	line-height: 1.2;
	text-align: center;
	background: linear-gradient(180.3deg, #FFFFFF 35.65%, rgba(1, 71, 255, 0) 84.84%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
 @media (min-width: 992px) {
	.about-us-number{
		font-size: 90px;
	}
}
@media (min-width: 1280px) {
	.about-us-number{
		font-size: 86px;
	}
}
@media (min-width: 1400px) {
	.about-us-number{
		font-size: 92px;
	}
}
@media (min-width: 1500px) {
	.about-us-number{
		font-size: 115px;
	}
}
@media (min-width: 1900px) {
	.about-us-number{
		font-size: 148px;
	}
} 
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.font-11px-small{
	font-size: 11px !important;
}
	
}
.text-white{
	color:#fff;
}
.image-167{
	.img-inner{
		height: 2px;
    	display: flex;

	}
}
.font-weight-900{
	font-weight: 900;
}
.section-title{
	h2{
/* 		font-family: 'Roboto'; */
		font-style: normal;
		font-weight: 900;
		font-size: 38px;
		line-height: 1;
		margin-bottom: 0;
	}
	h3{
/* 		font-family: 'Roboto'; */
		font-style: normal;
		font-weight: 900;
		font-size: 24px;
		line-height: 1;
		margin-bottom: 0;
	}
}
.blog-post-1{
	.image-cover{
		border-radius: 15px;
		overflow: hidden;
	}
	.cat-label{
		/* Chủ đề 1: */
		font-style: normal;
		font-weight: 400;
		font-size: 15px;
		line-height: 150%;
		/* identical to box height, or 26px */

		/* Red */
		color: #F72D21;
		text-transform: none !important;
	}
	.post-title,
		.post-title a{
		/* Làm thế nào rút ngắn quá trình phục hồi sau phẫu thuật thẩm mỹ */

		font-style: normal;
		font-weight: 800;
		font-size: 22px ;
		line-height: 28px;
		min-height: 44px;
		/* blue - nhạt */
		color: #0381E4;

		display: -webkit-box;
	  -webkit-line-clamp: 2;     /* Giới hạn 2 dòng */
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	.is-divider{
		display: none !important;
	}
	.from_the_blog_excerpt{
		/* Lorem Ipsum is */

		font-style: normal;
		font-weight: 400;
		font-size: 15px;
		line-height: 150%;
		/* or 26px */
		text-align: justify;

		/* Text */
		color: #142F4D;
		
		display: -webkit-box;
	  -webkit-line-clamp: 4;     /* Giới hạn 2 dòng */
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;


	}
}
.blog-post-2{
	.image-cover{
		border-radius: 15px;
		overflow: hidden;
	}
	.cat-label{
		/* Chủ đề 1: */
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 162.19%;
		/* identical to box height, or 26px */

		/* Red */
		color: #F72D21;
		text-transform: none !important;
	}
	.post-title,
		.post-title a{
		/* Làm thế nào rút ngắn quá trình phục hồi sau phẫu thuật thẩm mỹ */

		font-style: normal;
		font-weight: 800;
		font-size: 28px;
		line-height: 33px;
		min-height: 66px;
		/* blue - nhạt */
		color: #0381E4;

		display: -webkit-box;
	  -webkit-line-clamp: 2;     /* Giới hạn 2 dòng */
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	.is-divider{
		display: none !important;
	}
	.from_the_blog_excerpt{
		/* Lorem Ipsum is */

		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 162.19%;
		/* or 26px */
		text-align: justify;

		/* Text */
		color: #142F4D;
		
		display: -webkit-box;
	  -webkit-line-clamp: 2;     /* Giới hạn 2 dòng */
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;


	}
}/*
.flickity-prev-next-button.previous{
	background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 62.11%);
	width: calc(25vw);
	height: 100%;
	top: 0;
	left:0;
	opacity: 1;
	display: block;
	.flickity-button-icon{
		padding: 28%;
		left: 72%;
	}
}
.flickity-prev-next-button.next{
	background: linear-gradient(270deg, #FFFFFF 40.62%, rgba(255, 255, 255, 0) 99.13%);
	width: calc(25vw);
	height: 100%;
	top: 0;
	right:0;
	opacity: 1;
	display: block;
	.flickity-button-icon{
		padding: 28%;
		left: 28% ;
	}
}*/
/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.image-167{
		.img-inner{
			height: 7px !important;
			display: flex;

		}
	}
	.section-title{
		h2{

			font-size: 78px;
			line-height: 1;
		}
		h3{
			font-size: 49px;
			line-height: 1;
		}
	}
	.blog-post-1{
		.image-cover{
			border-radius: 15px;
			overflow: hidden;
		}
		.cat-label{
			font-size: 16px;
			line-height: 162.19%;
		}
		.post-title,
		.post-title a{
			font-size: 28px;
			line-height: 33px;
			min-height: 66px;
			-webkit-line-clamp: 2;
		}
		.is-divider{
			display: none !important;
		}
		.from_the_blog_excerpt{
			font-size: 16px;
			line-height: 162.19%;
			
			-webkit-line-clamp: 8; 


		}
	}
	.blog-post-2{
		.image-cover{
			border-radius: 15px;
			overflow: hidden;
		}
		.cat-label{
			font-size: 16px;
			line-height: 162.19%;
		}
		.post-title,
		.post-title a{
			font-size: 28px;
			line-height: 33px;
			min-height: 99px;
		  -webkit-line-clamp: 3;     /* Giới hạn 2 dòng */
		  
		}
		.is-divider{
			display: none !important;
		}
		.from_the_blog_excerpt{
			font-size: 16px;
			line-height: 162.19%;
		  -webkit-line-clamp: 2;     /* Giới hạn 2 dòng */
		  


		}
	}
}

.custom-video-wrapper {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    /* Giữ tỉ lệ 16:9 nếu chiều cao là auto */
    padding-bottom: 56.25%; /* Tỷ lệ 16:9 */
    height: 0;
    background-size: cover;
    background-position: center;
    border-radius: 20px; /* Mô phỏng góc bo tròn */
/*     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); */
    transition: opacity 0.3s;
/* 	border-radius: 20px; */
}

/* Nút Play */
.custom-video-wrapper .play-button {
    position: absolute;
    top: calc(50% - 86.5px);
    left: calc(50% - 86.5px);
/*     transform: translate(-50%, -50%); */
    width: 173px; /* Kích thước nút */
    height: 173px;
/*     background-color: rgba(255, 255, 255, 0.8);  */
	/* Màu nền trắng mờ */
    border: none;
/*     border-radius: 50%; */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
/*     transition: background-color 0.3s; */
/*     box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); */
}

.custom-video-wrapper .play-button:hover {
    background-color: #fff;
}

/* Icon tam giác (Play) */
.custom-video-wrapper .play-button svg {
    width: 73px;
    height: 73px;
    /* Dịch chuyển icon sang phải một chút để căn giữa quang học */
/*     transform: translateX(4px);  */
}
.custom-video-wrapper video{
	width: 100%;
}

.page-container {
            /* Đã sửa: Thay đổi độ rộng cố định thành co giãn theo màn hình, giới hạn max-width */
            position: relative;
            width: 100%;
            max-width: 1920px;
            min-height: 100vh;
            margin: 0 auto;
        }

        /* Lớp 1: Background trắng */
        .layer-white {
            position: fixed;
            width: 100vw;
            height: 100vh;
            background: #FFFFFF;
            z-index: 1;
        }

        /* Lớp 2: Ellipses với animation */
        .layer-ellipses {
            position: fixed;
            width: 100vw;
            height: 100vh;
            z-index: 2;
            overflow: hidden;
        }

        .ellipse {
            position: fixed;
            border-radius: 50%;
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
            animation-direction: alternate;
        }

        /* Ellipse 10 */
        .ellipse-10 {
            width: 39px;
            height: 136px;
            /* Đã sửa vị trí sang % */
            left: 13.02%; 
            top: 83.7%;
            background: #87A6F4;
            filter: blur(28.5px);
            /* Đã sửa tốc độ */
            animation: float-vertical 0.8s;
        }

        /* Ellipse 2 (top right) */
        .ellipse-2-top {
            width: 706px;
            height: 706px;
            /* Đã sửa vị trí sang % */
            left: 78.65%;
            top: -10.16%;
            background: linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), #BDD8FF;
            filter: blur(75px);
            /* Đã sửa tốc độ */
            animation: float-horizontal 1.2s;
        }

        /* Ellipse 1 (top left large) */
        .ellipse-1-top {
            width: 1051px;
            height: 1134px;
            /* Đã sửa vị trí sang % */
            left: -17.92%;
            top: -24.22%;
            background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #4176D3;
            filter: blur(75px);
            /* Đã sửa tốc độ */
            animation: float-diagonal 1.5s;
        }

        /* Ellipse 2 (middle left) */
        .ellipse-2-middle {
            width: 630px;
            height: 631px;
            /* Đã sửa vị trí sang % */
            left: -16.41%;
            top: 32.34%;
            background: #BDD8FF;
            filter: blur(75px);
            /* Đã sửa tốc độ */
            animation: float-horizontal 0.9s;
        }

        /* Ellipse 16 (bottom right) */
        .ellipse-16 {
            width: 794px;
            height: 882px;
            /* Đã sửa vị trí sang % */
            left: 85.99%;
            top: 58.07%;
            background: #BDD8FF;
            filter: blur(75px);
            /* Đã sửa tốc độ */
            animation: float-vertical 1.3s;
        }

        /* Ellipse 1 (top center) */
        .ellipse-1-center {
            width: 774px;
            height: 775px;
            /* Đã sửa vị trí sang % */
            left: 20%;
            top: -32.14%;
            background: #BDD8FF;
            filter: blur(75px);
            /* Đã sửa tốc độ */
            animation: float-diagonal 0.8s;
        }

        /* Ellipse 2 (middle center) */
        .ellipse-2-center {
            width: 923px;
            height: 923px;
            /* Đã sửa vị trí sang % */
            left: 17.55%;
            top: 42.71%;
            background: linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), #BDD8FF;
            filter: blur(75px);
            /* Đã sửa tốc độ */
            animation: float-horizontal-slow 1.4s;
        }

        /* Ellipse 15 (bottom far) */
        .ellipse-15 {
            width: 658px;
            height: 712px;
            /* Đã sửa vị trí sang % */
            left: 84.9%;
            top: 301.2%;
            background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #BDD8FF;
            filter: blur(75px);
            /* Đã sửa tốc độ */
            animation: float-vertical 1.8s;
        }

        /* Lớp 3: Gradient overlay */
        .layer-gradient {
            position: absolute;
            width: 100%;
            height: 100%;
            /*background: linear-gradient(180deg, #F2F6FF 0%, #EDF5FF 100%);*/
            z-index: 3;
            pointer-events: none;
            /*opacity: 0.1;*/
        }

        /* Content layer */
        .content {
            position: relative;
            z-index: 4;
            /*padding: 80px;*/
            /*color: #333;*/
        }

        /*.content h1 {
            font-size: 64px;
            font-weight: 700;
            margin-bottom: 24px;
            color: #024AC6;
        }

        .content p {
            font-size: 24px;
            line-height: 1.6;
            color: #555;
            max-width: 800px;
        }
*/
        /* Animations */
        @keyframes float-vertical {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                /* Đã sửa: Tăng quãng đường */
                transform: translateY(-80px);
            }
        }

        @keyframes float-horizontal {
            0%, 100% {
                transform: translateX(0);
            }
            50% {
                /* Đã sửa: Tăng quãng đường */
                transform: translateX(80px);
            }
        }

        @keyframes float-horizontal-slow {
            0%, 100% {
                transform: translateX(0);
            }
            50% {
                /* Đã sửa: Tăng quãng đường */
                transform: translateX(-60px);
            }
        }

        @keyframes float-diagonal {
            0%, 100% {
                transform: translate(0, 0);
            }
            50% {
                /* Đã sửa: Tăng quãng đường */
                transform: translate(50px, -50px);
            }
        }

        /* Responsive */
        @media (max-width: 1920px) {
            .page-container {
                width: 100%;
                max-width: 1920px;
            }
            /* Đã loại bỏ transform: scale() cho ellipse */
        }

.row-case-study{
	background: #0052CC;
	box-shadow: 4px 4px 10px rgba(0, 118, 135, 0.05), 6px 6px 40px rgba(0, 118, 135, 0.1);
	border-radius: 30px;
}
.row-case-study > .col-1{
	padding: 15px 15px 15px 30px;
}
     .row-case-study > .col-2{
     	padding: 0 15px;
     }   
     .row-case-study .col-2-1{
     	padding: 15px;
     }  

     .service-section .row-top{
     	background: url('/wp-content/uploads/2025/10/BG.svg');
     	background-size: contain;
    	background-repeat: no-repeat;
    	padding-top: 85px;
     }

     .button-container {
            display: inline-block;
        }

        .discover-button {
            display: inline-flex;
            align-items: center;
            background: linear-gradient(270deg, #024AC6 0%, #0B7AFF 100%);
            color: #FFFFFF;
            border: 2px solid #0052CC;
            border-radius: 16px;
            padding: 6px;
            padding-right: 32px;
            font-family: 'Montserrat', sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 20px;
            line-height: 30px;
            cursor: pointer;
            position: relative;
            transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(2, 74, 198, 0.3);
            overflow: hidden;
            height: 60px;
        }

        .discover-button:hover {
            box-shadow: 0 6px 16px rgba(2, 74, 198, 0.4);
            transform: translateY(-2px);
        }

        .discover-button:active {
            transform: translateY(0);
            box-shadow: 0 3px 10px rgba(2, 74, 198, 0.35);
        }

        .discover-button > .icon-box {
            background: #FFFFFF;
            border: 2px solid #0052CC;
            border-radius: 12px;
            width: 52px;
            height: 52px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            left: 2px;
            z-index: 2;
            transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        }

        .discover-button:hover .icon-box {
            left: calc(100% - 54px);
        }

        .discover-button:active .icon-box {
            left: calc(100% - 54px);
        }

        .arrow {
            width: 28px;
            height: 28px;
            stroke: #0052CC;
            stroke-width: 3;
            fill: none;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .button-text {
            padding-left: 68px;
            padding-right: 6px;
            white-space: nowrap;
            letter-spacing: 0.2px;
            transition: padding 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        }

        .discover-button:hover .button-text {
            padding-left: 6px;
            padding-right: 68px;
        }

        @media (max-width: 480px) {
            .discover-button {
                font-size: 18px;
                line-height: 28px;
                padding-right: 28px;
            }

            .icon-box {
                width: 48px;
                height: 48px;
                border-radius: 10px;
            }

            .discover-button:hover .icon-box {
                left: calc(100% - 54px);
            }

            .arrow {
                width: 24px;
                height: 24px;
            }

            .button-text {
                padding-left: 62px;
            }

            .discover-button:hover .button-text {
                padding-left: 6px;
                padding-right: 62px;
            }
        }

        /* Ripple effect */
        .ripple {
            position: absolute;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.3);
            transform: scale(0);
            animation: ripple-animation 0.6s ease-out;
            pointer-events: none;
            z-index: 1;
        }

        @keyframes ripple-animation {
            to {
                transform: scale(4);
                opacity: 0;
            }
        }

        /* Shine effect on hover */
        .discover-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: left 0.6s ease;
        }

        .discover-button:hover::before {
            left: 100%;
        }

        .service-section-1 .section-bg{
        	background: #DAE9FF;
			/* Shadow 03 */
			box-shadow: 4px 4px 10px rgba(0, 118, 135, 0.05), 6px 6px 40px rgba(0, 118, 135, 0.1);
			border-radius: 60px 0px;
        }
        .mission-vision-col > .col-inner{
        	background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, 0.6);
		    backdrop-filter: blur(2px);
		    border-radius: 30px;
		    border: 2px solid #fff;
        }

        .footer-section{
        	.section-bg{
        		background: #FFFFFF;
				border-radius: 60px 60px 0px 0px;
				top: calc(100% - 310px);
        	}
        }

.menu-footer{
	.ux-menu-link.flex{
		min-height: 20px;
	    padding-bottom: calc(var(--bs-spacer) * 1) !important;
	    padding-top: 0;
	}

	.ux-menu-link__link{
		/* HCP Marketing */

		/*position: absolute;
		width: 230px;
		height: 20px;
		left: 778px;
		top: 160px;*/

		/* Common/Label */
		/*font-family: 'Montserrat';*/
		/*font-style: normal;*/
		min-height: 20px;
	    padding-bottom: 0;
	    padding-top: 0;
	    /*transition: all .2s;*/

		font-weight: 600;
		font-size: 16px;
		line-height: 20px;
		/* identical to box height */

		color: #0052CC;


	}
}
.form-action-header{
	/* Nice to meet you :) */

	/*position: absolute;
	height: 73px;
	left: 16.51%;
	right: 48.96%;
	top: calc(50% - 73px/2 + 3352.5px);*/

	/* Desktop/Heading 1 */
	/*font-family: 'Montserrat';*/
	font-style: normal;
	font-weight: 700;
	font-size: 60px;
	line-height: 73px;
	letter-spacing: -0.01em;

	color: #FFFFFF;


}
.form-action-paragraph{
	/* Unlock Your Potential Today! */

	/*position: absolute;
	width: 415px;
	height: 38px;
	left: 322px;
	top: 7724px;*/

	/* Desktop/Heading 4 */
	/*font-family: 'Montserrat';*/
	font-style: normal;
	font-weight: 600;
	font-size: 28px;
	line-height: 38px;
	/* identical to box height, or 136% */

	color: #E2E2E2;


}
.footer-contact-row{
	/* BG */

	/*box-sizing: border-box;

	position: absolute;
	width: 1439px;
	height: 570px;
	left: 242px;
	top: 7527px;*/

	background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, 0.8);
	box-shadow: 0px 4px 20px rgba(0, 82, 204, 0.15);
	backdrop-filter: blur(2px);
	/* Note: backdrop-filter has minimal browser support */
	border-radius: 30px;

}
.contact-form-col-1{
	/* Mask */

/*	position: absolute;
	left: 12.55%;
	right: 42.7%;
	top: 87.12%;
	bottom: 6.28%;*/

background: #0052CC;
box-shadow: 0px 0px 49px rgba(0, 0, 0, 0.19);
border-radius: 30px;
min-height: 458px;

/*}*/
/*.contact-form-col-1{*/
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;

    padding: 40px 16px 16px 40px;
}
.contact-form-col-2 .wpcf7-text,
.contact-form-col-2 .wpcf7-email,
.contact-form-col-2 .wpcf7-textarea{
	font-style: normal !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 16px !important;
    background: rgba(255, 255, 255, 0.7) !important;
    border: 0.5px solid rgba(180, 201, 207, 0.5) !important;
    border-radius: 6px !important;
    color: rgba(0, 0, 0, 0.5) !important;
    min-height: 47px !important;
}
.contact-form-col-2 .wpcf7-textarea{
	min-height: 100px !important;
}
.icon-8-shape{
	position: absolute;
    width: 100%;
    bottom: 0;
}