@charset "UTF-8";
/*
Theme Name: Twin City Dental
Theme URI: https://twincityclinic.com.sg
Author: Harsha Dushantha @Mashroom Team
Author URI: https://www.mashroom.sg
Description: Twin City Dental is a customized theme.
Version: 1.0
Text Domain: twincity
Tags: twincity, twincity dental, singapore
*/

header .header_wrapper .header {
	padding: 10px 0;
}
.side_bar ul li a {
	padding: 15px 0;
}
.side_bar ul li.active-service a {
	color: #175c60;
	font-weight: 600;
}
.side_bar ul li a:hover {
	color: #175c60;
	text-decoration: none;
}
.common_section .content .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
	padding: 0;
}
.common_section .content .elementor-column-gap-default > .elementor-column > .elementor-element-populated p {
	font-family: "gopherregular";
	font-weight: 400;
	font-size: 16px;
	line-height: 25px;
	color: #175c60;
}
.common_section .content .elementor-column-gap-default > .elementor-column > .elementor-element-populated h6 {
	font-size: 18px;
	color: #175c60;
	font-weight: 400;
}
.common_section .content .elementor-column-gap-default > .elementor-column > .elementor-element-populated .elementor-widget-image {
	text-align: center;
	margin: 0 0 35px 0 !important;
}
.service-book_appointment {
	margin: 60px 0 20px 0;
}
.ourdoctors_section .doctors_wrapper .item a h3{
	color: #175c60;
}
.ourdoctors_section .doctors_wrapper .item a:hover {
	text-decoration: none;
}

.form_refering_block {
	padding: 0 0 40px 0;
}
.form-wrapper input[type="tel"], .form-wrapper input[type="date"] {
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	border: 1px solid #457d80;
	padding: 0 15px;
	color: #175c60;
	outline: none;
}
.hero_banner .content_block .btn-wrapper {
	margin: 10px 0 15px 0;
}
footer .footer_wrapper ul li a{
	color: #FFF;
}
.visit_us_block .clinic-phone {
	margin: 20px 0 0 0;
}
input[type="file"] {
	opacity: 0;
  }
.book_appoinment .btn {
	width: 100%;
}
.wpcf7-not-valid-tip {
	margin: 0 0 0px 20px !important;
	float: left;
}
.wpcf7 form .wpcf7-response-output {
	margin: 0 0 15px 0 !important;
	border: 2px solid #dc3232 !important;
	background-color: #dc3232;
	color: #FFF;
	text-align: center;
}
.wpcf7-form.sent .wpcf7-response-output {
	border: 2px solid #159515 !important;
	background-color: #159515;
}
.fileupload label {
	cursor: pointer;
}
.checkbox_container .wpcf7-checkbox .wpcf7-list-item-label {
	font-size: 0;
	top: -3px;
	border: 1px solid #457d80;
	left: 0;
}
.checkbox_container {
    width: 100%;
    padding: 0 !important;
}
.checkbox_container .wpcf7-list-item {
    width: 100%;
}
.hero_banner .image_block {
	height: auto;
	border-radius: 200px;
}
nav ul li a {
	color: #8da5a6;
}
nav ul li a:hover, nav ul li.current-menu-item a {
	color: #175c60;
}
.about_section .content_block h2 {
	padding: 0 10px 0 0;
}
.form-wrapper .date-referral::after {
	content: "";
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 20px;
	height: 20px;
	background-image: url("../images/drop.svg");
	background-repeat: no-repeat;
	background-size: 100%;
	display: block;
	z-index: -1;
}
.visit_us_block .item_inner h4 {
	position: relative;
	margin: 0 0 25px 0;
}
.visit_us_block .item_inner h4::after {
    width: 50px;
	height: 1px;
	background: #c0a75e;
	position: absolute;
	left: 0;
	bottom: -7px;
	content: "";
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.choice-wrapper .choices {
	margin-bottom: 0;
}
.choice-wrapper .choices .title.indicate-title {
	padding-left: 15px;
}
.file-upload {
	display: none;
}
.heading_block h2 {
	/* background: linear-gradient(90deg, #ebf2ea 18%, #f9f9f7 32%, #f9f9f7 100%); */
	background: linear-gradient(90deg, #ebf2ea 18%, #ebf2ea 32%, #f9f9f7 100%);
	padding: 0 10px 0 0;
}
.our_services .services_block h2 {
	background: linear-gradient(90deg, #ebf2ea 18%, #ebf2ea 32%, #f9f9f7 100%);
	padding: 0 10px 0 0;
}
::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
body.single-services .elementor-widget-wp-widget-media_image {
	text-align: center;
}
body.single-services .elementor img {
    width: unset !important;
}
header {
    height: auto;
}
.hero_banner_our_doctors .image_block {
	height: auto;
}
.about_section .image_block {
	height: auto;
}
.content-404 {
	min-height: 300px;
}
.side_bar ul {
	width: 70%;
}
.side_bar {
	padding-right: 0;
}
body.single-services .txt_content_block {
	padding-left: 100px;
}
.about_section .para_content p {
	font-size: 18px;
	line-height: 27px;
}
.our_services .services_block .item h3 {
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 15px 0;
}
.hero_banner .content_block h1 {
	font-size: 55px;
	line-height: 50px;
}
.visit_us .visit_us_block .item .item_inner {
	padding: 35px 30px;
}
.visit_us .visit_us_block .item {
	padding: 0 30px;
}
.book_appointment h2 {
	margin-bottom: 5px;
}
.book_appointment .btn {
	margin: 20px auto 0 auto;
}
.hero_banner .image_block {
	border: 0;
	border-radius: 0;
	padding: 0;
}
.faq_section .faq_wrapper .faq-item.active .answer ol {
	padding: 0 15px;
}
.faq_section .faq_wrapper .faq-item .question {
	padding: 30px 40px 30px 40px;
}
.faq_section .faq_wrapper .faq-item .question::after {
	right: 40px;
}
footer {
	background-color: #175c60;
}
.ourdoctors_section .doctors_wrapper .item .item-outer::after {
	width: 96%;
	height: 96.5%;
	top: 7px;
	left: 5px;
}
.book_appoinment {
	padding: 40px 0 98px 0;
}
.wpcf7-checkbox .wpcf7-list-item-label {
	width: 93%;
}
.hero_banner .row {
	align-items: normal;
}
.hero_banner .image_block .image_inner img, .hero_banner .certi img {
 /* image-rendering: -webkit-optimize-contrast; */
 transform: translateZ(0);
}

@media screen and (max-width: 1920px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1400px;
	}

}

@media screen and (max-width: 1440px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1200px;
	}
}
@media screen and (max-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1140px;
	}
	body.single-services .txt_content_block {
		padding-left: 80px;
	}
}

@media screen and (max-width: 991px) {
	.heading_block h2, .our_services .services_block h2  {
		background: #f9f9f7 !important;
	}
	body.single-services .txt_content_block {
		padding-left: 15px;
	}
	.side_bar ul {
		width: 100%;
	}
	.side_bar {
		padding-right: 15px;
	}
	.hero_banner .content_block .btn-wrapper a {
		width: auto;
	}

	.faq_section .faq_wrapper .faq-item .question {
		font-size: 18px;
		padding: 30px 50px 30px 20px;
	}
	.faq_section .faq_wrapper .faq-item .question::after {
		right: 15px;
	}
}

@media screen and (max-width: 767px) {
nav ul li a {
	font-size: 25px;
	line-height: 35px;
}
.visit_us .visit_us_block .item .item_inner .available_hours {
	text-align: center;
}
.visit_us .visit_us_block .item .item_inner .open_close {
	text-align: center;
}
.hero_banner .content_block h1 {
	font-size: 35px;
	line-height: 40px;
}
.hero_banner .content_block h1 br {
	display: none;
}
.visit_us .visit_us_block .item .item_inner address {
	text-align: center;
}
.visit_us_block .item_inner h4 {
	text-align: center;
}
.visit_us_block .item_inner h4::after {
	transform: translate(-50%, -50%);
	left: 50% !important;
}
nav ul li {
	margin: 0 0 20px 45px;
}
.about_section .image_block {
	height: 475px;
}
.heading_block h2 {
	background: #f9f9f7 !important;
}
.about_section .para_content p {
	font-size: 16px;
	line-height: 25px;
}
.about_section .content_block a {
	margin: 30px auto 0 auto;
}
.hero_banner .content_block h3 br {
	display: none;
}
.email_contact {
	margin: 0 0 30px 0;
}



}