/*
 Theme Name:     Elevator Care Center
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    With a commitment to excellence, we ensure the safest, most efficient, and reliable solutions for all your vertical transportation needs.
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

/********** Common **********/
.text-orange{
	color: #ff8600;
}
.font-w500 h3{
	font-weight: 500;
}
a.readMoretext, .et_pb_blog_grid article a.more-link {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
    position: relative;
}
.et_pb_blog_grid article a.more-link{
	text-transform: capitalize;
	font-size: 16px;
}
a.readMoretext:before, .et_pb_blog_grid article a.more-link:before{
	content:'';
	display: block;
	background: url(images/right-arrow.svg) no-repeat;
	background-size: contain;
	width: 23px;
    height: 14px;
    position: absolute;
    right: -35px;
    top: 5px;
}
a.readMoretext:hover, .et_pb_blog_grid article a.more-link:hover{
	text-decoration: none;
}
.et_pb_blog_grid article .post-content {
    margin-bottom: 10px;
}
.et_pb_scroll_top.et-pb-icon {
  	background: #ff8600;
  	border-radius: 0;
}

/********** Header **********/

.topBar {
	width: 100%;
	padding: 12px 0;
	background: #23334c;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
}
.topBar .container {
	display: flex;
	justify-content: space-between;
}
.emailUs a {
	display: flex;
	align-items: center;
	color: #fff;
}
.emailUs a img {
  	margin-right: 15px;
}
.emailUs a:hover {
  	text-decoration: underline;
}
.et_header_style_left #et-top-navigation, .et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 25px;
}
.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a {
    padding-bottom: 40px;
}
#top-menu li.contactBtn {
    margin-left: 20px;
}
header#main-header #top-menu li.contactBtn a {
    background: #ff8600;
    padding: 15px 25px !important;
    color: #fff !important;
}
#top-menu li {
    padding-right: 30px;
}
#top-menu li a {
    font-weight: 500 !important;
}
#top-menu-nav>ul>li>a:hover, .et-fixed-header #top-menu > li > a:hover{
	color: #ff8600 !important;
	opacity: 1;
}
#top-menu li ul.sub-menu {
    padding: 0;
    width: 250px;
	box-shadow: 0 5px 15px rgba(0,0,0,.1);
    -moz-box-shadow: 0 5px 15px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.1);
}
#top-menu li ul.sub-menu li.menu-item {
    padding: 0;
    display: block;
}
#top-menu li ul.sub-menu li.menu-item a {
    width: 100% !important;
    text-transform: capitalize !important;
    padding: 10px 20px !important;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
#top-menu li ul.sub-menu li.menu-item:last-child a {
	border-bottom: none;
}
.nav li ul.sub-menu li.menu-item a:hover, .et-fixed-header #top-menu.nav li ul.sub-menu li.menu-item a:hover {
    background-color: #23334c !important;
    opacity: 1;
    color: #fff !important;
}

/* Collapsible Submenu Code */

.et_pb_menu .et_mobile_menu .menu-item-has-children > a,
#main-header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
}
.et_pb_menu .et_mobile_menu .menu-item-has-children > a:after, #main-header .et_mobile_menu .menu-item-has-children > a:after {
    font-family: 'ETmodules';
    text-align: center;
    speak: none;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 18px;
    content: '\33';
    top: 11px;
    right: 13px;
}
.et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a:after,
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
    content: '\32';
}
.et_pb_menu .et_mobile_menu ul.sub-menu,
#main-header .et_mobile_menu ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
	padding: 0;
}
.et_pb_menu .et_mobile_menu li.visible > ul.sub-menu,
#main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l #main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li.visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}
.et_mobile_menu li ul.sub-menu li {
  	padding: 0;
}
.et_mobile_menu li ul.sub-menu li a {
  	text-transform: capitalize;
  	padding: 13px 30px;
}
.et_mobile_menu li a:hover, .nav ul li a:hover, .et_mobile_menu li.current_page_item a {
  	color: #ff8600;
}
header#main-header #top-menu li.contactBtn a:hover {
	background-color: #23334c;
}
/********** Homepage **********/

.homeBanner {
  	position: relative;
}
.homeBanner:before {
	content: "";
	display: block;
	width: 50%;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	background-image: linear-gradient(45deg,#fff 10%,transparent 60%);
}

.homeCounter {
    display: flex;
    align-items: center;
}
.homeCounter .percent {
    margin-bottom: 0 !important;
    height: auto !important;
    margin-right: 20px;
}
.homeCounter h3.title {
    padding: 0;
}
.counterRow .et_pb_column {
    position: relative;
}
.counterRow .et_pb_column:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: rgba(255,255,255,0.2);
    position: absolute;
    right: -40px;
}
.counterRow .et_pb_column:last-child:before {
    content: none;
}

.homeGallery .et_pb_gallery_item {
    width: calc(100% / 3 - 30px) !important;
    margin: 15px !important;
    clear: none !important;
}
.mfp-image-holder .mfp-content .mfp-title {
    display: none;
}

.clientName .et_pb_blurb_container {
    vertical-align: middle;
}

/********** FAQ **********/

.faqAccordion .et_pb_toggle {
    border: none;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 0 !important;
    padding: 25px 0;
}
.faqAccordion .et_pb_toggle h5.et_pb_toggle_title {
    font-weight: 500 !important;
}
.faqAccordion .et_pb_toggle.et_pb_toggle_open h5.et_pb_toggle_title {
    font-weight: 600 !important;
}
.faqAccordion .et_pb_toggle_content {
    padding-right: 50px;
}
.faqAccordion .et_pb_toggle:last-child {
    border-bottom: none;
}
.faqAccordion .et_pb_toggle_open h5.et_pb_toggle_title:before {
    color: #ff8600;
	display: block !important;
    font-family: ETmodules!important;
    font-weight: 400!important;
    content: "\4f"!important;
}

/********** Request Quote Form **********/

.gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield textarea, .gform_wrapper.gravity-theme .gfield select {
    border: 1px solid #dedede;
    padding: 17px 25px;
    font-size: 15px;
    color: #9d9d9d;
}
.ginput_container_fileupload input {
    background: #fff;
    padding: 16px 25px !important;
}
.gform_wrapper.gravity-theme .gform_footer {
    margin: 0;
}
.gform_wrapper.gravity-theme .gform_footer input {
    width: 100%;
    background: #ff8600;
    border: none;
    padding: 17px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    margin: 0;
    transition: color 300ms ease 0ms,background-color 300ms ease 0ms,border 300ms ease 0ms;
}
.gform_wrapper.gravity-theme .gform_footer input:hover {
    background: #23334c;
}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    display: none;
}
.gform_wrapper.gravity-theme .gform_validation_errors {
    margin-top: 0;
    padding: 15px;
    text-align: center;
}
.gform_wrapper.gravity-theme .gform_validation_errors h2.gform_submission_error {
    padding: 0;
    font-size: 14px;
    font-family: 'Inter',Helvetica,Arial,Lucida,sans-serif;
}
.gfield_description.gform_fileupload_rules {
  	display: none !important;
}
.careerForm .gform_wrapper.gravity-theme .gform_footer input {
  	max-width: 400px;
  	margin: 0 auto;
}

/********** Footer **********/

.footerMenu ul.et-menu.nav li {
    padding: 2px 20px;
    border-right: 1px solid #fff;
}
.footerMenu ul.et-menu.nav li a {
    padding-bottom: 0;
    font-weight: 400;
}
.footerMenu ul.et-menu.nav li:last-child {
    border: none;
}
.footerTags ul {
    padding: 0;
    margin: 0;
}
.footerTags ul li {
    list-style: none;
    display: inline-block;
    padding: 0 10px;
}
.socialMedia .et_pb_column {
    display: flex;
    align-items: center;
    justify-content: center;
}
.socialMedia .et_pb_column .et_pb_image a {
    margin: 0 7px !important;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 300ms ease 0ms,background-color 300ms ease 0ms,border 300ms ease 0ms;
}
.socialMedia .et_pb_column .et_pb_image img {
    height: 22px;
}
.socialMedia .et_pb_column .et_pb_image {
    margin: 0 7px !important;
    width: 50px;
    height: 50px;
}
.socialMedia .et_pb_column .et_pb_image a:hover {
    background: #ff8600;
    border-color: #ff8600;
}

/********** Whats App Widget **********/


.whatsappWidget {
	position: fixed;
	right: 50px;
	bottom: 40px;
	z-index: 99;
	animation: shadow-pulse 1.5s infinite;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	background-color: #29A71A;
	border-radius: 50%;
	margin: 0 !important;
	width: 60px;
	height: 60px;
}
@keyframes shadow-pulse {
	0% {
		box-shadow: 0 0 0 0px rgba(41, 167, 26, 0.5);
	}
	100% {
		box-shadow: 0 0 0 20px rgba(0 0 0 / 0%);
	}
}

/******** About Page ********/

.aboutCounter .et_pb_number_counter .percent {
    height: auto;
    margin-bottom: 10px;
}
.aboutCounter .et_pb_column {
    position: relative;
}
.aboutCounter .et_pb_column:after {
    content: "";
    display: block;
    background: #2c2c2c;
    opacity: 0.2;
    width: 1px;
    height: 50%;
    position: absolute;
    top: 50%;
    right: -30px;
    transform: translate(0, -50%);
}
.aboutCounter .et_pb_column:last-child:after {
    content: none;
}

/******** Single Post ********/

.single-post #main-content {
    background-color: #f7f8fa;
}
.single-post #main-content .container {
    padding: 80px 0 !important;
}
.single-post #main-content .container:before{
	content: none !important;
}
.single-post #main-content .container #left-area {
    max-width: 1040px;
    margin: 0 auto;
    background: #fff;
    padding: 70px 80px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
	width: 100% !important;
    float: none !important;
}
.single-post #left-area article h1.entry-title {
    font-weight: 600;
    line-height: 1.3;
}
.single-post #left-area article {
  	padding: 0;
  	margin: 0;
}
.single-post #left-area article p.post-meta {
    font-size: 16px;
    color: #ff8600;
}
.single-post #left-area article .entry-content p {
    padding: 0;
    margin-bottom: 30px;
    font-size: 17px;
	line-height: 1.6;
}
.single-post #left-area article .entry-content p:last-child {
    margin-bottom: 0;
}
.single-post #left-area article .entry-content h3 {
    font-size: 20px;
}
.single-post #left-area article h1, .single-post #left-area article .entry-content h2, .single-post #left-area article .entry-content h3, .single-post #left-area article .entry-content h4{
	font-family: 'Inter',Helvetica,Arial,Lucida,sans-serif;
}
.single-post #left-area article .entry-content ul, .single-post #left-area article .entry-content ol {
    padding-bottom: 0;
    margin-bottom: 30px;
}
.single-post #left-area article .entry-content ul li, .single-post #left-area article .entry-content ol li {
    font-size: 17px;
    margin-bottom: 10px;
}
.single-post #left-area article .entry-content ul li:last-child, .single-post #left-area article .entry-content ol li:last-child {
    margin: 0;
}

/******** Single Related Post ********/

.relatedPostSection {
    padding: 80px 0;
}
.relatedPostSection .container {
    max-width: 1140px;
    width: 100%;
}
.relatedPostSection .relatedPostTitle {
    margin-bottom: 30px;
}
.relatedPostSection .relatedPostTitle h2 {
    font-size: 30px;
    font-weight: 700;
    font-family: 'Inter',Helvetica,Arial,Lucida,sans-serif;
    padding: 0;
}
.relatedPostSection .relatedCatPost {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.relatedPostSection .relatedCatPost .post-box {
    width: calc(33.33% - 30px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    -webkit-box-shadow: 1px 0px 13px rgb(1 0 2/2%) !important;
    -moz-box-shadow: 1px 0px 13px rgb(1 0 2/2%) !important;
    box-shadow: 1px 0px 13px rgb(1 0 2/2%) !important;
    background-color: #fff;
    border: 1px solid #ededed !important;
    border-radius: 20px;
}
.relatedCatPost .post-box .post-box-contents {
    padding: 15px 25px 25px;
}
.relatedCatPost .post-box .post-box-contents h3 {
    font-family: 'Inter',Helvetica,Arial,Lucida,sans-serif;
    font-size: 20px;
    line-height: 1.3;
}
.relatedCatPost .post-box .post-box-contents p {
    font-size: 16px;
}
.relatedCatPost .post-box .post-box-img img {
  	height: 213px;
  	object-fit: cover;
}

/********** Responsive **********/

@media (max-width:1600px){
.container {
	width: 100%;
}
.container, .et_pb_row {
  	padding-left: 15px;
  	padding-right: 15px;
}
.homeBanner::before {
  	width: 70%;
  	background-image: linear-gradient(45deg,#fff 40%,transparent 60%);
}
.excellenceText {
  	max-width: 600px;
}
}

@media (max-width:1366px){
.homeCounter h3.title{
	font-size: 16px !important;
	line-height: 24px !important;
}
}


@media (min-width:981px) and (max-width:1199px){
.annualText h3 {
  	font-size: 50px !important;
}
.annualText h1 {
  	font-size: 64px !important;
}
.annualText h2 {
  	font-size: 60px !important;
}
.elevatorText h2 {
  	font-size: 44px !important;
}
.excellenceText {
    max-width: 500px;
}
.homeBanner::before {
    background-image: linear-gradient(85deg,#fff 60%,transparent 90%);
}
.counterRow .et_pb_column:first-child {
  	padding-left: 0;
}
.homeCounter .percent {
  	margin-right: 10px;
}
.homeCounter h3.title {
    font-size: 13px !important;
    line-height: 20px !important;
}
.homeCounter .percent p {
  	font-size: 30px !important;
  	line-height: 30px !important;
}
#top-menu li {
  	padding-right: 23px;
}
}

@media (max-width:980px){
.faqAccordion .et_pb_toggle h5.et_pb_toggle_title {
  	line-height: 1.3;
}
.excellenceText {
    max-width: 450px;
}
.homeBanner::before {
    background-image: linear-gradient(85deg,#fff 60%,transparent 90%);
}
.footerMenu .et_mobile_nav_menu {
  	display: none !important;
}
.footerMenu .et_pb_menu__menu {
  	display: block !important;
}
#main-header .logo_container {
  	width: 90% !important;
}
.et_mobile_menu {
  	border: none;
  	padding: 0;
}
.et_mobile_menu li a {
	font-size: 15px;
    padding: 13px 20px;
    text-transform: uppercase;
}
.mobile_menu_bar::before {
  	font-size: 37px;
}
.mobile_nav.opened .mobile_menu_bar::before {
    content: "\4d";
}
.reverse {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column-reverse;
}
.single-post #main-content .container #left-area {
  	padding: 40px;
  	width: 95% !important;
}
.relatedPostSection .relatedCatPost {
    gap: 15px;
}
.relatedPostSection .relatedCatPost .post-box {
    width: calc(33.33% - 15px);
}
.relatedCatPost .post-box .post-box-contents {
    padding: 15px 20px 25px;
}
.relatedCatPost .post-box .post-box-img img {
    height: 150px;
}
.relatedCatPost .post-box .post-box-contents h3 {
    font-size: 18px;
}
}

@media (max-width:767px){
.homeGallery .et_pb_gallery_item {
  	width: 100% !important;
  	margin: 0 0 20px !important;
}
.faqAccordion .et_pb_toggle {
  	padding: 18px 0;
}
.faqAccordion .et_pb_toggle_content {
  	padding-right: 0;
}
.gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield textarea {
  	padding: 10px 20px;
}
.gform_wrapper.gravity-theme .gfield select {
  	padding: 15px 20px;
}
.gform_wrapper.gravity-theme .gform_footer input {
  	padding: 8px;
  	font-size: 18px;
}
.footerTags ul li {
 	 padding: 0 5px;
}
.footerMenu ul.et-menu.nav li {
  	padding: 2px 15px;
}
.topBar .container {
  	justify-content: center;
}
.topBar .container .widget.widget_text:first-child {
  	display: none;
}
.emailUs a img {
  	margin-right: 10px;
}
.homeCounter {
  	flex-direction: column;
}
.homeCounter .percent {
  	margin-right: 0;
  	margin-bottom: 5px !important;
}
.counterRow .et_pb_column, .aboutCounter .et_pb_column{
  	width: 50% !important;
  	padding: 0 13px;
	margin: 0 0 30px !important;
}
.homeCounter h3.title {
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: center;
}
.counterRow .et_pb_column::before, .aboutCounter .et_pb_column::after {
  	right: 0;
}
.aboutCounter .et_pb_column::after {
  	height: 70%;
}
.counterRow .et_pb_column:nth-child(2)::before, .aboutCounter .et_pb_column:nth-child(2)::after {
  	content: none;
}
.homeBanner {
    background-position: right -220px center !important;
}
.homeBanner::before {
    width: 100%;
    background-image: linear-gradient(85deg,#fff 60%,transparent 100%);
}
.whatsappWidget {
	right: 30px;
	bottom: 30px;
	width: 50px;
	height: 50px;
}
.single-post #main-content .container, .relatedPostSection {
    padding: 60px 0 !important;
}
.single-post #main-content .container #left-area {
    padding: 30px 20px;
}
.single-post #left-area article h1.entry-title, .relatedPostSection .relatedPostTitle h2 {
    font-size: 24px;
}
.single-post #left-area article .entry-content p {
    margin-bottom: 20px;
}
.single-post #left-area article .entry-content p, .single-post #left-area article .entry-content ul li, .single-post #left-area article .entry-content ol li {
    font-size: 16px;
    line-height: 1.6;
}
.single-post #left-area article .entry-content h2 {
    font-size: 22px;
    line-height: 1.4;
    padding-bottom: 10px;
}
.single-post #left-area article .entry-content h3 {
    font-size: 18px;
    line-height: 1.4;
}
.relatedPostSection .relatedCatPost .post-box {
    width: 100%;
}
.relatedCatPost .post-box .post-box-img img {
    height: auto;
    width: 100%;
}
}