/** Start Template Kit CSS: Insurance (css/customizer.css) **/

/* Envato custom css for elementor kit 27 */
/* Icons from https://www.flaticon.com/ */

/* Tab */
.tab-content{
  width:65%;
	float:left;
}
.tab-img{
	width:35%;
	float:left;
	padding-right: 30px;
}

.tab-content h3{
	font-size: 28px;
	font-weight:700;
	color:#222;
}
.elementor-widget-tabs .elementor-tab-content{
	background:#fff;
	padding:40px;
}
.elementor-widget-tabs .elementor-tab-title.elementor-active{
	background:#fff;
}
.elementor-widget-tabs .elementor-tab-title{
	padding: 20px 45px;
}

/* Team single Progress Bar */
.team-info{
	color:#a7a7a7;
	margin-bottom:5px;
	font-family: Sans-serif;
}

.team-info i{
	margin-right:6px;
}

/* Progress bar */
.elementor-progress-wrapper{
	height: 20px;
	line-height: 20px;
}

/* Responsive Mobile */
@media (max-width : 767px){
	.tab-content {
			width: 100%;
	}
	.tab-img{
		width:100%;
		padding-right: 0;
	}
	.tab-content h3{
		font-size: 20px;
		margin-top: 20px;
	}
}

/* Global */
h3:first-child{
   padding-top: 0;
	 margin-top:0;
}

/** End Template Kit CSS: Insurance (css/customizer.css) **/

/* --- 專門針對 Samsung S22/A52 等手機版 Popup 優化 --- */
@media only screen and (max-width: 767px) {
    
    /* 1. 加大彈窗內容字體，確保手機清楚閱讀 */
    .pum-content, .pum-content p, .pum-content span {
        font-size: 17px !important; /* 加大至 17px */
        line-height: 1.6 !important; /* 增加行距，避免字疊字 */
        text-align: left !important;
    }

    /* 2. 加大彈窗標題 */
    .pum-title {
        font-size: 22px !important;
        margin-bottom: 15px !important;
    }

    /* 3. 強制加大右上角粒「X」關閉掣，解決難撳問題 */
    .pum-close {
        width: 42px !important;    /* 增大點擊區域 */
        height: 42px !important;   /* 增大點擊區域 */
        line-height: 42px !important;
        font-size: 30px !important; /* 加大 X 的符號 */
        background-color: #eeeeee !important; /* 加個淺灰色底色，更易見到 */
        color: #333333 !important;    /* 深色 X 符號 */
        border-radius: 50% !important; /* 圓形按鈕 */
        top: -10px !important;         /* 稍微移出邊框，唔好同內容重疊 */
        right: -10px !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important; /* 加陰影令佢更立體 */
    }

    /* 4. 確保彈窗喺手機唔會縮埋一舊 */
    .pum-container {
        width: 92% !important; /* 佔據手機屏幕 92% 闊度 */
        padding: 20px !important;
    }
}

/* 針對手機版 (480px以下) 的字體及按鈕優化 */
@media only screen and (max-width: 480px) {
    /* 加大內文 */
    .pum-content {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
    /* 加大右上角粒 X 掣，方便手指撳 */
    .pum-close {
        width: 35px !important;
        height: 35px !important;
        line-height: 35px !important;
        font-size: 24px !important;
        background: #eee !important;
        border-radius: 50% !important;
    }
}