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

/*************** ADD CUSTOM CSS HERE.   ***************/
/* General form container styling */
.absolute-footer, html{
	background-color: #4d4d4d !important;
}
.wpcf7-form {
/*     max-width: 600px; */
    margin: 0 auto;
/*     background: #ffffff; */
/*     border-radius: 12px; */
/*     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
/*     padding: 20px; */
/*     font-family: Arial, sans-serif; */
}

/* Title styling */
.box-assessment-checklist h2 {
    /* color: #b01b1b;
    font-size: 20px;
    text-align: center;
    font-weight: bold; */
    margin-top:24px;
    margin-bottom: 24px;

    /* Thông tin chung */

/* position: absolute;
left: 0.41%;
right: 75.81%;
top: 0%;
bottom: 88.45%; */

/* font-family: 'Inter'; */
font-style: normal;
font-weight: 700;
font-size: 1.25rem;
line-height: 1.2;
/* identical to box height */
/* display: flex; */
/* align-items: center; */
text-align: left;

color: #C30707;



}
.box-assessment-checklist h1{
    /* Bảng kiểm tra đánh giá sớm */

    /* width: 1098px;
    height: 77px; */

    /* font-family: 'Inter'; */
    font-style: normal;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.2;
    /* display: flex; */
    /* align-items: center; */
    text-align: center;

    color: #C40707;

    margin-bottom: 8px;
    /* Inside auto layout */
    /* flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0; */

}
.box-assessment-checklist h3 {
    color: #b01b1b;
    font-size: 12px;
    text-align: center;
    margin-bottom: 14px;
    font-style: italic;
}
.row-address .ml-half,
.row-gender-age .ml-half{
    min-width:113px;
}
/* Label styling */
.box-assessment-checklist .row-address label,
.box-assessment-checklist .row-gender-age label {
    /* font-weight: bold; */
    /* color: #333; */
    /* margin-bottom: 8px; */
    /* display: block; */

    /* Giới tính */

    /* width: 185px; */
    /* height: 57px; */

    /* font-family: 'Inter'; */
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.2;
    display: flex;
    
    align-items: flex-start;
    text-align: left;
    justify-content: space-between;
    color: #333030;
    align-content: flex-end;
    flex-direction: column;



    /* Inside auto layout */
    /* flex: none;
    order: 0;
    flex-grow: 0; */

}
.box-assessment-checklist .col-age label {
/*    height: 59px;*/
height: 44px;
    justify-content: space-between;
    align-items: flex-end;
        padding-right: 24px;
}
.row-gender-age .wpcf7-number{
    width: 100%;
    height: 54px;
/*    height: 75px;*/
    border: 2px solid #C40707;
    border-color: #C40707!important;
    border-radius: 7px !important;
    /* font-family: 'Inter'; */
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    color: #333333 !important;
}
/* .row-address{

} */
/* Gender button container */
/*
.gender-buttons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.gender-buttons .wpcf7-list-item {
    flex: 1;
    text-align: center;
    padding: 10px 0;
    border: 2px solid #b01b1b;
    border-radius: 8px;
    margin-right: 10px;
    color: #b01b1b;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease;
}

.gender-buttons .wpcf7-list-item:last-child {
    margin-right: 0;
}

.gender-buttons .wpcf7-list-item:hover {
    background: #b01b1b;
    color: #fff;
}
*/
.wpcf7-radio{
	display: flex;
}
/* Ẩn radio button mặc định */
/* .wpcf7 input[type="radio"] { */
/*   display: none; */
/* } */
.wpcf7-radio .wpcf7-list-item{
	position: relative;
}
.wpcf7-radio .wpcf7-list-item input{
	position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    border: transparent;
    
    opacity: 0;
    cursor:pointer;
}
.wpcf7-radio .wpcf7-list-item{
/* 	width: 229px; */
/*   height: 106px; */
	background: #939598;
	width: 162px;
/*  	height: 75px;*/
    height: 54px;
    border-radius: 7px;

    /* border-radius: 10px; */
    padding: 0 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-right: 10px;
}
/* Tạo kiểu dáng cho các label chứa hình ảnh */
.wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
    cursor: pointer;
    margin: 0 ;
    background-size: contain;
    background-position: left top;
    transition: transform 0.3s ease;
    /* font-family: 'Inter'; */
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.2;
    display: flex;
    color: #FFFFFF;
    justify-content: flex-end;
    width: 100%;

    align-items: center;


}

/* Hiệu ứng hover */
/* .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:hover { */
/*   transform: scale(1.1); */
/* } */
/* .wpcf7-radio input:checked{ */
/* 	background: #C30707; */
/* } */
/* Khi radio được chọn, thay đổi hình ảnh */
.wpcf7-radio .wpcf7-list-item:has(input:checked){
	background: #C30707;
/*   border: 2px solid #0073e6;  */
	/* Thêm viền khi chọn */
/*   box-shadow: 0 0 10px rgba(0, 115, 230, 0.5);  */
	/* Hiệu ứng ánh sáng */
}

/* Thiết lập hình ảnh cho từng giới tính */
.wpcf7-radio input[value="Nam"] + span {
  background-image: url('/wp-content/uploads/2025/01/Vector-3.svg'); /* Hình ảnh Nam */
}

.wpcf7-radio input[value="Nữ"] + span {
  background-image: url('/wp-content/uploads/2025/01/Vector.svg'); /* Hình ảnh Nữ */
}

/* Đảm bảo hình ảnh phù hợp */
.wpcf7-radio input + span {
  background-size: contain;
  background-position: left;
	background-repeat:no-repeat;
    width: 40px;
    height: 42px;
/*    height: 57px;*/
}



/* Input styling */
.wpcf7-form input[type="text"],
.wpcf7-form select {
    width: 100%;
    border: 2px solid #C30707;
    border-radius: 7px;
    padding: 7px;
    margin-bottom: 14px;
    font-size: 10px;
	max-width: 530px;
}

.wpcf7-form input[type="text"]:focus,
.wpcf7-form select:focus {
    outline: none;
    border-color: #C30707;
}

/* Dropdown arrow styling */
.wpcf7-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 10" fill="%23b01b1b"><polygon points="0,0 20,0 10,10"/></svg>');
    background-repeat: no-repeat;
    background-position: right 7px center;
    background-size: 12px;

    border-radius: 7px;
    border: 2px solid #C30707;
    height: 54px;
/*    height: 75px;*/
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
}

/* Submit button styling */
.wpcf7-form input[type="submit"] {
    background: #b01b1b;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 14px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.wpcf7-form input[type="submit"]:hover {
    background: #ff6666;
}
.wpcf7-form input[type="submit"] {
  display: none; 
  /* Ẩn nút gốc */
}
.row-agree{
	.wpcf7-list-item-label{
		display: none; /* Ẩn nút gốc */
	}
}
/* Kiểu mặc định cho checkbox */
.wpcf7-list-item input[type="checkbox"] {
  appearance: none; /* Loại bỏ kiểu mặc định */
  -webkit-appearance: none;
  width:54px; /* Kích thước checkbox */
  height: 54px;
  border: 2px solid #C30707; /* Viền màu xanh đậm */
  border-radius: 7px; /* Bo góc nhẹ */
  background-color: white; /* Nền trắng */
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
	display:flex;
}

/* Trạng thái khi hover */
.wpcf7-list-item input[type="checkbox"]:hover {
  border-color: #C30707; /* Thay đổi viền khi hover */
}

/* Khi được chọn */
.wpcf7-list-item input[type="checkbox"]:checked {
  background-color: white; /* Nền checkbox */
  border-color: #C30707; /* Viền khi chọn */
}

/* SVG dấu "check" */
.wpcf7-list-item input[type="checkbox"]:checked::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px; /* Kích thước SVG */
  height: 50px;
  transform: translate(-50%, -50%);
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"%3E%3Cpath fill="%23C30707" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"%3E%3C/path%3E%3C/svg%3E');
  background-size: contain; /* Đảm bảo SVG không bị cắt */
  background-repeat: no-repeat;
}
.row-question{
    .col{
        padding-bottom: 16px !important;
    }
    align-items: center;
    label{
        /* Có khò khè/ thở rít hay những đợt khò khè/ thở rít tái đi tái lại */

        /* width: 618px;
        height: 118px; */

        /* font-family: 'Inter'; */
        font-style: normal;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.2;
        /* display: flex; */
        /* align-items: center; */
        color: #1E1E1E;
        margin-bottom: 0;

        /* Inside auto layout */
        /* flex: none; */
        /* order: 0; */
        /* flex-grow: 0; */

    }
        .wpcf7-radio{
        justify-content: center;
        }
    
    .wpcf7-radio .wpcf7-list-item{
        /* Rectangle 16 */

        /* position: absolute; */
        width: 110px !important;
        height: 42px !important;
        /* left: 933.86px; */
        /* top: 22.76px; */

        background: #D9D9D9 !important;
        /* border-radius: 10px ; */
        .wpcf7-list-item-label{
            /* Có */

            /* position: absolute;
            width: 189.48px;
            height: 116.17px;
            left: 906px;
            top: 1.83px; */

            /* font-family: 'Inter'; */
            font-style: normal;
            font-weight: 400;
            font-size: 1rem;
            line-height: 1.2 !important;
            /* display: flex;
            align-items: center;
            text-align: center; */

            color: #000000;

            justify-content: center;

            min-height: 42px !important;
            text-align: center;
        }

    }
    .wpcf7-list-item.last{
        margin-right: 0;
    }
    .wpcf7-list-item:has(input:checked){
        background: #C30707 !important;
        .wpcf7-list-item-label{
            color: #fff!important;
        }
    }
}
.box-assessment-checklist{
    background: linear-gradient(180deg, #FFFFFF 0%, #FFF4F4 100%);
    box-shadow: 0px 4px 100.3px 16px rgba(147, 149, 152, 0.47);
    border-radius: 24px;
    padding: 30px;
}
.row-agree{
        .col {
        padding-bottom: 16px;
    }
    margin-top:30px;
    label,p{
        font-style: normal;
        font-weight: 700;
        font-size: 1rem;
        line-height: 1.2;
        text-align: left;
    }
    .text-center p{
        text-align: center;
    }
}
.row-submit{
    display: flex;
    flex-direction: column;
    align-items: center;

}
.header-shadow .header-wrapper, .header-wrapper.stuck, .layout-shadow #wrapper{
    box-shadow: none !important;
}
.header-bg-color{
    background-color: transparent !important;
}

.header-main .header-inner {
    background: #FFFFFF;
    box-shadow: 0px 10px 24.1px rgba(0, 0, 0, 0.22);
    border-radius: 52.2921875px;
    max-height: 64.74270833px;
    padding-left: 39.13020833px;
    padding-right: 39.13020833px;
    margin-top: 15px;
}

.mobile-sidebar .menu-item a,
.header-nav-main .menu-item .nav-top-link {
    /* Giới thiệu */

    /* position: absolute;
            left: 52.12%;
            right: 34.11%;
            top: 1.09%;
            bottom: 0.27%; */

    /* font-family: 'Inter'; */
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    /* line-height: 29px; */
    /* display: flex; */
    /* align-items: center; */
    /* text-align: center; */

    color: #393939;
    text-transform: inherit;
    text-decoration: none;


}
.mobile-sidebar .has-child .icon-angle-down,
.header-nav-main .has-dropdown .icon-angle-down{
    font-size: 24px ;
    color: #393939 ;
    font-weight: 600 !important;
    opacity: 1;
}

.mobile-sidebar .has-child .menu-item a ,
.header-nav-main .has-dropdown .menu-item a {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    color: #393939;
    text-transform: inherit;
    text-decoration: none;
}
.mobile-sidebar .has-child a,
.mobile-sidebar .has-child .icon-angle-down,
.header-nav-main .has-dropdown .nav-top-link {
    font-weight: 600 !important;
}

.box-shadow-inset-4-4-25 > .col-inner{
    
box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
    
    
}
.padding-0{
    padding: 0;
}
.box-risk{
    /* width: 476.86px; */
        min-height: 250px;
        /* left: 446px; */
        /* top: 964px; */
    
        background: #FFFFFF;
        border: 1px solid #1E1E1E;
        border-radius: 14px;
        padding:24px;
        margin-bottom: 15px;

        margin-left: 15px;
        margin-right: 15px;
}
.mr-25{
    margin-right: 25px;
}
.box-screening-results > .col-inner{
    background: rgba(255, 255, 255, 0.76);
        border-radius: 32px 32px 0px 0px;
        padding: 21px;
            /* padding-bottom: 30px; */
}
.text-center.img{
    margin-left: auto;
    margin-right: auto;
}
.mb-0 p{
    margin-bottom: 0!important;
}
.box-linear-gradient > .col-inner{
    /* Rectangle 220 */
    
        /* width: 1519px; */
        /* height: 536px; */
    
        background: linear-gradient(180deg, rgba(196, 7, 7, 0.09) -4.76%, rgba(255, 255, 255, 0.09) 100%);
        padding: 30px;
        /* transform: rotate(180deg); */
    
        /* Inside auto layout */
        /* flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0; */
}
.row-col-1090{
    max-width: calc(1090px) !important;
    margin-left: auto!important;
    margin-right: auto!important;
}
.max-height-3{

}
.text-alert{
color: var(--fs-color-alert);
}
.absolute-footer{
    display: none;
}
.font-8 {
    font-size: 8.5px !important;
    /* margin-bottom: 10px; */
}
.font-9{
    font-size: 9px!important;
    margin-bottom: 10px;
}
.font-10 {
    font-size: 10.5px !important;
    margin-bottom: 10px;
}
.font-7{
    font-size: 7px !important;
    margin-bottom: 10px;
}
.mb-16px{
    margin-bottom: 16px;
}
.mb-8px {
    margin-bottom: 8px;
}
.footer-menu{
    /* Chính sách cookie */
    
        /* width: 130px;
        height: 18px;
    
        font-family: 'Inter'; */
        font-style: normal;
        font-weight: 400;
        font-size: 10.5px;
        line-height: 1.2;
        /* display: flex;
        align-items: center;
        text-align: center; */
    
        color: #FFFFFF;

        display: flex;
            flex-direction: column;
            justify-content: space-between;
    
    
        /* Inside auto layout */
        /* flex: none;
        order: 2;
        flex-grow: 0; */
        .ux-menu-link__link{
        min-height: 12.8px ;
        padding-bottom: 0;
        padding-top: 0;
        }
                .ux-menu-link--active .ux-menu-link__link,
                .ux-menu-link:hover .ux-menu-link__link,
                a.icon-circle:hover,
                a.remove:hover,
                a:hover{
                    color: #FFFFFF;
                }
}

.text-justify{
    text-align: justify;
}
.flickity-page-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.flickity-page-dots .dot {
    /* width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #d32f2f;
    
    color: #fff;
    
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    position: relative; */
/* 	pointer-events: auto; */
/*   touch-action: manipulation; */
}

.flickity-page-dots .dot.is-selected {
    /* background-color: #4caf50; */
    /* Màu xanh khi chọn */
}

.flickity-page-dots .dot::before {
    content: attr(data-index);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #1E2023;
    /* Màu chữ */
    font-size: 12px;
    opacity: 1;
    /* Kích thước chữ */
    /* font-weight: bold; */
    /* Độ đậm */
}

.flickity-page-dots .dot {
    position: relative;
}

/* Tổng thể layout cho Flickity */
.flickity-page-dots-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 20px;
}

.flickity-prev-next-button {
    /* width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #d32f2f;
    
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    font-size: 16px;
    font-weight: bold;
    transition: background-color 0.3s; */
}

/* Nút Previous */
.flickity-prev-next-button.previous {
    position: absolute;
    left: -50px;
    /* Điều chỉnh khoảng cách so với dấu chấm */
}

/* Nút Next */
.flickity-prev-next-button.next {
    position: absolute;
    right: -50px;
    /* Điều chỉnh khoảng cách so với dấu chấm */
}

/* Hiệu ứng hover */
.flickity-prev-next-button:hover {
    /* background-color: #C30707;
    border: 1px solid #C30707;
    color: #fff; */
    /* Màu xanh khi hover */
}

/* Tùy chỉnh dấu chấm */
.flickity-page-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
	z-index: 199;
}

.flickity-page-dots .dot {
    width: 28px;
    min-width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid transparent;
    color: #1E2023;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    opacity: 1;
	pointer-events: auto;
  touch-action: manipulation;
    /* font-weight: bold; */
}

.flickity-page-dots .dot.is-selected {
    background-color: #C30707;
    border: 1px solid #C30707;
    color: #fff;
    /* Màu xanh khi chọn */
}
.flickity-page-dots .dot.is-selected::before {
    color: #fff;
}
.flickity-prev-next-button{
    opacity: 0 !important;
}
.flickity-prev-next-button-cus{
    height: 28px;
    min-width: 28px;
    line-height: 28px;
    min-height: 28px;
    display: flex;
    align-items: center;
	pointer-events: auto;
  touch-action: manipulation;
}
.flickity-page-dots{
    /* bottom: -45px !important; */
}
.box-clinic{
    padding: 16px 8px !important;
    opacity: 1 !important;
}
.box-clinic .section-content{
    background: #FFFFFF;
        box-shadow: 0px 10px 15.1px -5px #FED9D9;
        border-radius: 14px;
        border: 1px solid #FFD1D2;
        padding: 10px !important;
}
.box-news{
/* 	height: 669px; */
/* 	height: 1125; */
/*     scroll-behavior: smooth; */
/*     overflow-x: hidden; */
/*     overflow-y: smooth; */
	
	.image-cover{
		border-radius: 9px;
    	overflow: hidden;
	}
	.post-title{
		order: 1;
		a{
/* 			font-family: 'Inter'; */
			font-style: normal;
			font-weight: 700;
			font-size: 21px;
			line-height: 1.2;
/* 			display: flex; */
/* 			align-items: center; */

			color: #333333;
		}
	}
	.is-divider{
		display: none;
	}
	.from_the_blog_excerpt {
		order: 2;
		font-style: normal;
		font-weight: 400;
		font-size: 12.80625px;
		line-height: 1.2;
/* 		display: flex; */
/* 		align-items: center; */
		text-align: justify;

		color: #333333;
	}
	.post-meta{
		font-weight: 400;
		font-size: 10px;
		line-height: 1.2;
		/* identical to box height, or 229% */

		/* Gray 2 */
		color: #505050;
		
		order: 3;
		
		position: absolute;
        left: calc(56.25% + 21.6px +17.075px);
        bottom: 0;
		padding-left: 12px;
	}
	.post-meta::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 5px;
		width: 10px; /* Kích thước SVG */
		height: 10px;
		transform: translate(-50%, -50%);
		background-image: url('/wp-content/uploads/2025/01/Group-8.svg');
		background-size: contain; /* Đảm bảo SVG không bị cắt */
		background-repeat: no-repeat;
	}
	.blog-post-inner{
/* 		display: flex;
		flex-direction: column;
		justify-content: flex-start; */
	}
	.box-text{
		vertical-align: top;
    	padding-top: 0;
		padding-bottom: 30px;
	}
	a.button:hover,
	a.button{
		order: 4;
		/* Group 255 */

		

		
		height: 26px;
		background: #C40707;
		border-radius: 26px;
		font-style: normal;
		font-weight: 600;
		font-size: 11px;
		line-height: 26px;
		text-align: center;
		color: #FFFFFF;
		
		position: absolute;
        right: 0;
        bottom: 0;
		
		min-width: 145px;
		
	}
	a.button::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0px;
        width: 15.5px;
        height: 14px;
		transform: translate(-50%, -50%);
		background-image: url('/wp-content/uploads/2025/01/Arrow-1-1.svg');
		background-size: contain; /* Đảm bảo SVG không bị cắt */
		background-repeat: no-repeat;
	}
	.post-item > .col-inner{
		background: #FFFFFF;
		border: 1px solid #FFD1D2;
		border-radius: 14.22916667px;
		padding: 17.075px;
		position: relative;
	}
}
.btn-linear-gradient-B80086{
    background: linear-gradient(180deg, #B80086 0%, #460556 100%) !important;
    border: 2px solid rgba(255, 255, 255, 0.48) !important;
}
.color-B80086{
    color: #B80086 !important;
}
.box-assessment-gerd select:focus,
.box-assessment-gerd select:hover,
.box-assessment-gerd select {
        /*-webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;*/
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 10" fill="%23B80086"><polygon points="0,0 20,0 10,10"/></svg>');
        /*background-repeat: no-repeat;
        background-position: right 7px center;
        background-size: 12px;*/

        border-radius: 7px;
        border: 2px solid #B80086;
        /*height: 75px;
        font-style: normal;
        font-weight: 400;
        font-size: 22px;*/
    }
.box-assessment-gerd{
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFBFE 100%)!important;
    box-shadow: 0px 4px 71.35927083px 16px rgba(147, 149, 152, 0.47)!important;
}
.box-assessment-gerd .wpcf7-radio .wpcf7-list-item:has(input:checked){
        background: #B80086 !important;
    }
.box-assessment-gerd .row-gender-age .wpcf7-number{
        border-color: #B80086 !important;
    }
    
.box-assessment-gerd .row-question
    
    
        .wpcf7-radio .wpcf7-list-item
            
            .wpcf7-list-item-label{
                
                font-size: 16px;
                text-align: center;
                
            

        
    

}
.row-agree-gerd{
    .wpcf7-list-item input[type="checkbox"]{
        border-color: #B80086 !important;
    }
    .wpcf7-list-item input[type="checkbox"]:checked{
        border-color: #B80086 !important;
    }
    .wpcf7-list-item input[type="checkbox"]:checked::before{
        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"%3E%3Cpath fill="%23B80086" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"%3E%3C/path%3E%3C/svg%3E');
  
    }
    
}
.row-submit-gerd .wpcf7-form input[type="submit"]{
        background: #B80086 !important;
    }
.result-gerd{
    .text-alert{
    color: #B80086 !important;

    }
}
.btn-B80086{

    background: #B80086 !important;
/*    border: 2px solid rgba(255, 255, 255, 0.48);*/
/*    border-radius: 37.7373px;*/

}
.btn-outline-B80086{

    border-color: #B80086 !important;
    color: #B80086 !important;
/*    border: 2px solid rgba(255, 255, 255, 0.48);*/
/*    border-radius: 37.7373px;*/

}
.slider-B80086{
    .flickity-page-dots .dot.is-selected{
        background-color: #B80086!important;
        border-color: #B80086!important;
    }
}
.box-news-B80086{
    a.button:hover, a.button{
        background-color: #B80086!important;
    }
}
.row-answer-full .wpcf7-list-item{
    width: 20% !important;
    min-width: 192px;
}
.row-answer-full .wpcf7-radio{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.row-answer-full .wpcf7-radio .wpcf7-list-item{
    margin-right: 0;
    margin-bottom: 1.2em;
}
.form-gerd{
    .wpcf7 .wpcf7-not-valid-tip{
        color: #B80086 !important;
    }

    .wpcf7-form input[type="text"]:focus, 
    .wpcf7-radio .wpcf7-list-item:has(input:checked){
        background: #B80086 !important;
    }
    .row-gender-age .wpcf7-number{
        border-color: #B80086 !important;
    }

}
.form-copd{
    .box-assessment-checklist{
        background: linear-gradient(180deg, #FFFFFF 0%, #FFF4F4 100%)!important;
        box-shadow: 0px 4px 71.35927083px 16px rgba(147, 149, 152, 0.47)!important;
    }
    
    .wpcf7-form input[type="text"]:focus, 
    .wpcf7-radio .wpcf7-list-item:has(input:checked){
        background: #FFBB00 !important;
    }
    .row-gender-age .wpcf7-number{
        border-color: #FFBB00 !important;
    }

   
    .wpcf7-form select:focus,
    select {
        /*-webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;*/
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 10" fill="%23FFBB00"><polygon points="0,0 20,0 10,10"/></svg>');
        /*background-repeat: no-repeat;
        background-position: right 7px center;
        background-size: 12px;*/

        border-radius: 7px;
        border: 2px solid #FFBB00;
        /*height: 75px;
        font-style: normal;
        font-weight: 400;
        font-size: 22px;*/
    }
    .row-question{
    
    
        .wpcf7-radio .wpcf7-list-item{
            
            .wpcf7-list-item-label{
                
                font-size: 16px;
                text-align: center;
                
            }

        }
    }
    .row-agree{
        .wpcf7-list-item input[type="checkbox"]{
            border-color: #FFBB00 !important;
        }
        .wpcf7-list-item input[type="checkbox"]:checked{
            border-color: #FFBB00 !important;
        }
        .wpcf7-list-item input[type="checkbox"]:checked::before{
            background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"%3E%3Cpath fill="%23FFBB00" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"%3E%3C/path%3E%3C/svg%3E');
      
        }
        
    }
    .row-submit .wpcf7-form input[type="submit"]{
            background: #FFBB00 !important;
        }
    .result{
        .text-alert{
            color: #FFBB00 !important;

        }
    }
    
    .wpcf7 .wpcf7-not-valid-tip{
        color: #FFBB00 !important;
    }

}
.form-copd h1{
        color: #333333 !important;
    }
.form-copd h2{
	color: #000000 !important;
	}

.box-screening-results-9 > .col-inner{
    background: rgba(255, 255, 255, 0.9);
        border-radius: 32px 32px 0px 0px;
        padding: 21px;
            /* padding-bottom: 30px; */
}
.slider-dot-333333{
    .flickity-page-dots .dot.is-selected{
        background-color: #333333;
        border: 1px solid #333333;
    }
}
.box-news-FFBB00{
    a.button:hover, a.button{
        background-color: #FFBB00!important;
        color: #333333!important;
        border-color: #FFBB00 !important;
    }
    a.button::after {
        background-image: url('/wp-content/uploads/2025/01/Arrow-1-2.svg');
    }
}

.btn-FFBB00{
    background: #FFBB00 !important;
}
.btn-outline-FFBB00{
    border-color: #FFBB00 !important;
    color: #FFBB00 !important;
}
.btn-FFBB00-333333{
    background-color: #FFBB00 !important;
        border-color: #FFBB00 !important;
    color: #333333 !important;
}
.btn-outline-FFBB00-333333{
background-color: #ffff !important;
        border-color: #FFBB00 !important;
    color: #333333 !important;
}
.btn-outline-333333-333333{
    background-color: #ffff !important;
        border-color: #333333 !important;
    color: #333333 !important;
}

.row-answer-4 .wpcf7-list-item{
    width: 25% !important;
    min-width: 235px;
}
.row-answer-4 .wpcf7-radio{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.row-answer-4 .wpcf7-radio .wpcf7-list-item{
    margin-right: 0;
    margin-bottom: 1.2em;
}
.row-answer-4  .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label{
                
               font-size: 14px !important;

            }
.box-news-item{
    background: #FFFFFF;
    border: 1px solid #FFD1D2;
    border-radius: 14.22916667px;
    padding: 17.075px;
    position: relative;
    .time-post{
        font-size: 9.960416667px;
        display: flex;
        align-items: center;
        img{
            margin-bottom: 0;
            margin-right: 4px;
/*            font-size: 9.960416667px;*/
            width: 10px;
        }
    }
    .box-text{
        vertical-align: top;
        padding-top: 0;
        padding-bottom: 0;
    }
    .bottom-line{
        position: relative;
        width: 100% !important;
        bottom: 0;
    }
    a{
        color: #100F0F;
    }
    margin-bottom: 14px;
	.box-image{
		border-radius: 9.248958333px !important;
	}
}
.slider-dot-B80086{
    .flickity-page-dots .dot.is-selected{
        background-color: #B80086;
        border: 1px solid #B80086;
    }
}

.box-assessment-title{
    margin-left: auto;
    margin-right: auto;
    .col-inner{
        background-color:rgb(195, 7, 7);
        position: relative;padding: 14px;
        border-radius: 15px;
    }
    .text-title p{
/*        font-size: 0.8893229167rem;*/
        line-height: 1;
        text-align: center;
        color: rgb(255, 255, 255);
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.2;
    }
    .text-title-sup p{
        font-size: 0.75rem;
        line-height: 1;
        text-align: center;
        color: rgb(255, 255, 255);
    }
    .triangle{
    width: 0;
    height: 0;
    border-left: 110px solid transparent;
    border-right: 110px solid transparent;
    border-top: 20px solid #C30707;

    position: absolute;
    bottom: -18px;
    left: calc(50% - 110px);
}
}
.box-assessment-title-gerd{
    .col-inner{
        
        background-color:#B80086;
    }
    .triangle{
        border-top-color:#B80086;
    }
}
.box-assessment-copd > .col-inner{
        
        background-color:#FFBB00;
    }
.box-assessment-copd {
    
    .triangle{
        border-top-color:#FFBB00;
    }
    .text-title p,
    .text-title-sup p{
        color: #333333;
    }
    
}

.form-suggested-text{
    text-align: left; 
    font-size: 1rem;
      line-height: 1.2;
      color: rgb(51, 51, 51); 
      margin-top: 8px !important;
}
.box-screening-results{
    .answers-title{
        margin-left: auto;
        margin-right: auto;
        align-items: center;
        max-width: 530px;
        margin-bottom: 24px;
    }
    .icon-box-img{

    }
    .icon-box-text {
        h3{
            font-size: 1.5rem;
/*            font-size: 1em;*/
        }
    }
    .answer-suggested-text{
/*        font-size: 0.875rem;*/
        font-size: 1.125rem;
    }
    #result{
        font-size: 1.125rem;
    }
}
.box-primary{
	border-radius: 12px;
    width: 157px;
    height: 105px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(10px);
    color: #B80086;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    text-transform: inherit;
    display: flex;
    align-items: center;
	justify-content: center;
    line-height: 1.2;
	border: solid 2px #DF1BAA;
}
.box-primary:hover{
	background: #FFFFFF;
	color: #B80086;
	border: solid 2px #DF1BAA;
}
 /* // X-Small devices (portrait phones, less than 576px) */
 /* // No media query for `xs` since this is the default in Bootstrap */

 /* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    /* ... */
}

 /* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    /* ... */
}

 /* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    /* ... */
    .footer-menu {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }
	.box-assessment-checklist {
		background: linear-gradient(180deg, #FFFFFF 0%, #FFF4F4 100%);
		box-shadow: 0px 4px 100.3px 16px rgba(147, 149, 152, 0.47);
		border-radius: 85px;
		padding: 106px;
	}

	.box-screening-results>.col-inner {
		/* background: rgba(255, 255, 255, 0.76); */
		/* border-radius: 32px 32px 0px 0px; */
		padding-left: 98px;
		padding-right: 98px;
		/* padding-bottom: 30px; */
	}
	.box-assessment-checklist .row-address label,
	.box-assessment-checklist .row-gender-age label {
		text-align: right;
		align-items: flex-end;
	}
	.box-news{
		height: 669px;
/* 		height: 1125; */
		scroll-behavior: smooth;
		overflow-x: hidden;
		overflow-y: scroll;
	}
    .box-gerd > .col-inner{
        padding-top: 8px !important;
        padding-right: 23px !important;
        padding-left: 30px !important;
        .medium-7{
            padding-top: 30px !important;
        }
    }
    .box-assessment-gerd{
        
        .row-question{
        
        
            .wpcf7-radio .wpcf7-list-item{
                
                .wpcf7-list-item-label{
                    
                    font-size: 21px;
                    
                }

            }
        }

    }
    .row-answer-full .wpcf7-radio{
        flex-direction: row;
    }
    .row-answer-full .wpcf7-radio .wpcf7-list-item{
        margin-right: 1.2em !important;
        margin-bottom: 0 !important;
    }
    .row-answer-full .wpcf7-list-item.last{
        margin-right: 0 !important;
    }

    .row-answer-4 .wpcf7-radio{
        flex-direction: row;
    }
    .row-answer-4 .wpcf7-radio .wpcf7-list-item{
        margin-right: 1.2em !important;
        margin-bottom: 0 !important;
    }
    .row-answer-4 .wpcf7-list-item.last{
        margin-right: 0 !important;
    }

    .box-news-item{
        
        
        .bottom-line{
            position: absolute;
            width: 100% !important;
            bottom: 0;
        }
    }
    .box-assessment-checklist h1{
        font-size: 2.125rem;
    }
    .box-assessment-title{
        
        .col-inner{
            
        }
        .text-title p{
            font-size: 2.134375rem;
         
        }
        .text-title-sup p{
            font-size: 0.875rem;
          
        }
        .triangle{
            
        }
    }
    /* Title styling */
.box-assessment-checklist h2 {

    margin-top: 39px;
    margin-bottom: 39px;
    font-style: normal;
    font-weight: 700;
    font-size: 1.5625rem;
    line-height: 1.2;
    text-align: left;
    color: #C30707;
}
.box-assessment-checklist h1{
    
    font-style: normal;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.2;
    text-align: center;

    color: #C40707;

    margin-bottom: 8px;
    
}
.box-assessment-checklist h3 {
    color: #b01b1b;
    font-size: 12px;
    text-align: center;
    margin-bottom: 14px;
    font-style: italic;
}
.row-address .ml-half,
.row-gender-age .ml-half{
    min-width:113px;
}
/* Label styling */
.box-assessment-checklist .row-address label,
.box-assessment-checklist .row-gender-age label {
    
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.2;
    display: flex;
    
    align-items: flex-start;
    text-align: left;
    justify-content: space-between;
    color: #333030;
    align-content: flex-end;
    flex-direction: column;

}
.box-assessment-checklist .col-age label {
    height: 59px;
    justify-content: space-between;
    align-items: flex-end;
        padding-right: 24px;
}
.row-gender-age .wpcf7-number{
    width: 100%;
    height: 75px;
    border: 2px solid #C40707;
    border-color: #C40707!important;
    border-radius: 7px !important;
    /* font-family: 'Inter'; */
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    color: #333333 !important;
}

.wpcf7-radio{
    display: flex;
}

.wpcf7-radio .wpcf7-list-item{
    position: relative;
}
.wpcf7-radio .wpcf7-list-item input{
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    border: transparent;
    
    opacity: 0;
    cursor:pointer;
}
.wpcf7-radio .wpcf7-list-item{

    background: #939598;
    width: 162px;
    height: 75px;
    border-radius: 7px;

    /* border-radius: 10px; */
    padding: 0 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-right: 10px;
}
/* Tạo kiểu dáng cho các label chứa hình ảnh */
.wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
    cursor: pointer;
    margin: 0 ;
    background-size: contain;
    background-position: left top;
    transition: transform 0.3s ease;
    /* font-family: 'Inter'; */
    font-style: normal;
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.2;
    display: flex;
    color: #FFFFFF;
    justify-content: flex-end;
    width: 100%;

    align-items: center;


}


.wpcf7-radio .wpcf7-list-item:has(input:checked){
    background: #C30707;
}

/* Thiết lập hình ảnh cho từng giới tính */
.wpcf7-radio input[value="Nam"] + span {
  background-image: url('/wp-content/uploads/2025/01/Vector-3.svg'); /* Hình ảnh Nam */
}

.wpcf7-radio input[value="Nữ"] + span {
  background-image: url('/wp-content/uploads/2025/01/Vector.svg'); /* Hình ảnh Nữ */
}

/* Đảm bảo hình ảnh phù hợp */
.wpcf7-radio input + span {
  background-size: contain;
  background-position: left;
    background-repeat:no-repeat;
    width: 40px;
    height: 57px;
}



/* Input styling */
.wpcf7-form input[type="text"],
.wpcf7-form select {
    width: 100%;
    border: 2px solid #C30707;
    border-radius: 7px;
    padding: 7px;
    margin-bottom: 14px;
    font-size: 10px;
}

.wpcf7-form input[type="text"]:focus,
.wpcf7-form select:focus {
    outline: none;
    border-color: #C30707;
}

/* Dropdown arrow styling */
.wpcf7-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 10" fill="%23b01b1b"><polygon points="0,0 20,0 10,10"/></svg>');
    background-repeat: no-repeat;
    background-position: right 7px center;
    background-size: 12px;

    border-radius: 7px;
    border: 2px solid #C30707;
    height: 75px;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
}

/* Submit button styling */
.wpcf7-form input[type="submit"] {
    background: #b01b1b;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 14px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.wpcf7-form input[type="submit"]:hover {
    background: #ff6666;
}
.wpcf7-form input[type="submit"] {
  display: none; 
  /* Ẩn nút gốc */
}
.row-agree{
    .wpcf7-list-item-label{
        display: none; /* Ẩn nút gốc */
    }
}
/* Kiểu mặc định cho checkbox */
.wpcf7-list-item input[type="checkbox"] {
  appearance: none; /* Loại bỏ kiểu mặc định */
  -webkit-appearance: none;
  width:78px; /* Kích thước checkbox */
  height: 78px;
  border: 2px solid #C30707; /* Viền màu xanh đậm */
  border-radius: 7px; /* Bo góc nhẹ */
  background-color: white; /* Nền trắng */
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
    display:flex;
}

/* Trạng thái khi hover */
.wpcf7-list-item input[type="checkbox"]:hover {
  border-color: #C30707; /* Thay đổi viền khi hover */
}

/* Khi được chọn */
.wpcf7-list-item input[type="checkbox"]:checked {
  background-color: white; /* Nền checkbox */
  border-color: #C30707; /* Viền khi chọn */
}

/* SVG dấu "check" */
.wpcf7-list-item input[type="checkbox"]:checked::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px; /* Kích thước SVG */
  height: 78px;
  transform: translate(-50%, -50%);
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"%3E%3Cpath fill="%23C30707" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"%3E%3C/path%3E%3C/svg%3E');
  background-size: contain; /* Đảm bảo SVG không bị cắt */
  background-repeat: no-repeat;
}
.row-question{
    align-items: center;
    label{
        /* Có khò khè/ thở rít hay những đợt khò khè/ thở rít tái đi tái lại */

        /* width: 618px;
        height: 118px; */

        /* font-family: 'Inter'; */
        font-style: normal;
        font-weight: 400;
        font-size: 21px;
        line-height: 1.2;
        /* display: flex; */
        /* align-items: center; */
        color: #1E1E1E;
        margin-bottom: 0;

        /* Inside auto layout */
        /* flex: none; */
        /* order: 0; */
        /* flex-grow: 0; */

    }
        .wpcf7-radio{
        justify-content: flex-end;
        }
    
    .wpcf7-radio .wpcf7-list-item{
        /* Rectangle 16 */

        /* position: absolute; */
        width: 110px !important;
        height: 53px !important;
        /* left: 933.86px; */
        /* top: 22.76px; */

        background: #D9D9D9 !important;
        /* border-radius: 10px ; */
        .wpcf7-list-item-label{
            /* Có */

            /* position: absolute;
            width: 189.48px;
            height: 116.17px;
            left: 906px;
            top: 1.83px; */

            /* font-family: 'Inter'; */
            font-style: normal;
            font-weight: 400;
            font-size: 21px;
            line-height: 1.2 !important;
            /* display: flex;
            align-items: center;
            text-align: center; */

            color: #000000;

            justify-content: center;

            min-height: 53px !important;
            text-align: center;
        }

    }
    .wpcf7-list-item.last{
        margin-right: 0;
    }
    .wpcf7-list-item:has(input:checked){
        background: #C30707 !important;
        .wpcf7-list-item-label{
            color: #fff!important;
        }
    }
}
.box-assessment-checklist{
    background: linear-gradient(180deg, #FFFFFF 0%, #FFF4F4 100%);
    box-shadow: 0px 4px 100.3px 16px rgba(147, 149, 152, 0.47);
    border-radius: 24px;
    padding: 30px;
}
.row-agree{
        .col {
        padding-bottom: 30px;
    }
    margin-top:46px;
    label,p{
        font-style: normal;
        font-weight: 700;
        font-size: 1.5625rem;
        line-height: 1.2;
        text-align: center;
    }
}
    .row-question{
        .col {
        padding-bottom: 30px !important;
    }
        align-items: center;
        label{
            /* Có khò khè/ thở rít hay những đợt khò khè/ thở rít tái đi tái lại */

            /* width: 618px;
            height: 118px; */

            /* font-family: 'Inter'; */
            font-style: normal;
            font-weight: 400;
            font-size: 1.3125rem;
            line-height: 1.2;
            /* display: flex; */
            /* align-items: center; */
            color: #1E1E1E;
            margin-bottom: 0;

            /* Inside auto layout */
            /* flex: none; */
            /* order: 0; */
            /* flex-grow: 0; */

        }
        .wpcf7-radio{
            justify-content: flex-end;
        }
        
        .wpcf7-radio .wpcf7-list-item{
            /* Rectangle 16 */

            /* position: absolute; */
            width: 110px !important;
            height: 53px !important;
            /* left: 933.86px; */
            /* top: 22.76px; */

            background: #D9D9D9 !important;
            /* border-radius: 10px ; */
            .wpcf7-list-item-label{
                /* Có */

                /* position: absolute;
                width: 189.48px;
                height: 116.17px;
                left: 906px;
                top: 1.83px; */

                /* font-family: 'Inter'; */
                font-style: normal;
                font-weight: 400;
                font-size: 1.3125rem;
                line-height: 1.2 !important;
                /* display: flex;
                align-items: center;
                text-align: center; */

                color: #000000;

                justify-content: center;

                min-height: 53px !important;
                text-align: center;
            }

        }
        .wpcf7-list-item.last{
            margin-right: 0;
        }
        .wpcf7-list-item:has(input:checked){
            background: #C30707 !important;
            .wpcf7-list-item-label{
                color: #fff!important;
            }
        }
    }
    .form-suggested-text{
        text-align: center;
        font-size: 1.0671875rem;
        line-height: 1.2;
        color: rgb(51, 51, 51);
        margin-top: 8px !important;
        max-width: 980px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .box-screening-results{
        .answers-title{
            margin-left: auto;
            margin-right: auto;
            align-items: center;
            max-width: 530px;
            margin-bottom: 24px;
        }
        .icon-box-img{

        }
        .icon-box-text {
            h3{
                font-size: 2.125rem;
/*                font-size: 1em;*/
            }
        }
        .answer-suggested-text{
/*            font-size: 0.875rem;*/
            font-size: 1.375rem;
        }
        #result{
            font-size: 1.5625rem;
        }
    }
	.box-primary{
		border-radius: 12px;
		width: 230px;
		height: 150px;
		background: #FFFFFF;
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
		backdrop-filter: blur(10px);
		color: #B80086;
		font-style: normal;
		font-weight: 700;
		font-size: 24px;
		text-transform: inherit;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1.2;
		border: solid 2px #DF1BAA;
	}
}



@media (min-width: 1200px) {
    /* ... */
}

 /* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    /* ... */
}
/* Additional styling for responsiveness */
/* @media (max-width: 768px) { */
/*     .wpcf7-form {
        padding: 15px;
    }

    .gender-buttons .wpcf7-list-item {
        margin-right: 5px;
    }

    .wpcf7-form h2 {
        font-size: 18px;
    } */
/* } */