.page { margin: 0; }
.entry-content { margin: 0; }
.two-col-box .equal-text { display: flex; justify-content: center; align-items: center; }
.red-clr-word h2 span { color: #CC2330; }
.teeth-box:hover {box-shadow: 2px 2px 11px 3px #81767685;}
.banner-section .left-side-text { padding: 0; width: 70%; }
.banner-section .left-side-text .e-con-inner { width: 620px; margin: 0 0 0 auto; padding: 0 40px 0 15px; }

/* contact-us-form  */
.contact-us-form form .ff-el-input--content .ff-el-form-control { padding: 6px 15px;background:transparent;border-color:#CC2330;border-width: 1px !important; color:#000; }
.contact-us-form form .ff-el-input--content #ff_3_dropdown { color:#222528; padding: 6px 15px 6px 10px; }
.contact-us-form form .ff-el-input--content .ff-el-form-control::placeholder { color:#222528; font-size:16px; }
.contact-us-form form .ff-el-input--content .ff-el-form-check-label input[type="checkbox"] { transform: scale(1.8);margin-right: 10px;accent-color: lightgray; }
.contact-us-form .frm-fluent-form .ff-t-container { display:flex; gap: 10px; }
.contact-us-form .frm-fluent-form .ff-t-container .ff-t-cell { width: 50%; }
.contact-us-form form .ff_submit_btn_wrapper .ff-btn-submit:hover { border:1px solid #cc2330 !important; background:transparent !important; color:#cc2330!important; }

h1, h2, h3, h4, h5, h6, p, ul{ margin: 0px;}
/* Single page style */
.single .content-sec .container{ width: 1240px; margin: 0 auto; padding: 0 20px; }
.banner-sec .content-wrap { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 125px 0; position:relative; }
.banner-sec .content-wrap::before { content:" "; top:0; left:0; position:absolute; width:100%; height:100%; background:#0000005c; z-index:0; }
.banner-sec .content-wrap h1 { text-align: center; color:#fff; z-index: 1; position: relative; }
.banner-sec .content-wrap .red-line { width: 240px; display: block; height: 2px; background: red; margin: 25px auto; z-index: 1; position: relative; }
.banner-sec .content-wrap p { text-align: center; color:#fff; z-index: 1; position: relative; }
.single .content-sec .main-wrap-content .left-col .wp-block-heading{ margin:30px 0 0 0; line-height:34px; }
.single .content-sec .main-wrap-content .left-col p,
.single .content-sec .main-wrap-content .left-col .wp-block-list:last-child,
.single .content-sec .main-wrap-content .left-col .wp-block-list:nth-of-type(8){ margin:15px 0 0 0; }
.single .content-sec .main-wrap-content .left-col .wp-block-heading:first-child{ margin:0; }
.single .content-sec .main-wrap-content .left-col ol{ margin: 15px 0 0 0;padding: 0 0 0 20px; } 
/* .single.postid-703 .content-sec .main-wrap-content .left-col .wp-block-list { margin:15px 0 0 0; } */
.single.postid-745 .content-sec .main-wrap-content .left-col ul:nth-of-type(1){ margin-top:15px; }
.single.postid-745 .content-sec .main-wrap-content .left-col ol{ margin: 15px 0 0 20px; } 
.single .content-sec .main-wrap-content .left-col .wp-block-list:last-child{ padding: 0 0 0 30px; }

.single .content-sec { margin-top: 20px; }
.single .content-sec .main-wrap-content { display: flex; gap: 30px; padding-bottom: 50px; }
.single .content-sec .main-wrap-content .left-col { width: 68%; }
.single .content-sec .main-wrap-content .right-col { width: 27%; }
.single .content-sec .main-wrap-content .right-col h2 { color: #CC2330; font-size: 25px; line-height: 28px; }
.single .content-sec .main-wrap-content .right-col .box-wrap { margin-top: 20px; display: flex; flex-direction: column; gap: 15px; }
.single .content-sec .main-wrap-content .right-col .box-wrap .box { background: #000; padding: 20px; }
.single .content-sec .main-wrap-content .right-col .box-wrap .box h3 { font-size: 18px; color: white; }
.single .content-sec .main-wrap-content .right-col .box-wrap .box p { font-size: 15px; color: white; font-style: italic; }
.single .content-sec .main-wrap-content .right-col .box-wrap .box .red-line { width: 90px; display: block; height: 2px; background: red; margin-top: 20px; margin-bottom: 10px; }
.single .content-sec .main-wrap-content .right-col .box-wrap .box a { font-size: 14px; color: white; text-decoration: none; line-height: 20px; }
/* Single page style end*/

/* blog page css  */
.custom-post-list { display: flex; gap: 20px; flex-wrap: wrap; }
.custom-post-list .custom-post { width: 400px; background-color:#403e3e; }
.custom-post-list .custom-post .post-thumb img { width: 100%; }
.custom-post-list .custom-post .post-info { padding: 20px; }
.custom-post-list .custom-post .post-info .post-title { line-height: normal; font-size: 23px; margin-bottom: 5px; color: #fff; font-weight: 800; }
.custom-post-list .custom-post .post-info .post-excerpt { font-size: 18px; font-style: italic; color: #fff; width:342px; }
.custom-post-list .custom-post .post-info .post-first-heading { margin-top: 55px; position: relative; }
.custom-post-list .custom-post .post-info .post-first-heading .box-title { line-height: normal; color: #fff; width:89%; display: block; }
.custom-post-list .custom-post .post-info .post-first-heading::before { content: ""; top: -13px; left: 0; position: absolute; height: 1px; width: 102px; background: red; }
.custom-post-list .custom-post .post-info .post-first-heading::after { content: ""; position: absolute; bottom: 0; right: -2px; width: 26px; height: 26px; transform: rotate( 180deg); background-image: url('https://heartslanddental.com.sg/wp-content/uploads/2025/09/OUR-SERVICES-BACK-BUTTON.svg'); background-size: contain; background-repeat: no-repeat; }

/* service page child pages css  */
.two-col-section .mobile-img-show{ display:none; }
.two-col-section .left-img { min-height: 610px; }
.two-col-section .right-content .text-box { width: 100%; min-width: 500px; max-width: 667px; }
.two-col-section .right-content .text-box .dental-implants-list-box ul { gap: 8px 11px; padding-right: 10px; }
.two-col-section .right-content .text-box .dental-implants-list-box ul li { margin: 0 !important; }

/* responsive */

@media (max-width:1280px){
	.single .content-sec .container { width:100%; }
	.single .content-sec .main-wrap-content .right-col {width: 30%;}
	.single .content-sec .main-wrap-content .left-col .wp-block-heading:first-child br { display: none; }
	.custom-post-list{ gap:22px; }
	.custom-post-list { justify-content: center; }
	.custom-post-list .custom-post .post-info .post-excerpt{ width:100%; }
	.banner-section .left-side-text .e-con-inner .text-wrapping br { display: none; }
}

@media(max-width:1200px){
	.two-col-section{ flex-direction:column!important; gap:20px; }
	.two-col-section .mobile-img-show{ display:block !important; padding:0 20px; }
	.two-col-section .mobile-img-show .elementor-hidden-desktop{ display:block!important; padding:0 15px; }
	.two-col-section .mobile-img-show .elementor-hidden-desktop img{width:100%; height:auto; max-width:80%;}
	.two-col-section .left-img{ display:none!important; min-width:100%; background-image: none !important;}
	.two-col-section .right-content{ width:100%; padding:0 20px; margin:0; gap:12px; }
	.two-col-section .right-content .text-box { padding: 0; width:100%; max-width:100%; min-width:100%; }
	.two-col-section .right-content .text-list { padding: 0; width:100%; }
	.two-col-section .right-content .red-divider { margin: 10px 0 0 0; padding: 0px 0px 0px 2px !important; }
	.two-col-section .right-content .text-box br{ display:none; }
	.two-col-section .right-content .text-box-last { padding: 0; }
	.two-col-section .right-content .text-box .elementor-widget-text-editor { width: 100%; }
	.two-col-section .right-content h1 br { display: none; }
	.two-col-section .right-content .text-list ul { padding:0 0 0 20px; }
	.two-col-section .right-content .text-box .dental-implants-list-box ul { gap: 8px 25px;padding-right: 15px;padding-left: 6px; }
}

@media (max-width:1024px){
	.single .content-sec .main-wrap-content{ flex-direction:column; padding-bottom: 40px; }
	.single .content-sec .main-wrap-content .left-col,
	.single .content-sec .main-wrap-content .right-col { width:100%; }   
	.single .content-sec .main-wrap-content .right-col .box-wrap {flex-direction:row;flex-wrap: wrap;}
	.single .content-sec .main-wrap-content .right-col .box-wrap .box { width: 280px; }
	.custom-post-list .custom-post { width: 45%; }
	.custom-post-list .custom-post .post-info .post-first-heading a{ width: 80%; display: block;}
	.custom-post-list .custom-post .post-info .post-title {font-size: 21px;}
}

@media (max-width: 950px) {
	.banner-section { flex-direction:column-reverse !important; }
	.banner-section .right-side-img { width: fit-content; margin:0 auto; }
	.banner-section .left-side-text .e-con-inner { width: 100%; padding: 0 15px; }
	.banner-section .left-side-text { width: 100%; }
	.zig-zack-sec .e-con-inner { flex-direction: column !important; }
	.zig-zack-sec .e-con-inner .zig-zack-left { width: fit-content; margin: 0 auto; }
	.zig-zack-sec .e-con-inner .zig-zack-right{ width:100%; }
	.zig-zack-sec-two .e-con-inner { flex-direction: column-reverse !important; }
	.zig-zack-sec-two .e-con-inner .zig-zack-left { width: fit-content; margin: 0 auto; }
	.zig-zack-sec-two .e-con-inner .zig-zack-right{ width:100%; }	
}

@media (max-width:768px){
	.custom-post-list { flex-direction:column; justify-content: center; align-items: center; }
	.custom-post-list .custom-post { width: 80%; }	
	.custom-post-list .custom-post .post-info .post-excerpt{ font-size:16px; }
}

@media (max-width:640px){
	.single .content-sec .main-wrap-content .right-col .box-wrap .box { width:100%; }
	.single .content-sec .main-wrap-content{ padding-bottom: 30px; }
	.custom-post-list .custom-post { width: 90%; }
}

@media(max-width:520px){
	.contact-us-form .frm-fluent-form .ff-t-container{ flex-direction:column; gap:0; }
	.custom-post-list .custom-post .post-info .post-excerpt{ font-size:14px; }
	.custom-post-list .custom-post .post-info .post-first-heading{ margin-top:30px; }
	.contact-us-form .frm-fluent-form .ff-t-container .ff-t-cell { width: 100%; }
	.custom-post-list .custom-post { width:100%; }
}