/*
 Theme Name:     TRoo Cleaning Services Divi Child Theme
 Theme URI:      https://troocleaningdivi.troothemes.com/
 Description:    The TRoo Cleaning Services Divi Child Theme is designed specifically for cleaning businesses. It comes with over 30 pages, making it easy to create a professional website for 					 residential, commercial, or industrial cleaning services.
 Author:         TRooThemes
 Author URI:     https://troothemes.com/
 Template:       Divi
 Version:        1.0.0
*/



/* Theme customization starts here */

/*------ Root Color ------*/
:root {
  --color1: #002424;
  --color2: #F3D155;
  --color3: #181818;
}

/*------ Common CSS ------*/
body {
  overflow-x: hidden;
}

.cleaning_blurb .et_pb_blurb_content .et_pb_blurb_container {
  flex: 1;
}

.cleaning_innerblurb.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cleaning_heading h1,
.cleaning_heading h2,
.cleaning_heading h3,
.cleaning_heading h4,
.cleaning_heading h5,
.cleaning_heading h6,
.cleaning_innerheading h1 {
  padding-bottom: 0 !important;
  font-weight: 700 !important;
}

.cleaning_space h1,
.cleaning_space h2,
.cleaning_space h3,
.cleaning_space h4,
.cleaning_space h5,
.cleaning_space h6 {
  padding-bottom: 10px !important;
}

.cleaning_heading h1 {
  font-size: 60px !important;
  line-height: 70px !important;
  color: var(--color3) !important;
}

.cleaning_innerheading h1 {
  font-size: 50px !important;
  line-height: 60px !important;
  color: var(--color3) !important;
}

.cleaning_heading h2 {
  font-size: 40px !important;
  line-height: 50px !important;
  color: var(--color3) !important;
}

.cleaning_heading h3 {
  font-size: 24px !important;
  line-height: 34px !important;
  color: var(--color3) !important;
}

.cleaning_heading h4 {
  font-size: 20px !important;
	line-height: 70px !important;
	margin-top : -20px !important;
  color: var(--color3) !important;
}

.cleaning_heading h5 {
  font-size: 16px !important;
  line-height: 26px !important;
  color: var(--color3) !important;
}

.cleaning_heading h6 {
  font-size: 14px !important;
  line-height: 24px !important;
  color: var(--color3) !important;
}

@media only screen and (max-width: 980px) {
  .cleaning_heading h1 {
    font-size: 40px !important;
    line-height: 50px !important;
    color: var(--color3) !important;
  }

  .cleaning_innerheading h1 {
    font-size: 40px !important;
    line-height: 50px !important;
    color: var(--color3) !important;
  }
}

/*------ Header ------*/
.cleaning_menu .et-menu-nav ul li ul {
  padding: 0;
  border-top: 0 !important;
  top: 0;
}

.cleaning_menu .et-menu-nav ul li ul li {
  padding: 0;
  width: auto;
  position: relative;
  display: block;
}

.cleaning_menu .et-menu-nav ul li ul li a {
  width: 100%;
  line-height: inherit;
  border-bottom: 1px solid rgba(0, 0, 0, .10);
  border-top: 0 none;
  padding: 13px 15px !important;
  display: block;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out !important;
  color: #161616 !important;
  background: #ffffff;
}

.cleaning_menu .et-menu-nav ul li ul li a:hover {
  opacity: 1;
  padding-left: 40px !important;
}

.cleaning_menu .et-menu-nav ul li ul li a:before {
  position: absolute;
  content: '\f51a';
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: all .500s ease-in-out;
  transition: all .500s ease-in-out;
  color: var(--color1);
  opacity: 0;
  background: transparent;
  font-family: "FontAwesome";
  font-weight: 900;
  font-size: 16px;
}

.cleaning_menu .et-menu-nav ul li ul li a:hover:before {
  opacity: 1;
  color: var(--color2);
}

.cleaning_menu .et_mobile_menu .menu-item-has-children > a {
  background: transparent;
}

.cleaning_menu .et_mobile_menu .menu-item-has-children a.mobile-toggle-icon {
  display: none;
}

.cleaning_menu .et_mobile_nav_menu ul > li > a {
  background: transparent;
}

.cleaning_menu .et-menu-nav ul > li {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 0 !important;
}

.cleaning_menu .et-menu-nav ul > li > a {
  padding: 35px 0 !important;
  color: var(--color1);
}

.cleaning_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et-menu .menu-item-has-children > a:first-child {
  padding-right: 10px !important;
}

.cleaning_menu .et_pb_menu__menu > nav > ul > li > a:after {
  top: 50% !important;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -7px !important;
}

.cleaning_menu .et_pb_button_module_wrapper {
  display: flex;
  justify-content: flex-end;
}

.cleaning_menu .et-menu li li.menu-item-has-children > a:first-child:after {
  top: 50%;
  transform: translateY(-50%);
}

.cleaningheader_section.et_pb_section.et_pb_sticky {
  box-shadow: 0px 8px 15px rgba(149, 157, 165, 0.1);
}

/* ------ Mobile Menu In Header ------ */
/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
  content: '\4d';
}


/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
  width: 44px;
  height: 100%;
  padding: 0px !important;
  max-height: 44px;
  border: none;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 999;
  background-color: transparent;
}


/*some code to keep everyting positioned properly*/

ul.et_mobile_menu > li.menu-item-has-children,
ul.et_mobile_menu > li.page_item_has_children,
ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children {
  position: relative;
}


/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children > a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children > a {
  background-color: transparent;
}


/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
  display: none !important;
  visibility: hidden !important;
}


/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
  display: block !important;
  visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
  text-align: center;
  opacity: 1;
}


/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
  top: 10px;
  position: relative;
  font-family: "ETModules";
  content: '\33';
  color: #00d263;
  background: var(--color1);
  border-radius: 5px;
  padding: 3px;
  font-size: 21px;
}


/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after {
  content: '\32';
}


/*add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
  position: absolute;
  right: 5%;
  margin-left: -20px;
  top: -14px;
  width: 0;
  height: 0;
  content: '';
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #ffffff;
}


/*adjust the position of the hamburger menu*/

.mobile_menu_bar {
  position: relative;
  display: block;
  bottom: 10px;
  line-height: 0;
}


/*force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
  background-color: #ffffff !important;
  border-radius: 10px;
}

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
  color: var(--color2);
}

.cleaning_menu.et_pb_menu ul li:hover > a,
.cleaning_menu.et_pb_menu ul li.current-menu-item > a,
.cleaning_menu.et_pb_menu .nav li ul.sub-menu > a:hover,
.cleaning_menu.et_pb_menu .nav li ul.sub-menu li.current-menu-item > a,
.cleaning_menu.et_pb_menu .et_mobile_menu > a:hover {
  color: var(--color2) !important;
  opacity: 1;
}

.cleaning_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
  transition: all 0.4s ease;
  transform: rotate(90deg);
  display: block;
  top: 0;
}



.cleaning_menu .et_mobile_nav_menu .mobile_nav .mobile_menu_bar::before {
  transition: all 0.4s ease;
  transform: rotate(0deg);
  display: block;
  top: 0;
  color: var(--color2);
  background: var(--color1);
  padding: 5px;

}

.cleaningheader_section_blurb .et_pb_main_blurb_image .et_pb_image_wrap {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cleaning_menu .et_mobile_menu li a {
  color: var(--color1) !important;
}

.cleaningheader_section_blurb .et_pb_blurb_container {
  padding-left: 15px;
}

@media all and (max-width: 1809px) and (min-width: 981px) {
  .cleaningheader_section.et_pb_section {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px !important;
  }
}

@media all and (max-width: 1426px) and (min-width: 981px) {
  .cleaningheader_section.et_pb_section {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .cleaningheader_section2_column1 {
    width: 100% !important;
    margin: 0 !important;
  }

  .cleaningheader_section2_column2 {
    display: none !important;
  }
}

@media all and (max-width: 1003px) and (min-width: 981px) {
  .cleaningheader_section.et_pb_section {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media all and (max-width: 980px) {
  .cleaning_menu .et_pb_menu_inner_container {
    padding: 20px;
  }

  .cleaning_menu .et_mobile_menu {
    overflow-y: scroll !important;
    max-height: 80vh !important;
    -overflow-scrolling: touch !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .cleaning_menu .mobile_menu_bar {
    transform: auto;
    bottom: auto;
  }
}

/*------ Footer ------*/
.cleaning_blurbbutton .et-pb-icon {
  color: var(--color3) !important;
}

/*------ Home ------*/
.cleaninghero_contact .et_pb_contact_form {
  display: flex;
  align-items: end;
  margin-left: 0;
}

.cleaninghero_contact .et_pb_contact p.et_pb_contact_field {
  flex: 1;
  padding: 0;
  margin: 0 20px 0 0;
}

.cleaninghero_contact .et_pb_contact_form_label {
  display: block;
  padding-bottom: 5px;
  color: var(--color1);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
}

.cleaninghero_contact .et_pb_contact_field[data-type="select"]::after {
  top: 54px;
  -webkit-transform: unset;
  transform: unset;
  border-top-color: var(--color1);
}

.cleaningservice_blurb.et_pb_blurb .et_pb_main_blurb_image img {
  width: 100% !important;
  max-width: 100% !important;
}

.cleaningservice_blurb.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container {
  background-color: #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  overflow: hidden;
  position: absolute;
  bottom: -92px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  transition: all 0.5s ease 0s;
  z-index: 1;
  padding: 20px !important;
}

.cleaningservice_column:hover .cleaningservice_blurb.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container {
  bottom: 20px;
  background-color: var(--color2);
}

.cleaningservice_blurb.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body #page-container .et_pb_section .cleaningservice_column:hover .cleaningservice_button,
body #page-container .et_pb_section .cleaningservice_column:hover .cleaningservice_button:after {
  color: var(--color2) !important;
}

.cleaningstep_column:hover .cleaningstep_text {
  background: var(--color2);
}

.cleaningteam_person .et_pb_member_social_links li {
  transform: translateY(0);
  transition: .33s ease-in-out;
  opacity: 0;
  margin: 0;
  padding: 0 5px;
}

.cleaningteam_column:hover .cleaningteam_person .et_pb_member_social_links li {
  transform: translateY(100%);
  opacity: 1
}

.cleaningteam_person .et_pb_member_social_links li:nth-child(1n) {
  transition-delay: 0.1s
}

.cleaningteam_person .et_pb_member_social_links li:nth-child(2n) {
  transition-delay: 0.2s
}

.cleaningteam_person .et_pb_member_social_links li:nth-child(3n) {
  transition-delay: 0.3s
}

.cleaningteam_person .et_pb_member_social_links li a {
  height: 35px;
  width: 35px;
  line-height: 2.4;
  background-color: var(--color1);
  color: #fff;
  border-radius: 50%;
  transition: 220ms linear;
  -webkit-transition: 220ms linear;
  transform: translateY(-35px)
}

.cleaningteam_person .et_pb_member_social_links li a:hover {
  color: #fff;
  background-color: var(--color2)
}

.cleaningteam_person .et_pb_team_member_image {
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
  transition: .4s
}

.cleaningteam_person .et_pb_team_member_image img {
  width: 100%;
  height: auto;
  transform-origin: top center;
  transition: .4s
}

.cleaningteam_column:hover .cleaningteam_person .et_pb_team_member_image img {
  transform: scale(1.2)
}

.cleaningteam_person .et_pb_team_member_image:before {
  background: linear-gradient(transparent, #111), linear-gradient(transparent, #111);
  height: 50%;
  opacity: 0;
  position: absolute;
  right: 0;
  z-index: 1;
  bottom: -20%;
  content: "";
  left: 0;
  width: 100%;
  transition: .3s ease-in-out
}

.cleaningteam_column:hover .cleaningteam_person .psn-info .et_pb_team_member_image:before {
  opacity: .7;
  bottom: 0
}

.cleaningteam_column:hover .cleaningteam_bio {
  background: var(--color2);
}

.cleaningshowcase_portfolio div.et_pb_ajax_pagination_container,
.et-db #et-boc .et-l #et-fb-app .cleaningshowcase_portfolio.et_pb_module > div {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 30px;
}

.cleaningshowcase_portfolio .project {
  padding: 20px;
  border: 1px solid rgba(0, 36, 36, 0.2);
  transition: all 0.5s ease;
  border-radius: 5px;
}

.cleaningshowcase_portfolio .project:hover {
  border-color: var(--color1);
}

.cleaningshowcase_portfolio .project > a:before {
  padding: 0;
  margin: 0;
  list-style: none;
  opacity: 0;
  position: absolute;
  right: 35px;
  top: 35px;
  transition: all 0.6s ease;
  content: "\35";
  font-family: 'ETmodules';
  background: var(--color2);
  width: 60px;
  height: 60px;
  z-index: 1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: var(--color1);
}

.cleaningshowcase_portfolio .project:hover > a:before {
  opacity: 1;
}

.cleaningshowcase_portfolio .project .et_portfolio_image {
  border-radius: 5px;
  background: var(--color1);
  overflow: hidden;
  position: relative;
}

.cleaningshowcase_portfolio .project .et_portfolio_image img {
  border-radius: 5px;
  transition: all 0.6s ease;
}

.cleaningshowcase_portfolio .project:hover .et_portfolio_image img {
  opacity: 0.4;
  filter: grayscale(100%);
}

.cleaningshowcase_portfolio .project .info {
  background: #fff;
  text-align: center;
  width: calc(100% - 80px);
  padding: 20px;
  position: absolute;
  bottom: 40px;
  left: 50%;
  transition: all 0.4s ease-in-out;
  transform: translateX(-50%) scale(1);
  display: flex;
  flex-direction: column-reverse;
  border-radius: 5px;
}

.cleaningshowcase_portfolio .project:hover .info {
  background: var(--color2);
}

.cleaningshowcase_portfolio .project .post-meta {
  margin: 0;
  padding: 5px 10px;
  background: var(--color2);
  margin-bottom: 10px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
  transition: all 0.5s ease;
}

.cleaningshowcase_portfolio .project:hover .post-meta {
  background: #ffffff;
}

.cleaningshowcase_portfolio .project .post-meta a {
  color: var(--color1);
}

.cleaningshowcase_portfolio .project .et_pb_module_header {
  margin-top: 0;
}

.cleaningtestimonial_testimonial .et_pb_testimonial_content {
  padding: 61px 0 30px 0;
  position: relative;
  margin-top: 30px;
}

.cleaningtestimonial_testimonial .cleaningtestimonial_testimonial_top {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 30px;
  position: relative;
}

.cleaningtestimonial_testimonial .et_pb_testimonial_content:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid var(--color3);
  opacity: 0.5;
}

.cleaningtestimonial_testimonial .et_pb_testimonial_portrait:before {
  position: absolute;
  width: 66px;
  height: 66px;
  left: -3px;
  top: -3px;
  background: linear-gradient(90deg, var(--color) 0%, var(--color2) 104%);
  opacity: 0.2;
  z-index: -1;
}

.cleaningtestimonial_testimonial .et_pb_testimonial_author {
  color: var(--color3);
  margin-top: 0;
  margin-bottom: 10px;
}

.cleaningtestimonial_testimonial .cleaningtestimonial_testimonial_top .et_pb_testimonial_portrait {
  margin-right: 0 !important;
  max-width: 60px;
  height: 60px !important;
  width: 100% !important;
  margin: 0;
}

.cleaningtestimonial_testimonial .et_pb_testimonial_position {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: var(--color3);
}

.cleaningtestimonial_testimonial .et_pb_testimonial_content:before {
  content: '\e033\e033\e033\e033\e033';
  width: 102px;
  height: 34px;
  position: absolute;
  right: -2px;
  top: 0;
  font-family: ETmodules;
  font-size: 14px;
  color: var(--color1);
  letter-spacing: 3px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cleaningtestimonial_testimonial .et_pb_testimonial_content p {
  padding-bottom: 0;
}

.et-db #et-boc .et-l #et-fb-app .et_pb_column.cleaningtestimonial_column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}

.cleaningtestimonial_column .slick-list {
  overflow: hidden;
}

.cleaningtestimonial_column .slick-arrow {
  position: absolute;
  bottom: 0;
  right: 1vw;
  height: 50px;
  width: 50px;
  font-size: 0;
  border: 0;
  background: rgba(243, 209, 85, 0.2);
  padding: 0;
  z-index: 9;
  transition: all .5s ease;
  cursor: pointer;
  border-radius: 25px;
}

.cleaningtestimonial_column .slick-arrow:hover {
  background: var(--color1);
}

.cleaningtestimonial_column .slick-arrow.slick-prev {
  right: 80px;
}

.cleaningtestimonial_column .slick-arrow:before {
  content: '\24';
  font-family: ETmodules;
  color: var(--color2);
  font-size: 25px;
  transition: all .5s ease;
}

.cleaningtestimonial_column .slick-arrow:hover:before {
  color: #ffffff;
}

.cleaningtestimonial_column .slick-arrow.slick-prev:before {
  content: '\23';
}

.cleaningtestimonial_column .slick-track {
  display: flex;
  gap: 30px;
}

.cleaning_pricing .cleaning_pricing_content {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 5px;
  overflow: visible;
  height: 100%;
  justify-content: space-between;
}

.cleaning_pricing .cleaning_pricing_content_inner {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  height: 100%;
  padding: 10px;
}

.cleaning_pricing .cleaning_pricing_content:before {
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  background: var(--color2);
  opacity: 0.1;
  transition: all .5s ease;
}

.cleaning_pricing .et_pb_pricing_table:hover .cleaning_pricing_content:before {
  opacity: 1;
}

.cleaning_pricing .et_pb_pricing_table {
  padding-bottom: 30px !important;
}

.cleaning_pricing .cleaning_pricing_content .et_pb_pricing_title {
  padding: 0 !important;
  margin-top: 10px !important;
  color: var(--color3);
  font-weight: 700;
  transition: all .5s ease;
}

.cleaning_pricing .cleaning_pricing_content .et_pb_best_value {
  padding: 0 !important;
  margin-top: 10px !important;
  color: var(--color3);
  font-weight: 400;
  transition: all .5s ease;
}

.cleaning_pricing .cleaning_pricing_content .et_pb_sum {
  color: var(--color3);
  word-break: break-word;
  transition: all .5s ease;
  font-size: 50px;
  line-height: 60px;
  font-weight: 700;
}

.cleaning_pricing .cleaning_pricing_content .et_pb_dollar_sign {
  color: var(--color3);
  transition: all .5s ease;
}

.cleaning_pricing .cleaning_pricing_content .et_pb_button_wrapper {
  transition: max-height .15s ease-out;
  padding: 0;
}

.cleaning_pricing .et_pb_pricing_table:hover .cleaning_pricing_content .et_pb_button_wrapper {
  max-height: fit-content;
  display: inline-table;
}

.cleaning_pricing .cleaning_pricing_content .et_pb_button_wrapper a:after {
  position: relative;
  margin: 0 !important;
}

.cleaning_pricing .et_pb_pricing_table .et_pb_pricing_content ul {
  display: flex;
  flex-direction: column;
  gap: 14px;
  list-style: none;
}

.cleaning_pricing .et_pb_pricing_table .et_pb_pricing_content ul li {
  position: relative;
  padding: 0 0 0 35px;
  color: var(--color3);
  font-weight: 400;
}

.cleaning_pricing .et_pb_pricing_table .et_pb_pricing_content ul li:before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background-image: url(/wp-content/uploads/2024/05/Icon.png);
}

.cleaning_pricing .et_pb_pricing_table .et_pb_pricing_content ul li span:before {
  content: none;
}

.cleaning_pricing .et_pb_pricing_table .et_pb_pricing_table_button {
  padding-top: 12px !important;
  padding-right: 40px !important;
  padding-bottom: 12px !important;
  padding-left: 40px !important;
  border-width: 0px !important;
  font-size: 16px;
  background: var(--color1) !important;
  color: #ffffff !important;
  border-radius: 10px 0px !important;
  font-weight: 700;
  transition: all 300ms ease 0ms;
  margin-bottom: -35px;
}

.cleaning_pricing .et_pb_pricing_table .et_pb_pricing_table_button:hover {
  border-radius: 0px 10px !important;
}

.cleaning_pricing .et_pb_pricing_table .et_pb_pricing_table_button:after {
  display: none;
}

.cleaning_faqs.et_pb_accordion .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before {
  background: var(--color1) !important;
  color: #ffffff !important;
  content: "\4b" !important;
}

.cleaning_blogs.et_pb_posts div.et_pb_ajax_pagination_container,
.et-db #et-boc .et-l #et-fb-app .cleaning_blogs.et_pb_module > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

.cleaning_blogs.et_pb_posts .et_pb_post {
  margin: 0;
  border: 1px solid rgba(0, 36, 36, 0.1);
  border-radius: 10px;
  transition: all 0.5s ease;
}

.cleaning_blogs.et_pb_posts .et_pb_post:hover {
  border-color: var(--color2);
}

.cleaning_blogs.et_pb_posts .et_pb_post .entry-featured-image-url {
  margin-bottom: 0;
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 10px 10px 0 0;
  background: var(--color1);
  overflow: hidden;
  position: relative;
}

.cleaning_blogs.et_pb_posts .et_pb_post .entry-featured-image-url img {
  margin-bottom: 0;
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 10px 10px 0 0;
  transition: all 0.6s ease;
}

.cleaning_blogs.et_pb_posts .et_pb_post:hover .entry-featured-image-url img {
  opacity: 0.4;
  filter: grayscale(100%);
}

.cleaning_blogs.et_pb_posts .et_pb_post .published {
  position: absolute;
  background: var(--color2);
  left: 10px;
  top: 10px;
  padding: 5px 10px;
  color: var(--color3);
  border-radius: 10px;
}

.cleaning_blogs.et_pb_posts .et_pb_post .post-meta {
  margin: 0;
}

.cleaning_blogs.et_pb_posts .et_pb_post .info {
  padding: 20px;
  background: #fff;
  border-radius: 0 0 10px 10px;
}

.cleaning_blogs.et_pb_posts .et_pb_post .info a[rel=tag] {
  color: var(--color3);
  position: relative;
  border-radius: 0 0 10px 10px;
  padding-left: 25px;
}

.cleaning_blogs.et_pb_posts .et_pb_post .info a[rel=tag]:before {
  content: "";
  background-image: url(/wp-content/uploads/2024/06/cate-Icon.png);
  width: 15px;
  height: 15px;
  position: absolute;
  top: 5px;
  left: 0;
}

@media (min-width:981px) and (max-width:1300px) {

  .cleaningshowcase_portfolio div.et_pb_ajax_pagination_container,
  .et-db #et-boc .et-l #et-fb-app .cleaningshowcase_portfolio.et_pb_module > div {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media only screen and (max-width: 980px) {
  .cleaninghero_contact .et_pb_contact_form {
    display: flex;
    align-items: end;
    margin-left: 0;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .cleaninghero_contact .et_pb_contact p.et_pb_contact_field {
    flex: 1;
    padding: 0;
    margin: 0 0px 20px 0;
    width: 100%;
  }

  .cleaningshowcase_portfolio div.et_pb_ajax_pagination_container,
  .et-db #et-boc .et-l #et-fb-app .cleaningshowcase_portfolio.et_pb_module > div {
    grid-template-columns: 1fr 1fr;
  }
}

@media(max-width:767px) {
  .cleaning_pricing .cleaning_pricing_content_inner {
    padding: 20px 10px;
  }

  .cleaning_pricing .et_pb_pricing_table {
    padding-bottom: 20px !important;
  }

  .cleaning_pricing .et_pb_pricing_table .et_pb_pricing_content ul li {
    padding: 0 0 0 35px;
  }

  .cleaning_blogs.et_pb_posts div.et_pb_ajax_pagination_container {
    grid-template-columns: 1fr;
  }

  .cleaningshowcase_portfolio div.et_pb_ajax_pagination_container,
  .et-db #et-boc .et-l #et-fb-app .cleaningshowcase_portfolio.et_pb_module > div {
    grid-template-columns: 1fr;
  }
}

/*------ About Us ------*/
.cleaningtime_column:hover .cleaningtime_text.et_pb_module {
  background: var(--color2);
  color: var(--color3);
}

.cleaningtime_column:hover .cleaningtime_blurb.et_pb_module {
  background: #ffffff;
}

.cleaningtime_column:hover .cleaningtime_blurb.et_pb_module .et_pb_module_header,
.cleaningtime_column:hover .cleaningtime_blurb.et_pb_module .et_pb_blurb_content {
  color: var(--color3) !important;
}

body:not(.et-fb) .dl-popup-wrapper {
  position: fixed;
  z-index: 990;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.5s cubic-bezier(0.14, 0.06, 0.41, 1.39);
  opacity: 0;
  visibility: hidden;
}

body:not(.et-fb) .dl-popup-wrapper.popup-is-visible {
  opacity: 1;
  visibility: visible;
}

.dl-popup-inside {
  height: 100%;
}

body.dl-noscroll {
  overflow: hidden;
}

.troo-popup-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.troo-popup-section .et_pb_row {
  margin-top: 0;
  margin-bottom: 0;
}

@media (min-width: 600px) and (max-width: 782px) {
  body:not(.et-fb).admin-bar .dl-popup-wrapper {
    top: 46px;
  }
}

@media (min-width: 783px) {
  body:not(.et-fb).admin-bar .dl-popup-wrapper {
    top: 32px;
  }
}

.et_builder_inner_content.popup-is-visible {
  z-index: 99999;
}

.popup-close {
  cursor: pointer;
}

.dl-popup-wrapper.popup-is-visible .et_pb_row:not(.popup-close) {
  animation: scale-in 0.5s cubic-bezier(0.14, 0.06, 0.41, 1.39) both;
  animation-delay: 0.5s;
}

@keyframes scale-in {
  0% {
    transform: scale(0.3);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.popup-close .et_pb_icon_wrap .et-pb-icon {
  background: var(--color1);
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 32px;
  border-radius: 50%;
}

@media only screen and (max-width: 767px) {
  .popup-close .et_pb_icon_wrap .et-pb-icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
}

/*------ Service Detail ------*/
.cleaningsdetail_blurb.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container {
  flex: 1;
}

.cleaningsdetail_blurb.et_pb_blurb:hover .et_pb_module_header {
  color: #ffffff !important;
}

.cleaningsdetail_blurb.et_pb_blurb .et_pb_blurb_container .et_pb_blurb_description {
  transition: all 0.5s ease;
}

.cleaningsdetail_blurb.et_pb_blurb:hover .et_pb_blurb_container .et_pb_blurb_description {
  color: #ffffff !important;
}

.cleaningsdetail_blurblist .et-pb-icon {
  color: var(--color2) !important;
}

/*------ Team Detail ------*/
.cleaningtdetail_contactblurb.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container {
  flex: 1;
}

/*------ Contact ------*/
.cleaningcontact_contactblurb.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container {
  flex: 1;
  word-wrap: anywhere;
}

.cleaningcontact_form .et_pb_contact_form_label {
  display: block;
  margin-bottom: 10px;
  font-weight: 700;
}

/*------ Search Page ------*/
.cleaningsearch_blog .et_pb_post {
  margin-bottom: 40px;
  word-wrap: break-word;
}

/*------ Project Detail ------*/
.cleaningpdetail_list ul {
  padding: 0;
  list-style-type: none;
}

.cleaningpdetail_list ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  margin-bottom: 10px;
}

.cleaningpdetail_list ul li:last-child {
  margin-bottom: 0;
}

.cleaningpdetail_list ul li .des {
  font-weight: 700;
}

/*------ Blog Detail ------*/
.cleaningbdetail_blurb.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
  background: var(--color2);
  padding: 5px 15px;
  width: fit-content;
  margin: auto;
  border-radius: 50px;
}

.cleaningbdetail_comment #commentform {
  padding-bottom: 0px;
}