/*
Theme Name: ST Camillus Healthcare Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: st-camillus
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: ST Camillus Healthcare is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1750052561
Updated: 2025-06-16 05:42:41

*/

body {font-family: Poppins, sans-serif;}

.mainheader .hfe-nav-menu .hfe-button-wrapper {margin-left: 40px;}
.mainheader .hfe-nav-menu .hfe-button-wrapper a {color: #fff !important;}
.sitefooter .hfe-nav-menu li a {background-image: url('images/sent.png'); background-repeat: no-repeat; background-position: left center;}
.continfo .elementor-icon-list-icon {border: 2px solid #fff; border-radius: 100px; padding: 4px;}
.continfo .elementor-icon-list-icon svg {margin-right: 0px !important;}
.continfo .elementor-icon-list-text {margin-left: 10px;}
.inputwrap {display: flex; gap: 10px;}
.inputwrap div {width: 50%;}
.formbtn {position: relative; text-align: center;}
.contactform select {
	font-size: 15px;
	color: #626161;
	font-weight: 400;
	font-family: Poppins, sans-serif;
	-webkit-appearance: none;
  	-moz-appearance: none;
	background-image: url('images/arrow.png');
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.wpcf7-checkbox {padding-top: 12px !important; display: block;}
.wpcf7-checkbox .wpcf7-list-item {margin-left: 0px; margin-right: 15px;}
.wpcf7-checkbox .wpcf7-list-item label {font-weight: 400 !important; color: #626161 !important;}
.wpcf7-not-valid-tip {font-family: Poppins, sans-serif; font-size: 14px;}
.formbtn p {margin-bottom: 0px;}
.formbtn .wpcf7-spinner {position: absolute; top: 10px;}
.formbtn .wpcf7-submit {background-image: linear-gradient(150deg, var(--e-global-color-primary) 37%, var(--e-global-color-accent) 84%);}
.wpcf7-response-output {text-align: center; font-family: Poppins, sans-serif; font-size: 14px;}
.selectwrap {padding-left: 22px; padding-right: 22px;}
.service_box {
	font-family: Poppins, sans-serif;
	text-align: center;
}
.serviceboxcont {
	padding: 52px 24px 28px 24px;
	background-color: #fff;
	border-radius: 24px;
}
.service_box h3 {
	font-weight: 700; 
	font-size: 25px; 
	color:#000;
	overflow: hidden;
   	display: -webkit-box;
   	-webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3; 
   	-webkit-box-orient: vertical;
}
.service_box .servicebtn {
	max-width: 160px; 
	display: block;
	text-decoration: none;
	padding: 14px 15px;
	border-radius: 100px;
	background-image: linear-gradient(150deg, var(--e-global-color-primary) 37%, var(--e-global-color-accent) 84%);
	color: #fff;
	font-weight: 500; 
	font-size: 15px;
	text-transform: uppercase;
	margin: auto;
    line-height: 1.3;
}
.service_box .servicebtn:hover {
	background-image: linear-gradient(150deg, var(--e-global-color-accent) 37%, var(--e-global-color-primary) 84%);
}
.service_box .service-icon {margin-bottom: -40px; position: relative;}
.service-icon span {width: 95px; height: 95px; border-radius: 100%; background-color: #56b8d1; display: block; margin: auto; padding: 12px; border: 7px solid #6ab040;}
.service-icon span img {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(207deg) brightness(102%) contrast(105%);}
#servicewrap .owl-nav {
	position: absolute;
    top: -95px;
    right: 0;
}
#servicewrap .owl-nav button {
	background-color: transparent !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	width: 80px;
    height: 55px;
}
#servicewrap .owl-nav .owl-prev {background-image: url('images/left-arrow.png') !important;}
#servicewrap .owl-nav .owl-next {background-image: url('images/right-arrow.png') !important;}
#servicewrap .owl-nav button span {display: none;}
.conbox .hfe-infocard-text {word-break: break-word;}
.listbox .elementor-icon-list-item {border-bottom: 1px solid #000;}
.listbox .elementor-icon-list-item:last-child {border-bottom: 0px solid #000;}
.service_innerwrap {display: flex; align-items: center;}
.service_innerwrap .image_main_wrap {width: 50%;}
.service_innerwrap .sercontent {width: 50%;}
.service_innerwrap .image_main_wrap img {width: 560px; height: 560px; object-fit: cover; border-radius: 20px;}
.service_innerwrap .sercontent h2 {font-size: 30px; line-height: 1.2; color: #000; font-weight: 700;}
.service_innerwrap .sercontent h3 {
	font-weight: 500; 
	font-size: 25px;
	color: #000;
	margin-top: 14px;
	margin-bottom: 8px;
}
.service_innerwrap .sercontent h4 {
	font-weight: 500; 
	font-size: 25px;
	color: #3c9c35;
	margin-top: 14px;
	margin-bottom: 8px;
}
.service_innerwrap .sercontent p, .service_innerwrap .sercontent ul li {font-size: 15px; color: #000; line-height: 1.4;}
.service_innerwrap .sercontent ul {padding-left: 0px;}
.service_innerwrap .sercontent ul li {
	list-style: none;
	background-image: url('images/blue-arrow.png');
	background-repeat: no-repeat;
	background-position: 0% 29%;
	padding-left: 25px;
	margin-bottom: 8px;
}
.service_outerwrap {padding: 45px 0px; border-bottom: 1px solid #3c9c35;}
.service_outerwrap:last-child {border-bottom: 0px;}
.ser-btm-txt {text-align: center; margin-top: 25px;}
.ser-btm-txt p {font-size: 20px; font-weight: 500; color: #000; margin-bottom: 0; line-height: 1.4;}
.service_outerwrap:nth-child(odd) .service_innerwrap {flex-direction: row-reverse;}
.service_outerwrap:nth-child(odd) .service_innerwrap .sercontent {padding-right: 40px;}
.service_outerwrap:nth-child(even) .service_innerwrap .sercontent {padding-left: 20px;}
body.error404 .site-main {padding: 80px 20px 40px; text-align: center;}



@media only screen and (min-width: 1201px) and (max-width: 1300px) {
.mainheader .hfe-nav-menu .hfe-button-wrapper {margin-left: 32px;}	
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
.service_innerwrap .sercontent h4, .service_innerwrap .sercontent h3 {font-size: 23px;}	
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.mainheader .hfe-nav-menu .hfe-button-wrapper {margin-left: 0px;}	
.service_box h3 {font-size: 22px;}
.service_innerwrap {display: block;}
.service_innerwrap .image_main_wrap {text-align: center;}
.service_innerwrap .sercontent, .service_innerwrap .image_main_wrap {width: 100%;}
.service_outerwrap:nth-child(odd) .service_innerwrap .sercontent {padding-right: 0;}
.service_outerwrap:nth-child(even) .service_innerwrap .sercontent {padding-left: 0;}
.ser-btm-txt p {font-size: 17px;}
.service_innerwrap .sercontent h4, .service_innerwrap .sercontent h3 {font-size: 22px;}
.service_innerwrap .sercontent h2 {font-size: 26px; text-align: center;}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
.mainheader .hfe-nav-menu .hfe-button-wrapper {margin-left: 0px;}
.continfo .elementor-icon-list-text {word-break: break-word;}
#servicewrap .owl-nav {
    position: inherit;
    top: 0;
    right: 0;
}
.inputwrap {display: block;}
.inputwrap div {width: 100%;}
.service_innerwrap {display: block;}
.service_innerwrap .sercontent, .service_innerwrap .image_main_wrap {width: 100%;}
.service_outerwrap:nth-child(odd) .service_innerwrap .sercontent {padding-right: 0;}
.service_outerwrap:nth-child(even) .service_innerwrap .sercontent {padding-left: 0;}
.ser-btm-txt p {font-size: 17px;}
.service_innerwrap .sercontent h4, .service_innerwrap .sercontent h3 {font-size: 22px;}
.service_innerwrap .sercontent h2 {font-size: 25px; text-align: center;}
.service_innerwrap .image_main_wrap img {height: 450px;}
.service_outerwrap {padding: 35px 0px;}
body.error404 .site-main .entry-title {font-size: 30px;}
}